@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es3.js

@@ -1,323 +1,323 @@
-import { j as e } from "./visualization.es18.js";
-import { c as se } from "./visualization.es32.js";
-import { useRef as re, useImperativeHandle as ce, useState as ae } from "react";
-import { downloadSVGAsPNG as de, downloadAsSVG as fe } from "./visualization.es20.js";
-import { useResponsiveParentSize as me } from "./visualization.es16.js";
-import Qt from "./visualization.es23.js";
-import Vt from "./visualization.es24.js";
-import he from "./visualization.es28.js";
-import Y from "./visualization.es58.js";
-import pe from "./visualization.es63.js";
-import xe from "./visualization.es60.js";
-import q from "./visualization.es25.js";
-import ue from "./visualization.es43.js";
-import ge from "./visualization.es64.js";
-import { defaultStyles as je } from "./visualization.es30.js";
-import { ResponsiveContainer as Ut } from "./visualization.es13.js";
-import ye from "./visualization.es59.js";
-function be(i, t, n) {
-  const g = [], W = (t - i) / (n - 1);
-  let S = i;
-  for (; S < t; )
-    g.push(S), S += W;
-  return g.push(t), g;
+import { jsxs as s, Fragment as wt, jsx as n } from "react/jsx-runtime";
+import { c as ce } from "react/compiler-runtime";
+import { useRef as ae, useImperativeHandle as de, useState as fe } from "react";
+import { downloadSVGAsPNG as me, downloadAsSVG as he } from "./visualization.es20.js";
+import { useResponsiveParentSize as pe } from "./visualization.es16.js";
+import Zt from "./visualization.es21.js";
+import Bt from "./visualization.es22.js";
+import ue from "./visualization.es53.js";
+import q from "./visualization.es23.js";
+import ge from "./visualization.es54.js";
+import xe from "./visualization.es27.js";
+import J from "./visualization.es24.js";
+import ye from "./visualization.es50.js";
+import be from "./visualization.es55.js";
+import { defaultStyles as Se } from "./visualization.es51.js";
+import { ResponsiveContainer as te } from "./visualization.es13.js";
+import Le from "./visualization.es26.js";
+function we(o, t, i) {
+  const y = [], X = (t - o) / (i - 1);
+  let w = o;
+  for (; w < t; )
+    y.push(w), w += X;
+  return y.push(t), y;
 }
-function Zt(i) {
-  if (i.length === 0) return [0, 1];
-  const t = Math.min(...i), n = Math.max(...i);
-  return [t, n === t ? n === 0 ? 1 : n * 2 : n];
+function ee(o) {
+  if (o.length === 0) return [0, 1];
+  const t = Math.min(...o), i = Math.max(...o);
+  return [t, i === t ? i === 0 ? 1 : i * 2 : i];
 }
-const qe = (i) => {
-  const t = se.c(133), {
-    data: n,
-    showTooltipData: g,
-    deg: W,
-    xTickFontStyle: S,
-    yLabelsRight: Xt,
-    yAxisLabel: J,
-    radiusTitle: Bt,
-    colorTitle: It,
-    ref: te,
-    downloadFileName: K,
-    width: St,
-    height: Lt
-  } = i, wt = S === void 0 ? "normal" : S, V = Xt === void 0 ? !1 : Xt, Mt = Bt === void 0 ? "Percent Expressed" : Bt, Tt = It === void 0 ? "Mean Expression" : It;
-  let Q;
-  t[0] !== Lt || t[1] !== St ? (Q = {
-    width: St,
-    height: Lt
-  }, t[0] = Lt, t[1] = St, t[2] = Q) : Q = t[2];
-  const {
-    parentRef: L,
-    containerStyle: w,
-    width: X,
-    height: Nt
-  } = me(Q), B = re(null);
+const Ke = (o) => {
+  const t = ce(133), {
+    data: i,
+    showTooltipData: y,
+    deg: X,
+    xTickFontStyle: w,
+    yLabelsRight: It,
+    yAxisLabel: K,
+    radiusTitle: Nt,
+    colorTitle: Ot,
+    ref: oe,
+    downloadFileName: Q,
+    width: Mt,
+    height: Tt
+  } = o, At = w === void 0 ? "normal" : w, j = It === void 0 ? !1 : It, kt = Nt === void 0 ? "Percent Expressed" : Nt, Pt = Ot === void 0 ? "Mean Expression" : Ot;
   let U;
-  t[3] !== K ? (U = () => ({
+  t[0] !== Tt || t[1] !== Mt ? (U = {
+    width: Mt,
+    height: Tt
+  }, t[0] = Tt, t[1] = Mt, t[2] = U) : U = t[2];
+  const {
+    parentRef: M,
+    containerStyle: T,
+    width: B,
+    height: Yt
+  } = pe(U), I = ae(null);
+  let Z;
+  t[3] !== Q ? (Z = () => ({
     downloadSVG: () => {
-      B.current && fe(B.current, K ?? "dot_plot.svg");
+      I.current && he(I.current, Q ?? "dot_plot.svg");
     },
     downloadPNG: () => {
-      B.current && de(B.current, K ?? "dot_plot.png");
+      I.current && me(I.current, Q ?? "dot_plot.png");
     }
-  }), t[3] = K, t[4] = U) : U = t[4], ce(te, U);
-  let Z;
-  t[5] !== n ? (Z = [...new Set(n.map(Se))].sort(Le), t[5] = n, t[6] = Z) : Z = t[6];
-  const M = Z;
-  let T;
-  t[7] !== n ? (T = new Set(n.map(we)), t[7] = n, t[8] = T) : T = t[8];
+  }), t[3] = Q, t[4] = Z) : Z = t[4], de(oe, Z);
   let tt;
-  t[9] !== T ? (tt = [...T], t[9] = T, t[10] = tt) : tt = t[10];
-  const j = tt;
+  t[5] !== i ? (tt = [...new Set(i.map(Me))].sort(Te), t[5] = i, t[6] = tt) : tt = t[6];
+  const A = tt;
+  let k;
+  t[7] !== i ? (k = new Set(i.map(Ae)), t[7] = i, t[8] = k) : k = t[8];
   let et;
-  t[11] !== n ? (et = Zt(n.map(Me)), t[11] = n, t[12] = et) : et = t[12];
-  const h = et;
+  t[9] !== k ? (et = [...k], t[9] = k, t[10] = et) : et = t[10];
+  const b = et;
   let ot;
-  t[13] !== n ? (ot = Zt(n.map(Te)), t[13] = n, t[14] = ot) : ot = t[14];
-  const c = ot;
+  t[11] !== i ? (ot = ee(i.map(ke)), t[11] = i, t[12] = ot) : ot = t[12];
+  const p = ot;
   let it;
-  t[15] !== M ? (it = Math.max(...M.map(Ae), 1), t[15] = M, t[16] = it) : it = t[16];
-  const ee = it;
+  t[13] !== i ? (it = ee(i.map(Pe)), t[13] = i, t[14] = it) : it = t[14];
+  const a = it;
   let nt;
-  t[17] !== j ? (nt = j.map(Fe), t[17] = j, t[18] = nt) : nt = t[18];
-  const Ot = Math.max(...nt, 1), Yt = ee * 7 + 20, At = V ? Ot * 7 + 20 : 20, Ft = Yt + 118 + 40, kt = V ? 30 : Ot * 7 + 20;
+  t[15] !== A ? (nt = Math.max(...A.map(ve), 1), t[15] = A, t[16] = nt) : nt = t[16];
+  const ie = nt;
   let lt;
-  t[19] !== At || t[20] !== Ft || t[21] !== kt ? (lt = {
+  t[17] !== b ? (lt = b.map(Fe), t[17] = b, t[18] = lt) : lt = t[18];
+  const qt = Math.max(...lt, 1), Jt = ie * 7 + 20, vt = j ? qt * 7 + 20 : 20, Ft = Jt + 118 + 40, zt = j ? 30 : qt * 7 + 20;
+  let rt;
+  t[19] !== vt || t[20] !== Ft || t[21] !== zt ? (rt = {
     top: 20,
-    right: At,
+    right: vt,
     bottom: Ft,
-    left: kt
-  }, t[19] = At, t[20] = Ft, t[21] = kt, t[22] = lt) : lt = t[22];
-  const l = lt, y = Math.max(0, X - l.left - l.right), oe = j.length * 48 + l.top + l.bottom, st = Math.max(Nt > 0 ? Nt : oe, l.top + l.bottom), d = Math.max(0, st - l.top - l.bottom);
-  let rt;
-  t[23] !== y || t[24] !== M ? (rt = Qt({
-    domain: M,
-    range: [0, y],
-    padding: 0.3
-  }), t[23] = y, t[24] = M, t[25] = rt) : rt = t[25];
-  const a = rt;
+    left: zt
+  }, t[19] = vt, t[20] = Ft, t[21] = zt, t[22] = rt) : rt = t[22];
+  const l = rt, S = Math.max(0, B - l.left - l.right), ne = b.length * 48 + l.top + l.bottom, st = Math.max(Yt > 0 ? Yt : ne, l.top + l.bottom), f = Math.max(0, st - l.top - l.bottom);
   let ct;
-  t[26] !== d || t[27] !== j ? (ct = Qt({
-    domain: j,
-    range: [0, d],
+  t[23] !== S || t[24] !== A ? (ct = Zt({
+    domain: A,
+    range: [0, S],
     padding: 0.3
-  }), t[26] = d, t[27] = j, t[28] = ct) : ct = t[28];
-  const r = ct;
+  }), t[23] = S, t[24] = A, t[25] = ct) : ct = t[25];
+  const d = ct;
   let at;
-  t[29] !== a ? (at = a.bandwidth(), t[29] = a, t[30] = at) : at = t[30];
+  t[26] !== f || t[27] !== b ? (at = Zt({
+    domain: b,
+    range: [0, f],
+    padding: 0.3
+  }), t[26] = f, t[27] = b, t[28] = at) : at = t[28];
+  const c = at;
   let dt;
-  t[31] !== r ? (dt = r.bandwidth(), t[31] = r, t[32] = dt) : dt = t[32];
-  const p = Math.min(12, Math.max(2, Math.min(at, dt) / 2)), Pt = p * 0.15;
+  t[29] !== d ? (dt = d.bandwidth(), t[29] = d, t[30] = dt) : dt = t[30];
   let ft;
-  t[33] !== p || t[34] !== h || t[35] !== Pt ? (ft = Vt({
-    domain: h,
-    range: [Pt, p]
-  }), t[33] = p, t[34] = h, t[35] = Pt, t[36] = ft) : ft = t[36];
-  const x = ft;
+  t[31] !== c ? (ft = c.bandwidth(), t[31] = c, t[32] = ft) : ft = t[32];
+  const u = Math.min(12, Math.max(2, Math.min(dt, ft) / 2)), Rt = u * 0.15;
   let mt;
-  t[37] !== c[1] ? (mt = Vt({
-    domain: [0, c[1]],
+  t[33] !== u || t[34] !== p || t[35] !== Rt ? (mt = Bt({
+    domain: p,
+    range: [Rt, u]
+  }), t[33] = u, t[34] = p, t[35] = Rt, t[36] = mt) : mt = t[36];
+  const g = mt;
+  let ht;
+  t[37] !== a[1] ? (ht = Bt({
+    domain: [0, a[1]],
     range: [191, 0]
-  }), t[37] = c[1], t[38] = mt) : mt = t[38];
-  const ht = mt;
-  let pt;
-  t[39] !== c[0] ? (pt = Vt({
-    domain: [c[0], 0],
+  }), t[37] = a[1], t[38] = ht) : ht = t[38];
+  const pt = ht;
+  let ut;
+  t[39] !== a[0] ? (ut = Bt({
+    domain: [a[0], 0],
     range: [0, 191]
-  }), t[39] = c[0], t[40] = pt) : pt = t[40];
-  const Rt = pt;
-  let xt;
-  t[41] !== ht || t[42] !== W || t[43] !== Rt ? (xt = (o) => {
-    const s = ke;
-    if (!W) {
-      const b = s(ht(o));
-      return `rgb(${b},${b},255)`;
+  }), t[39] = a[0], t[40] = ut) : ut = t[40];
+  const Ct = ut;
+  let gt;
+  t[41] !== pt || t[42] !== X || t[43] !== Ct ? (gt = (e) => {
+    const r = ze;
+    if (!X) {
+      const L = r(pt(e));
+      return `rgb(${L},${L},255)`;
     }
-    if (o === 0)
+    if (e === 0)
       return "rgb(232,223,221)";
-    if (o > 0) {
-      const b = s(ht(o));
-      return `rgb(${b},${b},255)`;
+    if (e > 0) {
+      const L = r(pt(e));
+      return `rgb(${L},${L},255)`;
     }
-    const m = s(Rt(o));
-    return `rgb(255,${m},${m})`;
-  }, t[41] = ht, t[42] = W, t[43] = Rt, t[44] = xt) : xt = t[44];
-  const f = xt, vt = (h[1] - h[0]) / 3;
-  let ut;
-  t[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ut = [0, 1, 2, 3], t[45] = ut) : ut = t[45];
-  let gt;
-  t[46] !== vt || t[47] !== h[0] ? (gt = ut.map((o) => h[0] + vt * o), t[46] = vt, t[47] = h[0], t[48] = gt) : gt = t[48];
-  const zt = gt;
-  let jt;
-  t[49] !== c[0] || t[50] !== c[1] ? (jt = be(c[0], c[1], 4), t[49] = c[0], t[50] = c[1], t[51] = jt) : jt = t[51];
-  const Ct = jt, {
-    tooltipData: u,
-    tooltipLeft: Dt,
-    tooltipTop: Et,
-    tooltipOpen: _t,
-    showTooltip: I,
-    hideTooltip: N
-  } = he(), [O, qt] = ae(null);
-  if (!X) {
-    let o;
-    return t[52] !== w || t[53] !== L ? (o = /* @__PURE__ */ e.jsx(Ut, { parentRef: L, containerStyle: w }), t[52] = w, t[53] = L, t[54] = o) : o = t[54], o;
+    const h = r(Ct(e));
+    return `rgb(255,${h},${h})`;
+  }, t[41] = pt, t[42] = X, t[43] = Ct, t[44] = gt) : gt = t[44];
+  const m = gt, Dt = (p[1] - p[0]) / 3;
+  let xt;
+  t[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (xt = [0, 1, 2, 3], t[45] = xt) : xt = t[45];
+  let yt;
+  t[46] !== Dt || t[47] !== p[0] ? (yt = xt.map((e) => p[0] + Dt * e), t[46] = Dt, t[47] = p[0], t[48] = yt) : yt = t[48];
+  const _t = yt;
+  let bt;
+  t[49] !== a[0] || t[50] !== a[1] ? (bt = we(a[0], a[1], 4), t[49] = a[0], t[50] = a[1], t[51] = bt) : bt = t[51];
+  const $t = bt, {
+    tooltipData: x,
+    tooltipLeft: Gt,
+    tooltipTop: Ht,
+    tooltipOpen: Wt,
+    showTooltip: N,
+    hideTooltip: O
+  } = ue(), [Y, Kt] = fe(null);
+  if (!B) {
+    let e;
+    return t[52] !== T || t[53] !== M ? (e = /* @__PURE__ */ n(te, { parentRef: M, containerStyle: T }), t[52] = T, t[53] = M, t[54] = e) : e = t[54], e;
   }
-  const ie = l.top, ne = l.left;
-  let A;
-  if (t[55] !== n || t[56] !== f || t[57] !== N || t[58] !== O || t[59] !== x || t[60] !== I || t[61] !== a || t[62] !== r) {
-    let o;
-    t[64] !== f || t[65] !== N || t[66] !== O || t[67] !== x || t[68] !== I || t[69] !== a || t[70] !== r ? (o = (s, m) => {
-      const b = (a(s.x) ?? 0) + a.bandwidth() / 2, le = (r(s.y) ?? 0) + r.bandwidth() / 2, Jt = O === m;
-      return /* @__PURE__ */ e.jsx("circle", { cx: b, cy: le, r: x(s.radius), fill: f(s.color), stroke: Jt || s.highlighted ? "#000000" : "none", strokeWidth: Jt || s.highlighted ? 2 : 0, style: {
+  const le = l.top, re = l.left;
+  let P;
+  if (t[55] !== i || t[56] !== m || t[57] !== O || t[58] !== Y || t[59] !== g || t[60] !== N || t[61] !== d || t[62] !== c) {
+    let e;
+    t[64] !== m || t[65] !== O || t[66] !== Y || t[67] !== g || t[68] !== N || t[69] !== d || t[70] !== c ? (e = (r, h) => {
+      const L = (d(r.x) ?? 0) + d.bandwidth() / 2, se = (c(r.y) ?? 0) + c.bandwidth() / 2, Qt = Y === h;
+      return /* @__PURE__ */ n("circle", { cx: L, cy: se, r: g(r.radius), fill: m(r.color), stroke: Qt || r.highlighted ? "#000000" : "none", strokeWidth: Qt || r.highlighted ? 2 : 0, style: {
         cursor: "default"
-      }, onMouseEnter: (Kt) => {
-        qt(m), I({
-          tooltipLeft: Kt.clientX,
-          tooltipTop: Kt.clientY,
-          tooltipData: s
+      }, onMouseEnter: (Ut) => {
+        Kt(h), N({
+          tooltipLeft: Ut.clientX,
+          tooltipTop: Ut.clientY,
+          tooltipData: r
         });
       }, onMouseLeave: () => {
-        qt(null), N();
-      } }, m);
-    }, t[64] = f, t[65] = N, t[66] = O, t[67] = x, t[68] = I, t[69] = a, t[70] = r, t[71] = o) : o = t[71], A = n.map(o), t[55] = n, t[56] = f, t[57] = N, t[58] = O, t[59] = x, t[60] = I, t[61] = a, t[62] = r, t[63] = A;
+        Kt(null), O();
+      } }, h);
+    }, t[64] = m, t[65] = O, t[66] = Y, t[67] = g, t[68] = N, t[69] = d, t[70] = c, t[71] = e) : e = t[71], P = i.map(e), t[55] = i, t[56] = m, t[57] = O, t[58] = Y, t[59] = g, t[60] = N, t[61] = d, t[62] = c, t[63] = P;
   } else
-    A = t[63];
-  let F;
-  t[72] !== wt ? (F = () => ({
+    P = t[63];
+  let v;
+  t[72] !== At ? (v = () => ({
     fontSize: 11,
     textAnchor: "end",
     angle: -90,
     dx: "0.25em",
     dy: "0.25em",
-    fontStyle: wt
-  }), t[72] = wt, t[73] = F) : F = t[73];
-  let k;
-  t[74] !== d || t[75] !== F || t[76] !== a ? (k = /* @__PURE__ */ e.jsx(ye, { top: d, scale: a, tickLabelProps: F, hideTicks: !0, hideAxisLine: !0 }), t[74] = d, t[75] = F, t[76] = a, t[77] = k) : k = t[77];
-  let P;
-  t[78] !== d || t[79] !== y || t[80] !== l.left || t[81] !== J || t[82] !== V || t[83] !== r ? (P = V ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Y, { angle: -90, textAnchor: "middle", x: -l.left / 2, y: d / 2, fontSize: 12, children: J }),
-    /* @__PURE__ */ e.jsx(pe, { left: y, scale: r, tickLabelProps: Pe, hideTicks: !0, hideAxisLine: !0 })
-  ] }) : /* @__PURE__ */ e.jsx(xe, { scale: r, label: J, tickLabelProps: Re, hideTicks: !0, hideAxisLine: !0 }), t[78] = d, t[79] = y, t[80] = l.left, t[81] = J, t[82] = V, t[83] = r, t[84] = P) : P = t[84];
-  const R = d + Yt + 40, $t = Math.max(20, (y - 110 - 100) / 3), Gt = $t, Ht = $t + 110 + $t;
-  let v;
-  t[85] !== Mt ? (v = /* @__PURE__ */ e.jsx(Y, { x: 0, y: 0, fontSize: 11, fontWeight: "bold", children: Mt }), t[85] = Mt, t[86] = v) : v = t[86];
+    fontStyle: At
+  }), t[72] = At, t[73] = v) : v = t[73];
+  let F;
+  t[74] !== f || t[75] !== v || t[76] !== d ? (F = /* @__PURE__ */ n(Le, { top: f, scale: d, tickLabelProps: v, hideTicks: !0, hideAxisLine: !0 }), t[74] = f, t[75] = v, t[76] = d, t[77] = F) : F = t[77];
   let z;
-  t[87] !== p || t[88] !== zt || t[89] !== x ? (z = zt.map((o, s) => /* @__PURE__ */ e.jsxs(q, { top: 18 + s * 22, children: [
-    /* @__PURE__ */ e.jsx("circle", { r: x(o), cx: p, cy: 0, fill: "#000000" }),
-    /* @__PURE__ */ e.jsx(Y, { x: p * 2 + 6, y: 0, fontSize: 10, verticalAnchor: "middle", children: o.toFixed(2) })
-  ] }, s)), t[87] = p, t[88] = zt, t[89] = x, t[90] = z) : z = t[90];
+  t[78] !== f || t[79] !== S || t[80] !== l.left || t[81] !== K || t[82] !== j || t[83] !== c ? (z = j ? /* @__PURE__ */ s(wt, { children: [
+    /* @__PURE__ */ n(q, { angle: -90, textAnchor: "middle", x: -l.left / 2, y: f / 2, fontSize: 12, children: K }),
+    /* @__PURE__ */ n(ge, { left: S, scale: c, tickLabelProps: Re, hideTicks: !0, hideAxisLine: !0 })
+  ] }) : /* @__PURE__ */ n(xe, { scale: c, label: K, tickLabelProps: Ce, hideTicks: !0, hideAxisLine: !0 }), t[78] = f, t[79] = S, t[80] = l.left, t[81] = K, t[82] = j, t[83] = c, t[84] = z) : z = t[84];
+  const R = f + Jt + 40, Et = Math.max(20, (S - 110 - 100) / 3), Vt = Et, Xt = Et + 110 + Et;
   let C;
-  t[91] !== R || t[92] !== Gt || t[93] !== v || t[94] !== z ? (C = /* @__PURE__ */ e.jsxs(q, { left: Gt, top: R, children: [
-    v,
-    z
-  ] }), t[91] = R, t[92] = Gt, t[93] = v, t[94] = z, t[95] = C) : C = t[95];
+  t[85] !== kt ? (C = /* @__PURE__ */ n(q, { x: 0, y: 0, fontSize: 11, fontWeight: "bold", children: kt }), t[85] = kt, t[86] = C) : C = t[86];
   let D;
-  t[96] !== Tt ? (D = /* @__PURE__ */ e.jsx(Y, { x: 0, y: 0, fontSize: 11, fontWeight: "bold", children: Tt }), t[96] = Tt, t[97] = D) : D = t[97];
-  let E;
-  if (t[98] !== Ct || t[99] !== f) {
-    let o;
-    t[101] !== f ? (o = (s, m) => /* @__PURE__ */ e.jsxs(q, { top: 18 + m * 22, children: [
-      /* @__PURE__ */ e.jsx("rect", { width: 14, height: 14, x: 0, y: -7, fill: f(s) }),
-      /* @__PURE__ */ e.jsx(Y, { x: 18, y: 0, fontSize: 10, verticalAnchor: "middle", children: s.toFixed(2) })
-    ] }, m), t[101] = f, t[102] = o) : o = t[102], E = Ct.map(o), t[98] = Ct, t[99] = f, t[100] = E;
-  } else
-    E = t[100];
+  t[87] !== u || t[88] !== _t || t[89] !== g ? (D = _t.map((e, r) => /* @__PURE__ */ s(J, { top: 18 + r * 22, children: [
+    /* @__PURE__ */ n("circle", { r: g(e), cx: u, cy: 0, fill: "#000000" }),
+    /* @__PURE__ */ n(q, { x: u * 2 + 6, y: 0, fontSize: 10, verticalAnchor: "middle", children: e.toFixed(2) })
+  ] }, r)), t[87] = u, t[88] = _t, t[89] = g, t[90] = D) : D = t[90];
   let _;
-  t[103] !== Ht || t[104] !== R || t[105] !== D || t[106] !== E ? (_ = /* @__PURE__ */ e.jsxs(q, { left: Ht, top: R, children: [
-    D,
-    E
-  ] }), t[103] = Ht, t[104] = R, t[105] = D, t[106] = E, t[107] = _) : _ = t[107];
-  let yt;
-  t[108] !== C || t[109] !== _ ? (yt = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  t[91] !== R || t[92] !== Vt || t[93] !== C || t[94] !== D ? (_ = /* @__PURE__ */ s(J, { left: Vt, top: R, children: [
     C,
-    _
-  ] }), t[108] = C, t[109] = _, t[110] = yt) : yt = t[110];
-  const Wt = yt;
+    D
+  ] }), t[91] = R, t[92] = Vt, t[93] = C, t[94] = D, t[95] = _) : _ = t[95];
   let $;
-  t[111] !== l.left || t[112] !== l.top || t[113] !== A || t[114] !== k || t[115] !== P || t[116] !== Wt ? ($ = /* @__PURE__ */ e.jsxs(q, { top: ie, left: ne, children: [
-    A,
-    k,
-    P,
-    Wt
-  ] }), t[111] = l.left, t[112] = l.top, t[113] = A, t[114] = k, t[115] = P, t[116] = Wt, t[117] = $) : $ = t[117];
+  t[96] !== Pt ? ($ = /* @__PURE__ */ n(q, { x: 0, y: 0, fontSize: 11, fontWeight: "bold", children: Pt }), t[96] = Pt, t[97] = $) : $ = t[97];
   let G;
-  t[118] !== X || t[119] !== st || t[120] !== $ ? (G = /* @__PURE__ */ e.jsx("svg", { ref: B, width: X, height: st, children: $ }), t[118] = X, t[119] = st, t[120] = $, t[121] = G) : G = t[121];
+  if (t[98] !== $t || t[99] !== m) {
+    let e;
+    t[101] !== m ? (e = (r, h) => /* @__PURE__ */ s(J, { top: 18 + h * 22, children: [
+      /* @__PURE__ */ n("rect", { width: 14, height: 14, x: 0, y: -7, fill: m(r) }),
+      /* @__PURE__ */ n(q, { x: 18, y: 0, fontSize: 10, verticalAnchor: "middle", children: r.toFixed(2) })
+    ] }, h), t[101] = m, t[102] = e) : e = t[102], G = $t.map(e), t[98] = $t, t[99] = m, t[100] = G;
+  } else
+    G = t[100];
   let H;
-  t[122] !== g || t[123] !== u || t[124] !== Dt || t[125] !== _t || t[126] !== Et ? (H = _t && u && /* @__PURE__ */ e.jsx(ue, { children: /* @__PURE__ */ e.jsxs(ge, { top: Et, left: Dt, style: {
-    ...je,
+  t[103] !== Xt || t[104] !== R || t[105] !== $ || t[106] !== G ? (H = /* @__PURE__ */ s(J, { left: Xt, top: R, children: [
+    $,
+    G
+  ] }), t[103] = Xt, t[104] = R, t[105] = $, t[106] = G, t[107] = H) : H = t[107];
+  let St;
+  t[108] !== _ || t[109] !== H ? (St = /* @__PURE__ */ s(wt, { children: [
+    _,
+    H
+  ] }), t[108] = _, t[109] = H, t[110] = St) : St = t[110];
+  const jt = St;
+  let W;
+  t[111] !== l.left || t[112] !== l.top || t[113] !== P || t[114] !== F || t[115] !== z || t[116] !== jt ? (W = /* @__PURE__ */ s(J, { top: le, left: re, children: [
+    P,
+    F,
+    z,
+    jt
+  ] }), t[111] = l.left, t[112] = l.top, t[113] = P, t[114] = F, t[115] = z, t[116] = jt, t[117] = W) : W = t[117];
+  let E;
+  t[118] !== B || t[119] !== st || t[120] !== W ? (E = /* @__PURE__ */ n("svg", { ref: I, width: B, height: st, children: W }), t[118] = B, t[119] = st, t[120] = W, t[121] = E) : E = t[121];
+  let V;
+  t[122] !== y || t[123] !== x || t[124] !== Gt || t[125] !== Wt || t[126] !== Ht ? (V = Wt && x && /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ s(be, { top: Ht, left: Gt, style: {
+    ...Se,
     backgroundColor: "#283238",
     color: "white"
   }, children: [
-    g ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs("p", { style: {
+    y ? /* @__PURE__ */ s(wt, { children: [
+      /* @__PURE__ */ s("p", { style: {
         margin: 0
       }, children: [
         "-log",
-        /* @__PURE__ */ e.jsx("sub", { children: "10" }),
+        /* @__PURE__ */ n("sub", { children: "10" }),
         "(",
-        /* @__PURE__ */ e.jsx("i", { children: "P" }),
-        /* @__PURE__ */ e.jsx("sub", { children: "adj" }),
+        /* @__PURE__ */ n("i", { children: "P" }),
+        /* @__PURE__ */ n("sub", { children: "adj" }),
         "): ",
-        u.radius.toFixed(2)
+        x.radius.toFixed(2)
       ] }),
-      /* @__PURE__ */ e.jsxs("p", { style: {
+      /* @__PURE__ */ s("p", { style: {
         margin: 0
       }, children: [
         "log",
-        /* @__PURE__ */ e.jsx("sub", { children: "2" }),
+        /* @__PURE__ */ n("sub", { children: "2" }),
         "(fold change): ",
-        u.color.toFixed(2)
+        x.color.toFixed(2)
       ] })
-    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs("p", { style: {
+    ] }) : /* @__PURE__ */ s(wt, { children: [
+      /* @__PURE__ */ s("p", { style: {
         margin: 0
       }, children: [
         "Percent Expressed: ",
-        u.radius.toFixed(2)
+        x.radius.toFixed(2)
       ] }),
-      /* @__PURE__ */ e.jsxs("p", { style: {
+      /* @__PURE__ */ s("p", { style: {
         margin: 0
       }, children: [
         "Mean Expression: ",
-        u.color.toFixed(2)
+        x.color.toFixed(2)
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("p", { style: {
+    /* @__PURE__ */ n("p", { style: {
       margin: 0
-    }, children: u.x })
-  ] }) }), t[122] = g, t[123] = u, t[124] = Dt, t[125] = _t, t[126] = Et, t[127] = H) : H = t[127];
-  let bt;
-  return t[128] !== w || t[129] !== L || t[130] !== G || t[131] !== H ? (bt = /* @__PURE__ */ e.jsxs(Ut, { parentRef: L, containerStyle: w, children: [
-    G,
-    H
-  ] }), t[128] = w, t[129] = L, t[130] = G, t[131] = H, t[132] = bt) : bt = t[132], bt;
+    }, children: x.x })
+  ] }) }), t[122] = y, t[123] = x, t[124] = Gt, t[125] = Wt, t[126] = Ht, t[127] = V) : V = t[127];
+  let Lt;
+  return t[128] !== T || t[129] !== M || t[130] !== E || t[131] !== V ? (Lt = /* @__PURE__ */ s(te, { parentRef: M, containerStyle: T, children: [
+    E,
+    V
+  ] }), t[128] = T, t[129] = M, t[130] = E, t[131] = V, t[132] = Lt) : Lt = t[132], Lt;
 };
-function Se(i) {
-  return i.x;
+function Me(o) {
+  return o.x;
 }
-function Le(i, t) {
-  return i.toLowerCase().localeCompare(t.toLowerCase());
+function Te(o, t) {
+  return o.toLowerCase().localeCompare(t.toLowerCase());
 }
-function we(i) {
-  return i.y;
+function Ae(o) {
+  return o.y;
 }
-function Me(i) {
-  return i.radius;
+function ke(o) {
+  return o.radius;
 }
-function Te(i) {
-  return i.color;
+function Pe(o) {
+  return o.color;
 }
-function Ae(i) {
-  return i.length;
+function ve(o) {
+  return o.length;
 }
-function Fe(i) {
-  return i.length;
+function Fe(o) {
+  return o.length;
 }
-function ke(i) {
-  return Math.round(Math.max(0, Math.min(255, i)));
+function ze(o) {
+  return Math.round(Math.max(0, Math.min(255, o)));
 }
-function Pe() {
+function Re() {
   return {
     fontSize: 11,
     textAnchor: "start",
@@ -325,7 +325,7 @@ function Pe() {
     dy: "0.25em"
   };
 }
-function Re() {
+function Ce() {
   return {
     fontSize: 11,
     textAnchor: "end",
@@ -334,6 +334,6 @@ function Re() {
   };
 }
 export {
-  qe as default
+  Ke as default
 };
 //# sourceMappingURL=visualization.es3.js.map