@undp/data-viz 1.2.8 → 1.3.1

package/dist/BeeSwarmChart.js

@@ -0,0 +1,1043 @@
+import { j as i, m as he } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as ce } from "./index-CaAIPGZo.js";
+import { useRef as ae, useState as T, useEffect as de } from "react";
+import { i as ge } from "./index-27yTRcko.js";
+import { o as ue } from "./index-BLizQDlg.js";
+import { X as me } from "./Modal-CUU6ZK3U.js";
+import { y as fe } from "./Spinner-C85UF28E.js";
+import { n as xe } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as pe } from "./Tooltip-DyM5snqx.js";
+import { c as D } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { g as ye } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
+import { Colors as le } from "./Colors.js";
+import { s as ve } from "./string2HTML-CWHGfz_d.js";
+import { A as be } from "./Axis-Ddg-seDi.js";
+import { X as Te } from "./XTicksAndGridLines-Bn9u5gOM.js";
+import { a as Ve, R as Ae } from "./ReferenceLine-C1GpoG9d.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-DdTp-Mdn.js";
+import { Y as He } from "./YTicksAndGridLines-B6ah7CRf.js";
+function Fe(se) {
+  const {
+    data: r,
+    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: u,
+    selectedColor: E,
+    startFromZero: W,
+    radius: x,
+    maxRadiusValue: B,
+    maxValue: a,
+    minValue: U,
+    highlightedDataPoints: J,
+    onSeriesMouseClick: G,
+    rtl: re,
+    resetSelectionOnDoubleClick: K,
+    detailsOnClick: A,
+    suffix: N,
+    prefix: $,
+    styles: y,
+    classNames: H,
+    noOfTicks: Q,
+    dimmedOpacity: F,
+    precision: R,
+    customLayers: k
+  } = se, z = ae(null), [j, v] = T(void 0), [S, I] = T(void 0), [_, Z] = T(null), [ee, m] = T(void 0), [f, h] = T(void 0), d = {
+    top: X,
+    bottom: Y,
+    left: ie,
+    right: oe
+  }, q = b - d.left - d.right, te = w - d.top - d.bottom, O = r.filter((e) => !D(e.radius)).length === 0 ? r : ue(
+    r.filter((e) => !D(e.radius)),
+    "radius",
+    "desc"
+  ), M = D(a) ? Math.max(...r.filter((e) => !D(e.position)).map((e) => e.position)) < 0 && !W ? 0 : Math.max(...r.filter((e) => !D(e.position)).map((e) => e.position)) : a, l = D(U) ? Math.min(...r.filter((e) => !D(e.position)).map((e) => e.position)) >= 0 && !W ? 0 : Math.min(...r.filter((e) => !D(e.position)).map((e) => e.position)) : U, s = r.filter((e) => e.radius === void 0 || e.radius === null).length !== r.length ? we().domain([
+    0,
+    D(B) ? Math.max(...r.map((e) => e.radius).filter((e) => e != null)) : B
+  ]).range([0.25, x]).nice() : void 0, L = je().domain([l, 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) => s ? s(g.radius || 0) + 1 : x + 1)
+    ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
+      Z(e);
+    }).on("end", () => {
+      Z(e);
+    });
+  }, [r, x, te, q, l, M, O, L, s]), /* @__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(${d.left},${d.top})`, children: [
+          C ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(
+              be,
+              {
+                x1: L(l < 0 ? 0 : l),
+                x2: L(l < 0 ? 0 : l),
+                y1: 0 - d.top,
+                y2: te + d.bottom,
+                label: xe(
+                  l < 0 ? 0 : l,
+                  "NA",
+                  R,
+                  $,
+                  N
+                ),
+                labelPos: {
+                  x: L(l < 0 ? 0 : l),
+                  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 + d.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), h(g.clientY), m(g.clientX), V?.(e);
+              },
+              onMouseMove: (g) => {
+                v(e), h(g.clientY), m(g.clientX);
+              },
+              onClick: () => {
+                (G || A) && (ge(S, e) && K ? (I(void 0), G?.(void 0)) : (I(e), G?.(e)));
+              },
+              onMouseLeave: () => {
+                v(void 0), m(void 0), h(void 0), V?.(void 0);
+              },
+              children: [
+                /* @__PURE__ */ i.jsx(
+                  "circle",
+                  {
+                    cx: 0,
+                    cy: 0,
+                    fill: r.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : le.gray,
+                    radius: s ? s(e.radius || 0) : x
+                  }
+                ),
+                (s ? s(e.radius || 0) : x) > 10 && P ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
+                  "foreignObject",
+                  {
+                    y: 0 - (s ? s(e.radius || 0) : x),
+                    x: 0 - (s ? s(e.radius || 0) : x),
+                    width: 2 * (s ? s(e.radius || 0) : x),
+                    height: 2 * (s ? s(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(
+                                (s ? s(e.radius || 0) : x) / 4
+                              ),
+                              10
+                            ),
+                            Math.max(
+                              Math.round(
+                                (s ? s(e.radius || 0) : x) * 12 / `${e.label}`.length
+                              ),
+                              10
+                            ),
+                            20
+                          )}px`,
+                          color: ye(
+                            r.filter((g) => g.color).length === 0 ? c[0] : e.color ? c[n.indexOf(e.color)] : le.gray
+                          ),
+                          hyphens: "auto",
+                          ...y?.graphObjectValues || {}
+                        },
+                        children: e.label
+                      }
+                    ) : null })
+                  }
+                ) }) : null
+              ]
+            },
+            e.label
+          )),
+          u ? /* @__PURE__ */ i.jsx(i.Fragment, { children: u.map((e, g) => /* @__PURE__ */ i.jsx(
+            Ve,
+            {
+              text: e.text,
+              color: e.color,
+              x: L(e.value),
+              y1: 0 - d.top,
+              y2: te + d.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
+  ] });
+}
+function Pe(se) {
+  const {
+    data: r,
+    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: u,
+    footNote: E,
+    colorDomain: W,
+    colorLegendTitle: x,
+    padding: B,
+    relativeHeight: a,
+    tooltip: U,
+    onSeriesMouseOver: J,
+    refValues: G,
+    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: h,
+    dimmedOpacity: d = 0.3,
+    precision: q = 2,
+    customLayers: te = []
+  } = se, [O, M] = T(0), [l, s] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
+  return de(() => {
+    const o = new ResizeObserver((ne) => {
+      M(u || ne[0].target.clientWidth || 620), s(V || ne[0].target.clientHeight || 480);
+    });
+    return e.current && (s(e.current.clientHeight || 480), M(e.current.clientWidth || 620), u || o.observe(e.current)), () => o.disconnect();
+  }, [u, V]), /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: `${v || "light"} flex  ${u ? "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"}`,
+            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 ? B || "1rem" : B || 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: u,
+                    graphDownload: F ? g.current : void 0,
+                    dataDownload: R ? r.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? r.map((o) => o.data).filter((o) => o !== void 0) : r.filter((o) => o !== void 0) : null
+                  }
+                ) : null,
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  re !== !1 && r.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ i.jsx(
+                    Se,
+                    {
+                      width: u,
+                      colorLegendTitle: x,
+                      colors: Y || le[v].categoricalColors.colors,
+                      colorDomain: W || ce(
+                        r.filter((o) => o.color),
+                        "color"
+                      ).map((o) => o.color),
+                      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: (u || O) && (V || l) ? /* @__PURE__ */ i.jsx(
+                        Fe,
+                        {
+                          data: r,
+                          circleColors: r.filter((o) => o.color).length === 0 ? Y ? [Y] : [le.primaryColors["blue-600"]] : Y || le[v].categoricalColors.colors,
+                          colorDomain: r.filter((o) => o.color).length === 0 ? [] : W || ce(
+                            r.filter((o) => o.color),
+                            "color"
+                          ).map((o) => o.color),
+                          width: u || O,
+                          selectedColor: L,
+                          height: Math.max(
+                            j,
+                            V || (a ? j ? (u || O) * a > j ? (u || O) * a : j : (u || O) * a : l)
+                          ),
+                          showTicks: X,
+                          leftMargin: w,
+                          rightMargin: n,
+                          topMargin: ie,
+                          bottomMargin: b,
+                          showLabels: oe,
+                          tooltip: U,
+                          onSeriesMouseOver: J,
+                          refValues: G,
+                          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: h || 5,
+                          dimmedOpacity: d,
+                          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: u
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Re(se) {
+  const {
+    data: r,
+    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: u,
+    onSeriesMouseOver: E,
+    refValues: W,
+    selectedColor: x,
+    startFromZero: B,
+    radius: a,
+    maxRadiusValue: U,
+    maxValue: J,
+    minValue: G,
+    highlightedDataPoints: re,
+    onSeriesMouseClick: K,
+    resetSelectionOnDoubleClick: A,
+    detailsOnClick: N,
+    styles: $,
+    classNames: y,
+    noOfTicks: H,
+    dimmedOpacity: Q,
+    precision: F,
+    customLayers: R
+  } = se, 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), h = {
+    top: X,
+    bottom: Y,
+    left: ie,
+    right: oe
+  }, d = b - h.left - h.right, q = w - h.top - h.bottom, te = r.filter((t) => !D(t.radius)).length === 0 ? r : ue(
+    r.filter((t) => !D(t.radius)),
+    "radius",
+    "desc"
+  ), O = D(J) ? Math.max(...r.filter((t) => !D(t.position)).map((t) => t.position)) < 0 && !B ? 0 : Math.max(...r.filter((t) => !D(t.position)).map((t) => t.position)) : J, M = D(G) ? Math.min(...r.filter((t) => !D(t.position)).map((t) => t.position)) >= 0 && !B ? 0 : Math.min(...r.filter((t) => !D(t.position)).map((t) => t.position)) : G, l = r.filter((t) => t.radius === void 0 || t.radius === null).length !== r.length ? we().domain([
+    0,
+    D(U) ? Math.max(...r.map((t) => t.radius).filter((t) => t != null)) : U
+  ]).range([0.25, a]).nice() : void 0, s = je().domain([M, O]).range([q, 0]).nice(), L = s.ticks(H);
+  return de(() => {
+    _(null);
+    const t = te.filter((e) => e.position);
+    Me(t).force("y", Oe((e) => s(e.position)).strength(5)).force("x", Ce((e) => d / 2).strength(1)).force(
+      "collide",
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      De((e) => l ? l(e.radius || 0) + 1 : a + 1)
+    ).force("charge", ke().strength(-15)).alphaDecay(0.05).tick(1e4).on("tick", () => {
+      _(t);
+    }).on("end", () => {
+      _(t);
+    });
+  }, [r, a, q, d, M, O, te, s, l]), /* @__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(${h.left},${h.top})`, children: [
+          C ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(
+              be,
+              {
+                y1: s(M < 0 ? 0 : M),
+                y2: s(M < 0 ? 0 : M),
+                x1: 0 - h.left,
+                x2: d + h.right,
+                label: xe(
+                  M < 0 ? 0 : M,
+                  "NA",
+                  F,
+                  p,
+                  P
+                ),
+                labelPos: {
+                  x: 0 - h.left,
+                  y: s(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) => s(t)),
+                x1: 0 - h.left,
+                x2: d + h.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) && (ge(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: l ? l(t.radius || 0) : a,
+                    fill: r.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : le.gray
+                  }
+                ),
+                (l ? l(t.radius || 0) : a) > 10 && V ? /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx(
+                  "foreignObject",
+                  {
+                    y: 0 - (l ? l(t.radius || 0) : a),
+                    x: 0 - (l ? l(t.radius || 0) : a),
+                    width: 2 * (l ? l(t.radius || 0) : a),
+                    height: 2 * (l ? l(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(
+                                (l ? l(t.radius || 0) : a) / 4
+                              ),
+                              10
+                            ),
+                            Math.max(
+                              Math.round(
+                                (l ? l(t.radius || 0) : a) * 12 / `${t.label}`.length
+                              ),
+                              10
+                            ),
+                            20
+                          )}px`,
+                          hyphens: "auto",
+                          color: ye(
+                            r.filter((e) => e.color).length === 0 ? c[0] : t.color ? c[n.indexOf(t.color)] : le.gray
+                          ),
+                          ...$?.graphObjectValues || {}
+                        },
+                        children: t.label
+                      }
+                    ) : null })
+                  }
+                ) }) : null
+              ]
+            },
+            t.label
+          )),
+          W ? /* @__PURE__ */ i.jsx(i.Fragment, { children: W.map((t, e) => /* @__PURE__ */ i.jsx(
+            Ae,
+            {
+              text: t.text,
+              color: t.color,
+              y: s(t.value),
+              x1: 0 - h.left,
+              x2: d + h.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 && u && Z && m ? /* @__PURE__ */ i.jsx(
+      pe,
+      {
+        data: z,
+        body: u,
+        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
+  ] });
+}
+function Xe(se) {
+  const {
+    data: r,
+    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: u = 10,
+    leftMargin: E = 100,
+    rightMargin: W = 40,
+    showLabels: x = !0,
+    showTicks: B = !0,
+    relativeHeight: a,
+    tooltip: U,
+    onSeriesMouseOver: J,
+    refValues: G,
+    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: h,
+    dimmedOpacity: d = 0.3,
+    precision: q = 2,
+    customLayers: te = []
+  } = se, [O, M] = T(0), [l, s] = T(0), [L, t] = T(void 0), e = ae(null), g = ae(null);
+  return de(() => {
+    const o = new ResizeObserver((ne) => {
+      M(n || ne[0].target.clientWidth || 620), s(w || ne[0].target.clientHeight || 480);
+    });
+    return e.current && (s(e.current.clientHeight || 480), M(e.current.clientWidth || 620), n || o.observe(e.current)), () => o.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"}`,
+            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 ? r.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? r.map((o) => o.data).filter((o) => o !== void 0) : r.filter((o) => o !== void 0) : null
+                  }
+                ) : null,
+                /* @__PURE__ */ i.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ i.jsx(Le, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+                  re !== !1 && r.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ i.jsx(
+                    Se,
+                    {
+                      width: n,
+                      colorLegendTitle: Y,
+                      colors: C || le[v].categoricalColors.colors,
+                      colorDomain: X || ce(
+                        r.filter((o) => o.color),
+                        "color"
+                      ).map((o) => o.color),
+                      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 || l) ? /* @__PURE__ */ i.jsx(
+                        Re,
+                        {
+                          data: r,
+                          circleColors: r.filter((o) => o.color).length === 0 ? C ? [C] : [le.primaryColors["blue-600"]] : C || le[v].categoricalColors.colors,
+                          colorDomain: r.filter((o) => o.color).length === 0 ? [] : X || ce(
+                            r.filter((o) => o.color),
+                            "color"
+                          ).map((o) => o.color),
+                          width: n || O,
+                          selectedColor: L,
+                          height: Math.max(
+                            j,
+                            w || (a ? j ? (n || O) * a > j ? (n || O) * a : j : (n || O) * a : l)
+                          ),
+                          showTicks: B,
+                          leftMargin: E,
+                          rightMargin: W,
+                          topMargin: V,
+                          bottomMargin: u,
+                          showLabels: x,
+                          tooltip: U,
+                          onSeriesMouseOver: J,
+                          refValues: G,
+                          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: h || 5,
+                          dimmedOpacity: d,
+                          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 ht(se) {
+  const {
+    data: r,
+    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: u,
+    footNote: E,
+    colorDomain: W,
+    colorLegendTitle: x,
+    padding: B,
+    relativeHeight: a,
+    tooltip: U,
+    onSeriesMouseOver: J,
+    refValues: G,
+    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: h,
+    precision: d,
+    customLayers: q
+  } = se;
+  return ee === "vertical" ? /* @__PURE__ */ i.jsx(
+    Xe,
+    {
+      data: r,
+      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: u,
+      footNote: E,
+      colorDomain: W,
+      colorLegendTitle: x,
+      padding: B,
+      relativeHeight: a,
+      tooltip: U,
+      onSeriesMouseOver: J,
+      refValues: G,
+      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: h,
+      precision: d,
+      customLayers: q
+    }
+  ) : /* @__PURE__ */ i.jsx(
+    Pe,
+    {
+      data: r,
+      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: u,
+      footNote: E,
+      colorDomain: W,
+      colorLegendTitle: x,
+      padding: B,
+      relativeHeight: a,
+      tooltip: U,
+      onSeriesMouseOver: J,
+      refValues: G,
+      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: h,
+      precision: d,
+      customLayers: q
+    }
+  );
+}
+export {
+  ht as BeeSwarmChart
+};
+//# sourceMappingURL=BeeSwarmChart.js.map