@undp/data-viz 2.4.1 → 2.5.0

package/dist/BeeSwarmChart.js

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