@weng-lab/genomebrowser 1.0.0 → 1.1.0

package/dist/genomebrowser.es.js

@@ -12061,35 +12061,35 @@ function qd(e) {
         /* @__PURE__ */ d.jsx(
           "path",
           {
-            d: `M51.22,21h-5.052c-0.812,0-1.481-0.447-1.792-1.197s-0.153-1.54,0.42-2.114l3.572-3.571
-		c0.525-0.525,0.814-1.224,0.814-1.966c0-0.743-0.289-1.441-0.814-1.967l-4.553-4.553c-1.05-1.05-2.881-1.052-3.933,0l-3.571,3.571
-		c-0.574,0.573-1.366,0.733-2.114,0.421C33.447,9.313,33,8.644,33,7.832V2.78C33,1.247,31.753,0,30.22,0H23.78
-		C22.247,0,21,1.247,21,2.78v5.052c0,0.812-0.447,1.481-1.197,1.792c-0.748,0.313-1.54,0.152-2.114-0.421l-3.571-3.571
-		c-1.052-1.052-2.883-1.05-3.933,0l-4.553,4.553c-0.525,0.525-0.814,1.224-0.814,1.967c0,0.742,0.289,1.44,0.814,1.966l3.572,3.571
-		c0.573,0.574,0.73,1.364,0.42,2.114S8.644,21,7.832,21H2.78C1.247,21,0,22.247,0,23.78v6.439C0,31.753,1.247,33,2.78,33h5.052
-		c0.812,0,1.481,0.447,1.792,1.197s0.153,1.54-0.42,2.114l-3.572,3.571c-0.525,0.525-0.814,1.224-0.814,1.966
-		c0,0.743,0.289,1.441,0.814,1.967l4.553,4.553c1.051,1.051,2.881,1.053,3.933,0l3.571-3.572c0.574-0.573,1.363-0.731,2.114-0.42
-		c0.75,0.311,1.197,0.98,1.197,1.792v5.052c0,1.533,1.247,2.78,2.78,2.78h6.439c1.533,0,2.78-1.247,2.78-2.78v-5.052
-		c0-0.812,0.447-1.481,1.197-1.792c0.751-0.312,1.54-0.153,2.114,0.42l3.571,3.572c1.052,1.052,2.883,1.05,3.933,0l4.553-4.553
-		c0.525-0.525,0.814-1.224,0.814-1.967c0-0.742-0.289-1.44-0.814-1.966l-3.572-3.571c-0.573-0.574-0.73-1.364-0.42-2.114
-		S45.356,33,46.168,33h5.052c1.533,0,2.78-1.247,2.78-2.78V23.78C54,22.247,52.753,21,51.22,21z M52,30.22
-		C52,30.65,51.65,31,51.22,31h-5.052c-1.624,0-3.019,0.932-3.64,2.432c-0.622,1.5-0.295,3.146,0.854,4.294l3.572,3.571
-		c0.305,0.305,0.305,0.8,0,1.104l-4.553,4.553c-0.304,0.304-0.799,0.306-1.104,0l-3.571-3.572c-1.149-1.149-2.794-1.474-4.294-0.854
-		c-1.5,0.621-2.432,2.016-2.432,3.64v5.052C31,51.65,30.65,52,30.22,52H23.78C23.35,52,23,51.65,23,51.22v-5.052
-		c0-1.624-0.932-3.019-2.432-3.64c-0.503-0.209-1.021-0.311-1.533-0.311c-1.014,0-1.997,0.4-2.761,1.164l-3.571,3.572
-		c-0.306,0.306-0.801,0.304-1.104,0l-4.553-4.553c-0.305-0.305-0.305-0.8,0-1.104l3.572-3.571c1.148-1.148,1.476-2.794,0.854-4.294
-		C10.851,31.932,9.456,31,7.832,31H2.78C2.35,31,2,30.65,2,30.22V23.78C2,23.35,2.35,23,2.78,23h5.052
-		c1.624,0,3.019-0.932,3.64-2.432c0.622-1.5,0.295-3.146-0.854-4.294l-3.572-3.571c-0.305-0.305-0.305-0.8,0-1.104l4.553-4.553
-		c0.304-0.305,0.799-0.305,1.104,0l3.571,3.571c1.147,1.147,2.792,1.476,4.294,0.854C22.068,10.851,23,9.456,23,7.832V2.78
-		C23,2.35,23.35,2,23.78,2h6.439C30.65,2,31,2.35,31,2.78v5.052c0,1.624,0.932,3.019,2.432,3.64
-		c1.502,0.622,3.146,0.294,4.294-0.854l3.571-3.571c0.306-0.305,0.801-0.305,1.104,0l4.553,4.553c0.305,0.305,0.305,0.8,0,1.104
+            d: `M51.22,21h-5.052c-0.812,0-1.481-0.447-1.792-1.197s-0.153-1.54,0.42-2.114l3.572-3.571\r
+		c0.525-0.525,0.814-1.224,0.814-1.966c0-0.743-0.289-1.441-0.814-1.967l-4.553-4.553c-1.05-1.05-2.881-1.052-3.933,0l-3.571,3.571\r
+		c-0.574,0.573-1.366,0.733-2.114,0.421C33.447,9.313,33,8.644,33,7.832V2.78C33,1.247,31.753,0,30.22,0H23.78\r
+		C22.247,0,21,1.247,21,2.78v5.052c0,0.812-0.447,1.481-1.197,1.792c-0.748,0.313-1.54,0.152-2.114-0.421l-3.571-3.571\r
+		c-1.052-1.052-2.883-1.05-3.933,0l-4.553,4.553c-0.525,0.525-0.814,1.224-0.814,1.967c0,0.742,0.289,1.44,0.814,1.966l3.572,3.571\r
+		c0.573,0.574,0.73,1.364,0.42,2.114S8.644,21,7.832,21H2.78C1.247,21,0,22.247,0,23.78v6.439C0,31.753,1.247,33,2.78,33h5.052\r
+		c0.812,0,1.481,0.447,1.792,1.197s0.153,1.54-0.42,2.114l-3.572,3.571c-0.525,0.525-0.814,1.224-0.814,1.966\r
+		c0,0.743,0.289,1.441,0.814,1.967l4.553,4.553c1.051,1.051,2.881,1.053,3.933,0l3.571-3.572c0.574-0.573,1.363-0.731,2.114-0.42\r
+		c0.75,0.311,1.197,0.98,1.197,1.792v5.052c0,1.533,1.247,2.78,2.78,2.78h6.439c1.533,0,2.78-1.247,2.78-2.78v-5.052\r
+		c0-0.812,0.447-1.481,1.197-1.792c0.751-0.312,1.54-0.153,2.114,0.42l3.571,3.572c1.052,1.052,2.883,1.05,3.933,0l4.553-4.553\r
+		c0.525-0.525,0.814-1.224,0.814-1.967c0-0.742-0.289-1.44-0.814-1.966l-3.572-3.571c-0.573-0.574-0.73-1.364-0.42-2.114\r
+		S45.356,33,46.168,33h5.052c1.533,0,2.78-1.247,2.78-2.78V23.78C54,22.247,52.753,21,51.22,21z M52,30.22\r
+		C52,30.65,51.65,31,51.22,31h-5.052c-1.624,0-3.019,0.932-3.64,2.432c-0.622,1.5-0.295,3.146,0.854,4.294l3.572,3.571\r
+		c0.305,0.305,0.305,0.8,0,1.104l-4.553,4.553c-0.304,0.304-0.799,0.306-1.104,0l-3.571-3.572c-1.149-1.149-2.794-1.474-4.294-0.854\r
+		c-1.5,0.621-2.432,2.016-2.432,3.64v5.052C31,51.65,30.65,52,30.22,52H23.78C23.35,52,23,51.65,23,51.22v-5.052\r
+		c0-1.624-0.932-3.019-2.432-3.64c-0.503-0.209-1.021-0.311-1.533-0.311c-1.014,0-1.997,0.4-2.761,1.164l-3.571,3.572\r
+		c-0.306,0.306-0.801,0.304-1.104,0l-4.553-4.553c-0.305-0.305-0.305-0.8,0-1.104l3.572-3.571c1.148-1.148,1.476-2.794,0.854-4.294\r
+		C10.851,31.932,9.456,31,7.832,31H2.78C2.35,31,2,30.65,2,30.22V23.78C2,23.35,2.35,23,2.78,23h5.052\r
+		c1.624,0,3.019-0.932,3.64-2.432c0.622-1.5,0.295-3.146-0.854-4.294l-3.572-3.571c-0.305-0.305-0.305-0.8,0-1.104l4.553-4.553\r
+		c0.304-0.305,0.799-0.305,1.104,0l3.571,3.571c1.147,1.147,2.792,1.476,4.294,0.854C22.068,10.851,23,9.456,23,7.832V2.78\r
+		C23,2.35,23.35,2,23.78,2h6.439C30.65,2,31,2.35,31,2.78v5.052c0,1.624,0.932,3.019,2.432,3.64\r
+		c1.502,0.622,3.146,0.294,4.294-0.854l3.571-3.571c0.306-0.305,0.801-0.305,1.104,0l4.553,4.553c0.305,0.305,0.305,0.8,0,1.104\r
 		l-3.572,3.571c-1.148,1.148-1.476,2.794-0.854,4.294c0.621,1.5,2.016,2.432,3.64,2.432h5.052C51.65,23,52,23.35,52,23.78V30.22z`
           }
         ),
         /* @__PURE__ */ d.jsx(
           "path",
           {
-            d: `M27,18c-4.963,0-9,4.037-9,9s4.037,9,9,9s9-4.037,9-9S31.963,18,27,18z M27,34c-3.859,0-7-3.141-7-7s3.141-7,7-7
+            d: `M27,18c-4.963,0-9,4.037-9,9s4.037,9,9,9s9-4.037,9-9S31.963,18,27,18z M27,34c-3.859,0-7-3.141-7-7s3.141-7,7-7\r
 		s7,3.141,7,7S30.859,34,27,34z`
           }
         )
@@ -12542,13 +12542,13 @@ function Kd({
 function Zd(e, t) {
   return e.coordinates.start === t.coordinates.start ? e.coordinates.end - t.coordinates.end : e.coordinates.start - t.coordinates.start;
 }
-function e0(e, t) {
+function ep(e, t) {
   var s;
   const n = e.transcripts.reduce((c, u) => [...c, ...u.exons || []], []).sort(Zd), i = n.length === 0 ? [] : [{ coordinates: { ...n[0].coordinates }, UTRs: n[0].UTRs && [...n[0].UTRs] }], o = 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 = t0(c.UTRs || []);
+    c.UTRs = tp(c.UTRs || []);
   });
   let a = o.size === 1 ? o.values().next().value : void 0;
   return t && (a = (s = e.name) != null && s.includes(t) ? "#ff5555" : a), {
@@ -12563,7 +12563,7 @@ function e0(e, t) {
     color: a
   };
 }
-function t0(e) {
+function tp(e) {
   if (e.length === 0) return [];
   const t = [{ coordinates: { ...e[0].coordinates } }];
   return e.slice(1).forEach((r) => {
@@ -12575,9 +12575,9 @@ function t0(e) {
 }
 function Ic(e, t, r, n) {
   var a;
-  const i = r0(e, t), o = {
-    exons: ((a = i.exons) == null ? void 0 : a.reduce((s, c) => s + o0(c, r / 2, r, n), "")) || "",
-    introns: i0(
+  const i = rp(e, t), o = {
+    exons: ((a = i.exons) == null ? void 0 : a.reduce((s, c) => s + op(c, r / 2, r, n), "")) || "",
+    introns: ip(
       i.coordinates.start,
       i.coordinates.end,
       i.strand,
@@ -12588,7 +12588,7 @@ function Ic(e, t, r, n) {
   };
   return { transcript: i, paths: o };
 }
-function r0(e, t) {
+function rp(e, t) {
   var r;
   return {
     strand: e.strand,
@@ -12616,10 +12616,10 @@ function r0(e, t) {
     })) || []
   };
 }
-function n0(e) {
+function np(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 i0(e, t, r, n, i, o) {
+function ip(e, t, r, n, i, o) {
   let a = "";
   if (e = e < 0 ? 0 : e, t = t > o ? o : t, r === "+")
     for (let s = e + 10; s < t - 10; s += 20)
@@ -12629,7 +12629,7 @@ function i0(e, t, r, n, i, o) {
       a += Lt(s + i, n - i) + ne(s, n) + ne(s + i, n + i) + ne(s, n) + ne(s + i, n - i);
   return a + " M " + e + " " + n + " L " + t + " " + n;
 }
-function o0(e, t, r, n) {
+function op(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((p) => p.coordinates.start === e.coordinates.start)) || [], o = ((h = e.UTRs) == null ? void 0 : h.filter((p) => p.coordinates.end === e.coordinates.end)) || [], a = t - r * 0.2, s = t + r * 0.2, c = t - r * 0.3, u = t + r * 0.3;
@@ -12653,7 +12653,7 @@ const Nc = (e, t) => {
 function Pc(e) {
   return e / 6 < 10 ? e < 10 ? e : 10 : e / 6;
 }
-function a0({
+function ap({
   id: e,
   data: t,
   geneName: r,
@@ -12666,7 +12666,7 @@ function a0({
   tooltip: u
 }) {
   const { totalWidth: l, sideWidth: f } = i, { x: h, reverseX: p } = yt(l), v = on(t.length, e), b = Pc(v) * 1.25, m = G(
-    () => tn((t == null ? void 0 : t.map((x) => e0(x, r))) || [], h, b).map((x, T) => ({
+    () => tn((t == null ? void 0 : t.map((x) => ep(x, r))) || [], h, b).map((x, T) => ({
       y: T * v,
       transcripts: x.map((w) => Ic(w, h, v, l))
     })),
@@ -12729,7 +12729,7 @@ function a0({
     ))
   ] });
 }
-function s0({
+function sp({
   id: e,
   data: t,
   height: r,
@@ -12741,7 +12741,7 @@ function s0({
   tooltip: c
 }) {
   const { totalWidth: u, sideWidth: l } = n, { x: f, reverseX: h } = yt(u), p = on(t.length, e), v = Pc(p) * 1.25, b = G(
-    () => tn(n0(t || []), f, v).map((S, x) => ({
+    () => tn(np(t || []), f, v).map((S, x) => ({
       y: x * p,
       transcripts: S.map((T) => Ic(T, f, p, u))
     })),
@@ -12804,7 +12804,7 @@ function s0({
     ))
   ] });
 }
-function c0(e, t, r) {
+function cp(e, t, r) {
   return G(
     () => e.map((n) => {
       const i = t.slice(n.coordinates[0], n.coordinates[1] + 1).map((s) => s.importance), o = [Math.min(...i), Math.max(...i)], a = r(o[1]);
@@ -12817,36 +12817,36 @@ function c0(e, t, r) {
     [e, r]
   );
 }
-function u0(e, t) {
+function up(e, t) {
   const r = G(
-    () => l0(e) ? e.importance.map((a, s) => ({
+    () => lp(e) ? e.importance.map((a, s) => ({
       base: e.sequence.charAt(s),
       importance: a
     })) : e,
     [e]
-  ), n = G(() => h0(r, (a) => a.importance), [r]), i = f0(n, { start: t, end: 0 }), o = et(d0(i), [n, t]);
+  ), n = G(() => hp(r, (a) => a.importance), [r]), i = fp(n, { start: t, end: 0 }), o = et(dp(i), [n, t]);
   return [r, o, i];
 }
-function l0(e) {
+function lp(e) {
   return e.sequence !== void 0;
 }
-function f0(e, t) {
+function fp(e, t) {
   return (r) => t.start + (t.end - t.start) * ((r - e.start) / (e.end - e.start));
 }
-function h0(e, t) {
+function hp(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 d0(e) {
+function dp(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 p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+const pp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12855,7 +12855,7 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { fill: "#ffffff", d: "M 77 70 C 70 90 30 90 22 80 C 10 50 80 60 77 70" })
-] }), v0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), vp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12864,7 +12864,7 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 79 60 C 80 95 20 95 20 65 C 20 30 80 30 79 65", fill: "#ffffff" })
-] }), m0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), mp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12873,7 +12873,7 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 79 60 C 80 95 20 95 20 65 C 20 30 80 30 79 65", fill: "#ffffff" })
-] }), g0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), gp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12882,13 +12882,13 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 33 37 L 68 37 C 58 10 42 10 33 37", fill: "#ffffff" })
-] }), y0 = (e) => /* @__PURE__ */ d.jsx(
+] }), yp = (e) => /* @__PURE__ */ d.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
   }
-), b0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+), bp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12897,13 +12897,13 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 67 30 C 70 10 25 10 27 30 C 25 50 70 50 67 30", fill: "#ffffff" })
-] }), x0 = (e) => /* @__PURE__ */ d.jsx(
+] }), xp = (e) => /* @__PURE__ */ d.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
   }
-), E0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+), Ep = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "rect",
     {
@@ -12924,7 +12924,7 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
       height: 15
     }
   )
-] }), w0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), wp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12933,13 +12933,13 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 0 60 L 100 20", ...e })
-] }), S0 = (e) => /* @__PURE__ */ d.jsx(
+] }), Sp = (e) => /* @__PURE__ */ d.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
   }
-), T0 = (e) => /* @__PURE__ */ d.jsx(
+), Tp = (e) => /* @__PURE__ */ d.jsx(
   "rect",
   {
     x: 40,
@@ -12948,19 +12948,19 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     height: 100,
     ...e
   }
-), _0 = (e) => /* @__PURE__ */ d.jsx(
+), _p = (e) => /* @__PURE__ */ d.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
   }
-), k0 = (e) => /* @__PURE__ */ d.jsx(
+), kp = (e) => /* @__PURE__ */ d.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
   }
-), O0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+), Op = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12969,7 +12969,7 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 79 40 C 80 5 20 5 20 35 C 20 70 80 70 79 35", fill: "#ffffff" })
-] }), C0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), Cp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -12978,19 +12978,19 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
     }
   ),
   /* @__PURE__ */ d.jsx("path", { d: "M 79 40 C 80 5 20 5 20 35 C 20 70 80 70 79 35", fill: "#ffffff" })
-] }), D0 = (e) => /* @__PURE__ */ d.jsx(
+] }), Dp = (e) => /* @__PURE__ */ d.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
   }
-), L0 = (e) => /* @__PURE__ */ d.jsx(
+), Lp = (e) => /* @__PURE__ */ d.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
   }
-), M0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+), Mp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13008,14 +13008,14 @@ const p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
       width: 25
     }
   )
-] }), R0 = (e) => /* @__PURE__ */ d.jsx(
+] }), Rp = (e) => /* @__PURE__ */ d.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 j0(e) {
+function jp(e) {
   return /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13024,43 +13024,43 @@ function j0(e) {
     }
   );
 }
-const I0 = (e) => /* @__PURE__ */ d.jsx(
+const Ip = (e) => /* @__PURE__ */ d.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"
   }
-), N0 = (e) => /* @__PURE__ */ d.jsx(
+), Np = (e) => /* @__PURE__ */ d.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"
   }
-), P0 = (e) => /* @__PURE__ */ d.jsx(
+), Pp = (e) => /* @__PURE__ */ d.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"
   }
-), A0 = (e) => /* @__PURE__ */ d.jsx(
+), Ap = (e) => /* @__PURE__ */ d.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"
   }
-), F0 = (e) => /* @__PURE__ */ d.jsx(
+), Fp = (e) => /* @__PURE__ */ d.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"
   }
-), q0 = (e) => /* @__PURE__ */ d.jsx(
+), qp = (e) => /* @__PURE__ */ d.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"
   }
-), V0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+), Vp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13075,7 +13075,7 @@ const I0 = (e) => /* @__PURE__ */ d.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"
     }
   )
-] }), B0 = (e) => /* @__PURE__ */ d.jsx(
+] }), Bp = (e) => /* @__PURE__ */ d.jsx(
   "path",
   {
     ...e,
@@ -13090,10 +13090,10 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
     }
   ),
   /* @__PURE__ */ d.jsx("path", { fill: "#ffffff", d: "M 41 55 L 50 25 L 58 55 L 41 55" })
-] }), $0 = `M 0 0 L 80 0 C 105 0 105 50 80 50
+] }), $p = `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`, W0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
-  /* @__PURE__ */ d.jsx("path", { ...e, d: $0 }),
+         L 0 0`, Wp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+  /* @__PURE__ */ d.jsx("path", { ...e, d: $p }),
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13108,31 +13108,31 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
       fill: "#ffffff"
     }
   )
-] }), Q0 = `M 100 28 C 100 -13 0 -13 0 50
+] }), Qp = `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`, Qr = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Q0 }), U0 = `M 0 0 L 60 0 C 110 0 110 100 60 100
-               L 0 100 L 0 0`, z0 = `M 20 15 L 40 15 C 85 15 85 85 40 85
-                    L 20 85 L 20 15`, Y0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
-  /* @__PURE__ */ d.jsx("path", { ...e, d: U0 }),
-  /* @__PURE__ */ d.jsx("path", { fill: "#ffffff", d: z0 })
-] }), H0 = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
+         L 100 28`, Qr = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Qp }), Up = `M 0 0 L 60 0 C 110 0 110 100 60 100
+               L 0 100 L 0 0`, zp = `M 20 15 L 40 15 C 85 15 85 85 40 85
+                    L 20 85 L 20 15`, Yp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+  /* @__PURE__ */ d.jsx("path", { ...e, d: Up }),
+  /* @__PURE__ */ d.jsx("path", { fill: "#ffffff", d: zp })
+] }), Hp = `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`, G0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: H0 }), X0 = `M 0 0 L 100 0 L 100 20 L 20 20 L 20 40
+               L 100 100 L 0 100 L 0 0`, Gp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Hp }), Xp = `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`, J0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: X0 }), K0 = `M 100 28 C 100 -13 0 -13 0 50 C 0 113 100 113 100 72
+               L 0 0`, Jp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Xp }), Kp = `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`, Hi = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: K0 }), Z0 = `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`, Hi = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Kp }), Zp = `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`, ep = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Z0 }), tp = "M 40 0 L 60 0 L 60 100 L 40 100 L 40 0", rp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: tp }), np = `M 0 60 C 0 111 100 111 100 60
+               L 20 60 L 20 100 L 0 100 L 0 0`, e0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Zp }), t0 = "M 40 0 L 60 0 L 60 100 L 40 100 L 40 0", r0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: t0 }), n0 = `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`, ip = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: np }), op = `M 0 0 L 20 0 L 20 40 L 75 0 L 100 0
+         C 80 90 20 90 25 60`, i0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: n0 }), o0 = `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`, ap = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: op }), sp = `M 0 0 L 0 100 L 100 100 L 100 80
-               L 20 80 L 20 0 L 0 0`, cp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: sp }), up = `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`, a0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: o0 }), s0 = `M 0 0 L 0 100 L 100 100 L 100 80
+               L 20 80 L 20 0 L 0 0`, c0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: s0 }), u0 = `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`, lp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: up }), fp = `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`, hp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: fp }), Rn = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+               L 0 100 L 0 0`, l0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: u0 }), f0 = `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`, h0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: f0 }), Rn = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "circle",
     {
@@ -13143,9 +13143,9 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
     }
   ),
   /* @__PURE__ */ d.jsx("circle", { cx: "50", cy: "50", r: "32", fill: "#ffffff" })
-] }), dp = `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`, pp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
-  /* @__PURE__ */ d.jsx("path", { ...e, d: dp }),
+] }), d0 = `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`, p0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+  /* @__PURE__ */ d.jsx("path", { ...e, d: d0 }),
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13153,7 +13153,7 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
       d: "M 20 15 L 70 15 C 80 15 80 35 70 35 L 20 35 L 20 15"
     }
   )
-] }), vp = "M 85 100 L 55 70 L 70 55 L 100 85 L 85 100", mp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+] }), v0 = "M 85 100 L 55 70 L 70 55 L 100 85 L 85 100", m0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
   /* @__PURE__ */ d.jsx(
     "circle",
     {
@@ -13164,12 +13164,12 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
     }
   ),
   /* @__PURE__ */ d.jsx("circle", { cx: "50", cy: "50", r: "32", fill: "#ffffff" }),
-  /* @__PURE__ */ d.jsx("path", { d: vp, ...e })
-] }), gp = `M 0 0 L 80 0 C 105 0 105 50 80 50
+  /* @__PURE__ */ d.jsx("path", { d: v0, ...e })
+] }), g0 = `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`, yp = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
-  /* @__PURE__ */ d.jsx("path", { ...e, d: gp }),
+                L 20 100 L 0 100 L 0 0`, y0 = (e) => /* @__PURE__ */ d.jsxs("g", { children: [
+  /* @__PURE__ */ d.jsx("path", { ...e, d: g0 }),
   /* @__PURE__ */ d.jsx(
     "path",
     {
@@ -13177,33 +13177,33 @@ const I0 = (e) => /* @__PURE__ */ d.jsx(
       d: "M 20 15 L 70 15 C 80 15 80 35 70 35 L 20 35 L 20 15"
     }
   )
-] }), bp = "M92 26 A43 20 0 1 0 43 46 A42 23 0 1 1 9 68", Ra = ({ fill: e, fillOpacity: t }) => /* @__PURE__ */ d.jsx(
+] }), b0 = "M92 26 A43 20 0 1 0 43 46 A42 23 0 1 1 9 68", Ra = ({ fill: e, fillOpacity: t }) => /* @__PURE__ */ d.jsx(
   "path",
   {
     fill: "#ffffff",
     stroke: e,
     strokeOpacity: t,
     strokeWidth: "18",
-    d: bp
+    d: b0
   }
-), xp = `M 0 0 L 0 20 L 35 20 L 35 100
+), x0 = `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`, Gi = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: xp }), Ep = `M 0 0 L 0 60 C 0 111 100 111 100 60
+         L 100 0 L 0 0`, Gi = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: x0 }), E0 = `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`, wp = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Ep }), Sp = `M 0 0 L 20 0 L 50 80 L 80 0
-               L 100 0 L 60 100 L 40 100 L 0 0`, ja = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Sp }), Tp = `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`, w0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: E0 }), S0 = `M 0 0 L 20 0 L 50 80 L 80 0
+               L 100 0 L 60 100 L 40 100 L 0 0`, ja = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: S0 }), T0 = `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`, Ia = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Tp }), _p = `M 0 0 L 20 0 L 50 40 L 80 0 L 100 0 L 70 50
+               L 10 100 L 0 0`, Ia = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: T0 }), _0 = `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`, Na = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: _p }), kp = `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`, Op = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: kp }), Cp = `M 0 0 L 100 0 L 100 20 L 35 80 L 100 80
+               L 30 50 L 0 0`, Na = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: _0 }), k0 = `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`, O0 = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: k0 }), C0 = `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`, Pa = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: Cp });
-function Dp({ xscale: e, yscale: t, inverted: r, children: n }) {
+               L 0 0`, Pa = (e) => /* @__PURE__ */ d.jsx("path", { ...e, d: C0 });
+function D0({ xscale: e, yscale: t, inverted: r, children: n }) {
   const i = t * (r ? -1 : 1);
   return /* @__PURE__ */ d.jsx("g", { transform: "scale(" + e + "," + i + ")", children: n });
 }
-const Lp = ({
+const L0 = ({
   height: e,
   width: t,
   indices: r,
@@ -13245,7 +13245,7 @@ const Lp = ({
           regex: [n[v].regex[y]],
           color: n[v].color && [n[v].color[y]]
         })),
-        children: /* @__PURE__ */ d.jsx(Dp, { xscale: m, yscale: i[v], inverted: s || !1, children: /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ d.jsx(D0, { xscale: m, yscale: i[v], inverted: s || !1, children: /* @__PURE__ */ d.jsx(
           g,
           {
             fill: n[v].color && n[v].color[y] || "#000000",
@@ -13258,7 +13258,7 @@ const Lp = ({
     ));
   });
   return /* @__PURE__ */ d.jsx("g", { transform: o, children: p });
-}, Mp = (e, t) => (r) => t[0] + (t[1] - t[0]) * ((r - e[0]) / (e[1] - e[0])), Rp = ({
+}, M0 = (e, t) => (r) => t[0] + (t[1] - t[0]) * ((r - e[0]) / (e[1] - e[0])), R0 = ({
   minrange: e,
   maxrange: t,
   xstart: r,
@@ -13268,7 +13268,7 @@ const Lp = ({
   numberofgridlines: a,
   stroke: s
 }) => {
-  const c = Mp([e, t], [r, n]), u = t - e, l = o + i, f = Math.ceil(u) / a, h = Math.ceil(u / f), p = Array.from(Array(h).keys());
+  const c = M0([e, t], [r, n]), u = t - e, l = o + i, f = Math.ceil(u) / a, h = Math.ceil(u / f), p = Array.from(Array(h).keys());
   return /* @__PURE__ */ d.jsxs("g", { stroke: s || "#000000", children: [
     p.map((v) => {
       const b = e + f * v;
@@ -13279,68 +13279,68 @@ const Lp = ({
   ] });
 }, jn = "FREQUENCY", Aa = [
   { component: [Yi], regex: ["A"], color: ["red"] },
-  { component: [W0], regex: ["B"], color: ["maroon"] },
+  { component: [Wp], regex: ["B"], color: ["maroon"] },
   { component: [Qr], regex: ["C"], color: ["blue"] },
-  { component: [Y0], regex: ["D"], color: ["green"] },
-  { component: [G0], regex: ["E"], color: ["olive"] },
-  { component: [J0], regex: ["F"], color: ["navy"] },
+  { component: [Yp], regex: ["D"], color: ["green"] },
+  { component: [Gp], regex: ["E"], color: ["olive"] },
+  { component: [Jp], regex: ["F"], color: ["navy"] },
   { component: [Hi], regex: ["G"], color: ["orange"] },
-  { component: [ep], regex: ["H"], color: ["teal"] },
-  { component: [rp], regex: ["I"], color: ["cadetblue"] },
-  { component: [ip], regex: ["J"], color: ["lavender"] },
-  { component: [ap], regex: ["K"], color: ["chocolate"] },
-  { component: [cp], regex: ["L"], color: ["coral"] },
-  { component: [lp], regex: ["M"], color: ["darkolivegreen"] },
-  { component: [hp], regex: ["N"], color: ["darkorange"] },
+  { component: [e0], regex: ["H"], color: ["teal"] },
+  { component: [r0], regex: ["I"], color: ["cadetblue"] },
+  { component: [i0], regex: ["J"], color: ["lavender"] },
+  { component: [a0], regex: ["K"], color: ["chocolate"] },
+  { component: [c0], regex: ["L"], color: ["coral"] },
+  { component: [l0], regex: ["M"], color: ["darkolivegreen"] },
+  { component: [h0], regex: ["N"], color: ["darkorange"] },
   { component: [Rn], regex: ["O"], color: ["gold"] },
-  { component: [pp], regex: ["P"], color: ["darkorchid"] },
-  { component: [mp], regex: ["Q"], color: ["darkslateblue"] },
-  { component: [yp], regex: ["R"], color: ["firebrick"] },
+  { component: [p0], regex: ["P"], color: ["darkorchid"] },
+  { component: [m0], regex: ["Q"], color: ["darkslateblue"] },
+  { component: [y0], regex: ["R"], color: ["firebrick"] },
   { component: [Ra], regex: ["S"], color: ["darkslategrey"] },
   { component: [Gi], regex: ["T"], color: ["#228b22"] },
-  { component: [wp], regex: ["U"], color: ["seagreen"] },
+  { component: [w0], regex: ["U"], color: ["seagreen"] },
   { component: [ja], regex: ["V"], color: ["indigo"] },
   { component: [Ia], regex: ["W"], color: ["mediumseagreen"] },
   { component: [Na], regex: ["X"], color: ["black"] },
-  { component: [Op], regex: ["Y"], color: ["palevioletred"] },
+  { component: [O0], regex: ["Y"], color: ["palevioletred"] },
   { component: [Pa], regex: ["Z"], color: ["peru"] },
-  { component: [p0], regex: ["a"], color: ["red"] },
-  { component: [v0], regex: ["b"], color: ["maroon"] },
+  { component: [pp], regex: ["a"], color: ["red"] },
+  { component: [vp], regex: ["b"], color: ["maroon"] },
   { component: [Qr], regex: ["c"], color: ["purple"] },
-  { component: [m0], regex: ["d"], color: ["green"] },
-  { component: [g0], regex: ["e"], color: ["olive"] },
-  { component: [y0], regex: ["f"], color: ["navy"] },
-  { component: [b0], regex: ["g"], color: ["orange"] },
-  { component: [x0], regex: ["h"], color: ["teal"] },
-  { component: [E0], regex: ["i"], color: ["cadetblue"] },
-  { component: [w0], regex: ["j"], color: ["lavender"] },
-  { component: [S0], regex: ["k"], color: ["chocolate"] },
-  { component: [T0], regex: ["l"], color: ["coral"] },
-  { component: [_0], regex: ["m"], color: ["darkolivegreen"] },
-  { component: [k0], regex: ["n"], color: ["darkorange"] },
+  { component: [mp], regex: ["d"], color: ["green"] },
+  { component: [gp], regex: ["e"], color: ["olive"] },
+  { component: [yp], regex: ["f"], color: ["navy"] },
+  { component: [bp], regex: ["g"], color: ["orange"] },
+  { component: [xp], regex: ["h"], color: ["teal"] },
+  { component: [Ep], regex: ["i"], color: ["cadetblue"] },
+  { component: [wp], regex: ["j"], color: ["lavender"] },
+  { component: [Sp], regex: ["k"], color: ["chocolate"] },
+  { component: [Tp], regex: ["l"], color: ["coral"] },
+  { component: [_p], regex: ["m"], color: ["darkolivegreen"] },
+  { component: [kp], regex: ["n"], color: ["darkorange"] },
   { component: [Rn], regex: ["o"], color: ["gold"] },
-  { component: [O0], regex: ["p"], color: ["darkorchid"] },
-  { component: [C0], regex: ["q"], color: ["darkslateblue"] },
-  { component: [D0], regex: ["r"], color: ["firebrick"] },
+  { component: [Op], regex: ["p"], color: ["darkorchid"] },
+  { component: [Cp], regex: ["q"], color: ["darkslateblue"] },
+  { component: [Dp], regex: ["r"], color: ["firebrick"] },
   { component: [Ra], regex: ["s"], color: ["darkslategrey"] },
-  { component: [L0], regex: ["t"], color: ["#228b22"] },
-  { component: [M0], regex: ["u"], color: ["seagreen"] },
+  { component: [Lp], regex: ["t"], color: ["#228b22"] },
+  { component: [Mp], regex: ["u"], color: ["seagreen"] },
   { component: [ja], regex: ["v"], color: ["indigo"] },
   { component: [Ia], regex: ["w"], color: ["mediumseagreen"] },
   { component: [Na], regex: ["x"], color: ["black"] },
-  { component: [R0], regex: ["y"], color: ["palevioletred"] },
+  { component: [Rp], regex: ["y"], color: ["palevioletred"] },
   { component: [Pa], regex: ["z"], color: ["peru"] },
   { component: [Rn], regex: ["0"], color: ["indianred"] },
-  { component: [j0], regex: ["1"], color: ["red"] },
-  { component: [I0], regex: ["2"], color: ["green"] },
-  { component: [N0], regex: ["3"], color: ["purple"] },
-  { component: [P0], regex: ["4"], color: ["navy"] },
-  { component: [A0], regex: ["5"], color: ["teal"] },
-  { component: [F0], regex: ["6"], color: ["gold"] },
-  { component: [q0], regex: ["7"], color: ["olive"] },
-  { component: [V0], regex: ["8"], color: ["slate"] },
-  { component: [B0], regex: ["9"], color: ["firebrick"] }
-], jp = (e, t) => {
+  { component: [jp], regex: ["1"], color: ["red"] },
+  { component: [Ip], regex: ["2"], color: ["green"] },
+  { component: [Np], regex: ["3"], color: ["purple"] },
+  { component: [Pp], regex: ["4"], color: ["navy"] },
+  { component: [Ap], regex: ["5"], color: ["teal"] },
+  { component: [Fp], regex: ["6"], color: ["gold"] },
+  { component: [qp], regex: ["7"], color: ["olive"] },
+  { component: [Vp], regex: ["8"], color: ["slate"] },
+  { component: [Bp], regex: ["9"], color: ["firebrick"] }
+], j0 = (e, t) => {
   let r = ("" + e).length;
   for (let n = e + 1; n < e + t; ++n)
     ("" + n).length > r && (r = ("" + n).length);
@@ -13352,7 +13352,7 @@ const Lp = ({
       e[n] = Aa[r];
     });
   }), e;
-})(), Ip = (e) => e.map((t) => {
+})(), I0 = (e) => e.map((t) => {
   if (t.regex.length === 1)
     return Object.assign({}, t, {
       component: Fa[t.regex[0]].component
@@ -13362,7 +13362,7 @@ const Lp = ({
   for (let i = 0; i < n.regex.length; ++i)
     n.component.push(Fa[n.regex[i]].component[0]), n.color.push(t.color && t.color[i] || r);
   return n;
-}), Np = (e) => (t, r) => {
+}), N0 = (e) => (t, r) => {
   let n = 0, i = r || 0;
   return t.map(
     (o, a) => n += o === 0 ? 0 : o * Math.log2(o / (e[a] || 0.01))
@@ -13370,12 +13370,12 @@ const Lp = ({
     const a = o * (n - i);
     return a <= 0 ? 0 : a;
   });
-}, Pp = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? -1 : e[t] === e[r] ? 0 : 1), Ap = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? 1 : e[t] === e[r] ? 0 : -1), Xi = (e) => {
+}, P0 = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? -1 : e[t] === e[r] ? 0 : 1), A0 = (e) => e.map((t, r) => r).sort((t, r) => e[t] < e[r] ? 1 : e[t] === e[r] ? 0 : -1), Xi = (e) => {
   let t = [];
   for (let r = 0; r < Math.floor(e); r++)
     t.push(r);
   return t;
-}, Fp = ({
+}, F0 = ({
   n: e,
   transform: t,
   glyphWidth: r,
@@ -13393,7 +13393,7 @@ const Lp = ({
     },
     o
   )) }) });
-}, qp = (e) => {
+}, q0 = (e) => {
   const t = Xi(e.bits + 1), r = e.zeroPoint || 1;
   return /* @__PURE__ */ d.jsxs("g", { transform: e.transform, children: [
     /* @__PURE__ */ d.jsx(
@@ -13437,7 +13437,7 @@ const Lp = ({
       }
     ) })
   ] });
-}, Vp = (e) => {
+}, V0 = (e) => {
   const t = Xi(e.ticks + 1).map((r) => r / e.ticks);
   return /* @__PURE__ */ d.jsxs("g", { transform: e.transform, children: [
     /* @__PURE__ */ d.jsx(
@@ -13472,10 +13472,10 @@ const Lp = ({
     )),
     /* @__PURE__ */ d.jsx("g", { transform: "rotate(-90)", children: /* @__PURE__ */ d.jsx("text", { y: "15", x: -e.height / 2, textAnchor: "middle", fontSize: "18", children: "frequency" }) })
   ] });
-}, Bp = (e, t, r, n) => (i, o, a, s, c, u) => {
-  const l = u ? Ap(i) : Pp(i), { onSymbolMouseOver: f, onSymbolMouseOut: h, onSymbolClick: p } = s;
+}, B0 = (e, t, r, n) => (i, o, a, s, c, u) => {
+  const l = u ? A0(i) : P0(i), { onSymbolMouseOver: f, onSymbolMouseOut: h, onSymbolClick: p } = s;
   return /* @__PURE__ */ d.jsx(
-    Lp,
+    L0,
     {
       indices: l,
       alphabet: a,
@@ -13491,7 +13491,7 @@ const Lp = ({
     },
     o
   );
-}, $p = ({
+}, $0 = ({
   values: e,
   glyphWidth: t,
   stackHeight: r,
@@ -13500,10 +13500,10 @@ const Lp = ({
   onSymbolMouseOut: o,
   onSymbolClick: a
 }) => {
-  const s = Bp(t, r);
+  const s = B0(t, r);
   for (const c in n)
     if (!n[c].component) {
-      n = Ip(n);
+      n = I0(n);
       break;
     }
   return e.map(
@@ -13526,7 +13526,7 @@ const Lp = ({
     count: r.length,
     pfm: n
   };
-}, Wp = (e, t) => {
+}, W0 = (e, t) => {
   const r = {}, n = [];
   return e.forEach((i, o) => {
     i.regex.forEach((a) => {
@@ -13536,7 +13536,7 @@ const Lp = ({
 `).forEach((i) => {
     i[0] === ">" ? n.push("") : n[n.length - 1] += i.trim();
   }), Ac(e, r, n);
-}, Qp = (e, t) => {
+}, Q0 = (e, t) => {
   const r = {};
   return e.forEach((n, i) => {
     n.regex.forEach((o) => {
@@ -13548,7 +13548,7 @@ const Lp = ({
     t.split(`
 `).map((n) => n.trim())
   );
-}, Up = ({
+}, U0 = ({
   ppm: e,
   pfm: t,
   values: r,
@@ -13575,7 +13575,7 @@ const Lp = ({
   let T = null;
   const w = (t || n) && !p && !S ? !v : !1, k = w ? 0 : (p || 0) / s.length;
   if (!e && !t && n) {
-    const W = (E ? Qp : Wp)(
+    const W = (E ? Q0 : W0)(
       s,
       n.toUpperCase()
     );
@@ -13597,7 +13597,7 @@ const Lp = ({
   let R = e[0].length;
   h || (h = e[0].map((W) => 1 / R));
   let L = r || (i !== jn ? e.map(
-    (W, _) => Np(h)(W, C ? C[_] : void 0)
+    (W, _) => N0(h)(W, C ? C[_] : void 0)
   ) : e.map(
     (W) => W.map((_) => _ * Math.log2(R))
   ));
@@ -13605,7 +13605,7 @@ const Lp = ({
   l = l && !isNaN(parseFloat(l.toString())) && isFinite(l) ? l : 1;
   let z = 100 * F;
   c = z / 6 * (c || 1);
-  let B = L.length * c + 80, Z = z + 18 * (jp(l, L.length) + 1);
+  let B = L.length * c + 80, Z = z + 18 * (j0(l, L.length) + 1);
   return u && (B > Z ? a = u : o = u), /* @__PURE__ */ d.jsxs(
     "svg",
     {
@@ -13615,7 +13615,7 @@ const Lp = ({
       ref: x,
       children: [
         f && /* @__PURE__ */ d.jsx(
-          Rp,
+          R0,
           {
             minrange: l,
             maxrange: l + e.length,
@@ -13627,7 +13627,7 @@ const Lp = ({
           }
         ),
         /* @__PURE__ */ d.jsx(
-          Fp,
+          F0,
           {
             transform: "translate(80," + (z + 20) + ")",
             n: L.length,
@@ -13636,7 +13636,7 @@ const Lp = ({
           }
         ),
         i === jn ? /* @__PURE__ */ d.jsx(
-          Vp,
+          V0,
           {
             transform: "translate(0,10)",
             width: 65,
@@ -13644,7 +13644,7 @@ const Lp = ({
             ticks: 2
           }
         ) : /* @__PURE__ */ d.jsx(
-          qp,
+          q0,
           {
             transform: "translate(0,10)",
             width: 65,
@@ -13654,7 +13654,7 @@ const Lp = ({
           }
         ),
         /* @__PURE__ */ d.jsx("g", { transform: "translate(80,10)", children: /* @__PURE__ */ d.jsx(
-          $p,
+          $0,
           {
             values: L,
             glyphWidth: c,
@@ -13668,26 +13668,26 @@ const Lp = ({
       ]
     }
   );
-}, zp = [
+}, z0 = [
   { component: [Yi], regex: ["A"], color: ["red"] },
   { component: [Qr], regex: ["C"], color: ["blue"] },
   { component: [Hi], regex: ["G"], color: ["orange"] },
   { component: [Gi], regex: ["T"], color: ["#228b22"] }
 ];
-function Yp(e) {
-  return /* @__PURE__ */ d.jsx(Up, { ...e, alphabet: zp });
+function Y0(e) {
+  return /* @__PURE__ */ d.jsx(U0, { ...e, alphabet: z0 });
 }
 const qa = /* @__PURE__ */ new Map([
   ["A", Yi],
   ["C", Qr],
   ["G", Hi],
   ["T", Gi]
-]), Hp = /* @__PURE__ */ new Map([
+]), H0 = /* @__PURE__ */ new Map([
   ["A", "#008800"],
   ["C", "#000088"],
   ["G", "#a89132"],
   ["T", "#880000"]
-]), Gp = (e) => {
+]), G0 = (e) => {
   const [t, r, n] = G(() => e.transform(e.importance), [e.transform, e.importance]);
   return qa.get(e.base) ? /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsx(
@@ -13706,12 +13706,12 @@ const qa = /* @__PURE__ */ new Map([
       }
     ),
     /* @__PURE__ */ d.jsx("g", { transform: `${n} translate(${e.x},${t}) scale(${e.xScale},${r})`, children: mi(qa.get(e.base), {
-      fill: Hp.get(e.base)
+      fill: H0.get(e.base)
     }) })
   ] }) : null;
-}, Xp = ve.memo(Gp, (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 Jp({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps: i }) {
-  const { viewWidth: o } = r, [a] = fe(null), [s, c, u] = u0(e, n), l = c0(t || [], s, u), f = G(() => o / s.length / 100, [o, s.length]), h = et(c, [c]), p = G(() => l.map((y, E) => {
+}, X0 = ve.memo(G0, (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 J0({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps: i }) {
+  const { viewWidth: o } = r, [a] = fe(null), [s, c, u] = up(e, n), l = cp(t || [], s, u), f = G(() => o / s.length / 100, [o, s.length]), h = et(c, [c]), p = G(() => l.map((y, E) => {
     const S = 100 * f * Math.abs(y.coordinates[1] - y.coordinates[0]), x = Math.min(...y.coordinates) * f * 100, T = y.y + y.height, w = 80;
     return /* @__PURE__ */ d.jsxs(zc, { children: [
       /* @__PURE__ */ d.jsx(
@@ -13744,7 +13744,7 @@ function Jp({ data: e, annotations: t, dimensions: r, height: n, zeroLineProps:
     }),
     [f, n, h]
   ), b = G(() => s.map(
-    (y, E) => y.importance ? /* @__PURE__ */ mi(Xp, { ...v, key: E, x: E * f * 100, ...y }) : null
+    (y, E) => y.importance ? /* @__PURE__ */ mi(X0, { ...v, key: E, x: E * f * 100, ...y }) : null
   ), [s, f, n, h]), m = G(() => c(0)[0], [c]), g = G(() => s.filter((y) => y.importance).length > 0 ? /* @__PURE__ */ d.jsx("line", { stroke: "#ff0000", strokeWidth: 1, ...i, x1: 0, x2: o, y1: m, y2: m }) : /* @__PURE__ */ d.jsx("text", { x: 0, y: n / 2, children: "No importance track data" }), [s, o, m, n, i]);
   return /* @__PURE__ */ d.jsxs("g", { width: o, height: n, children: [
     a !== null && /* @__PURE__ */ d.jsx(
@@ -13801,9 +13801,9 @@ const Fc = (e) => /* @__PURE__ */ d.jsxs("g", { transform: "translate(0, -150)",
       style: { filter: "drop-shadow(0px 0px 5px rgba(0,0,0,0.3))" }
     }
   ),
-  e.pwm && /* @__PURE__ */ d.jsx(Yp, { ppm: e.pwm, mode: "INFORMATION_CONTENT", width: e.pwm.length * 20, height: 150 })
+  e.pwm && /* @__PURE__ */ d.jsx(Y0, { ppm: e.pwm, mode: "INFORMATION_CONTENT", width: e.pwm.length * 20, height: 150 })
 ] });
-function Kp({
+function K0({
   id: e,
   data: t,
   height: r,
@@ -13855,7 +13855,7 @@ function Kp({
     ))
   ] });
 }
-function Zp({
+function Z0({
   id: e,
   data: t,
   height: r,
@@ -13976,15 +13976,15 @@ const Ji = {
     [De.Squish]: Kd
   },
   [K.Transcript]: {
-    [De.Squish]: a0,
-    [De.Pack]: s0
+    [De.Squish]: ap,
+    [De.Pack]: sp
   },
   [K.Motif]: {
-    [De.Dense]: Kp,
-    [De.Squish]: Zp
+    [De.Dense]: K0,
+    [De.Squish]: Z0
   },
   [K.Importance]: {
-    [De.Full]: Jp
+    [De.Full]: J0
   },
   [K.LDTrack]: {
     [De.Full]: () => /* @__PURE__ */ d.jsx(d.Fragment, {})
@@ -14942,11 +14942,6 @@ function Hv(e, t, r) {
   const n = t.end - t.start, i = (e.start - t.start) / n, o = (e.end - t.start) / n;
   return { start: i * r, end: o * r };
 }
-const Gv = new uc({
-  uri: "https://ga.staging.wenglab.org/graphql",
-  cache: new sc(),
-  connectToDevTools: !0
-});
 function im({ browserStore: e, trackStore: t }) {
   const r = G(() => gc(), []), n = G(() => yc(), []), i = G(() => bc(), []), o = G(() => xc(), []), a = G(() => Ec(), []), s = G(
     () => ({
@@ -14960,8 +14955,8 @@ function im({ browserStore: e, trackStore: t }) {
     }),
     [e, t, r, n, i, o, a]
   ), c = t((u) => u.ids);
-  return /* @__PURE__ */ d.jsx(Uh, { value: s, children: /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsx(kh, { client: Gv, children: /* @__PURE__ */ d.jsx(ld, {}) }),
+  return /* @__PURE__ */ d.jsxs(Uh, { value: s, children: [
+    /* @__PURE__ */ d.jsx(ld, {}),
     /* @__PURE__ */ d.jsxs(Qv, { children: [
       /* @__PURE__ */ d.jsx(Uv, {}),
       /* @__PURE__ */ d.jsx(jc, { id: "ruler", transform: "translate(0, 0)", loading: !1, error: void 0, children: /* @__PURE__ */ d.jsx($d, {}) }),
@@ -14971,7 +14966,7 @@ function im({ browserStore: e, trackStore: t }) {
     ] }),
     /* @__PURE__ */ d.jsx(cv, {}),
     /* @__PURE__ */ d.jsx(Fv, {})
-  ] }) });
+  ] });
 }
 function om(e) {
   return gt((t, r) => ({
@@ -15112,9 +15107,18 @@ function am(e = []) {
     }
   }));
 }
+const Gv = new uc({
+  uri: "https://screen.api.wenglab.org/graphql",
+  cache: new sc(),
+  connectToDevTools: !0
+});
+function sm({ children: e }) {
+  return /* @__PURE__ */ d.jsx(kh, { client: Gv, children: e });
+}
 export {
   im as Browser,
   De as DisplayMode,
+  sm as GQLWrapper,
   tm as Pastels,
   K as TrackType,
   rm as Vibrant,