@undp/data-viz 1.5.9 → 2.0.0

package/dist/BeeSwarmChart.js

@@ -1,1033 +1,515 @@
-import { j as i, m as he } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as ae, useState as T, useEffect as de } from "react";
-import { i as ue } from "./index-Bwrro8-q.js";
-import { o as ge } from "./index-DvVprvy6.js";
-import { G as me } from "./Modal-Cg8daIlV.js";
-import { y as fe } from "./Spinner-Bpz70q_g.js";
-import { n as xe } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as pe } from "./Tooltip-6LIdPQGC.js";
-import { c as D } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { g as ye } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
-import { Colors as se } from "./Colors.js";
-import { s as ve } from "./string2HTML-oFCROsus.js";
-import { A as be } from "./Axis-4gUOL8B7.js";
-import { X as Te } from "./XTicksAndGridLines-DuydSnZ_.js";
-import { a as Ve, R as Ae } from "./ReferenceLine-CPMaAX0r.js";
-import { s as we } from "./pow-e8zx3AQJ.js";
-import { a as je } from "./linear-DUdu7l2G.js";
-import { f as Me, b as Ce, a as Oe, c as De, d as ke } from "./y-D0sAaVii.js";
-import { GraphFooter as Ne } from "./GraphFooter.js";
-import { GraphHeader as $e } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as Se } from "./ColorLegendWithMouseOver.js";
-import { E as Le } from "./EmptyState-36lXXyui.js";
-import { u as ce } from "./uniqBy-BHy4I8PK.js";
-import { Y as He } from "./YTicksAndGridLines-7t4MKtGw.js";
-function Fe(le) {
-  const {
-    data: o,
-    circleColors: c,
-    showTicks: C,
-    leftMargin: ie,
-    width: b,
-    height: w,
-    colorDomain: n,
-    rightMargin: oe,
-    topMargin: X,
-    bottomMargin: Y,
-    showLabels: P,
-    tooltip: p,
-    onSeriesMouseOver: V,
-    refValues: h,
-    selectedColor: E,
-    startFromZero: G,
-    radius: x,
+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 { w as It } from "./Spinner-D7rnnwnA.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 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 { 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) {
+  const t = Ft.c(27), {
+    data: n,
+    circleColors: v,
+    showTicks: ht,
+    width: S,
+    height: A,
+    colorDomain: B,
+    topMargin: P,
+    bottomMargin: _,
+    leftMargin: tt,
+    rightMargin: rt,
+    suffix: h,
+    prefix: R,
+    showLabels: et,
+    tooltip: I,
+    onSeriesMouseOver: st,
+    refValues: T,
+    selectedColor: g,
+    startFromZero: V,
+    radius: p,
     maxRadiusValue: W,
-    maxValue: a,
-    minValue: U,
-    highlightedDataPoints: J,
-    onSeriesMouseClick: B,
-    rtl: re,
-    resetSelectionOnDoubleClick: K,
-    detailsOnClick: A,
-    suffix: N,
-    prefix: $,
-    styles: y,
-    classNames: H,
-    noOfTicks: Q,
-    dimmedOpacity: F,
-    precision: R,
-    customLayers: k
-  } = le, z = ae(null), [j, v] = T(void 0), [S, I] = T(void 0), [_, Z] = T(null), [ee, m] = T(void 0), [f, d] = T(void 0), u = {
-    top: X,
-    bottom: Y,
-    left: ie,
-    right: oe
-  }, q = b - u.left - u.right, te = w - u.top - u.bottom, O = o.filter((e) => !D(e.radius)).length === 0 ? o : ge(
-    o.filter((e) => !D(e.radius)),
-    "radius",
-    "desc"
-  ), M = D(a) ? Math.max(...o.filter((e) => !D(e.position)).map((e) => e.position)) < 0 && !G ? 0 : Math.max(...o.filter((e) => !D(e.position)).map((e) => e.position)) : a, s = D(U) ? Math.min(...o.filter((e) => !D(e.position)).map((e) => e.position)) >= 0 && !G ? 0 : Math.min(...o.filter((e) => !D(e.position)).map((e) => e.position)) : U, l = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? we().domain([
-    0,
-    D(W) ? Math.max(...o.map((e) => e.radius).filter((e) => e != null)) : W
-  ]).range([0.25, x]).nice() : void 0, L = je().domain([s, M]).range([0, q]).nice(), t = L.ticks(Q);
-  return de(() => {
-    Z(null);
-    const e = O.filter((g) => g.position);
-    Me(e).force("x", Ce((g) => L(g.position)).strength(5)).force("y", Oe((g) => te / 2).strength(1)).force(
-      "collide",
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      De((g) => l ? l(g.radius || 0) + 1 : x + 1)
-    ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
-      Z(e);
+    maxValue: q,
+    minValue: Z,
+    highlightedDataPoints: gt,
+    onSeriesMouseClick: ft,
+    resetSelectionOnDoubleClick: k,
+    detailsOnClick: M,
+    styles: j,
+    classNames: c,
+    noOfTicks: w,
+    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 = {
+    top: ct,
+    bottom: X,
+    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(Re).length === 0 ? n : zt(n.filter(Pe), "radius", "desc");
+  let Q;
+  t[5] !== n || t[6] !== q || t[7] !== V ? (Q = x(q) ? Math.max(...n.filter(Ee).map(He)) < 0 && !V ? 0 : Math.max(...n.filter(Fe).map(Ve)) : 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(Te).map(Ae)) >= 0 && !V ? 0 : Math.min(...n.filter(Se).map(Le)) : Z, t[9] = n, t[10] = Z, t[11] = V, t[12] = z) : z = t[12];
+  const d = z, s = n.filter(Ne).length !== n.length ? Kt().domain([0, x(W) ? Math.max(...n.map($e).filter(De)) : 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.filter(we);
+    _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", () => {
-      Z(e);
+      u(r);
     });
-  }, [o, x, te, q, s, M, O, L, l]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    _ ? /* @__PURE__ */ i.jsx(
-      "svg",
-      {
-        width: `${b}px`,
-        height: `${w}px`,
-        viewBox: `0 0 ${b} ${w}`,
-        direction: "ltr",
-        ref: z,
-        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
-          C ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            /* @__PURE__ */ i.jsx(
-              be,
-              {
-                x1: L(s < 0 ? 0 : s),
-                x2: L(s < 0 ? 0 : s),
-                y1: 0 - u.top,
-                y2: te + u.bottom,
-                label: xe(
-                  s < 0 ? 0 : s,
-                  "NA",
-                  R,
-                  $,
-                  N
-                ),
-                labelPos: {
-                  x: L(s < 0 ? 0 : s),
-                  y: 0 - X,
-                  dy: "0.75em",
-                  dx: 3
-                },
-                classNames: {
-                  axis: H?.xAxis?.axis,
-                  label: H?.yAxis?.labels
-                },
-                styles: {
-                  axis: y?.xAxis?.axis,
-                  label: y?.yAxis?.labels
-                }
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              Te,
-              {
-                values: t.filter((e) => e !== 0),
-                x: t.filter((e) => e !== 0).map((e) => L(e)),
-                y1: 0 - X,
-                y2: te + u.bottom,
-                styles: {
-                  gridLines: y?.xAxis?.gridLines,
-                  labels: y?.xAxis?.labels
-                },
-                classNames: {
-                  gridLines: H?.xAxis?.gridLines,
-                  labels: H?.xAxis?.labels
-                },
-                suffix: N,
-                prefix: $,
-                labelType: "secondary",
-                showGridLines: !0,
-                precision: R
-              }
-            )
-          ] }) : null,
-          k.filter((e) => e.position === "before").map((e) => e.layer),
-          _.map((e) => /* @__PURE__ */ i.jsxs(
-            "g",
-            {
-              className: "undp-viz-g-with-hover",
-              transform: `translate(${e.x},${e.y})`,
-              opacity: E ? e.color && c[n.indexOf(e.color)] === E ? 1 : F : J.length !== 0 ? J.indexOf(e.label) !== -1 ? 0.85 : F : 0.85,
-              onMouseEnter: (g) => {
-                v(e), d(g.clientY), m(g.clientX), V?.(e);
-              },
-              onMouseMove: (g) => {
-                v(e), d(g.clientY), m(g.clientX);
-              },
-              onClick: () => {
-                (B || A) && (ue(S, e) && K ? (I(void 0), B?.(void 0)) : (I(e), B?.(e)));
-              },
-              onMouseLeave: () => {
-                v(void 0), m(void 0), d(void 0), V?.(void 0);
-              },
-              children: [
-                /* @__PURE__ */ i.jsx(
-                  "circle",
-                  {
-                    cx: 0,
-                    cy: 0,
-                    fill: o.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : se.gray,
-                    radius: l ? l(e.radius || 0) : x
-                  }
-                ),
-                (l ? l(e.radius || 0) : x) > 10 && P ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
-                  "foreignObject",
-                  {
-                    y: 0 - (l ? l(e.radius || 0) : x),
-                    x: 0 - (l ? l(e.radius || 0) : x),
-                    width: 2 * (l ? l(e.radius || 0) : x),
-                    height: 2 * (l ? l(e.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: P ? /* @__PURE__ */ i.jsx(
-                      "p",
-                      {
-                        className: he(
-                          "text-center leading-none m-0",
-                          H?.graphObjectValues
-                        ),
-                        style: {
-                          fontSize: `${Math.min(
-                            Math.max(
-                              Math.round(
-                                (l ? l(e.radius || 0) : x) / 4
-                              ),
-                              10
-                            ),
-                            Math.max(
-                              Math.round(
-                                (l ? l(e.radius || 0) : x) * 12 / `${e.label}`.length
-                              ),
-                              10
-                            ),
-                            20
-                          )}px`,
-                          color: ye(
-                            o.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : se.gray
-                          ),
-                          hyphens: "auto",
-                          ...y?.graphObjectValues || {}
-                        },
-                        children: e.label
-                      }
-                    ) : null })
-                  }
-                ) }) : null
-              ]
-            },
-            e.label
-          )),
-          h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, g) => /* @__PURE__ */ i.jsx(
-            Ve,
-            {
-              text: e.text,
-              color: e.color,
-              x: L(e.value),
-              y1: 0 - u.top,
-              y2: te + u.bottom,
-              textSide: L(e.value) > q * 0.75 || re ? "left" : "right",
-              classNames: e.classNames,
-              styles: e.styles,
-              isInView: !0
-            },
-            g
-          )) }) : null,
-          k.filter((e) => e.position === "after").map((e) => e.layer)
-        ] })
-      }
-    ) : /* @__PURE__ */ i.jsx("div", { style: { width: `${b}px`, height: `${w}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(fe, {}) }) }),
-    j && p && ee && f ? /* @__PURE__ */ i.jsx(
-      pe,
-      {
-        data: j,
-        body: p,
-        xPos: ee,
-        yPos: f,
-        backgroundStyle: y?.tooltip,
-        className: H?.tooltip
-      }
-    ) : null,
-    A && S !== void 0 ? /* @__PURE__ */ i.jsx(
-      me,
-      {
-        open: S !== void 0,
-        onClose: () => {
-          I(void 0);
-        },
-        children: /* @__PURE__ */ i.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof A == "string" ? { __html: ve(A, S) } : void 0,
-            children: typeof A == "function" ? A(S) : null
-          }
-        )
-      }
-    ) : null
-  ] });
+  }, [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: [
+    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: {
+        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
+      }, styles: {
+        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: {
+        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 })
+    ] }) : 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) => {
+      Y(r), K(o.clientY), U(o.clientX), st?.(r);
+    }, onMouseMove: (o) => {
+      Y(r), K(o.clientY), U(o.clientX);
+    }, onClick: () => {
+      (ft || M) && (Gt(D, r) && k ? ($(void 0), ft?.(void 0)) : ($(r), ft?.(r)));
+    }, 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 }),
+      (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),
+        ...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)
+  ] }) }) : /* @__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];
+  let O;
+  t[20] !== M || t[21] !== D ? (O = M && D !== void 0 ? /* @__PURE__ */ i.jsx(Bt, { 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];
+  let C;
+  return t[23] !== N || t[24] !== L || t[25] !== O ? (C = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    N,
+    L,
+    O
+  ] }), t[23] = N, t[24] = L, t[25] = O, t[26] = C) : C = t[26], C;
 }
-function Pe(le) {
-  const {
-    data: o,
-    graphTitle: c,
-    backgroundColor: C = !1,
-    topMargin: ie = 25,
-    bottomMargin: b = 10,
-    leftMargin: w = 10,
-    rightMargin: n = 10,
-    showLabels: oe = !0,
-    showTicks: X = !0,
-    colors: Y,
-    sources: P,
-    graphDescription: p,
-    height: V,
-    width: h,
-    footNote: E,
-    colorDomain: G,
-    colorLegendTitle: x,
-    padding: W,
-    relativeHeight: a,
-    tooltip: U,
-    onSeriesMouseOver: J,
-    refValues: B,
-    showColorScale: re,
-    graphID: K,
-    radius: A = 5,
-    maxRadiusValue: N,
-    maxValue: $,
-    minValue: y,
-    highlightedDataPoints: H = [],
-    onSeriesMouseClick: Q,
-    graphDownload: F = !1,
-    dataDownload: R = !1,
-    language: k = "en",
-    showNAColor: z = !0,
-    minHeight: j = 0,
-    theme: v = "light",
-    ariaLabel: S,
-    resetSelectionOnDoubleClick: I = !0,
-    detailsOnClick: _,
-    suffix: Z = "",
-    prefix: ee = "",
-    styles: m,
-    classNames: f,
-    noOfTicks: d,
-    dimmedOpacity: u = 0.3,
-    precision: q = 2,
-    customLayers: te = []
-  } = le, [O, M] = T(0), [s, l] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
-  return de(() => {
-    const r = new ResizeObserver((ne) => {
-      M(h || ne[0].target.clientWidth || 620), l(V || ne[0].target.clientHeight || 480);
-    });
-    return e.current && (l(e.current.clientHeight || 480), M(e.current.clientWidth || 620), h || r.observe(e.current)), () => r.disconnect();
-  }, [h, V]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: `${v || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
-      dir: k === "he" || k === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: he(
-            `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k || "en"}`,
-            h ? "w-fit" : "w-full",
-            f?.graphContainer
-          ),
-          style: {
-            ...m?.graphContainer || {},
-            ...C && C !== !0 ? { backgroundColor: C } : {}
-          },
-          id: K,
-          ref: g,
-          "aria-label": S || `${c ? `The graph shows ${c}. ` : ""}This is a bee swarm chart showing the distribution along the x-axes. ${p ? ` ${p}` : ""}`,
-          children: /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: C ? W || "1rem" : W || 0 },
-              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                c || p || F || R ? /* @__PURE__ */ i.jsx(
-                  $e,
-                  {
-                    styles: {
-                      title: m?.title,
-                      description: m?.description
-                    },
-                    classNames: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    graphTitle: c,
-                    graphDescription: p,
-                    width: h,
-                    graphDownload: F ? g.current : void 0,
-                    dataDownload: R ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  re !== !1 && o.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ i.jsx(
-                    Se,
-                    {
-                      width: h,
-                      colorLegendTitle: x,
-                      colors: Y || se[v].categoricalColors.colors,
-                      colorDomain: G || ce(o, "color", !0),
-                      setSelectedColor: t,
-                      showNAColor: z ?? !0
-                    }
-                  ) : null,
-                  /* @__PURE__ */ i.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: e,
-                      "aria-label": "Graph area",
-                      children: (h || O) && (V || s) ? /* @__PURE__ */ i.jsx(
-                        Fe,
-                        {
-                          data: o,
-                          circleColors: o.filter((r) => r.color).length === 0 ? Y ? [Y] : [se.primaryColors["blue-600"]] : Y || se[v].categoricalColors.colors,
-                          colorDomain: o.filter((r) => r.color).length === 0 ? [] : G || ce(o, "color", !0),
-                          width: h || O,
-                          selectedColor: L,
-                          height: Math.max(
-                            j,
-                            V || (a ? j ? (h || O) * a > j ? (h || O) * a : j : (h || O) * a : s)
-                          ),
-                          showTicks: X,
-                          leftMargin: w,
-                          rightMargin: n,
-                          topMargin: ie,
-                          bottomMargin: b,
-                          showLabels: oe,
-                          tooltip: U,
-                          onSeriesMouseOver: J,
-                          refValues: B,
-                          startFromZero: !1,
-                          radius: A,
-                          maxRadiusValue: N,
-                          maxValue: $,
-                          minValue: y,
-                          highlightedDataPoints: H,
-                          onSeriesMouseClick: Q,
-                          rtl: k === "he" || k === "ar",
-                          resetSelectionOnDoubleClick: I,
-                          detailsOnClick: _,
-                          suffix: Z,
-                          prefix: ee,
-                          styles: m,
-                          classNames: f,
-                          noOfTicks: d || 5,
-                          dimmedOpacity: u,
-                          precision: q,
-                          customLayers: te
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                P || E ? /* @__PURE__ */ i.jsx(
-                  Ne,
-                  {
-                    styles: { footnote: m?.footnote, source: m?.source },
-                    classNames: {
-                      footnote: f?.footnote,
-                      source: f?.source
-                    },
-                    sources: P,
-                    footNote: E,
-                    width: h
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+function ve(e) {
+  return e.layer;
+}
+function ye(e) {
+  return e.position === "after";
+}
+function be(e) {
+  return e.color;
+}
+function Me(e) {
+  return e.color;
+}
+function je(e) {
+  return e.layer;
+}
+function Oe(e) {
+  return e.position === "before";
+}
+function Ce(e) {
+  return e !== 0;
+}
+function ke(e) {
+  return e !== 0;
+}
+function we(e) {
+  return e.position;
+}
+function De(e) {
+  return e != null;
+}
+function $e(e) {
+  return e.radius;
+}
+function Ne(e) {
+  return e.radius === void 0 || e.radius === null;
 }
-function Re(le) {
-  const {
-    data: o,
-    circleColors: c,
-    showTicks: C,
-    leftMargin: ie,
-    width: b,
-    height: w,
-    colorDomain: n,
-    rightMargin: oe,
-    topMargin: X,
-    bottomMargin: Y,
-    suffix: P,
-    prefix: p,
-    showLabels: V,
-    tooltip: h,
-    onSeriesMouseOver: E,
-    refValues: G,
-    selectedColor: x,
-    startFromZero: W,
-    radius: a,
-    maxRadiusValue: U,
-    maxValue: J,
-    minValue: B,
-    highlightedDataPoints: re,
-    onSeriesMouseClick: K,
-    resetSelectionOnDoubleClick: A,
-    detailsOnClick: N,
-    styles: $,
-    classNames: y,
-    noOfTicks: H,
-    dimmedOpacity: Q,
-    precision: F,
-    customLayers: R
-  } = le, k = ae(null), [z, j] = T(void 0), [v, S] = T(void 0), [I, _] = T(null), [Z, ee] = T(void 0), [m, f] = T(void 0), d = {
+function Le(e) {
+  return e.position;
+}
+function Se(e) {
+  return !x(e.position);
+}
+function Ae(e) {
+  return e.position;
+}
+function Te(e) {
+  return !x(e.position);
+}
+function Ve(e) {
+  return e.position;
+}
+function Fe(e) {
+  return !x(e.position);
+}
+function He(e) {
+  return e.position;
+}
+function Ee(e) {
+  return !x(e.position);
+}
+function Pe(e) {
+  return !x(e.radius);
+}
+function Re(e) {
+  return !x(e.radius);
+}
+function Xe(e) {
+  const t = Ft.c(27), {
+    data: n,
+    circleColors: v,
+    showTicks: ht,
+    width: S,
+    height: A,
+    colorDomain: B,
+    topMargin: P,
+    bottomMargin: _,
+    leftMargin: tt,
+    rightMargin: rt,
+    showLabels: h,
+    tooltip: R,
+    onSeriesMouseOver: et,
+    refValues: I,
+    selectedColor: st,
+    startFromZero: T,
+    radius: g,
+    maxRadiusValue: V,
+    maxValue: p,
+    minValue: W,
+    highlightedDataPoints: q,
+    onSeriesMouseClick: Z,
+    rtl: gt,
+    resetSelectionOnDoubleClick: ft,
+    detailsOnClick: k,
+    suffix: M,
+    prefix: j,
+    styles: c,
+    classNames: w,
+    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);
+  let m;
+  t[0] !== ot || t[1] !== it || t[2] !== dt || t[3] !== X ? (m = {
     top: X,
-    bottom: Y,
-    left: ie,
-    right: oe
-  }, u = b - d.left - d.right, q = w - d.top - d.bottom, te = o.filter((t) => !D(t.radius)).length === 0 ? o : ge(
-    o.filter((t) => !D(t.radius)),
-    "radius",
-    "desc"
-  ), O = D(J) ? Math.max(...o.filter((t) => !D(t.position)).map((t) => t.position)) < 0 && !W ? 0 : Math.max(...o.filter((t) => !D(t.position)).map((t) => t.position)) : J, M = D(B) ? Math.min(...o.filter((t) => !D(t.position)).map((t) => t.position)) >= 0 && !W ? 0 : Math.min(...o.filter((t) => !D(t.position)).map((t) => t.position)) : B, s = o.filter((t) => t.radius === void 0 || t.radius === null).length !== o.length ? we().domain([
-    0,
-    D(U) ? Math.max(...o.map((t) => t.radius).filter((t) => t != null)) : U
-  ]).range([0.25, a]).nice() : void 0, l = je().domain([M, O]).range([q, 0]).nice(), L = l.ticks(H);
-  return de(() => {
-    _(null);
-    const t = te.filter((e) => e.position);
-    Me(t).force("y", Oe((e) => l(e.position)).strength(5)).force("x", Ce((e) => u / 2).strength(1)).force(
-      "collide",
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      De((e) => s ? s(e.radius || 0) + 1 : a + 1)
-    ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
-      _(t);
+    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(ao).length === 0 ? n : zt(n.filter(lo), "radius", "desc");
+  let G;
+  t[5] !== n || t[6] !== p || t[7] !== T ? (G = x(p) ? Math.max(...n.filter(so).map(ro)) < 0 && !T ? 0 : Math.max(...n.filter(no).map(io)) : p, t[5] = n, t[6] = p, t[7] = T, t[8] = G) : G = t[8];
+  const z = G;
+  let d;
+  t[9] !== n || t[10] !== W || t[11] !== T ? (d = x(W) ? Math.min(...n.filter(oo).map(eo)) >= 0 && !T ? 0 : Math.min(...n.filter(to).map(_e)) : W, t[9] = n, t[10] = W, t[11] = T, t[12] = d) : d = t[12];
+  const s = d, l = n.filter(Qe).length !== n.length ? Kt().domain([0, x(V) ? Math.max(...n.map(Ke).filter(Je)) : V]).range([0.25, g]).nice() : void 0, y = Qt().domain([s, z]).range([0, nt]).nice(), N = y.ticks(lt);
+  Ht(() => {
+    const o = Q.filter(Ue);
+    _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", () => {
-      _(t);
+      a(o);
     });
-  }, [o, a, q, u, M, O, te, l, s]), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    I ? /* @__PURE__ */ i.jsx(
-      "svg",
-      {
-        width: `${b}px`,
-        height: `${w}px`,
-        viewBox: `0 0 ${b} ${w}`,
-        direction: "ltr",
-        ref: k,
-        children: /* @__PURE__ */ i.jsxs("g", { transform: `translate(${d.left},${d.top})`, children: [
-          C ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-            /* @__PURE__ */ i.jsx(
-              be,
-              {
-                y1: l(M < 0 ? 0 : M),
-                y2: l(M < 0 ? 0 : M),
-                x1: 0 - d.left,
-                x2: u + d.right,
-                label: xe(
-                  M < 0 ? 0 : M,
-                  "NA",
-                  F,
-                  p,
-                  P
-                ),
-                labelPos: {
-                  x: 0 - d.left,
-                  y: l(M < 0 ? 0 : M),
-                  dx: 0,
-                  dy: O < 0 ? "1em" : -5
-                },
-                classNames: {
-                  axis: y?.xAxis?.axis,
-                  label: y?.yAxis?.labels
-                },
-                styles: {
-                  axis: $?.xAxis?.axis,
-                  label: $?.yAxis?.labels
-                }
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              He,
-              {
-                values: L.filter((t) => t !== 0),
-                y: L.filter((t) => t !== 0).map((t) => l(t)),
-                x1: 0 - d.left,
-                x2: u + d.right,
-                styles: {
-                  gridLines: $?.yAxis?.gridLines,
-                  labels: $?.yAxis?.labels
-                },
-                classNames: {
-                  gridLines: y?.yAxis?.gridLines,
-                  labels: y?.yAxis?.labels
-                },
-                suffix: P,
-                prefix: p,
-                labelType: "secondary",
-                showGridLines: !0,
-                labelPos: "vertical",
-                precision: F
-              }
-            )
-          ] }) : null,
-          R.filter((t) => t.position === "before").map((t) => t.layer),
-          I.map((t) => /* @__PURE__ */ i.jsxs(
-            "g",
-            {
-              className: "undp-viz-g-with-hover",
-              transform: `translate(${t.x},${t.y})`,
-              opacity: x ? t.color && c[n.indexOf(t.color)] === x ? 1 : Q : re.length !== 0 ? re.indexOf(t.label) !== -1 ? 0.85 : Q : 0.85,
-              onMouseEnter: (e) => {
-                j(t), f(e.clientY), ee(e.clientX), E?.(t);
-              },
-              onMouseMove: (e) => {
-                j(t), f(e.clientY), ee(e.clientX);
-              },
-              onClick: () => {
-                (K || N) && (ue(v, t) && A ? (S(void 0), K?.(void 0)) : (S(t), K?.(t)));
-              },
-              onMouseLeave: () => {
-                j(void 0), ee(void 0), f(void 0), E?.(void 0);
-              },
-              children: [
-                /* @__PURE__ */ i.jsx(
-                  "circle",
-                  {
-                    cx: 0,
-                    cy: 0,
-                    r: s ? s(t.radius || 0) : a,
-                    fill: o.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : se.gray
-                  }
-                ),
-                (s ? s(t.radius || 0) : a) > 10 && V ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
-                  "foreignObject",
-                  {
-                    y: 0 - (s ? s(t.radius || 0) : a),
-                    x: 0 - (s ? s(t.radius || 0) : a),
-                    width: 2 * (s ? s(t.radius || 0) : a),
-                    height: 2 * (s ? s(t.radius || 0) : a),
-                    children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col justify-center items-center h-inherit py-0 px-1.5", children: V ? /* @__PURE__ */ i.jsx(
-                      "p",
-                      {
-                        className: he(
-                          "text-center leading-none m-0",
-                          y?.graphObjectValues
-                        ),
-                        style: {
-                          fontSize: `${Math.min(
-                            Math.max(
-                              Math.round(
-                                (s ? s(t.radius || 0) : a) / 4
-                              ),
-                              10
-                            ),
-                            Math.max(
-                              Math.round(
-                                (s ? s(t.radius || 0) : a) * 12 / `${t.label}`.length
-                              ),
-                              10
-                            ),
-                            20
-                          )}px`,
-                          hyphens: "auto",
-                          color: ye(
-                            o.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : se.gray
-                          ),
-                          ...$?.graphObjectValues || {}
-                        },
-                        children: t.label
-                      }
-                    ) : null })
-                  }
-                ) }) : null
-              ]
-            },
-            t.label
-          )),
-          G ? /* @__PURE__ */ i.jsx(i.Fragment, { children: G.map((t, e) => /* @__PURE__ */ i.jsx(
-            Ae,
-            {
-              text: t.text,
-              color: t.color,
-              y: l(t.value),
-              x1: 0 - d.left,
-              x2: u + d.right,
-              classNames: t.classNames,
-              styles: t.styles,
-              isInView: !0
-            },
-            e
-          )) }) : null,
-          R.filter((t) => t.position === "after").map((t) => t.layer)
-        ] })
-      }
-    ) : /* @__PURE__ */ i.jsx("div", { style: { width: `${b}px`, height: `${w}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(fe, {}) }) }),
-    z && h && Z && m ? /* @__PURE__ */ i.jsx(
-      pe,
-      {
-        data: z,
-        body: h,
-        xPos: Z,
-        yPos: m,
-        backgroundStyle: $?.tooltip,
-        className: y?.tooltip
-      }
-    ) : null,
-    N && v !== void 0 ? /* @__PURE__ */ i.jsx(
-      me,
-      {
-        open: v !== void 0,
-        onClose: () => {
-          S(void 0);
-        },
-        children: /* @__PURE__ */ i.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof N == "string" ? { __html: ve(N, v) } : void 0,
-            children: typeof N == "function" ? N(v) : null
-          }
-        )
-      }
-    ) : null
-  ] });
+  }, [n, g, H, nt, s, z, 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: {
+        x: y(s < 0 ? 0 : s),
+        y: 0 - X,
+        dy: "0.75em",
+        dx: 3
+      }, classNames: {
+        axis: w?.xAxis?.axis,
+        label: w?.yAxis?.labels
+      }, styles: {
+        axis: c?.xAxis?.axis,
+        label: c?.yAxis?.labels
+      } }),
+      /* @__PURE__ */ i.jsx(ue, { values: N.filter(Ze), x: N.filter(qe).map((o) => y(o)), y1: 0 - X, y2: H + f.bottom, styles: {
+        gridLines: c?.xAxis?.gridLines,
+        labels: c?.xAxis?.labels
+      }, classNames: {
+        gridLines: w?.xAxis?.gridLines,
+        labels: w?.xAxis?.labels
+      }, suffix: M, prefix: j, labelType: "secondary", showGridLines: !0, precision: pt })
+    ] }) : null,
+    ct.filter(We).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 && v[B.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);
+    }, onClick: () => {
+      (Z || k) && (Gt($, o) && ft ? (mt(void 0), Z?.(void 0)) : (mt(o), Z?.(o)));
+    }, 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(Be).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: {
+        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(ze).length === 0 ? v[0] : o.color ? v[B.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(Ge).map(Ye)
+  ] }) }) : /* @__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 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: () => {
+    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];
+  let r;
+  return t[23] !== L || t[24] !== O || t[25] !== C ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    L,
+    O,
+    C
+  ] }), t[23] = L, t[24] = O, t[25] = C, t[26] = r) : r = t[26], r;
 }
-function Xe(le) {
-  const {
-    data: o,
-    graphTitle: c,
-    colors: C,
-    sources: ie,
-    graphDescription: b,
-    height: w,
-    width: n,
-    footNote: oe,
-    colorDomain: X,
-    colorLegendTitle: Y,
-    padding: P,
-    backgroundColor: p = !1,
-    topMargin: V = 25,
-    bottomMargin: h = 10,
-    leftMargin: E = 100,
-    rightMargin: G = 40,
-    showLabels: x = !0,
-    showTicks: W = !0,
-    relativeHeight: a,
-    tooltip: U,
-    onSeriesMouseOver: J,
-    refValues: B,
-    showColorScale: re,
-    graphID: K,
-    radius: A = 5,
-    maxRadiusValue: N,
-    maxValue: $,
-    minValue: y,
-    highlightedDataPoints: H = [],
-    onSeriesMouseClick: Q,
-    graphDownload: F = !1,
-    dataDownload: R = !1,
-    language: k = "en",
-    showNAColor: z = !0,
-    minHeight: j = 0,
-    theme: v = "light",
-    ariaLabel: S,
-    resetSelectionOnDoubleClick: I = !0,
-    detailsOnClick: _,
-    suffix: Z = "",
-    prefix: ee = "",
-    styles: m,
-    classNames: f,
-    noOfTicks: d,
-    dimmedOpacity: u = 0.3,
-    precision: q = 2,
-    customLayers: te = []
-  } = le, [O, M] = T(0), [s, l] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
-  return de(() => {
-    const r = new ResizeObserver((ne) => {
-      M(n || ne[0].target.clientWidth || 620), l(w || ne[0].target.clientHeight || 480);
-    });
-    return e.current && (l(e.current.clientHeight || 480), M(e.current.clientWidth || 620), n || r.observe(e.current)), () => r.disconnect();
-  }, [n, w]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: `${v || "light"} flex  ${n ? "w-fit grow-0" : "w-full grow"}`,
-      dir: k === "he" || k === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: he(
-            `${p ? p === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k || "en"}`,
-            n ? "w-fit" : "w-full",
-            f?.graphContainer
-          ),
-          style: {
-            ...m?.graphContainer || {},
-            ...p && p !== !0 ? { backgroundColor: p } : {}
-          },
-          id: K,
-          ref: g,
-          "aria-label": S || `${c ? `The graph shows ${c}. ` : ""}This is a bee swarm chart showing the distribution along the y-axes. ${b ? ` ${b}` : ""}`,
-          children: /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: p ? P || "1rem" : P || 0 },
-              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                c || b || F || R ? /* @__PURE__ */ i.jsx(
-                  $e,
-                  {
-                    styles: {
-                      title: m?.title,
-                      description: m?.description
-                    },
-                    classNames: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    graphTitle: c,
-                    graphDescription: b,
-                    width: n,
-                    graphDownload: F ? g.current : void 0,
-                    dataDownload: R ? o.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? o.map((r) => r.data).filter((r) => r !== void 0) : o.filter((r) => r !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-                  re !== !1 && o.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ i.jsx(
-                    Se,
-                    {
-                      width: n,
-                      colorLegendTitle: Y,
-                      colors: C || se[v].categoricalColors.colors,
-                      colorDomain: X || ce(o, "color", !0),
-                      setSelectedColor: t,
-                      showNAColor: z
-                    }
-                  ) : null,
-                  /* @__PURE__ */ i.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: e,
-                      "aria-label": "Graph area",
-                      children: (n || O) && (w || s) ? /* @__PURE__ */ i.jsx(
-                        Re,
-                        {
-                          data: o,
-                          circleColors: o.filter((r) => r.color).length === 0 ? C ? [C] : [se.primaryColors["blue-600"]] : C || se[v].categoricalColors.colors,
-                          colorDomain: o.filter((r) => r.color).length === 0 ? [] : X || ce(o, "color", !0),
-                          width: n || O,
-                          selectedColor: L,
-                          height: Math.max(
-                            j,
-                            w || (a ? j ? (n || O) * a > j ? (n || O) * a : j : (n || O) * a : s)
-                          ),
-                          showTicks: W,
-                          leftMargin: E,
-                          rightMargin: G,
-                          topMargin: V,
-                          bottomMargin: h,
-                          showLabels: x,
-                          tooltip: U,
-                          onSeriesMouseOver: J,
-                          refValues: B,
-                          startFromZero: !1,
-                          radius: A,
-                          maxRadiusValue: N,
-                          maxValue: $,
-                          minValue: y,
-                          highlightedDataPoints: H,
-                          onSeriesMouseClick: Q,
-                          resetSelectionOnDoubleClick: I,
-                          detailsOnClick: _,
-                          styles: m,
-                          classNames: f,
-                          suffix: Z,
-                          prefix: ee,
-                          noOfTicks: d || 5,
-                          dimmedOpacity: u,
-                          precision: q,
-                          customLayers: te
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                ie || oe ? /* @__PURE__ */ i.jsx(
-                  Ne,
-                  {
-                    styles: { footnote: m?.footnote, source: m?.source },
-                    classNames: {
-                      footnote: f?.footnote,
-                      source: f?.source
-                    },
-                    sources: ie,
-                    footNote: oe,
-                    width: n
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+function Ye(e) {
+  return e.layer;
+}
+function Ge(e) {
+  return e.position === "after";
+}
+function ze(e) {
+  return e.color;
+}
+function Be(e) {
+  return e.color;
 }
-function ht(le) {
-  const {
-    data: o,
-    graphTitle: c,
-    backgroundColor: C,
-    topMargin: ie,
-    bottomMargin: b,
-    leftMargin: w,
-    rightMargin: n,
-    showLabels: oe,
-    showTicks: X,
-    colors: Y,
-    sources: P,
-    graphDescription: p,
-    height: V,
+function Ie(e) {
+  return e.layer;
+}
+function We(e) {
+  return e.position === "before";
+}
+function qe(e) {
+  return e !== 0;
+}
+function Ze(e) {
+  return e !== 0;
+}
+function Ue(e) {
+  return e.position;
+}
+function Je(e) {
+  return e != null;
+}
+function Ke(e) {
+  return e.radius;
+}
+function Qe(e) {
+  return e.radius === void 0 || e.radius === null;
+}
+function _e(e) {
+  return e.position;
+}
+function to(e) {
+  return !x(e.position);
+}
+function eo(e) {
+  return e.position;
+}
+function oo(e) {
+  return !x(e.position);
+}
+function io(e) {
+  return e.position;
+}
+function no(e) {
+  return !x(e.position);
+}
+function ro(e) {
+  return e.position;
+}
+function so(e) {
+  return !x(e.position);
+}
+function lo(e) {
+  return !x(e.radius);
+}
+function ao(e) {
+  return !x(e.radius);
+}
+function zo(e) {
+  const t = Ft.c(79), {
+    data: n,
+    graphTitle: v,
+    topMargin: ht,
+    bottomMargin: S,
+    leftMargin: A,
+    rightMargin: B,
+    colors: P,
+    sources: _,
+    graphDescription: tt,
+    height: rt,
     width: h,
-    footNote: E,
-    colorDomain: G,
-    colorLegendTitle: x,
-    padding: W,
-    relativeHeight: a,
-    tooltip: U,
-    onSeriesMouseOver: J,
-    refValues: B,
-    showColorScale: re,
-    graphID: K,
-    radius: A,
-    maxRadiusValue: N,
-    maxValue: $,
-    minValue: y,
-    highlightedDataPoints: H,
-    onSeriesMouseClick: Q,
-    graphDownload: F,
-    dataDownload: R,
-    language: k,
-    showNAColor: z,
-    minHeight: j,
-    theme: v,
-    ariaLabel: S,
-    resetSelectionOnDoubleClick: I,
-    detailsOnClick: _,
-    noOfTicks: Z,
-    orientation: ee = "vertical",
-    styles: m,
-    classNames: f,
-    dimmedOpacity: d,
-    precision: u,
-    customLayers: q
-  } = le;
-  return ee === "vertical" ? /* @__PURE__ */ i.jsx(
-    Xe,
-    {
-      data: o,
-      graphTitle: c,
-      backgroundColor: C,
-      topMargin: ie,
-      bottomMargin: b,
-      leftMargin: w,
-      rightMargin: n,
-      showLabels: oe,
-      showTicks: X,
-      colors: Y,
-      sources: P,
-      graphDescription: p,
-      height: V,
-      width: h,
-      footNote: E,
-      colorDomain: G,
-      colorLegendTitle: x,
-      padding: W,
-      relativeHeight: a,
-      tooltip: U,
-      onSeriesMouseOver: J,
-      refValues: B,
-      showColorScale: re,
-      graphID: K,
-      radius: A,
-      maxRadiusValue: N,
-      maxValue: $,
-      minValue: y,
-      highlightedDataPoints: H,
-      onSeriesMouseClick: Q,
-      graphDownload: F,
-      dataDownload: R,
-      language: k,
-      showNAColor: z,
-      minHeight: j,
-      theme: v,
-      ariaLabel: S,
-      resetSelectionOnDoubleClick: I,
-      styles: m,
-      detailsOnClick: _,
-      classNames: f,
-      noOfTicks: Z,
-      dimmedOpacity: d,
-      precision: u,
-      customLayers: q
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    Pe,
-    {
-      data: o,
-      graphTitle: c,
-      backgroundColor: C,
-      topMargin: ie,
-      bottomMargin: b,
-      leftMargin: w,
-      rightMargin: n,
-      showLabels: oe,
-      showTicks: X,
-      colors: Y,
-      sources: P,
-      graphDescription: p,
-      height: V,
-      width: h,
-      footNote: E,
-      colorDomain: G,
-      colorLegendTitle: x,
-      padding: W,
-      relativeHeight: a,
-      tooltip: U,
-      onSeriesMouseOver: J,
-      refValues: B,
-      showColorScale: re,
-      graphID: K,
-      radius: A,
-      maxRadiusValue: N,
-      maxValue: $,
-      minValue: y,
-      highlightedDataPoints: H,
-      onSeriesMouseClick: Q,
-      graphDownload: F,
-      dataDownload: R,
-      language: k,
-      showNAColor: z,
-      minHeight: j,
-      theme: v,
-      ariaLabel: S,
-      resetSelectionOnDoubleClick: I,
-      styles: m,
-      detailsOnClick: _,
-      classNames: f,
-      noOfTicks: Z,
-      dimmedOpacity: d,
-      precision: u,
-      customLayers: q
-    }
-  );
+    footNote: R,
+    colorDomain: et,
+    colorLegendTitle: I,
+    padding: st,
+    relativeHeight: T,
+    tooltip: g,
+    onSeriesMouseOver: V,
+    refValues: p,
+    showColorScale: W,
+    graphID: q,
+    radius: Z,
+    showLabels: gt,
+    showTicks: ft,
+    maxRadiusValue: k,
+    maxValue: M,
+    minValue: j,
+    highlightedDataPoints: c,
+    onSeriesMouseClick: w,
+    ariaLabel: lt,
+    backgroundColor: at,
+    graphDownload: pt,
+    dataDownload: ct,
+    language: X,
+    showNAColor: ot,
+    minHeight: it,
+    theme: dt,
+    resetSelectionOnDoubleClick: ut,
+    detailsOnClick: Y,
+    orientation: D,
+    suffix: $,
+    prefix: mt,
+    styles: u,
+    classNames: a,
+    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, 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;
+  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" ? Xe : xe;
+  let Ct, kt;
+  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);
+    });
+    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;
+  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: {
+    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(xo).filter(go).length > 0 ? n.map(ho).filter(po) : n.filter(fo) : 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];
+  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(mo).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(uo).length === 0 ? P ? [P] : [xt.primaryColors["blue-600"]] : P || xt[N].categoricalColors.colors, colorDomain: n.filter(co).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];
+  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: {
+    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(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: [
+    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 co(e) {
+  return e.color;
+}
+function uo(e) {
+  return e.color;
+}
+function mo(e) {
+  return e.color;
+}
+function fo(e) {
+  return e !== void 0;
+}
+function po(e) {
+  return e !== void 0;
+}
+function ho(e) {
+  return e.data;
+}
+function go(e) {
+  return e !== void 0;
+}
+function xo(e) {
+  return e.data;
 }
 export {
-  ht as BeeSwarmChart
+  zo as BeeSwarmChart
 };
 //# sourceMappingURL=BeeSwarmChart.js.map