@undp/data-viz 2.0.2 → 2.0.4

package/dist/BeeSwarmChart.js

@@ -1,9 +1,10 @@
 import { c as Ft, j as i, m as Yt } from "./index-CHPV5EwG-Curnpaqc.js";
 import { useRef as Dt, useState as E, useEffect as Ht } from "react";
 import { i as Gt } from "./index-Bwrro8-q.js";
-import { o as zt } from "./index-BZQYSqar.js";
-import { l as Bt } from "./Modal-DGcuAHyK.js";
+import { o as Bt } from "./index-BZQYSqar.js";
+import { l as zt } from "./Modal-DGcuAHyK.js";
 import { w as It } from "./Spinner-D7rnnwnA.js";
+import { j as le } from "./Typography-PxtFcnJb.js";
 import { n as Wt } from "./numberFormattingFunction-14YCbkN2.js";
 import { T as qt } from "./Tooltip-CwWUegPB.js";
 import { c as x } from "./checkIfNullOrUndefined-DmfiKkNw.js";
@@ -11,26 +12,26 @@ import { g as Zt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
 import { Colors as xt } from "./Colors.js";
 import { s as Ut } from "./string2HTML-DhG75NqA.js";
 import { A as Jt } from "./Axis-CRyfcLjc.js";
-import { R as le, a as ae } from "./ReferenceLine-2XCwHXQ4.js";
-import { Y as ce } from "./YTicksAndGridLines-Blepl7XF.js";
-import { X as ue } from "./XTicksAndGridLines-CObVFSm4.js";
+import { R as ae, a as ce } from "./ReferenceLine-2XCwHXQ4.js";
+import { Y as ue } from "./YTicksAndGridLines-Blepl7XF.js";
+import { X as me } from "./XTicksAndGridLines-CObVFSm4.js";
 import { s as Kt } from "./pow-DE4c7dbW.js";
 import { a as Qt } from "./linear-BwnDd9KF.js";
 import { f as _t, a as te, b as ee, c as oe, d as ie } from "./y-BqfogMAB.js";
 import { u as Xt } from "./uniqBy-BHy4I8PK.js";
-import { GraphHeader as me } from "./GraphHeader.js";
-import { a as fe, G as pe } from "./GraphContainer-CRqzdKu2.js";
-import { E as de } from "./EmptyState-BZo1BbAn.js";
-import { ColorLegendWithMouseOver as he } from "./ColorLegendWithMouseOver.js";
-import { GraphFooter as ge } from "./GraphFooter.js";
-function xe(e) {
+import { GraphHeader as fe } from "./GraphHeader.js";
+import { a as pe, G as de } from "./GraphContainer-CRqzdKu2.js";
+import { E as he } from "./EmptyState-BZo1BbAn.js";
+import { ColorLegendWithMouseOver as ge } from "./ColorLegendWithMouseOver.js";
+import { GraphFooter as xe } from "./GraphFooter.js";
+function ve(e) {
   const t = Ft.c(27), {
     data: n,
     circleColors: v,
     showTicks: ht,
     width: S,
     height: A,
-    colorDomain: B,
+    colorDomain: z,
     topMargin: P,
     bottomMargin: _,
     leftMargin: tt,
@@ -65,15 +66,15 @@ function xe(e) {
     left: ot,
     right: it
   }, t[0] = X, t[1] = ot, t[2] = it, t[3] = ct, t[4] = F) : F = t[4];
-  const m = F, f = S - m.left - m.right, nt = A - m.top - m.bottom, H = n.filter(Xe).length === 0 ? n : zt(n.filter(Re), "radius", "desc");
+  const m = F, f = S - m.left - m.right, nt = A - m.top - m.bottom, H = n.filter(Ye).length === 0 ? n : Bt(n.filter(Xe), "radius", "desc");
   let Q;
-  t[5] !== n || t[6] !== q || t[7] !== V ? (Q = x(q) ? Math.max(...n.filter(Pe).map(Ee)) < 0 && !V ? 0 : Math.max(...n.filter(He).map(Fe)) : q, t[5] = n, t[6] = q, t[7] = V, t[8] = Q) : Q = t[8];
+  t[5] !== n || t[6] !== q || t[7] !== V ? (Q = x(q) ? Math.max(...n.filter(Re).map(Pe)) < 0 && !V ? 0 : Math.max(...n.filter(Ee).map(He)) : q, t[5] = n, t[6] = q, t[7] = V, t[8] = Q) : Q = t[8];
   const G = Q;
-  let z;
-  t[9] !== n || t[10] !== Z || t[11] !== V ? (z = x(Z) ? Math.min(...n.filter(Ve).map(Te)) >= 0 && !V ? 0 : Math.min(...n.filter(Ae).map(Se)) : Z, t[9] = n, t[10] = Z, t[11] = V, t[12] = z) : z = t[12];
-  const d = z, s = n.filter(Le).length !== n.length ? Kt().domain([0, x(W) ? Math.max(...n.map(Ne).filter($e)) : W]).range([0.25, p]).nice() : void 0, l = Qt().domain([d, G]).range([nt, 0]).nice(), y = l.ticks(w);
+  let B;
+  t[9] !== n || t[10] !== Z || t[11] !== V ? (B = x(Z) ? Math.min(...n.filter(Fe).map(Ve)) >= 0 && !V ? 0 : Math.min(...n.filter(Te).map(Ae)) : Z, t[9] = n, t[10] = Z, t[11] = V, t[12] = B) : B = t[12];
+  const d = B, s = n.filter(Se).length !== n.length ? Kt().domain([0, x(W) ? Math.max(...n.map(Le).filter(Ne)) : W]).range([0.25, p]).nice() : void 0, l = Qt().domain([d, G]).range([nt, 0]).nice(), y = l.ticks(w);
   Ht(() => {
-    const r = H.map(De).filter(we);
+    const r = H.map($e).filter(De);
     _t(r).force("y", ee((o) => l(o.position)).strength(5)).force("x", te((o) => f / 2).strength(1)).force("collide", oe((o) => s ? s(o.radius || 0) + 1 : p + 1)).force("charge", ie().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       u(r);
     }).on("end", () => {
@@ -94,7 +95,7 @@ function xe(e) {
         axis: j?.xAxis?.axis,
         label: j?.yAxis?.labels
       } }),
-      /* @__PURE__ */ i.jsx(ce, { values: y.filter(ke), y: y.filter(Ce).map((r) => l(r)), x1: 0 - m.left, x2: f + m.right, styles: {
+      /* @__PURE__ */ i.jsx(ue, { values: y.filter(we), y: y.filter(ke).map((r) => l(r)), x1: 0 - m.left, x2: f + m.right, styles: {
         gridLines: j?.yAxis?.gridLines,
         labels: j?.yAxis?.labels
       }, classNames: {
@@ -102,8 +103,8 @@ function xe(e) {
         labels: c?.yAxis?.labels
       }, suffix: h, prefix: R, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: at })
     ] }) : null,
-    pt.filter(Oe).map(je),
-    mt.map((r) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${r.x},${r.y})`, opacity: g ? r.color && v[B.indexOf(r.color)] === g ? 1 : lt : gt.length !== 0 ? gt.indexOf(r.label) !== -1 ? 0.85 : lt : 0.85, onMouseEnter: (o) => {
+    pt.filter(Ce).map(Oe),
+    mt.map((r) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${r.x},${r.y})`, opacity: g ? r.color && v[z.indexOf(r.color)] === g ? 1 : lt : gt.length !== 0 ? gt.indexOf(r.label) !== -1 ? 0.85 : lt : 0.85, onMouseEnter: (o) => {
       Y(r), K(o.clientY), U(o.clientX), st?.(r);
     }, onMouseMove: (o) => {
       Y(r), K(o.clientY), U(o.clientX);
@@ -112,16 +113,16 @@ function xe(e) {
     }, onMouseLeave: () => {
       Y(void 0), U(void 0), K(void 0), st?.(void 0);
     }, children: [
-      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, r: s ? s(r.radius || 0) : p, fill: n.filter(Me).length === 0 ? v[0] : r.color ? v[B.indexOf(r.color)] : xt.gray }),
+      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, r: s ? s(r.radius || 0) : p, fill: n.filter(je).length === 0 ? v[0] : r.color ? v[z.indexOf(r.color)] : xt.gray }),
       (s ? s(r.radius || 0) : p) > 10 && et ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("foreignObject", { y: 0 - (s ? s(r.radius || 0) : p), x: 0 - (s ? s(r.radius || 0) : p), width: 2 * (s ? s(r.radius || 0) : p), height: 2 * (s ? s(r.radius || 0) : p), children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col justify-center items-center h-inherit py-0 px-1.5", children: et ? /* @__PURE__ */ i.jsx("p", { className: Yt("text-center leading-none m-0", c?.graphObjectValues), style: {
         fontSize: `${Math.min(Math.max(Math.round((s ? s(r.radius || 0) : p) / 4), 10), Math.max(Math.round((s ? s(r.radius || 0) : p) * 12 / `${r.label}`.length), 10), 20)}px`,
         hyphens: "auto",
-        color: Zt(n.filter(be).length === 0 ? v[0] : r.color ? v[B.indexOf(r.color)] : xt.gray),
+        color: Zt(n.filter(Me).length === 0 ? v[0] : r.color ? v[z.indexOf(r.color)] : xt.gray),
         ...j?.graphObjectValues || {}
       }, children: r.label }) : null }) }) }) : null
     ] }, r.label)),
-    T ? /* @__PURE__ */ i.jsx(i.Fragment, { children: T.map((r, o) => /* @__PURE__ */ i.jsx(ae, { text: r.text, color: r.color, y: l(r.value), x1: 0 - m.left, x2: f + m.right, classNames: r.classNames, styles: r.styles, isInView: !0 }, o)) }) : null,
-    pt.filter(ye).map(ve)
+    T ? /* @__PURE__ */ i.jsx(i.Fragment, { children: T.map((r, o) => /* @__PURE__ */ i.jsx(ce, { text: r.text, color: r.color, y: l(r.value), x1: 0 - m.left, x2: f + m.right, classNames: r.classNames, styles: r.styles, isInView: !0 }, o)) }) : null,
+    pt.filter(be).map(ye)
   ] }) }) : /* @__PURE__ */ i.jsx("div", { style: {
     width: `${S}px`,
     height: `${A}px`
@@ -129,7 +130,7 @@ function xe(e) {
   let L;
   t[13] !== c?.tooltip || t[14] !== a || t[15] !== J || t[16] !== ut || t[17] !== j?.tooltip || t[18] !== I ? (L = ut && I && a && J ? /* @__PURE__ */ i.jsx(qt, { data: ut, body: I, xPos: a, yPos: J, backgroundStyle: j?.tooltip, className: c?.tooltip }) : null, t[13] = c?.tooltip, t[14] = a, t[15] = J, t[16] = ut, t[17] = j?.tooltip, t[18] = I, t[19] = L) : L = t[19];
   let O;
-  t[20] !== M || t[21] !== D ? (O = M && D !== void 0 ? /* @__PURE__ */ i.jsx(Bt, { open: D !== void 0, onClose: () => {
+  t[20] !== M || t[21] !== D ? (O = M && D !== void 0 ? /* @__PURE__ */ i.jsx(zt, { open: D !== void 0, onClose: () => {
     $(void 0);
   }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof M == "string" ? {
     __html: Ut(M, D)
@@ -141,34 +142,34 @@ function xe(e) {
     O
   ] }), t[23] = N, t[24] = L, t[25] = O, t[26] = C) : C = t[26], C;
 }
-function ve(e) {
-  return e.layer;
-}
 function ye(e) {
-  return e.position === "after";
+  return e.layer;
 }
 function be(e) {
-  return e.color;
+  return e.position === "after";
 }
 function Me(e) {
   return e.color;
 }
 function je(e) {
-  return e.layer;
+  return e.color;
 }
 function Oe(e) {
-  return e.position === "before";
+  return e.layer;
 }
 function Ce(e) {
-  return e !== 0;
+  return e.position === "before";
 }
 function ke(e) {
   return e !== 0;
 }
 function we(e) {
-  return e.position;
+  return e !== 0;
 }
 function De(e) {
+  return e.position;
+}
+function $e(e) {
   return {
     ...e,
     ...e.data && {
@@ -178,53 +179,53 @@ function De(e) {
     }
   };
 }
-function $e(e) {
-  return e != null;
-}
 function Ne(e) {
-  return e.radius;
+  return e != null;
 }
 function Le(e) {
-  return e.radius === void 0 || e.radius === null;
+  return e.radius;
 }
 function Se(e) {
-  return e.position;
+  return e.radius === void 0 || e.radius === null;
 }
 function Ae(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Te(e) {
-  return e.position;
+  return !x(e.position);
 }
 function Ve(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Fe(e) {
-  return e.position;
+  return !x(e.position);
 }
 function He(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Ee(e) {
-  return e.position;
+  return !x(e.position);
 }
 function Pe(e) {
-  return !x(e.position);
+  return e.position;
 }
 function Re(e) {
-  return !x(e.radius);
+  return !x(e.position);
 }
 function Xe(e) {
   return !x(e.radius);
 }
 function Ye(e) {
+  return !x(e.radius);
+}
+function Ge(e) {
   const t = Ft.c(27), {
     data: n,
     circleColors: v,
     showTicks: ht,
     width: S,
     height: A,
-    colorDomain: B,
+    colorDomain: z,
     topMargin: P,
     bottomMargin: _,
     leftMargin: tt,
@@ -260,21 +261,21 @@ function Ye(e) {
     left: it,
     right: dt
   }, t[0] = ot, t[1] = it, t[2] = dt, t[3] = X, t[4] = m) : m = t[4];
-  const f = m, nt = S - f.left - f.right, H = A - f.top - f.bottom, Q = n.filter(uo).length === 0 ? n : zt(n.filter(co), "radius", "desc");
+  const f = m, nt = S - f.left - f.right, H = A - f.top - f.bottom, Q = n.filter(mo).length === 0 ? n : Bt(n.filter(uo), "radius", "desc");
   let G;
-  t[5] !== n || t[6] !== p || t[7] !== T ? (G = x(p) ? Math.max(...n.filter(ao).map(lo)) < 0 && !T ? 0 : Math.max(...n.filter(so).map(ro)) : p, t[5] = n, t[6] = p, t[7] = T, t[8] = G) : G = t[8];
-  const z = G;
+  t[5] !== n || t[6] !== p || t[7] !== T ? (G = x(p) ? Math.max(...n.filter(co).map(ao)) < 0 && !T ? 0 : Math.max(...n.filter(lo).map(so)) : p, t[5] = n, t[6] = p, t[7] = T, t[8] = G) : G = t[8];
+  const B = G;
   let d;
-  t[9] !== n || t[10] !== W || t[11] !== T ? (d = x(W) ? Math.min(...n.filter(no).map(io)) >= 0 && !T ? 0 : Math.min(...n.filter(oo).map(eo)) : W, t[9] = n, t[10] = W, t[11] = T, t[12] = d) : d = t[12];
-  const s = d, l = n.filter(to).length !== n.length ? Kt().domain([0, x(V) ? Math.max(...n.map(_e).filter(Qe)) : V]).range([0.25, g]).nice() : void 0, y = Qt().domain([s, z]).range([0, nt]).nice(), N = y.ticks(lt);
+  t[9] !== n || t[10] !== W || t[11] !== T ? (d = x(W) ? Math.min(...n.filter(ro).map(no)) >= 0 && !T ? 0 : Math.min(...n.filter(io).map(oo)) : W, t[9] = n, t[10] = W, t[11] = T, t[12] = d) : d = t[12];
+  const s = d, l = n.filter(eo).length !== n.length ? Kt().domain([0, x(V) ? Math.max(...n.map(to).filter(_e)) : V]).range([0.25, g]).nice() : void 0, y = Qt().domain([s, B]).range([0, nt]).nice(), N = y.ticks(lt);
   Ht(() => {
-    const o = Q.map(Ke).filter(Je);
+    const o = Q.map(Qe).filter(Ke);
     _t(o).force("x", te((b) => y(b.position)).strength(5)).force("y", ee((b) => H / 2).strength(1)).force("collide", oe((b) => l ? l(b.radius || 0) + 1 : g + 1)).force("charge", ie().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       a(o);
     }).on("end", () => {
       a(o);
     });
-  }, [n, g, H, nt, s, z, Q, y, l]);
+  }, [n, g, H, nt, s, B, Q, y, l]);
   const L = u ? /* @__PURE__ */ i.jsx("svg", { width: `${S}px`, height: `${A}px`, viewBox: `0 0 ${S} ${A}`, direction: "ltr", ref: ut, children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${f.left},${f.top})`, children: [
     ht ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsx(Jt, { x1: y(s < 0 ? 0 : s), x2: y(s < 0 ? 0 : s), y1: 0 - f.top, y2: H + f.bottom, label: Wt(s < 0 ? 0 : s, "NA", pt, j, M), labelPos: {
@@ -289,7 +290,7 @@ function Ye(e) {
         axis: c?.xAxis?.axis,
         label: c?.yAxis?.labels
       } }),
-      /* @__PURE__ */ i.jsx(ue, { values: N.filter(Ue), x: N.filter(Ze).map((o) => y(o)), y1: 0 - X, y2: H + f.bottom, styles: {
+      /* @__PURE__ */ i.jsx(me, { values: N.filter(Je), x: N.filter(Ue).map((o) => y(o)), y1: 0 - X, y2: H + f.bottom, styles: {
         gridLines: c?.xAxis?.gridLines,
         labels: c?.xAxis?.labels
       }, classNames: {
@@ -297,8 +298,8 @@ function Ye(e) {
         labels: w?.xAxis?.labels
       }, suffix: M, prefix: j, labelType: "secondary", showGridLines: !0, precision: pt })
     ] }) : null,
-    ct.filter(qe).map(We),
-    u.map((o) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${o.x},${o.y})`, opacity: st ? o.color && v[B.indexOf(o.color)] === st ? 1 : at : q.length !== 0 ? q.indexOf(o.label) !== -1 ? 0.85 : at : 0.85, onMouseEnter: (b) => {
+    ct.filter(Ze).map(qe),
+    u.map((o) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${o.x},${o.y})`, opacity: st ? o.color && v[z.indexOf(o.color)] === st ? 1 : at : q.length !== 0 ? q.indexOf(o.label) !== -1 ? 0.85 : at : 0.85, onMouseEnter: (b) => {
       D(o), F(b.clientY), J(b.clientX), et?.(o);
     }, onMouseMove: (b) => {
       D(o), F(b.clientY), J(b.clientX);
@@ -307,16 +308,16 @@ function Ye(e) {
     }, onMouseLeave: () => {
       D(void 0), J(void 0), F(void 0), et?.(void 0);
     }, children: [
-      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, fill: n.filter(Ie).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray, radius: l ? l(o.radius || 0) : g }),
-      (l ? l(o.radius || 0) : g) > 10 && h ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("foreignObject", { y: 0 - (l ? l(o.radius || 0) : g), x: 0 - (l ? l(o.radius || 0) : g), width: 2 * (l ? l(o.radius || 0) : g), height: 2 * (l ? l(o.radius || 0) : g), children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5", children: h ? /* @__PURE__ */ i.jsx("p", { className: Yt("text-center leading-none m-0", w?.graphObjectValues), style: {
+      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, fill: n.filter(We).length === 0 ? v[0] : o.color ? v[z.indexOf(o.color)] : xt.gray, radius: l ? l(o.radius || 0) : g }),
+      (l ? l(o.radius || 0) : g) > 10 && h ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("foreignObject", { y: 0 - (l ? l(o.radius || 0) : g), x: 0 - (l ? l(o.radius || 0) : g), width: 2 * (l ? l(o.radius || 0) : g), height: 2 * (l ? l(o.radius || 0) : g), children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5", children: h ? /* @__PURE__ */ i.jsx(le, { className: Yt("text-center leading-none m-0", w?.graphObjectValues), marginBottom: "none", style: {
         fontSize: `${Math.min(Math.max(Math.round((l ? l(o.radius || 0) : g) / 4), 10), Math.max(Math.round((l ? l(o.radius || 0) : g) * 12 / `${o.label}`.length), 10), 20)}px`,
-        color: Zt(n.filter(Be).length === 0 ? v[0] : o.color ? v[B.indexOf(o.color)] : xt.gray),
+        color: Zt(n.filter(Ie).length === 0 ? v[0] : o.color ? v[z.indexOf(o.color)] : xt.gray),
         hyphens: "auto",
         ...c?.graphObjectValues || {}
       }, children: o.label }) : null }) }) }) : null
     ] }, o.label)),
-    I ? /* @__PURE__ */ i.jsx(i.Fragment, { children: I.map((o, b) => /* @__PURE__ */ i.jsx(le, { text: o.text, color: o.color, x: y(o.value), y1: 0 - f.top, y2: H + f.bottom, textSide: y(o.value) > nt * 0.75 || gt ? "left" : "right", classNames: o.classNames, styles: o.styles, isInView: !0 }, b)) }) : null,
-    ct.filter(ze).map(Ge)
+    I ? /* @__PURE__ */ i.jsx(i.Fragment, { children: I.map((o, b) => /* @__PURE__ */ i.jsx(ae, { text: o.text, color: o.color, x: y(o.value), y1: 0 - f.top, y2: H + f.bottom, textSide: y(o.value) > nt * 0.75 || gt ? "left" : "right", classNames: o.classNames, styles: o.styles, isInView: !0 }, b)) }) : null,
+    ct.filter(ze).map(Be)
   ] }) }) : /* @__PURE__ */ i.jsx("div", { style: {
     width: `${S}px`,
     height: `${A}px`
@@ -324,7 +325,7 @@ function Ye(e) {
   let O;
   t[13] !== w?.tooltip || t[14] !== U || t[15] !== K || t[16] !== Y || t[17] !== c?.tooltip || t[18] !== R ? (O = Y && R && U && K ? /* @__PURE__ */ i.jsx(qt, { data: Y, body: R, xPos: U, yPos: K, backgroundStyle: c?.tooltip, className: w?.tooltip }) : null, t[13] = w?.tooltip, t[14] = U, t[15] = K, t[16] = Y, t[17] = c?.tooltip, t[18] = R, t[19] = O) : O = t[19];
   let C;
-  t[20] !== k || t[21] !== $ ? (C = k && $ !== void 0 ? /* @__PURE__ */ i.jsx(Bt, { open: $ !== void 0, onClose: () => {
+  t[20] !== k || t[21] !== $ ? (C = k && $ !== void 0 ? /* @__PURE__ */ i.jsx(zt, { open: $ !== void 0, onClose: () => {
     mt(void 0);
   }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof k == "string" ? {
     __html: Ut(k, $)
@@ -336,34 +337,34 @@ function Ye(e) {
     C
   ] }), t[23] = L, t[24] = O, t[25] = C, t[26] = r) : r = t[26], r;
 }
-function Ge(e) {
+function Be(e) {
   return e.layer;
 }
 function ze(e) {
   return e.position === "after";
 }
-function Be(e) {
-  return e.color;
-}
 function Ie(e) {
   return e.color;
 }
 function We(e) {
-  return e.layer;
+  return e.color;
 }
 function qe(e) {
-  return e.position === "before";
+  return e.layer;
 }
 function Ze(e) {
-  return e !== 0;
+  return e.position === "before";
 }
 function Ue(e) {
   return e !== 0;
 }
 function Je(e) {
-  return e.position;
+  return e !== 0;
 }
 function Ke(e) {
+  return e.position;
+}
+function Qe(e) {
   return {
     ...e,
     ...e.data && {
@@ -373,53 +374,53 @@ function Ke(e) {
     }
   };
 }
-function Qe(e) {
+function _e(e) {
   return e != null;
 }
-function _e(e) {
+function to(e) {
   return e.radius;
 }
-function to(e) {
+function eo(e) {
   return e.radius === void 0 || e.radius === null;
 }
-function eo(e) {
+function oo(e) {
   return e.position;
 }
-function oo(e) {
+function io(e) {
   return !x(e.position);
 }
-function io(e) {
+function no(e) {
   return e.position;
 }
-function no(e) {
+function ro(e) {
   return !x(e.position);
 }
-function ro(e) {
+function so(e) {
   return e.position;
 }
-function so(e) {
+function lo(e) {
   return !x(e.position);
 }
-function lo(e) {
+function ao(e) {
   return e.position;
 }
-function ao(e) {
+function co(e) {
   return !x(e.position);
 }
-function co(e) {
+function uo(e) {
   return !x(e.radius);
 }
-function uo(e) {
+function mo(e) {
   return !x(e.radius);
 }
-function Io(e) {
+function qo(e) {
   const t = Ft.c(79), {
     data: n,
     graphTitle: v,
     topMargin: ht,
     bottomMargin: S,
     leftMargin: A,
-    rightMargin: B,
+    rightMargin: z,
     colors: P,
     sources: _,
     graphDescription: tt,
@@ -465,10 +466,10 @@ function Io(e) {
   } = e, m = Z === void 0 ? 5 : Z, f = gt === void 0 ? !0 : gt, nt = ft === void 0 ? !0 : ft;
   let H;
   t[0] !== c ? (H = c === void 0 ? [] : c, t[0] = c, t[1] = H) : H = t[1];
-  const Q = H, G = at === void 0 ? !1 : at, z = pt === void 0 ? !1 : pt, d = ct === void 0 ? !1 : ct, s = X === void 0 ? "en" : X, l = ot === void 0 ? !0 : ot, y = it === void 0 ? 0 : it, N = dt === void 0 ? "light" : dt, L = ut === void 0 ? !0 : ut, O = D === void 0 ? "vertical" : D, C = $ === void 0 ? "" : $, r = mt === void 0 ? "" : mt, o = U === void 0 ? 5 : U, b = J === void 0 ? 0.3 : J, $t = K === void 0 ? 2 : K;
+  const Q = H, G = at === void 0 ? !1 : at, B = pt === void 0 ? !1 : pt, d = ct === void 0 ? !1 : ct, s = X === void 0 ? "en" : X, l = ot === void 0 ? !0 : ot, y = it === void 0 ? 0 : it, N = dt === void 0 ? "light" : dt, L = ut === void 0 ? !0 : ut, O = D === void 0 ? "vertical" : D, C = $ === void 0 ? "" : $, r = mt === void 0 ? "" : mt, o = U === void 0 ? 5 : U, b = J === void 0 ? 0.3 : J, $t = K === void 0 ? 2 : K;
   let Mt;
   t[2] !== F ? (Mt = F === void 0 ? [] : F, t[2] = F, t[3] = Mt) : Mt = t[3];
-  const Nt = Mt, [jt, ne] = E(0), [Ot, re] = E(0), [Lt, se] = E(void 0), St = Dt(null), Et = Dt(null), At = O === "horizontal" ? Ye : xe;
+  const Nt = Mt, [jt, ne] = E(0), [Ot, re] = E(0), [Lt, se] = E(void 0), St = Dt(null), Et = Dt(null), At = O === "horizontal" ? Ge : ve;
   let Ct, kt;
   t[4] === Symbol.for("react.memo_cache_sentinel") ? (Ct = () => {
     const Pt = new ResizeObserver((Rt) => {
@@ -478,20 +479,20 @@ function Io(e) {
   }, kt = [], t[4] = Ct, t[5] = kt) : (Ct = t[4], kt = t[5]), Ht(Ct, kt);
   const Tt = a?.graphContainer, Vt = u?.graphContainer;
   let vt;
-  t[6] !== a?.description || t[7] !== a?.title || t[8] !== n || t[9] !== d || t[10] !== tt || t[11] !== z || t[12] !== v || t[13] !== u?.description || t[14] !== u?.title || t[15] !== h ? (vt = v || tt || z || d ? /* @__PURE__ */ i.jsx(me, { styles: {
+  t[6] !== a?.description || t[7] !== a?.title || t[8] !== n || t[9] !== d || t[10] !== tt || t[11] !== B || t[12] !== v || t[13] !== u?.description || t[14] !== u?.title || t[15] !== h ? (vt = v || tt || B || d ? /* @__PURE__ */ i.jsx(fe, { styles: {
     title: u?.title,
     description: u?.description
   }, classNames: {
     title: a?.title,
     description: a?.description
-  }, graphTitle: v, graphDescription: tt, width: h, graphDownload: z ? Et : void 0, dataDownload: d ? n.map(yo).filter(vo).length > 0 ? n.map(xo).filter(go) : n.filter(ho) : null }) : null, t[6] = a?.description, t[7] = a?.title, t[8] = n, t[9] = d, t[10] = tt, t[11] = z, t[12] = v, t[13] = u?.description, t[14] = u?.title, t[15] = h, t[16] = vt) : vt = t[16];
+  }, graphTitle: v, graphDescription: tt, width: h, graphDownload: B ? Et : void 0, dataDownload: d ? n.map(bo).filter(yo).length > 0 ? n.map(vo).filter(xo) : n.filter(go) : null }) : null, t[6] = a?.description, t[7] = a?.title, t[8] = n, t[9] = d, t[10] = tt, t[11] = B, t[12] = v, t[13] = u?.description, t[14] = u?.title, t[15] = h, t[16] = vt) : vt = t[16];
   let yt;
-  t[17] !== At || t[18] !== S || t[19] !== a || t[20] !== et || t[21] !== I || t[22] !== P || t[23] !== Nt || t[24] !== n || t[25] !== Y || t[26] !== b || t[27] !== Q || t[28] !== A || t[29] !== k || t[30] !== M || t[31] !== j || t[32] !== o || t[33] !== w || t[34] !== V || t[35] !== $t || t[36] !== r || t[37] !== m || t[38] !== p || t[39] !== L || t[40] !== B || t[41] !== Lt || t[42] !== W || t[43] !== f || t[44] !== l || t[45] !== nt || t[46] !== u || t[47] !== C || t[48] !== Ot || t[49] !== jt || t[50] !== N || t[51] !== g || t[52] !== ht || t[53] !== h ? (yt = n.length === 0 ? /* @__PURE__ */ i.jsx(de, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    W !== !1 && n.filter(po).length !== 0 ? /* @__PURE__ */ i.jsx(he, { width: h, colorLegendTitle: I, colors: P || xt[N].categoricalColors.colors, colorDomain: et || Xt(n, "color", !0), setSelectedColor: se, showNAColor: l, className: a?.colorLegend }) : null,
-    /* @__PURE__ */ i.jsx(fe, { ref: St, children: jt && Ot ? /* @__PURE__ */ i.jsx(At, { data: n, circleColors: n.filter(fo).length === 0 ? P ? [P] : [xt.primaryColors["blue-600"]] : P || xt[N].categoricalColors.colors, colorDomain: n.filter(mo).length === 0 ? [] : et || Xt(n, "color", !0), width: jt, selectedColor: Lt, height: Ot, showTicks: nt, leftMargin: A, rightMargin: B, topMargin: ht, bottomMargin: S, showLabels: f, tooltip: g, onSeriesMouseOver: V, refValues: p, startFromZero: !1, radius: m, maxRadiusValue: k, maxValue: M, minValue: j, highlightedDataPoints: Q, onSeriesMouseClick: w, resetSelectionOnDoubleClick: L, detailsOnClick: Y, styles: u, classNames: a, suffix: C, prefix: r, noOfTicks: o || 5, dimmedOpacity: b, precision: $t, customLayers: Nt }) : null })
-  ] }), t[17] = At, t[18] = S, t[19] = a, t[20] = et, t[21] = I, t[22] = P, t[23] = Nt, t[24] = n, t[25] = Y, t[26] = b, t[27] = Q, t[28] = A, t[29] = k, t[30] = M, t[31] = j, t[32] = o, t[33] = w, t[34] = V, t[35] = $t, t[36] = r, t[37] = m, t[38] = p, t[39] = L, t[40] = B, t[41] = Lt, t[42] = W, t[43] = f, t[44] = l, t[45] = nt, t[46] = u, t[47] = C, t[48] = Ot, t[49] = jt, t[50] = N, t[51] = g, t[52] = ht, t[53] = h, t[54] = yt) : yt = t[54];
+  t[17] !== At || t[18] !== S || t[19] !== a || t[20] !== et || t[21] !== I || t[22] !== P || t[23] !== Nt || t[24] !== n || t[25] !== Y || t[26] !== b || t[27] !== Q || t[28] !== A || t[29] !== k || t[30] !== M || t[31] !== j || t[32] !== o || t[33] !== w || t[34] !== V || t[35] !== $t || t[36] !== r || t[37] !== m || t[38] !== p || t[39] !== L || t[40] !== z || t[41] !== Lt || t[42] !== W || t[43] !== f || t[44] !== l || t[45] !== nt || t[46] !== u || t[47] !== C || t[48] !== Ot || t[49] !== jt || t[50] !== N || t[51] !== g || t[52] !== ht || t[53] !== h ? (yt = n.length === 0 ? /* @__PURE__ */ i.jsx(he, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    W !== !1 && n.filter(ho).length !== 0 ? /* @__PURE__ */ i.jsx(ge, { width: h, colorLegendTitle: I, colors: P || xt[N].categoricalColors.colors, colorDomain: et || Xt(n, "color", !0), setSelectedColor: se, showNAColor: l, className: a?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(pe, { ref: St, children: jt && Ot ? /* @__PURE__ */ i.jsx(At, { data: n, circleColors: n.filter(po).length === 0 ? P ? [P] : [xt.primaryColors["blue-600"]] : P || xt[N].categoricalColors.colors, colorDomain: n.filter(fo).length === 0 ? [] : et || Xt(n, "color", !0), width: jt, selectedColor: Lt, height: Ot, showTicks: nt, leftMargin: A, rightMargin: z, topMargin: ht, bottomMargin: S, showLabels: f, tooltip: g, onSeriesMouseOver: V, refValues: p, startFromZero: !1, radius: m, maxRadiusValue: k, maxValue: M, minValue: j, highlightedDataPoints: Q, onSeriesMouseClick: w, resetSelectionOnDoubleClick: L, detailsOnClick: Y, styles: u, classNames: a, suffix: C, prefix: r, noOfTicks: o || 5, dimmedOpacity: b, precision: $t, customLayers: Nt }) : null })
+  ] }), t[17] = At, t[18] = S, t[19] = a, t[20] = et, t[21] = I, t[22] = P, t[23] = Nt, t[24] = n, t[25] = Y, t[26] = b, t[27] = Q, t[28] = A, t[29] = k, t[30] = M, t[31] = j, t[32] = o, t[33] = w, t[34] = V, t[35] = $t, t[36] = r, t[37] = m, t[38] = p, t[39] = L, t[40] = z, t[41] = Lt, t[42] = W, t[43] = f, t[44] = l, t[45] = nt, t[46] = u, t[47] = C, t[48] = Ot, t[49] = jt, t[50] = N, t[51] = g, t[52] = ht, t[53] = h, t[54] = yt) : yt = t[54];
   let bt;
-  t[55] !== a?.footnote || t[56] !== a?.source || t[57] !== R || t[58] !== _ || t[59] !== u?.footnote || t[60] !== u?.source || t[61] !== h ? (bt = _ || R ? /* @__PURE__ */ i.jsx(ge, { styles: {
+  t[55] !== a?.footnote || t[56] !== a?.source || t[57] !== R || t[58] !== _ || t[59] !== u?.footnote || t[60] !== u?.source || t[61] !== h ? (bt = _ || R ? /* @__PURE__ */ i.jsx(xe, { styles: {
     footnote: u?.footnote,
     source: u?.source
   }, classNames: {
@@ -499,15 +500,12 @@ function Io(e) {
     source: a?.source
   }, sources: _, footNote: R, width: h }) : null, t[55] = a?.footnote, t[56] = a?.source, t[57] = R, t[58] = _, t[59] = u?.footnote, t[60] = u?.source, t[61] = h, t[62] = bt) : bt = t[62];
   let wt;
-  return t[63] !== lt || t[64] !== G || t[65] !== q || t[66] !== rt || t[67] !== s || t[68] !== y || t[69] !== st || t[70] !== T || t[71] !== Tt || t[72] !== Vt || t[73] !== vt || t[74] !== yt || t[75] !== bt || t[76] !== N || t[77] !== h ? (wt = /* @__PURE__ */ i.jsxs(pe, { className: Tt, style: Vt, id: q, ref: Et, "aria-label": lt, backgroundColor: G, theme: N, language: s, minHeight: y, width: h, height: rt, relativeHeight: T, padding: st, children: [
+  return t[63] !== lt || t[64] !== G || t[65] !== q || t[66] !== rt || t[67] !== s || t[68] !== y || t[69] !== st || t[70] !== T || t[71] !== Tt || t[72] !== Vt || t[73] !== vt || t[74] !== yt || t[75] !== bt || t[76] !== N || t[77] !== h ? (wt = /* @__PURE__ */ i.jsxs(de, { className: Tt, style: Vt, id: q, ref: Et, "aria-label": lt, backgroundColor: G, theme: N, language: s, minHeight: y, width: h, height: rt, relativeHeight: T, padding: st, children: [
     vt,
     yt,
     bt
   ] }), t[63] = lt, t[64] = G, t[65] = q, t[66] = rt, t[67] = s, t[68] = y, t[69] = st, t[70] = T, t[71] = Tt, t[72] = Vt, t[73] = vt, t[74] = yt, t[75] = bt, t[76] = N, t[77] = h, t[78] = wt) : wt = t[78], wt;
 }
-function mo(e) {
-  return e.color;
-}
 function fo(e) {
   return e.color;
 }
@@ -515,21 +513,24 @@ function po(e) {
   return e.color;
 }
 function ho(e) {
-  return e !== void 0;
+  return e.color;
 }
 function go(e) {
   return e !== void 0;
 }
 function xo(e) {
-  return e.data;
+  return e !== void 0;
 }
 function vo(e) {
-  return e !== void 0;
+  return e.data;
 }
 function yo(e) {
+  return e !== void 0;
+}
+function bo(e) {
   return e.data;
 }
 export {
-  Io as BeeSwarmChart
+  qo as BeeSwarmChart
 };
 //# sourceMappingURL=BeeSwarmChart.js.map