@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es6.js

@@ -1,316 +1,339 @@
-import { jsx as k, jsxs as Ht } from "react/jsx-runtime";
-import { c as Ot } from "react/compiler-runtime";
-import { useRef as zt, useImperativeHandle as $t } from "react";
-import { downloadSVGAsPNG as jt, downloadAsSVG as Kt } from "./visualization.es24.js";
-import { scottRule as Xt, kernelDensityEstimator as Ut, gaussian as qt } from "./visualization.es22.js";
-import Jt from "./visualization.es79.js";
-import Qt from "./visualization.es80.js";
-import Yt from "./visualization.es81.js";
-import { useResponsiveParentSize as Zt } from "./visualization.es19.js";
-import nt from "./visualization.es82.js";
-import Pt from "./visualization.es83.js";
-import wt from "./visualization.es26.js";
-import { motion as te } from "./visualization.es29.js";
-import { tickStep as ee } from "./visualization.es84.js";
-import oe from "./visualization.es27.js";
-import le from "./visualization.es30.js";
-import ne from "./visualization.es31.js";
-import ie from "./visualization.es28.js";
-import { ResponsiveContainer as se } from "./visualization.es15.js";
-import { line as re } from "./visualization.es85.js";
-import ae from "./visualization.es86.js";
-const ce = "#4c78a8", b = {
-  top: 40,
-  right: 30,
-  bottom: 80,
-  left: 80
-};
-function It(n, t, u = 10) {
-  if (n === t) return [n];
-  const x = Math.max(1, Math.ceil(ee(n, t, u))), g = Math.ceil(n / x) * x, G = Math.floor(t / x) * x;
-  return Pt(g, G + x, x);
+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.es36.js";
+import { useResponsiveParentSize as pe } from "./visualization.es25.js";
+import Zt from "./visualization.es49.js";
+import Bt from "./visualization.es50.js";
+import ue from "./visualization.es87.js";
+import q from "./visualization.es74.js";
+import ge from "./visualization.es88.js";
+import xe from "./visualization.es76.js";
+import J from "./visualization.es51.js";
+import ye from "./visualization.es89.js";
+import be from "./visualization.es90.js";
+import { defaultStyles as Se } from "./visualization.es91.js";
+import { ResponsiveContainer as te } from "./visualization.es19.js";
+import Le from "./visualization.es75.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;
 }
-const _t = (n) => `${n.valueOf()}`;
-function Dt(n) {
-  return n.length > 0 && typeof n[0] == "object" && "values" in n[0];
+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 Ie = (n) => {
-  const t = Ot(112), {
-    data: u,
-    ref: x,
-    thresholds: g,
-    color: G,
-    xLabel: it,
-    yLabel: st,
-    title: z,
-    tooltipBody: rt,
-    onBarClicked: at,
-    densityLine: Tt,
-    densityLineColor: Ft,
-    animationType: v,
-    downloadFileName: I,
-    width: ct,
-    height: mt
-  } = n, ft = G === void 0 ? ce : G, _ = Tt === void 0 ? !1 : Tt, ht = Ft === void 0 ? "#1c1917" : Ft, S = zt(null), Ct = zt(null);
-  let D;
-  t[0] !== mt || t[1] !== ct ? (D = {
-    width: ct,
-    height: mt
-  }, t[0] = mt, t[1] = ct, t[2] = D) : D = t[2];
-  let W;
-  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = {
-    debounceTime: 150
-  }, t[3] = W) : W = t[3];
+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[0] !== Tt || t[1] !== Mt ? (U = {
+    width: Mt,
+    height: Tt
+  }, t[0] = Tt, t[1] = Mt, t[2] = U) : U = t[2];
   const {
-    parentRef: dt,
-    containerStyle: pt,
-    width: E,
-    height: N
-  } = Zt(D, W);
-  let O;
-  t[4] !== u ? (O = Dt(u), t[4] = u, t[5] = O) : O = t[5];
-  const d = O;
-  let ut;
-  t: {
-    if (Dt(u)) {
-      ut = u;
-      break t;
-    }
-    const e = u;
-    let o;
-    t[6] !== ft || t[7] !== e ? (o = [{
-      values: e,
-      label: "",
-      color: ft
-    }], t[6] = ft, t[7] = e, t[8] = o) : o = t[8], ut = o;
-  }
-  const a = ut;
-  let $;
-  t[9] !== a ? ($ = a.flatMap(me), t[9] = a, t[10] = $) : $ = t[10];
-  const h = $;
-  let j;
-  t[11] !== h ? (j = h.length > 0 && h.every(Number.isInteger), t[11] = h, t[12] = j) : j = t[12];
-  const C = j, m = Math.max(E - b.left - b.right, 0), M = Math.max(N - b.top - b.bottom, 0);
-  let xt;
-  t: {
-    if (h.length === 0) {
-      let s;
-      t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = [], t[13] = s) : s = t[13], xt = s;
-      break t;
+    parentRef: M,
+    containerStyle: T,
+    width: B,
+    height: Yt
+  } = pe(U), I = ae(null);
+  let Z;
+  t[3] !== Q ? (Z = () => ({
+    downloadSVG: () => {
+      I.current && he(I.current, Q ?? "dot_plot.svg");
+    },
+    downloadPNG: () => {
+      I.current && me(I.current, Q ?? "dot_plot.png");
     }
-    const e = Math.min(...h), o = Math.max(...h), i = o - e + 1;
-    let p;
-    if (t[14] !== h || t[15] !== o || t[16] !== e || t[17] !== i || t[18] !== C || t[19] !== a || t[20] !== g) {
-      let s;
-      if (Array.isArray(g))
-        s = nt().thresholds(g);
-      else if (C && i <= (g ?? 20)) {
-        const y = Pt(e + 1, o + 1);
-        s = nt().domain([e, o + 1]).thresholds(y);
-      } else
-        s = nt().thresholds(g ?? 20);
-      const f = s(h), Lt = f[0]?.x0 ?? 0, Rt = f[f.length - 1]?.x1 ?? 1, Bt = f.map(fe).slice(1), Vt = nt().domain([Lt, Rt]).thresholds(Bt), lt = a.map((y) => Vt(y.values));
-      p = f.map((y, Et) => ({
-        x0: y.x0 ?? 0,
-        x1: y.x1 ?? 0,
-        count: y.length,
-        values: [...y],
-        series: a.map((Gt, Nt) => ({
-          label: Gt.label,
-          color: Gt.color,
-          count: lt[Nt][Et]?.length ?? 0
-        }))
-      })), t[14] = h, t[15] = o, t[16] = e, t[17] = i, t[18] = C, t[19] = a, t[20] = g, t[21] = p;
-    } else
-      p = t[21];
-    xt = p;
-  }
-  const l = xt;
+  }), t[3] = Q, t[4] = Z) : Z = t[4], de(oe, Z);
+  let 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[9] !== k ? (et = [...k], t[9] = k, t[10] = et) : et = t[10];
+  const b = et;
+  let ot;
+  t[11] !== i ? (ot = ee(i.map(ke)), t[11] = i, t[12] = ot) : ot = t[12];
+  const p = ot;
+  let it;
+  t[13] !== i ? (it = ee(i.map(Pe)), t[13] = i, t[14] = it) : it = t[14];
+  const a = it;
+  let nt;
+  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[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: vt,
+    bottom: Ft,
+    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[23] !== S || t[24] !== A ? (ct = Zt({
+    domain: A,
+    range: [0, S],
+    padding: 0.3
+  }), t[23] = S, t[24] = A, t[25] = ct) : ct = t[25];
+  const d = ct;
+  let at;
+  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[29] !== d ? (dt = d.bandwidth(), t[29] = d, t[30] = dt) : dt = t[30];
+  let 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[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] = 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] = a[0], t[40] = ut) : ut = t[40];
+  const Ct = ut;
   let gt;
-  t: {
-    if (!_ || l.length === 0) {
-      let s;
-      t[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = [], t[22] = s) : s = t[22], gt = s;
-      break t;
-    }
-    const e = l[0].x0, o = l[l.length - 1].x1, i = (o - e) / l.length;
-    let p;
-    if (t[23] !== i || t[24] !== a || t[25] !== e || t[26] !== o) {
-      let s;
-      t[28] !== i || t[29] !== e || t[30] !== o ? (s = (f) => {
-        if (f.values.length === 0)
-          return {
-            color: f.color,
-            points: []
-          };
-        const Lt = Xt(f.values), Rt = Pt(e, o, (o - e) / 200), Bt = Ut(qt(Lt), Rt)(f.values), Vt = f.values.length * i;
-        return {
-          color: f.color,
-          points: Bt.map((lt) => ({
-            x: lt.value,
-            y: lt.count * Vt
-          }))
-        };
-      }, t[28] = i, t[29] = e, t[30] = o, t[31] = s) : s = t[31], p = a.map(s), t[23] = i, t[24] = a, t[25] = e, t[26] = o, t[27] = p;
-    } else
-      p = t[27];
-    gt = p;
-  }
-  const A = gt;
-  let yt;
-  t: {
-    if (l.length === 0) {
-      let i;
-      t[32] !== m ? (i = wt({
-        domain: [0, 1],
-        range: [0, m]
-      }), t[32] = m, t[33] = i) : i = t[33], yt = i;
-      break t;
+  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)`;
     }
-    const e = l[l.length - 1];
-    let o;
-    t[34] !== l[0].x0 || t[35] !== e.x1 || t[36] !== m ? (o = wt({
-      domain: [l[0].x0, e.x1],
-      range: [0, m]
-    }), t[34] = l[0].x0, t[35] = e.x1, t[36] = m, t[37] = o) : o = t[37], yt = o;
-  }
-  const c = yt;
-  let K;
-  t[38] !== l ? (K = Math.max(...l.map(he), 0), t[38] = l, t[39] = K) : K = t[39];
-  const Wt = K;
-  let X;
-  if (t[40] !== A) {
-    const e = A.flatMap(pe);
-    X = e.length > 0 ? Math.max(...e) : 0, t[40] = A, t[41] = X;
-  } else
-    X = t[41];
-  const bt = Math.max(Wt, X);
-  let U;
-  t[42] !== bt || t[43] !== M ? (U = wt({
-    domain: [0, bt],
-    range: [M, 0],
-    nice: !0
-  }), t[42] = bt, t[43] = M, t[44] = U) : U = t[44];
-  const r = U;
-  let vt;
-  t: {
-    if (l.length === 0 || !C) {
-      vt = void 0;
-      break t;
+    if (e === 0)
+      return "rgb(232,223,221)";
+    if (e > 0) {
+      const L = r(pt(e));
+      return `rgb(${L},${L},255)`;
     }
-    const e = l[l.length - 1];
-    let o;
-    t[45] !== l[0].x0 || t[46] !== e.x1 ? (o = It(l[0].x0, e.x1), t[45] = l[0].x0, t[46] = e.x1, t[47] = o) : o = t[47], vt = 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 kt = vt;
-  let q;
-  t[48] !== r ? (q = It(0, r.domain()[1]), t[48] = r, t[49] = q) : q = t[49];
-  const St = q;
-  let J;
-  if (t[50] !== c || t[51] !== r) {
+  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[53] !== c ? (e = (i) => c(i.x), t[53] = c, t[54] = e) : e = t[54];
-    let o;
-    t[55] !== r ? (o = (i) => r(i.y), t[55] = r, t[56] = o) : o = t[56], J = re().x(e).y(o).curve(ae), t[50] = c, t[51] = r, t[52] = J;
+    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: (Ut) => {
+        Kt(h), N({
+          tooltipLeft: Ut.clientX,
+          tooltipTop: Ut.clientY,
+          tooltipData: r
+        });
+      }, onMouseLeave: () => {
+        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
-    J = t[52];
-  const Mt = J;
-  let Q;
-  t[57] !== I ? (Q = () => ({
-    downloadSVG: () => {
-      S.current && Kt(S.current, I ?? "histogram.svg");
-    },
-    downloadPNG: () => {
-      S.current && jt(S.current, I ?? "histogram.png");
-    }
-  }), t[57] = I, t[58] = Q) : Q = t[58], $t(x, Q);
-  let L;
-  t[59] !== z || t[60] !== m ? (L = z && /* @__PURE__ */ k(oe, { x: b.left + m / 2, y: b.top / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 14, fontWeight: 600, children: z }), t[59] = z, t[60] = m, t[61] = L) : L = t[61];
-  let R;
-  t[62] !== v || t[63] !== l || t[64] !== at || t[65] !== c || t[66] !== r ? (R = l.map((e, o) => /* @__PURE__ */ k(Yt, { bin: e, x: c(e.x0), barWidth: Math.max(c(e.x1) - c(e.x0) - 1, 0), yScale: r, animationType: v, binIndex: o, svgRef: S, tooltipRef: Ct, onBarClicked: at }, `bin-${o}`)), t[62] = v, t[63] = l, t[64] = at, t[65] = c, t[66] = r, t[67] = R) : R = t[67];
-  let B;
-  t[68] !== v || t[69] !== _ || t[70] !== ht || t[71] !== A || t[72] !== Mt || t[73] !== d ? (B = _ && A.map((e, o) => {
-    const i = Mt(e.points);
-    return i ? /* @__PURE__ */ k(te.path, { d: i, stroke: d ? e.color : ht, strokeWidth: 2, fill: "none", initial: v ? {
-      pathLength: 0
-    } : !1, animate: v ? {
-      pathLength: 1
-    } : {}, transition: {
-      duration: 0.75,
-      ease: "easeInOut"
-    } }, `kde-${o}`) : null;
-  }), t[68] = v, t[69] = _, t[70] = ht, t[71] = A, t[72] = Mt, t[73] = d, t[74] = B) : B = t[74];
-  const At = C ? _t : void 0;
-  let Y, Z;
-  t[75] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = {
-    fontSize: 12,
-    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
-    textAnchor: "middle",
-    fill: "#1c1917",
-    dy: 15
-  }, Z = {
-    fontSize: 11,
-    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
-    fill: "#1c1917",
-    textAnchor: "middle"
-  }, t[75] = Y, t[76] = Z) : (Y = t[75], Z = t[76]);
-  let V;
-  t[77] !== At || t[78] !== it || t[79] !== c || t[80] !== kt || t[81] !== M ? (V = /* @__PURE__ */ k(le, { scale: c, top: M, tickValues: kt, tickFormat: At, label: it, labelProps: Y, tickLabelProps: Z }), t[77] = At, t[78] = it, t[79] = c, t[80] = kt, t[81] = M, t[82] = V) : V = t[82];
-  let tt, et;
-  t[83] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (tt = {
-    fontSize: 12,
-    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
-    textAnchor: "middle",
-    fill: "#1c1917",
-    dx: -15
-  }, et = {
+    P = t[63];
+  let v;
+  t[72] !== At ? (v = () => ({
     fontSize: 11,
-    fontFamily: "Roboto,Helvetica,Arial,sans-serif",
-    fill: "#1c1917",
     textAnchor: "end",
-    dx: -4
-  }, t[83] = tt, t[84] = et) : (tt = t[83], et = t[84]);
-  let H;
-  t[85] !== st || t[86] !== r || t[87] !== St ? (H = /* @__PURE__ */ k(ne, { scale: r, tickValues: St, tickFormat: _t, label: st, labelProps: tt, tickLabelProps: et }), t[85] = st, t[86] = r, t[87] = St, t[88] = H) : H = t[88];
-  let w;
-  t[89] !== d || t[90] !== a || t[91] !== m ? (w = d && /* @__PURE__ */ k(Jt, { series: a, xMax: m }), t[89] = d, t[90] = a, t[91] = m, t[92] = w) : w = t[92];
-  let P;
-  t[93] !== R || t[94] !== B || t[95] !== V || t[96] !== H || t[97] !== w ? (P = /* @__PURE__ */ Ht(ie, { left: b.left, top: b.top, children: [
-    R,
-    B,
-    V,
-    H,
-    w
-  ] }), t[93] = R, t[94] = B, t[95] = V, t[96] = H, t[97] = w, t[98] = P) : P = t[98];
-  let T;
-  t[99] !== N || t[100] !== L || t[101] !== P || t[102] !== E ? (T = /* @__PURE__ */ Ht("svg", { ref: S, width: E, height: N, children: [
-    L,
-    P
-  ] }), t[99] = N, t[100] = L, t[101] = P, t[102] = E, t[103] = T) : T = t[103];
+    angle: -90,
+    dx: "0.25em",
+    dy: "0.25em",
+    fontStyle: At
+  }), t[72] = At, t[73] = v) : v = t[73];
   let F;
-  t[104] !== d || t[105] !== rt ? (F = /* @__PURE__ */ k(Qt, { ref: Ct, multiSeries: d, tooltipBody: rt }), t[104] = d, t[105] = rt, t[106] = F) : F = t[106];
-  let ot;
-  return t[107] !== pt || t[108] !== dt || t[109] !== T || t[110] !== F ? (ot = /* @__PURE__ */ Ht(se, { parentRef: dt, containerStyle: pt, children: [
-    T,
-    F
-  ] }), t[107] = pt, t[108] = dt, t[109] = T, t[110] = F, t[111] = ot) : ot = t[111], ot;
+  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[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[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[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[91] !== R || t[92] !== Vt || t[93] !== C || t[94] !== D ? (_ = /* @__PURE__ */ s(J, { left: Vt, top: R, children: [
+    C,
+    D
+  ] }), t[91] = R, t[92] = Vt, t[93] = C, t[94] = D, t[95] = _) : _ = t[95];
+  let $;
+  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;
+  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[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: [
+    y ? /* @__PURE__ */ s(wt, { children: [
+      /* @__PURE__ */ s("p", { style: {
+        margin: 0
+      }, children: [
+        "-log",
+        /* @__PURE__ */ n("sub", { children: "10" }),
+        "(",
+        /* @__PURE__ */ n("i", { children: "P" }),
+        /* @__PURE__ */ n("sub", { children: "adj" }),
+        "): ",
+        x.radius.toFixed(2)
+      ] }),
+      /* @__PURE__ */ s("p", { style: {
+        margin: 0
+      }, children: [
+        "log",
+        /* @__PURE__ */ n("sub", { children: "2" }),
+        "(fold change): ",
+        x.color.toFixed(2)
+      ] })
+    ] }) : /* @__PURE__ */ s(wt, { children: [
+      /* @__PURE__ */ s("p", { style: {
+        margin: 0
+      }, children: [
+        "Percent Expressed: ",
+        x.radius.toFixed(2)
+      ] }),
+      /* @__PURE__ */ s("p", { style: {
+        margin: 0
+      }, children: [
+        "Mean Expression: ",
+        x.color.toFixed(2)
+      ] })
+    ] }),
+    /* @__PURE__ */ n("p", { style: {
+      margin: 0
+    }, 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 me(n) {
-  return n.values;
+function Me(o) {
+  return o.x;
+}
+function Te(o, t) {
+  return o.toLowerCase().localeCompare(t.toLowerCase());
+}
+function Ae(o) {
+  return o.y;
 }
-function fe(n) {
-  return n.x0;
+function ke(o) {
+  return o.radius;
 }
-function he(n) {
-  return n.count;
+function Pe(o) {
+  return o.color;
 }
-function de(n) {
-  return n.y;
+function ve(o) {
+  return o.length;
 }
-function pe(n) {
-  return n.points.map(de);
+function Fe(o) {
+  return o.length;
+}
+function ze(o) {
+  return Math.round(Math.max(0, Math.min(255, o)));
+}
+function Re() {
+  return {
+    fontSize: 11,
+    textAnchor: "start",
+    dx: "0.5em",
+    dy: "0.25em"
+  };
+}
+function Ce() {
+  return {
+    fontSize: 11,
+    textAnchor: "end",
+    dx: "-0.25em",
+    dy: "0.25em"
+  };
 }
 export {
-  Ie as default
+  Ke as default
 };
 //# sourceMappingURL=visualization.es6.js.map