@undp/data-viz 2.0.9 → 2.1.1

package/dist/BeeSwarmChart.js

@@ -1,175 +1,170 @@
-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 { c as Ft, j as i, m as Gt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as wt, useState as V, useEffect as Et } from "react";
+import { i as Ht } from "./index-Bwrro8-q.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 { w as zt } from "./Spinner-D7rnnwnA.js";
+import { j as se } 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";
-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 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 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 { T as It } from "./Tooltip-Dj5eVppQ.js";
+import { c as g } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { g as qt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
+import { Colors as gt } from "./Colors.js";
+import { A as Zt } 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 { D as Ut } from "./DetailsModal-0Ry5nXiC.js";
+import { s as Jt } from "./pow-CM2aze4M.js";
+import { a as Kt } from "./linear-BqltdMeF.js";
+import { f as Qt, a as _t, b as te, c as ee, d as oe } from "./y-BqfogMAB.js";
+import { u as Yt } 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 xe } from "./GraphFooter.js";
-function ve(e) {
-  const t = Ft.c(27), {
+function ge(e) {
+  const t = Ft.c(28), {
     data: n,
-    circleColors: v,
+    circleColors: y,
     showTicks: ht,
-    width: S,
-    height: A,
-    colorDomain: z,
-    topMargin: P,
+    width: w,
+    height: $,
+    colorDomain: B,
+    topMargin: T,
     bottomMargin: _,
     leftMargin: tt,
     rightMargin: rt,
     suffix: h,
-    prefix: R,
+    prefix: F,
     showLabels: et,
-    tooltip: I,
+    tooltip: z,
     onSeriesMouseOver: st,
-    refValues: T,
-    selectedColor: g,
-    startFromZero: V,
+    refValues: N,
+    selectedColor: x,
+    startFromZero: L,
     radius: p,
     maxRadiusValue: W,
-    maxValue: q,
-    minValue: Z,
-    highlightedDataPoints: gt,
+    maxValue: I,
+    minValue: q,
+    highlightedDataPoints: xt,
     onSeriesMouseClick: ft,
-    resetSelectionOnDoubleClick: k,
-    detailsOnClick: M,
+    resetSelectionOnDoubleClick: Z,
+    detailsOnClick: E,
     styles: j,
-    classNames: c,
-    noOfTicks: w,
+    classNames: a,
+    noOfTicks: v,
     dimmedOpacity: lt,
     precision: at,
     customLayers: pt
-  } = e, ct = P === void 0 ? 25 : P, X = _ === void 0 ? 10 : _, ot = tt === void 0 ? 100 : tt, it = rt === void 0 ? 40 : rt, dt = Dt(null), [ut, Y] = E(void 0), [D, $] = E(void 0), [mt, u] = E(null), [a, U] = E(void 0), [J, K] = E(void 0);
-  let F;
-  t[0] !== X || t[1] !== ot || t[2] !== it || t[3] !== ct ? (F = {
+  } = e, ct = T === void 0 ? 25 : T, P = _ === void 0 ? 10 : _, ot = tt === void 0 ? 100 : tt, it = rt === void 0 ? 40 : rt, dt = wt(null), [ut, R] = V(void 0), [X, Y] = V(void 0), [mt, u] = V(null), [c, U] = V(void 0), [J, K] = V(void 0);
+  let S;
+  t[0] !== P || t[1] !== ot || t[2] !== it || t[3] !== ct ? (S = {
     top: ct,
-    bottom: X,
+    bottom: P,
     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(Ye).length === 0 ? n : Bt(n.filter(Xe), "radius", "desc");
+  }, t[0] = P, t[1] = ot, t[2] = it, t[3] = ct, t[4] = S) : S = t[4];
+  const m = S, f = w - m.left - m.right, nt = $ - m.top - m.bottom, A = 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(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];
+  t[5] !== n || t[6] !== I || t[7] !== L ? (Q = g(I) ? Math.max(...n.filter(Re).map(Pe)) < 0 && !L ? 0 : Math.max(...n.filter(Ee).map(Fe)) : I, t[5] = n, t[6] = I, t[7] = L, t[8] = Q) : Q = t[8];
   const G = Q;
-  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($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", () => {
+  let H;
+  t[9] !== n || t[10] !== q || t[11] !== L ? (H = g(q) ? Math.min(...n.filter(Te).map(Ve)) >= 0 && !L ? 0 : Math.min(...n.filter(Ae).map(Se)) : q, t[9] = n, t[10] = q, t[11] = L, t[12] = H) : H = t[12];
+  const d = H, s = n.filter(Le).length !== n.length ? Jt().domain([0, g(W) ? Math.max(...n.map(Ne).filter($e)) : W]).range([0.25, p]).nice() : void 0, l = Kt().domain([d, G]).range([nt, 0]).nice(), b = l.ticks(v);
+  Et(() => {
+    const r = A.map(we).filter(ke);
+    Qt(r).force("y", te((o) => l(o.position)).strength(5)).force("x", _t((o) => f / 2).strength(1)).force("collide", ee((o) => s ? s(o.radius || 0) + 1 : p + 1)).force("charge", oe().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
       u(r);
     }).on("end", () => {
       u(r);
     });
-  }, [n, p, nt, f, d, G, H, l, s]);
-  const N = mt ? /* @__PURE__ */ i.jsx("svg", { width: `${S}px`, height: `${A}px`, viewBox: `0 0 ${S} ${A}`, direction: "ltr", ref: dt, children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
+  }, [n, p, nt, f, d, G, A, l, s]);
+  const D = mt ? /* @__PURE__ */ i.jsx("svg", { width: `${w}px`, height: `${$}px`, viewBox: `0 0 ${w} ${$}`, direction: "ltr", ref: dt, children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
     ht ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx(Jt, { y1: l(d < 0 ? 0 : d), y2: l(d < 0 ? 0 : d), x1: 0 - m.left, x2: f + m.right, label: Wt(d < 0 ? 0 : d, "NA", at, R, h), labelPos: {
+      /* @__PURE__ */ i.jsx(Zt, { y1: l(d < 0 ? 0 : d), y2: l(d < 0 ? 0 : d), x1: 0 - m.left, x2: f + m.right, label: Wt(d < 0 ? 0 : d, "NA", at, F, h), labelPos: {
         x: 0 - m.left,
         y: l(d < 0 ? 0 : d),
         dx: 0,
         dy: G < 0 ? "1em" : -5
       }, classNames: {
-        axis: c?.xAxis?.axis,
-        label: c?.yAxis?.labels
+        axis: a?.xAxis?.axis,
+        label: a?.yAxis?.labels
       }, styles: {
         axis: j?.xAxis?.axis,
         label: j?.yAxis?.labels
       } }),
-      /* @__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: {
+      /* @__PURE__ */ i.jsx(ce, { values: b.filter(De), y: b.filter(Ce).map((r) => l(r)), x1: 0 - m.left, x2: f + m.right, styles: {
         gridLines: j?.yAxis?.gridLines,
         labels: j?.yAxis?.labels
       }, classNames: {
-        gridLines: c?.yAxis?.gridLines,
-        labels: c?.yAxis?.labels
-      }, suffix: h, prefix: R, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: at })
+        gridLines: a?.yAxis?.gridLines,
+        labels: a?.yAxis?.labels
+      }, suffix: h, prefix: F, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: at })
     ] }) : null,
-    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);
+    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: x ? r.color && y[B.indexOf(r.color)] === x ? 1 : lt : xt.length !== 0 ? xt.indexOf(r.label) !== -1 ? 0.85 : lt : 0.85, onMouseEnter: (o) => {
+      R(r), K(o.clientY), U(o.clientX), st?.(r);
     }, onMouseMove: (o) => {
-      Y(r), K(o.clientY), U(o.clientX);
+      R(r), K(o.clientY), U(o.clientX);
     }, onClick: () => {
-      (ft || M) && (Gt(D, r) && k ? ($(void 0), ft?.(void 0)) : ($(r), ft?.(r)));
+      (ft || E) && (Ht(X, r) && Z ? (Y(void 0), ft?.(void 0)) : (Y(r), ft?.(r)));
     }, onMouseLeave: () => {
-      Y(void 0), U(void 0), K(void 0), st?.(void 0);
+      R(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(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: {
+      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, r: s ? s(r.radius || 0) : p, fill: n.filter(Me).length === 0 ? y[0] : r.color ? y[B.indexOf(r.color)] : gt.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: Gt("text-center leading-none m-0", a?.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(Me).length === 0 ? v[0] : r.color ? v[z.indexOf(r.color)] : xt.gray),
+        color: qt(n.filter(be).length === 0 ? y[0] : r.color ? y[B.indexOf(r.color)] : gt.gray),
         ...j?.graphObjectValues || {}
       }, children: r.label }) : null }) }) }) : null
     ] }, r.label)),
-    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)
+    N ? /* @__PURE__ */ i.jsx(i.Fragment, { children: N.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)
   ] }) }) : /* @__PURE__ */ i.jsx("div", { style: {
-    width: `${S}px`,
-    height: `${A}px`
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ i.jsx(It, {}) }) });
-  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];
+    width: `${w}px`,
+    height: `${$}px`
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ i.jsx(zt, {}) }) });
+  let k;
+  t[13] !== a?.tooltip || t[14] !== c || t[15] !== J || t[16] !== ut || t[17] !== j?.tooltip || t[18] !== z ? (k = ut && z && c && J ? /* @__PURE__ */ i.jsx(It, { data: ut, body: z, xPos: c, yPos: J, backgroundStyle: j?.tooltip, className: a?.tooltip }) : null, t[13] = a?.tooltip, t[14] = c, t[15] = J, t[16] = ut, t[17] = j?.tooltip, t[18] = z, t[19] = k) : k = t[19];
   let O;
-  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)
-  } : void 0, children: typeof M == "function" ? M(D) : null }) }) : null, t[20] = M, t[21] = D, t[22] = O) : O = t[22];
+  t[20] !== a?.modal || t[21] !== E || t[22] !== X ? (O = E && X !== void 0 ? /* @__PURE__ */ i.jsx(Ut, { body: E, data: X, setData: Y, className: a?.modal }) : null, t[20] = a?.modal, t[21] = E, t[22] = X, t[23] = O) : O = t[23];
   let C;
-  return t[23] !== N || t[24] !== L || t[25] !== O ? (C = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    N,
-    L,
+  return t[24] !== D || t[25] !== k || t[26] !== O ? (C = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    D,
+    k,
     O
-  ] }), t[23] = N, t[24] = L, t[25] = O, t[26] = C) : C = t[26], C;
+  ] }), t[24] = D, t[25] = k, t[26] = O, t[27] = C) : C = t[27], C;
 }
-function ye(e) {
+function ve(e) {
   return e.layer;
 }
-function be(e) {
+function ye(e) {
   return e.position === "after";
 }
-function Me(e) {
+function be(e) {
   return e.color;
 }
-function je(e) {
+function Me(e) {
   return e.color;
 }
-function Oe(e) {
+function je(e) {
   return e.layer;
 }
-function Ce(e) {
+function Oe(e) {
   return e.position === "before";
 }
-function ke(e) {
+function Ce(e) {
   return e !== 0;
 }
-function we(e) {
+function De(e) {
   return e !== 0;
 }
-function De(e) {
+function ke(e) {
   return e.position;
 }
-function $e(e) {
+function we(e) {
   return {
     ...e,
     ...e.data && {
@@ -179,192 +174,188 @@ function $e(e) {
     }
   };
 }
-function Ne(e) {
+function $e(e) {
   return e != null;
 }
-function Le(e) {
+function Ne(e) {
   return e.radius;
 }
-function Se(e) {
+function Le(e) {
   return e.radius === void 0 || e.radius === null;
 }
-function Ae(e) {
+function Se(e) {
   return e.position;
 }
-function Te(e) {
-  return !x(e.position);
+function Ae(e) {
+  return !g(e.position);
 }
 function Ve(e) {
   return e.position;
 }
-function Fe(e) {
-  return !x(e.position);
+function Te(e) {
+  return !g(e.position);
 }
-function He(e) {
+function Fe(e) {
   return e.position;
 }
 function Ee(e) {
-  return !x(e.position);
+  return !g(e.position);
 }
 function Pe(e) {
   return e.position;
 }
 function Re(e) {
-  return !x(e.position);
+  return !g(e.position);
 }
 function Xe(e) {
-  return !x(e.radius);
+  return !g(e.radius);
 }
 function Ye(e) {
-  return !x(e.radius);
+  return !g(e.radius);
 }
 function Ge(e) {
-  const t = Ft.c(27), {
+  const t = Ft.c(28), {
     data: n,
-    circleColors: v,
+    circleColors: y,
     showTicks: ht,
-    width: S,
-    height: A,
-    colorDomain: z,
-    topMargin: P,
+    width: w,
+    height: $,
+    colorDomain: B,
+    topMargin: T,
     bottomMargin: _,
     leftMargin: tt,
     rightMargin: rt,
     showLabels: h,
-    tooltip: R,
+    tooltip: F,
     onSeriesMouseOver: et,
-    refValues: I,
+    refValues: z,
     selectedColor: st,
-    startFromZero: T,
-    radius: g,
-    maxRadiusValue: V,
+    startFromZero: N,
+    radius: x,
+    maxRadiusValue: L,
     maxValue: p,
     minValue: W,
-    highlightedDataPoints: q,
-    onSeriesMouseClick: Z,
-    rtl: gt,
+    highlightedDataPoints: I,
+    onSeriesMouseClick: q,
+    rtl: xt,
     resetSelectionOnDoubleClick: ft,
-    detailsOnClick: k,
-    suffix: M,
+    detailsOnClick: Z,
+    suffix: E,
     prefix: j,
-    styles: c,
-    classNames: w,
+    styles: a,
+    classNames: v,
     noOfTicks: lt,
     dimmedOpacity: at,
     precision: pt,
     customLayers: ct
-  } = e, X = P === void 0 ? 25 : P, ot = _ === void 0 ? 10 : _, it = tt === void 0 ? 10 : tt, dt = rt === void 0 ? 10 : rt, ut = Dt(null), [Y, D] = E(void 0), [$, mt] = E(void 0), [u, a] = E(null), [U, J] = E(void 0), [K, F] = E(void 0);
+  } = e, P = T === void 0 ? 25 : T, ot = _ === void 0 ? 10 : _, it = tt === void 0 ? 10 : tt, dt = rt === void 0 ? 10 : rt, ut = wt(null), [R, X] = V(void 0), [Y, mt] = V(void 0), [u, c] = V(null), [U, J] = V(void 0), [K, S] = V(void 0);
   let m;
-  t[0] !== ot || t[1] !== it || t[2] !== dt || t[3] !== X ? (m = {
-    top: X,
+  t[0] !== ot || t[1] !== it || t[2] !== dt || t[3] !== P ? (m = {
+    top: P,
     bottom: ot,
     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(mo).length === 0 ? n : Bt(n.filter(uo), "radius", "desc");
+  }, t[0] = ot, t[1] = it, t[2] = dt, t[3] = P, t[4] = m) : m = t[4];
+  const f = m, nt = w - f.left - f.right, A = $ - f.top - f.bottom, Q = n.filter(uo).length === 0 ? n : Bt(n.filter(co), "radius", "desc");
   let 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;
+  t[5] !== n || t[6] !== p || t[7] !== N ? (G = g(p) ? Math.max(...n.filter(ao).map(lo)) < 0 && !N ? 0 : Math.max(...n.filter(so).map(ro)) : p, t[5] = n, t[6] = p, t[7] = N, t[8] = G) : G = t[8];
+  const H = G;
   let d;
-  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(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);
+  t[9] !== n || t[10] !== W || t[11] !== N ? (d = g(W) ? Math.min(...n.filter(no).map(io)) >= 0 && !N ? 0 : Math.min(...n.filter(oo).map(eo)) : W, t[9] = n, t[10] = W, t[11] = N, t[12] = d) : d = t[12];
+  const s = d, l = n.filter(to).length !== n.length ? Jt().domain([0, g(L) ? Math.max(...n.map(_e).filter(Qe)) : L]).range([0.25, x]).nice() : void 0, b = Kt().domain([s, H]).range([0, nt]).nice(), D = b.ticks(lt);
+  Et(() => {
+    const o = Q.map(Ke).filter(Je);
+    Qt(o).force("x", _t((M) => b(M.position)).strength(5)).force("y", te((M) => A / 2).strength(1)).force("collide", ee((M) => l ? l(M.radius || 0) + 1 : x + 1)).force("charge", oe().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
+      c(o);
     }).on("end", () => {
-      a(o);
+      c(o);
     });
-  }, [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: [
+  }, [n, x, A, nt, s, H, Q, b, l]);
+  const k = u ? /* @__PURE__ */ i.jsx("svg", { width: `${w}px`, height: `${$}px`, viewBox: `0 0 ${w} ${$}`, 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: {
-        x: y(s < 0 ? 0 : s),
-        y: 0 - X,
+      /* @__PURE__ */ i.jsx(Zt, { x1: b(s < 0 ? 0 : s), x2: b(s < 0 ? 0 : s), y1: 0 - f.top, y2: A + f.bottom, label: Wt(s < 0 ? 0 : s, "NA", pt, j, E), labelPos: {
+        x: b(s < 0 ? 0 : s),
+        y: 0 - P,
         dy: "0.75em",
         dx: 3
       }, classNames: {
-        axis: w?.xAxis?.axis,
-        label: w?.yAxis?.labels
+        axis: v?.xAxis?.axis,
+        label: v?.yAxis?.labels
       }, styles: {
-        axis: c?.xAxis?.axis,
-        label: c?.yAxis?.labels
+        axis: a?.xAxis?.axis,
+        label: a?.yAxis?.labels
       } }),
-      /* @__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
+      /* @__PURE__ */ i.jsx(ue, { values: D.filter(Ue), x: D.filter(Ze).map((o) => b(o)), y1: 0 - P, y2: A + f.bottom, styles: {
+        gridLines: a?.xAxis?.gridLines,
+        labels: a?.xAxis?.labels
       }, classNames: {
-        gridLines: w?.xAxis?.gridLines,
-        labels: w?.xAxis?.labels
-      }, suffix: M, prefix: j, labelType: "secondary", showGridLines: !0, precision: pt })
+        gridLines: v?.xAxis?.gridLines,
+        labels: v?.xAxis?.labels
+      }, suffix: E, prefix: j, labelType: "secondary", showGridLines: !0, precision: pt })
     ] }) : null,
-    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);
+    ct.filter(qe).map(Ie),
+    u.map((o) => /* @__PURE__ */ i.jsxs("g", { className: "undp-viz-g-with-hover", transform: `translate(${o.x},${o.y})`, opacity: st ? o.color && y[B.indexOf(o.color)] === st ? 1 : at : I.length !== 0 ? I.indexOf(o.label) !== -1 ? 0.85 : at : 0.85, onMouseEnter: (M) => {
+      X(o), S(M.clientY), J(M.clientX), et?.(o);
+    }, onMouseMove: (M) => {
+      X(o), S(M.clientY), J(M.clientX);
     }, onClick: () => {
-      (Z || k) && (Gt($, o) && ft ? (mt(void 0), Z?.(void 0)) : (mt(o), Z?.(o)));
+      (q || Z) && (Ht(Y, o) && ft ? (mt(void 0), q?.(void 0)) : (mt(o), q?.(o)));
     }, onMouseLeave: () => {
-      D(void 0), J(void 0), F(void 0), et?.(void 0);
+      X(void 0), J(void 0), S(void 0), et?.(void 0);
     }, children: [
-      /* @__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(Ie).length === 0 ? v[0] : o.color ? v[z.indexOf(o.color)] : xt.gray),
+      /* @__PURE__ */ i.jsx("circle", { cx: 0, cy: 0, fill: n.filter(We).length === 0 ? y[0] : o.color ? y[B.indexOf(o.color)] : gt.gray, radius: l ? l(o.radius || 0) : x }),
+      (l ? l(o.radius || 0) : x) > 10 && h ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("foreignObject", { y: 0 - (l ? l(o.radius || 0) : x), x: 0 - (l ? l(o.radius || 0) : x), width: 2 * (l ? l(o.radius || 0) : x), height: 2 * (l ? l(o.radius || 0) : x), 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(se, { className: Gt("text-center leading-none m-0", v?.graphObjectValues), marginBottom: "none", style: {
+        fontSize: `${Math.min(Math.max(Math.round((l ? l(o.radius || 0) : x) / 4), 10), Math.max(Math.round((l ? l(o.radius || 0) : x) * 12 / `${o.label}`.length), 10), 20)}px`,
+        color: qt(n.filter(ze).length === 0 ? y[0] : o.color ? y[B.indexOf(o.color)] : gt.gray),
         hyphens: "auto",
-        ...c?.graphObjectValues || {}
+        ...a?.graphObjectValues || {}
       }, children: o.label }) : null }) }) }) : null
     ] }, o.label)),
-    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)
+    z ? /* @__PURE__ */ i.jsx(i.Fragment, { children: z.map((o, M) => /* @__PURE__ */ i.jsx(le, { text: o.text, color: o.color, x: b(o.value), y1: 0 - f.top, y2: A + f.bottom, textSide: b(o.value) > nt * 0.75 || xt ? "left" : "right", classNames: o.classNames, styles: o.styles, isInView: !0 }, M)) }) : null,
+    ct.filter(Be).map(He)
   ] }) }) : /* @__PURE__ */ i.jsx("div", { style: {
-    width: `${S}px`,
-    height: `${A}px`
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ i.jsx(It, {}) }) });
+    width: `${w}px`,
+    height: `${$}px`
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40", children: /* @__PURE__ */ i.jsx(zt, {}) }) });
   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];
+  t[13] !== v?.tooltip || t[14] !== U || t[15] !== K || t[16] !== R || t[17] !== a?.tooltip || t[18] !== F ? (O = R && F && U && K ? /* @__PURE__ */ i.jsx(It, { data: R, body: F, xPos: U, yPos: K, backgroundStyle: a?.tooltip, className: v?.tooltip }) : null, t[13] = v?.tooltip, t[14] = U, t[15] = K, t[16] = R, t[17] = a?.tooltip, t[18] = F, t[19] = O) : O = t[19];
   let C;
-  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, $)
-  } : void 0, children: typeof k == "function" ? k($) : null }) }) : null, t[20] = k, t[21] = $, t[22] = C) : C = t[22];
+  t[20] !== v?.modal || t[21] !== Z || t[22] !== Y ? (C = Z && Y !== void 0 ? /* @__PURE__ */ i.jsx(Ut, { body: Z, data: Y, setData: mt, className: v?.modal }) : null, t[20] = v?.modal, t[21] = Z, t[22] = Y, t[23] = C) : C = t[23];
   let r;
-  return t[23] !== L || t[24] !== O || t[25] !== C ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    L,
+  return t[24] !== k || t[25] !== O || t[26] !== C ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    k,
     O,
     C
-  ] }), t[23] = L, t[24] = O, t[25] = C, t[26] = r) : r = t[26], r;
+  ] }), t[24] = k, t[25] = O, t[26] = C, t[27] = r) : r = t[27], r;
 }
-function Be(e) {
+function He(e) {
   return e.layer;
 }
-function ze(e) {
+function Be(e) {
   return e.position === "after";
 }
-function Ie(e) {
+function ze(e) {
   return e.color;
 }
 function We(e) {
   return e.color;
 }
-function qe(e) {
+function Ie(e) {
   return e.layer;
 }
-function Ze(e) {
+function qe(e) {
   return e.position === "before";
 }
-function Ue(e) {
+function Ze(e) {
   return e !== 0;
 }
-function Je(e) {
+function Ue(e) {
   return e !== 0;
 }
-function Ke(e) {
+function Je(e) {
   return e.position;
 }
-function Qe(e) {
+function Ke(e) {
   return {
     ...e,
     ...e.data && {
@@ -374,137 +365,140 @@ function Qe(e) {
     }
   };
 }
-function _e(e) {
+function Qe(e) {
   return e != null;
 }
-function to(e) {
+function _e(e) {
   return e.radius;
 }
-function eo(e) {
+function to(e) {
   return e.radius === void 0 || e.radius === null;
 }
-function oo(e) {
+function eo(e) {
   return e.position;
 }
+function oo(e) {
+  return !g(e.position);
+}
 function io(e) {
-  return !x(e.position);
+  return e.position;
 }
 function no(e) {
-  return e.position;
+  return !g(e.position);
 }
 function ro(e) {
-  return !x(e.position);
+  return e.position;
 }
 function so(e) {
-  return e.position;
+  return !g(e.position);
 }
 function lo(e) {
-  return !x(e.position);
+  return e.position;
 }
 function ao(e) {
-  return e.position;
+  return !g(e.position);
 }
 function co(e) {
-  return !x(e.position);
+  return !g(e.radius);
 }
 function uo(e) {
-  return !x(e.radius);
+  return !g(e.radius);
 }
-function mo(e) {
-  return !x(e.radius);
-}
-function qo(e) {
+function Wo(e) {
   const t = Ft.c(79), {
     data: n,
-    graphTitle: v,
+    graphTitle: y,
     topMargin: ht,
-    bottomMargin: S,
-    leftMargin: A,
-    rightMargin: z,
-    colors: P,
+    bottomMargin: w,
+    leftMargin: $,
+    rightMargin: B,
+    colors: T,
     sources: _,
     graphDescription: tt,
     height: rt,
     width: h,
-    footNote: R,
+    footNote: F,
     colorDomain: et,
-    colorLegendTitle: I,
+    colorLegendTitle: z,
     padding: st,
-    relativeHeight: T,
-    tooltip: g,
-    onSeriesMouseOver: V,
+    relativeHeight: N,
+    tooltip: x,
+    onSeriesMouseOver: L,
     refValues: p,
     showColorScale: W,
-    graphID: q,
-    radius: Z,
-    showLabels: gt,
+    graphID: I,
+    radius: q,
+    showLabels: xt,
     showTicks: ft,
-    maxRadiusValue: k,
-    maxValue: M,
+    maxRadiusValue: Z,
+    maxValue: E,
     minValue: j,
-    highlightedDataPoints: c,
-    onSeriesMouseClick: w,
+    highlightedDataPoints: a,
+    onSeriesMouseClick: v,
     ariaLabel: lt,
     backgroundColor: at,
     graphDownload: pt,
     dataDownload: ct,
-    language: X,
+    language: P,
     showNAColor: ot,
     minHeight: it,
     theme: dt,
     resetSelectionOnDoubleClick: ut,
-    detailsOnClick: Y,
-    orientation: D,
-    suffix: $,
+    detailsOnClick: R,
+    orientation: X,
+    suffix: Y,
     prefix: mt,
     styles: u,
-    classNames: a,
+    classNames: c,
     noOfTicks: U,
     dimmedOpacity: J,
     precision: K,
-    customLayers: F
-  } = 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, 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;
+    customLayers: S
+  } = e, m = q === void 0 ? 5 : q, f = xt === void 0 ? !0 : xt, nt = ft === void 0 ? !0 : ft;
+  let A;
+  t[0] !== a ? (A = a === void 0 ? [] : a, t[0] = a, t[1] = A) : A = t[1];
+  const Q = A, G = at === void 0 ? !1 : at, H = pt === void 0 ? !1 : pt, d = ct === void 0 ? !1 : ct, s = P === void 0 ? "en" : P, l = ot === void 0 ? !0 : ot, b = it === void 0 ? 0 : it, D = dt === void 0 ? "light" : dt, k = ut === void 0 ? !0 : ut, O = X === void 0 ? "vertical" : X, C = Y === void 0 ? "" : Y, r = mt === void 0 ? "" : mt, o = U === void 0 ? 5 : U, M = 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" ? Ge : ve;
-  let Ct, kt;
+  t[2] !== S ? (Mt = S === void 0 ? [] : S, t[2] = S, t[3] = Mt) : Mt = t[3];
+  const Nt = Mt, [jt, ie] = V(0), [Ot, ne] = V(0), [Lt, re] = V(void 0), St = wt(null), Pt = wt(null), At = O === "horizontal" ? Ge : ge;
+  let Ct, Dt;
   t[4] === Symbol.for("react.memo_cache_sentinel") ? (Ct = () => {
-    const Pt = new ResizeObserver((Rt) => {
-      ne(Rt[0].target.clientWidth || 620), re(Rt[0].target.clientHeight || 480);
+    const Rt = new ResizeObserver((Xt) => {
+      ie(Xt[0].target.clientWidth || 620), ne(Xt[0].target.clientHeight || 480);
     });
-    return St.current && Pt.observe(St.current), () => Pt.disconnect();
-  }, kt = [], t[4] = Ct, t[5] = kt) : (Ct = t[4], kt = t[5]), Ht(Ct, kt);
-  const Tt = a?.graphContainer, Vt = u?.graphContainer;
+    return St.current && Rt.observe(St.current), () => Rt.disconnect();
+  }, Dt = [], t[4] = Ct, t[5] = Dt) : (Ct = t[4], Dt = t[5]), Et(Ct, Dt);
+  const Vt = c?.graphContainer, Tt = u?.graphContainer;
   let vt;
-  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: {
+  t[6] !== c?.description || t[7] !== c?.title || t[8] !== n || t[9] !== d || t[10] !== tt || t[11] !== H || t[12] !== y || t[13] !== u?.description || t[14] !== u?.title || t[15] !== h ? (vt = y || tt || H || d ? /* @__PURE__ */ i.jsx(me, { styles: {
     title: u?.title,
     description: u?.description
   }, classNames: {
-    title: a?.title,
-    description: a?.description
-  }, 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];
+    title: c?.title,
+    description: c?.description
+  }, graphTitle: y, graphDescription: tt, width: h, graphDownload: H ? Pt : void 0, dataDownload: d ? n.map(yo).filter(vo).length > 0 ? n.map(go).filter(xo) : n.filter(ho) : null }) : null, t[6] = c?.description, t[7] = c?.title, t[8] = n, t[9] = d, t[10] = tt, t[11] = H, t[12] = y, 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] !== 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];
+  t[17] !== At || t[18] !== w || t[19] !== c || t[20] !== et || t[21] !== z || t[22] !== T || t[23] !== Nt || t[24] !== n || t[25] !== R || t[26] !== M || t[27] !== Q || t[28] !== $ || t[29] !== Z || t[30] !== E || t[31] !== j || t[32] !== o || t[33] !== v || t[34] !== L || t[35] !== $t || t[36] !== r || t[37] !== m || t[38] !== p || t[39] !== k || 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] !== D || t[51] !== x || 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: z, colors: T || gt[D].categoricalColors.colors, colorDomain: et || Yt(n, "color", !0), setSelectedColor: re, showNAColor: l, className: c?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(fe, { ref: St, children: jt && Ot ? /* @__PURE__ */ i.jsx(At, { data: n, circleColors: n.filter(fo).length === 0 ? T ? [T] : [gt.primaryColors["blue-600"]] : T || gt[D].categoricalColors.colors, colorDomain: n.filter(mo).length === 0 ? [] : et || Yt(n, "color", !0), width: jt, selectedColor: Lt, height: Ot, showTicks: nt, leftMargin: $, rightMargin: B, topMargin: ht, bottomMargin: w, showLabels: f, tooltip: x, onSeriesMouseOver: L, refValues: p, startFromZero: !1, radius: m, maxRadiusValue: Z, maxValue: E, minValue: j, highlightedDataPoints: Q, onSeriesMouseClick: v, resetSelectionOnDoubleClick: k, detailsOnClick: R, styles: u, classNames: c, suffix: C, prefix: r, noOfTicks: o || 5, dimmedOpacity: M, precision: $t, customLayers: Nt }) : null })
+  ] }), t[17] = At, t[18] = w, t[19] = c, t[20] = et, t[21] = z, t[22] = T, t[23] = Nt, t[24] = n, t[25] = R, t[26] = M, t[27] = Q, t[28] = $, t[29] = Z, t[30] = E, t[31] = j, t[32] = o, t[33] = v, t[34] = L, t[35] = $t, t[36] = r, t[37] = m, t[38] = p, t[39] = k, 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] = D, t[51] = x, 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(xe, { styles: {
+  t[55] !== c?.footnote || t[56] !== c?.source || t[57] !== F || t[58] !== _ || t[59] !== u?.footnote || t[60] !== u?.source || t[61] !== h ? (bt = _ || F ? /* @__PURE__ */ i.jsx(xe, { styles: {
     footnote: u?.footnote,
     source: u?.source
   }, classNames: {
-    footnote: a?.footnote,
-    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(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: [
+    footnote: c?.footnote,
+    source: c?.source
+  }, sources: _, footNote: F, width: h }) : null, t[55] = c?.footnote, t[56] = c?.source, t[57] = F, t[58] = _, t[59] = u?.footnote, t[60] = u?.source, t[61] = h, t[62] = bt) : bt = t[62];
+  let kt;
+  return t[63] !== lt || t[64] !== G || t[65] !== I || t[66] !== rt || t[67] !== s || t[68] !== b || t[69] !== st || t[70] !== N || t[71] !== Vt || t[72] !== Tt || t[73] !== vt || t[74] !== yt || t[75] !== bt || t[76] !== D || t[77] !== h ? (kt = /* @__PURE__ */ i.jsxs(pe, { className: Vt, style: Tt, id: I, ref: Pt, "aria-label": lt, backgroundColor: G, theme: D, language: s, minHeight: b, width: h, height: rt, relativeHeight: N, 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;
+  ] }), t[63] = lt, t[64] = G, t[65] = I, t[66] = rt, t[67] = s, t[68] = b, t[69] = st, t[70] = N, t[71] = Vt, t[72] = Tt, t[73] = vt, t[74] = yt, t[75] = bt, t[76] = D, t[77] = h, t[78] = kt) : kt = t[78], kt;
+}
+function mo(e) {
+  return e.color;
 }
 function fo(e) {
   return e.color;
@@ -513,24 +507,21 @@ function po(e) {
   return e.color;
 }
 function ho(e) {
-  return e.color;
-}
-function go(e) {
   return e !== void 0;
 }
 function xo(e) {
   return e !== void 0;
 }
-function vo(e) {
+function go(e) {
   return e.data;
 }
-function yo(e) {
+function vo(e) {
   return e !== void 0;
 }
-function bo(e) {
+function yo(e) {
   return e.data;
 }
 export {
-  qo as BeeSwarmChart
+  Wo as BeeSwarmChart
 };
 //# sourceMappingURL=BeeSwarmChart.js.map