@undp/data-viz 1.5.9 → 2.0.0

package/dist/DonutChart.js

@@ -1,480 +1,296 @@
-import { j as u, m as pe } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useState as V, useRef as fe, useEffect as xe } from "react";
-import { f as ye, u as de } from "./Typography-LmZ9LEpe.js";
-import { o as ve } from "./index-DvVprvy6.js";
-import { i as be } from "./index-Bwrro8-q.js";
-import { G as je } from "./Modal-Cg8daIlV.js";
-import { T as we } from "./Tooltip-6LIdPQGC.js";
-import { Colors as ae } from "./Colors.js";
-import { n as he } from "./numberFormattingFunction-14YCbkN2.js";
-import { s as Me } from "./string2HTML-oFCROsus.js";
-import { w as Ae, c as S, a as Ne } from "./array-B7TkkRH0.js";
-import { GraphFooter as De } from "./GraphFooter.js";
-import { GraphHeader as Ce } from "./GraphHeader.js";
-import { E as $e } from "./EmptyState-36lXXyui.js";
-const ge = Math.abs, T = Math.atan2, q = Math.cos, ke = Math.max, ce = Math.min, F = Math.sin, ne = Math.sqrt, z = 1e-12, ie = Math.PI, le = ie / 2, se = 2 * ie;
-function Re(a) {
-  return a > 1 ? 0 : a < -1 ? ie : Math.acos(a);
+import { c as de, j as y, m as ge } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as Z, useRef as ue, useEffect as pe } from "react";
+import { v as he, j as ie } from "./Typography-PxtFcnJb.js";
+import { o as ye } from "./index-BZQYSqar.js";
+import { n as xe } from "./Source-DwTHB8fn.js";
+import { i as ve } from "./index-Bwrro8-q.js";
+import { l as be } from "./Modal-DGcuAHyK.js";
+import { T as je } from "./Tooltip-CwWUegPB.js";
+import { Colors as _ } from "./Colors.js";
+import { n as me } from "./numberFormattingFunction-14YCbkN2.js";
+import { s as Ae } from "./string2HTML-DhG75NqA.js";
+import { w as Me, c as $, a as Ne } from "./array-B7TkkRH0.js";
+import { GraphFooter as Ce } from "./GraphFooter.js";
+import { GraphHeader as De } from "./GraphHeader.js";
+import { E as Re } from "./EmptyState-BZo1BbAn.js";
+import { G as ke, a as we } from "./GraphContainer-CRqzdKu2.js";
+const ce = Math.abs, P = Math.atan2, Q = Math.cos, Oe = Math.max, oe = Math.min, V = Math.sin, U = Math.sqrt, F = 1e-12, ee = Math.PI, re = ee / 2, te = 2 * ee;
+function Te(a) {
+  return a > 1 ? 0 : a < -1 ? ee : Math.acos(a);
 }
-function me(a) {
-  return a >= 1 ? le : a <= -1 ? -le : Math.asin(a);
+function fe(a) {
+  return a >= 1 ? re : a <= -1 ? -re : Math.asin(a);
 }
-function Te(a) {
+function Se(a) {
   return a.innerRadius;
 }
-function Oe(a) {
+function ze(a) {
   return a.outerRadius;
 }
-function Se(a) {
+function Ee(a) {
   return a.startAngle;
 }
-function He(a) {
+function Pe(a) {
   return a.endAngle;
 }
-function ze(a) {
+function Ge(a) {
   return a && a.padAngle;
 }
-function We(a, o, y, d, D, j, f, e) {
-  var g = y - a, i = d - o, n = f - D, w = e - j, t = w * g - n * i;
-  if (!(t * t < z))
-    return t = (n * (o - j) - w * (a - D)) / t, [a + t * g, o + t * i];
+function Ie(a, e, c, j, l, A, m, n) {
+  var d = c - a, s = j - e, t = m - l, M = n - A, r = M * d - t * s;
+  if (!(r * r < F))
+    return r = (t * (e - A) - M * (a - l)) / r, [a + r * d, e + r * s];
 }
-function oe(a, o, y, d, D, j, f) {
-  var e = a - y, g = o - d, i = (f ? j : -j) / ne(e * e + g * g), n = i * g, w = -i * e, t = a + n, l = o + w, x = y + n, p = d + w, O = (t + x) / 2, c = (l + p) / 2, A = x - t, v = p - l, b = A * A + v * v, C = D - j, N = t * p - x * l, H = (v < 0 ? -1 : 1) * ne(ke(0, C * C * b - N * N)), k = (N * v - A * H) / b, m = (-N * A - v * H) / b, R = (N * v + A * H) / b, M = (-N * A + v * H) / b, h = k - O, r = m - c, s = R - O, E = M - c;
-  return h * h + r * r > s * s + E * E && (k = R, m = M), {
-    cx: k,
-    cy: m,
-    x01: -n,
-    y01: -w,
-    x11: k * (D / C - 1),
-    y11: m * (D / C - 1)
+function ne(a, e, c, j, l, A, m) {
+  var n = a - c, d = e - j, s = (m ? A : -A) / U(n * n + d * d), t = s * d, M = -s * n, r = a + t, i = e + M, h = c + t, v = j + M, T = (r + h) / 2, g = (i + v) / 2, x = h - r, C = v - i, f = x * x + C * C, b = l - A, N = r * v - h * i, G = (C < 0 ? -1 : 1) * U(Oe(0, b * b * f - N * N)), I = (N * C - x * G) / f, E = (-N * x - C * G) / f, R = (N * C + x * G) / f, k = (-N * x + C * G) / f, w = I - T, o = E - g, u = R - T, L = k - g;
+  return w * w + o * o > u * u + L * L && (I = R, E = k), {
+    cx: I,
+    cy: E,
+    x01: -t,
+    y01: -M,
+    x11: I * (l / b - 1),
+    y11: E * (l / b - 1)
   };
 }
-function Ee() {
-  var a = Te, o = Oe, y = S(0), d = null, D = Se, j = He, f = ze, e = null, g = Ae(i);
-  function i() {
-    var n, w, t = +a.apply(this, arguments), l = +o.apply(this, arguments), x = D.apply(this, arguments) - le, p = j.apply(this, arguments) - le, O = ge(p - x), c = p > x;
-    if (e || (e = n = g()), l < t && (w = l, l = t, t = w), !(l > z)) e.moveTo(0, 0);
-    else if (O > se - z)
-      e.moveTo(l * q(x), l * F(x)), e.arc(0, 0, l, x, p, !c), t > z && (e.moveTo(t * q(p), t * F(p)), e.arc(0, 0, t, p, x, c));
+function $e() {
+  var a = Se, e = ze, c = $(0), j = null, l = Ee, A = Pe, m = Ge, n = null, d = Me(s);
+  function s() {
+    var t, M, r = +a.apply(this, arguments), i = +e.apply(this, arguments), h = l.apply(this, arguments) - re, v = A.apply(this, arguments) - re, T = ce(v - h), g = v > h;
+    if (n || (n = t = d()), i < r && (M = i, i = r, r = M), !(i > F)) n.moveTo(0, 0);
+    else if (T > te - F)
+      n.moveTo(i * Q(h), i * V(h)), n.arc(0, 0, i, h, v, !g), r > F && (n.moveTo(r * Q(v), r * V(v)), n.arc(0, 0, r, v, h, g));
     else {
-      var A = x, v = p, b = x, C = p, N = O, H = O, k = f.apply(this, arguments) / 2, m = k > z && (d ? +d.apply(this, arguments) : ne(t * t + l * l)), R = ce(ge(l - t) / 2, +y.apply(this, arguments)), M = R, h = R, r, s;
-      if (m > z) {
-        var E = me(m / t * F(k)), J = me(m / l * F(k));
-        (N -= E * 2) > z ? (E *= c ? 1 : -1, b += E, C -= E) : (N = 0, b = C = (x + p) / 2), (H -= J * 2) > z ? (J *= c ? 1 : -1, A += J, v -= J) : (H = 0, A = v = (x + p) / 2);
+      var x = h, C = v, f = h, b = v, N = T, G = T, I = m.apply(this, arguments) / 2, E = I > F && (j ? +j.apply(this, arguments) : U(r * r + i * i)), R = oe(ce(i - r) / 2, +c.apply(this, arguments)), k = R, w = R, o, u;
+      if (E > F) {
+        var L = fe(E / r * V(I)), W = fe(E / i * V(I));
+        (N -= L * 2) > F ? (L *= g ? 1 : -1, f += L, b -= L) : (N = 0, f = b = (h + v) / 2), (G -= W * 2) > F ? (W *= g ? 1 : -1, x += W, C -= W) : (G = 0, x = C = (h + v) / 2);
       }
-      var G = l * q(A), L = l * F(A), K = t * q(C), P = t * F(C);
-      if (R > z) {
-        var I = l * q(v), Y = l * F(v), Q = t * q(b), U = t * F(b), W;
-        if (O < ie)
-          if (W = We(G, L, Q, U, I, Y, K, P)) {
-            var Z = G - W[0], te = L - W[1], _ = I - W[0], B = Y - W[1], re = 1 / F(Re((Z * _ + te * B) / (ne(Z * Z + te * te) * ne(_ * _ + B * B))) / 2), X = ne(W[0] * W[0] + W[1] * W[1]);
-            M = ce(R, (t - X) / (re - 1)), h = ce(R, (l - X) / (re + 1));
+      var X = i * Q(x), S = i * V(x), O = r * Q(b), B = r * V(b);
+      if (R > F) {
+        var H = i * Q(C), Y = i * V(C), q = r * Q(f), D = r * V(f), z;
+        if (T < ee)
+          if (z = Ie(X, S, q, D, H, Y, O, B)) {
+            var p = X - z[0], J = S - z[1], K = H - z[0], ae = Y - z[1], se = 1 / V(Te((p * K + J * ae) / (U(p * p + J * J) * U(K * K + ae * ae))) / 2), le = U(z[0] * z[0] + z[1] * z[1]);
+            k = oe(R, (r - le) / (se - 1)), w = oe(R, (i - le) / (se + 1));
           } else
-            M = h = 0;
+            k = w = 0;
       }
-      H > z ? h > z ? (r = oe(Q, U, G, L, l, h, c), s = oe(I, Y, K, P, l, h, c), e.moveTo(r.cx + r.x01, r.cy + r.y01), h < R ? e.arc(r.cx, r.cy, h, T(r.y01, r.x01), T(s.y01, s.x01), !c) : (e.arc(r.cx, r.cy, h, T(r.y01, r.x01), T(r.y11, r.x11), !c), e.arc(0, 0, l, T(r.cy + r.y11, r.cx + r.x11), T(s.cy + s.y11, s.cx + s.x11), !c), e.arc(s.cx, s.cy, h, T(s.y11, s.x11), T(s.y01, s.x01), !c))) : (e.moveTo(G, L), e.arc(0, 0, l, A, v, !c)) : e.moveTo(G, L), !(t > z) || !(N > z) ? e.lineTo(K, P) : M > z ? (r = oe(K, P, I, Y, t, -M, c), s = oe(G, L, Q, U, t, -M, c), e.lineTo(r.cx + r.x01, r.cy + r.y01), M < R ? e.arc(r.cx, r.cy, M, T(r.y01, r.x01), T(s.y01, s.x01), !c) : (e.arc(r.cx, r.cy, M, T(r.y01, r.x01), T(r.y11, r.x11), !c), e.arc(0, 0, t, T(r.cy + r.y11, r.cx + r.x11), T(s.cy + s.y11, s.cx + s.x11), c), e.arc(s.cx, s.cy, M, T(s.y11, s.x11), T(s.y01, s.x01), !c))) : e.arc(0, 0, t, C, b, c);
+      G > F ? w > F ? (o = ne(q, D, X, S, i, w, g), u = ne(H, Y, O, B, i, w, g), n.moveTo(o.cx + o.x01, o.cy + o.y01), w < R ? n.arc(o.cx, o.cy, w, P(o.y01, o.x01), P(u.y01, u.x01), !g) : (n.arc(o.cx, o.cy, w, P(o.y01, o.x01), P(o.y11, o.x11), !g), n.arc(0, 0, i, P(o.cy + o.y11, o.cx + o.x11), P(u.cy + u.y11, u.cx + u.x11), !g), n.arc(u.cx, u.cy, w, P(u.y11, u.x11), P(u.y01, u.x01), !g))) : (n.moveTo(X, S), n.arc(0, 0, i, x, C, !g)) : n.moveTo(X, S), !(r > F) || !(N > F) ? n.lineTo(O, B) : k > F ? (o = ne(O, B, H, Y, r, -k, g), u = ne(X, S, q, D, r, -k, g), n.lineTo(o.cx + o.x01, o.cy + o.y01), k < R ? n.arc(o.cx, o.cy, k, P(o.y01, o.x01), P(u.y01, u.x01), !g) : (n.arc(o.cx, o.cy, k, P(o.y01, o.x01), P(o.y11, o.x11), !g), n.arc(0, 0, r, P(o.cy + o.y11, o.cx + o.x11), P(u.cy + u.y11, u.cx + u.x11), g), n.arc(u.cx, u.cy, k, P(u.y11, u.x11), P(u.y01, u.x01), !g))) : n.arc(0, 0, r, b, f, g);
     }
-    if (e.closePath(), n) return e = null, n + "" || null;
+    if (n.closePath(), t) return n = null, t + "" || null;
   }
-  return i.centroid = function() {
-    var n = (+a.apply(this, arguments) + +o.apply(this, arguments)) / 2, w = (+D.apply(this, arguments) + +j.apply(this, arguments)) / 2 - ie / 2;
-    return [q(w) * n, F(w) * n];
-  }, i.innerRadius = function(n) {
-    return arguments.length ? (a = typeof n == "function" ? n : S(+n), i) : a;
-  }, i.outerRadius = function(n) {
-    return arguments.length ? (o = typeof n == "function" ? n : S(+n), i) : o;
-  }, i.cornerRadius = function(n) {
-    return arguments.length ? (y = typeof n == "function" ? n : S(+n), i) : y;
-  }, i.padRadius = function(n) {
-    return arguments.length ? (d = n == null ? null : typeof n == "function" ? n : S(+n), i) : d;
-  }, i.startAngle = function(n) {
-    return arguments.length ? (D = typeof n == "function" ? n : S(+n), i) : D;
-  }, i.endAngle = function(n) {
-    return arguments.length ? (j = typeof n == "function" ? n : S(+n), i) : j;
-  }, i.padAngle = function(n) {
-    return arguments.length ? (f = typeof n == "function" ? n : S(+n), i) : f;
-  }, i.context = function(n) {
-    return arguments.length ? (e = n ?? null, i) : e;
-  }, i;
+  return s.centroid = function() {
+    var t = (+a.apply(this, arguments) + +e.apply(this, arguments)) / 2, M = (+l.apply(this, arguments) + +A.apply(this, arguments)) / 2 - ee / 2;
+    return [Q(M) * t, V(M) * t];
+  }, s.innerRadius = function(t) {
+    return arguments.length ? (a = typeof t == "function" ? t : $(+t), s) : a;
+  }, s.outerRadius = function(t) {
+    return arguments.length ? (e = typeof t == "function" ? t : $(+t), s) : e;
+  }, s.cornerRadius = function(t) {
+    return arguments.length ? (c = typeof t == "function" ? t : $(+t), s) : c;
+  }, s.padRadius = function(t) {
+    return arguments.length ? (j = t == null ? null : typeof t == "function" ? t : $(+t), s) : j;
+  }, s.startAngle = function(t) {
+    return arguments.length ? (l = typeof t == "function" ? t : $(+t), s) : l;
+  }, s.endAngle = function(t) {
+    return arguments.length ? (A = typeof t == "function" ? t : $(+t), s) : A;
+  }, s.padAngle = function(t) {
+    return arguments.length ? (m = typeof t == "function" ? t : $(+t), s) : m;
+  }, s.context = function(t) {
+    return arguments.length ? (n = t ?? null, s) : n;
+  }, s;
 }
-function Pe(a, o) {
-  return o < a ? -1 : o > a ? 1 : o >= a ? 0 : NaN;
+function Be(a, e) {
+  return e < a ? -1 : e > a ? 1 : e >= a ? 0 : NaN;
 }
-function Be(a) {
+function He(a) {
   return a;
 }
-function Ie() {
-  var a = Be, o = Pe, y = null, d = S(0), D = S(se), j = S(0);
-  function f(e) {
-    var g, i = (e = Ne(e)).length, n, w, t = 0, l = new Array(i), x = new Array(i), p = +d.apply(this, arguments), O = Math.min(se, Math.max(-se, D.apply(this, arguments) - p)), c, A = Math.min(Math.abs(O) / i, j.apply(this, arguments)), v = A * (O < 0 ? -1 : 1), b;
-    for (g = 0; g < i; ++g)
-      (b = x[l[g] = g] = +a(e[g], g, e)) > 0 && (t += b);
-    for (o != null ? l.sort(function(C, N) {
-      return o(x[C], x[N]);
-    }) : y != null && l.sort(function(C, N) {
-      return y(e[C], e[N]);
-    }), g = 0, w = t ? (O - i * v) / t : 0; g < i; ++g, p = c)
-      n = l[g], b = x[n], c = p + (b > 0 ? b * w : 0) + v, x[n] = {
-        data: e[n],
-        index: g,
-        value: b,
-        startAngle: p,
-        endAngle: c,
-        padAngle: A
+function Fe() {
+  var a = He, e = Be, c = null, j = $(0), l = $(te), A = $(0);
+  function m(n) {
+    var d, s = (n = Ne(n)).length, t, M, r = 0, i = new Array(s), h = new Array(s), v = +j.apply(this, arguments), T = Math.min(te, Math.max(-te, l.apply(this, arguments) - v)), g, x = Math.min(Math.abs(T) / s, A.apply(this, arguments)), C = x * (T < 0 ? -1 : 1), f;
+    for (d = 0; d < s; ++d)
+      (f = h[i[d] = d] = +a(n[d], d, n)) > 0 && (r += f);
+    for (e != null ? i.sort(function(b, N) {
+      return e(h[b], h[N]);
+    }) : c != null && i.sort(function(b, N) {
+      return c(n[b], n[N]);
+    }), d = 0, M = r ? (T - s * C) / r : 0; d < s; ++d, v = g)
+      t = i[d], f = h[t], g = v + (f > 0 ? f * M : 0) + C, h[t] = {
+        data: n[t],
+        index: d,
+        value: f,
+        startAngle: v,
+        endAngle: g,
+        padAngle: x
       };
-    return x;
+    return h;
   }
-  return f.value = function(e) {
-    return arguments.length ? (a = typeof e == "function" ? e : S(+e), f) : a;
-  }, f.sortValues = function(e) {
-    return arguments.length ? (o = e, y = null, f) : o;
-  }, f.sort = function(e) {
-    return arguments.length ? (y = e, o = null, f) : y;
-  }, f.startAngle = function(e) {
-    return arguments.length ? (d = typeof e == "function" ? e : S(+e), f) : d;
-  }, f.endAngle = function(e) {
-    return arguments.length ? (D = typeof e == "function" ? e : S(+e), f) : D;
-  }, f.padAngle = function(e) {
-    return arguments.length ? (j = typeof e == "function" ? e : S(+e), f) : j;
-  }, f;
+  return m.value = function(n) {
+    return arguments.length ? (a = typeof n == "function" ? n : $(+n), m) : a;
+  }, m.sortValues = function(n) {
+    return arguments.length ? (e = n, c = null, m) : e;
+  }, m.sort = function(n) {
+    return arguments.length ? (c = n, e = null, m) : c;
+  }, m.startAngle = function(n) {
+    return arguments.length ? (j = typeof n == "function" ? n : $(+n), m) : j;
+  }, m.endAngle = function(n) {
+    return arguments.length ? (l = typeof n == "function" ? n : $(+n), m) : l;
+  }, m.padAngle = function(n) {
+    return arguments.length ? (A = typeof n == "function" ? n : $(+n), m) : A;
+  }, m;
+}
+function Le(a) {
+  const e = de.c(43), {
+    mainText: c,
+    data: j,
+    radius: l,
+    colors: A,
+    subNote: m,
+    strokeWidth: n,
+    tooltip: d,
+    onSeriesMouseOver: s,
+    onSeriesMouseClick: t,
+    colorDomain: M,
+    resetSelectionOnDoubleClick: r,
+    detailsOnClick: i,
+    styles: h,
+    classNames: v,
+    precision: T
+  } = a, g = Fe().sort(null).startAngle(0).value(We), [x, C] = Z(void 0), [f, b] = Z(void 0), [N, G] = Z(void 0), [I, E] = Z(void 0), R = `${l * 2}px`, k = `${l * 2}px`, w = `0 0 ${l * 2} ${l * 2}`, o = "ltr", u = "mx-auto", L = `translate(${l} ${l})`;
+  let W;
+  e[0] !== j || e[1] !== c || e[2] !== T || e[3] !== l || e[4] !== n || e[5] !== m ? (W = c || m ? /* @__PURE__ */ y.jsx("foreignObject", { y: 0 - (l - n), x: 0 - (l - n), width: 2 * (l - n), height: 2 * (l - n), children: /* @__PURE__ */ y.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
+    c ? /* @__PURE__ */ y.jsx(he, { marginBottom: "none", className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center", children: typeof c == "string" ? c : j.findIndex((D) => D.label === c.label) !== -1 ? me(j[j.findIndex((D) => D.label === c.label)].size, "NA", T, c.prefix, c.suffix) : "NA" }) : null,
+    m ? /* @__PURE__ */ y.jsx(ie, { marginBottom: "none", size: "base", leading: "none", className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: m }) : typeof c == "string" || !c ? null : /* @__PURE__ */ y.jsx(ie, { size: "base", marginBottom: "none", leading: "none", className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: c.label })
+  ] }) }) : null, e[0] = j, e[1] = c, e[2] = T, e[3] = l, e[4] = n, e[5] = m, e[6] = W) : W = e[6];
+  let X;
+  e[7] !== M || e[8] !== A || e[9] !== i || e[10] !== f || e[11] !== x || e[12] !== t || e[13] !== s || e[14] !== l || e[15] !== r || e[16] !== b || e[17] !== n ? (X = (D, z) => /* @__PURE__ */ y.jsx("path", { d: $e()({
+    innerRadius: l - n,
+    outerRadius: l,
+    startAngle: D.startAngle,
+    endAngle: D.endAngle
+  }), style: {
+    fill: M.indexOf(D.data.label) !== -1 ? A[M.indexOf(D.data.label) % A.length] : _.gray,
+    opacity: x ? x.label === D.data.label ? 1 : 0.3 : 1
+  }, onMouseEnter: (p) => {
+    C(D.data), E(p.clientY), G(p.clientX), s?.(D);
+  }, onClick: () => {
+    (t || i) && (ve(f, D.data) && r ? (b(void 0), t?.(void 0)) : (b(D.data), t && t(D.data)));
+  }, onMouseMove: (p) => {
+    C(D.data), E(p.clientY), G(p.clientX);
+  }, onMouseLeave: () => {
+    C(void 0), G(void 0), E(void 0), s?.(void 0);
+  } }, z), e[7] = M, e[8] = A, e[9] = i, e[10] = f, e[11] = x, e[12] = t, e[13] = s, e[14] = l, e[15] = r, e[16] = b, e[17] = n, e[18] = X) : X = e[18];
+  const S = g(j).map(X);
+  let O;
+  e[19] !== L || e[20] !== W || e[21] !== S ? (O = /* @__PURE__ */ y.jsxs("g", { transform: L, children: [
+    W,
+    S
+  ] }), e[19] = L, e[20] = W, e[21] = S, e[22] = O) : O = e[22];
+  let B;
+  e[23] !== R || e[24] !== k || e[25] !== w || e[26] !== O ? (B = /* @__PURE__ */ y.jsx("svg", { width: R, height: k, viewBox: w, direction: o, className: u, children: O }), e[23] = R, e[24] = k, e[25] = w, e[26] = O, e[27] = B) : B = e[27];
+  let H;
+  e[28] !== v?.tooltip || e[29] !== N || e[30] !== I || e[31] !== x || e[32] !== h?.tooltip || e[33] !== d ? (H = x && d && N && I ? /* @__PURE__ */ y.jsx(je, { data: x, body: d, xPos: N, yPos: I, backgroundStyle: h?.tooltip, className: v?.tooltip }) : null, e[28] = v?.tooltip, e[29] = N, e[30] = I, e[31] = x, e[32] = h?.tooltip, e[33] = d, e[34] = H) : H = e[34];
+  let Y;
+  e[35] !== i || e[36] !== f || e[37] !== b ? (Y = i && f !== void 0 ? /* @__PURE__ */ y.jsx(be, { open: f !== void 0, onClose: () => {
+    b(void 0);
+  }, children: /* @__PURE__ */ y.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof i == "string" ? {
+    __html: Ae(i, f)
+  } : void 0, children: typeof i == "function" ? i(f) : null }) }) : null, e[35] = i, e[36] = f, e[37] = b, e[38] = Y) : Y = e[38];
+  let q;
+  return e[39] !== B || e[40] !== H || e[41] !== Y ? (q = /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+    B,
+    H,
+    Y
+  ] }), e[39] = B, e[40] = H, e[41] = Y, e[42] = q) : q = e[42], q;
 }
-function Fe(a) {
+function We(a) {
+  return a.size;
+}
+function sn(a) {
   const {
-    mainText: o,
-    data: y,
-    radius: d,
-    colors: D,
-    subNote: j,
-    strokeWidth: f,
-    tooltip: e,
+    mainText: e,
+    graphTitle: c,
+    colors: j = _.light.categoricalColors.colors,
+    suffix: l = "",
+    sources: A,
+    prefix: m = "",
+    strokeWidth: n = 50,
+    graphDescription: d,
+    subNote: s,
+    footNote: t,
+    radius: M,
+    data: r,
+    showColorScale: i = !0,
+    padding: h,
+    backgroundColor: v = !1,
+    tooltip: T,
     onSeriesMouseOver: g,
-    onSeriesMouseClick: i,
-    colorDomain: n,
-    resetSelectionOnDoubleClick: w,
-    detailsOnClick: t,
-    styles: l,
-    classNames: x,
-    precision: p
-  } = a, O = Ie().sort(null).startAngle(0).value((m) => m.size), [c, A] = V(void 0), [v, b] = V(void 0), [C, N] = V(void 0), [H, k] = V(void 0);
-  return /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-    /* @__PURE__ */ u.jsx(
-      "svg",
-      {
-        width: `${d * 2}px`,
-        height: `${d * 2}px`,
-        viewBox: `0 0 ${d * 2} ${d * 2}`,
-        direction: "ltr",
-        children: /* @__PURE__ */ u.jsxs("g", { transform: `translate(${d} ${d})`, children: [
-          o || j ? /* @__PURE__ */ u.jsx(
-            "foreignObject",
-            {
-              y: 0 - (d - f),
-              x: 0 - (d - f),
-              width: 2 * (d - f),
-              height: 2 * (d - f),
-              children: /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
-                o ? /* @__PURE__ */ u.jsx(
-                  ye,
-                  {
-                    marginBottom: "none",
-                    className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center",
-                    children: typeof o == "string" ? o : y.findIndex((m) => m.label === o.label) !== -1 ? he(
-                      y[y.findIndex((m) => m.label === o.label)].size,
-                      "NA",
-                      p,
-                      o.prefix,
-                      o.suffix
-                    ) : "NA"
-                  }
-                ) : null,
-                j ? /* @__PURE__ */ u.jsx(
-                  de,
-                  {
-                    marginBottom: "none",
-                    size: "base",
-                    leading: "none",
-                    className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",
-                    children: j
-                  }
-                ) : typeof o == "string" || !o ? null : /* @__PURE__ */ u.jsx(
-                  de,
-                  {
-                    size: "base",
-                    marginBottom: "none",
-                    leading: "none",
-                    className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold",
-                    children: o.label
-                  }
-                )
-              ] })
-            }
-          ) : null,
-          O(y).map((m, R) => /* @__PURE__ */ u.jsx(
-            "path",
-            {
-              d: Ee()({
-                innerRadius: d - f,
-                outerRadius: d,
-                startAngle: m.startAngle,
-                endAngle: m.endAngle
-              }),
-              style: {
-                fill: n.indexOf(m.data.label) !== -1 ? D[n.indexOf(m.data.label) % D.length] : ae.gray,
-                opacity: c ? c.label === m.data.label ? 1 : 0.3 : 1
-              },
-              onMouseEnter: (M) => {
-                A(m.data), k(M.clientY), N(M.clientX), g?.(m);
-              },
-              onClick: () => {
-                (i || t) && (be(v, m.data) && w ? (b(void 0), i?.(void 0)) : (b(m.data), i && i(m.data)));
-              },
-              onMouseMove: (M) => {
-                A(m.data), k(M.clientY), N(M.clientX);
-              },
-              onMouseLeave: () => {
-                A(void 0), N(void 0), k(void 0), g?.(void 0);
-              }
-            },
-            R
-          ))
+    graphID: x,
+    onSeriesMouseClick: C,
+    graphDownload: f = !1,
+    dataDownload: b = !1,
+    colorDomain: N,
+    sortData: G,
+    language: I = "en",
+    theme: E = "light",
+    width: R,
+    height: k,
+    minHeight: w = 0,
+    relativeHeight: o,
+    ariaLabel: u,
+    resetSelectionOnDoubleClick: L = !0,
+    colorScaleMaxWidth: W,
+    detailsOnClick: X,
+    styles: S,
+    classNames: O,
+    precision: B = 2
+  } = a, [H, Y] = Z(0), q = ue(null), D = ue(null);
+  pe(() => {
+    const p = new ResizeObserver((J) => {
+      Y((Math.min(J[0].target.clientWidth || 620, J[0].target.clientHeight || 480, M || 1 / 0) || 420) / 2);
+    });
+    return q.current && p.observe(q.current), () => p.disconnect();
+  }, [M]);
+  const z = G ? ye(r, ["size"], [G]) : r;
+  return /* @__PURE__ */ y.jsxs(ke, { className: O?.graphContainer, style: S?.graphContainer, id: x, ref: D, "aria-label": u, backgroundColor: v, theme: E, language: I, minHeight: w, width: R, height: k, relativeHeight: o, padding: h, children: [
+    c || d || f || b ? /* @__PURE__ */ y.jsx(De, { styles: {
+      title: S?.title,
+      description: S?.description
+    }, classNames: {
+      title: O?.title,
+      description: O?.description
+    }, graphTitle: c, graphDescription: d, width: R, graphDownload: f ? D : void 0, dataDownload: b ? r.map((p) => p.data).filter((p) => p !== void 0).length > 0 ? r.map((p) => p.data).filter((p) => p !== void 0) : r.filter((p) => p !== void 0) : null }) : null,
+    r.length === 0 ? /* @__PURE__ */ y.jsx(Re, {}) : /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+      i ? /* @__PURE__ */ y.jsx("div", { className: ge("leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap", O?.colorLegend), style: {
+        maxWidth: W
+      }, "aria-label": "Color legend", children: z.map((p, J) => /* @__PURE__ */ y.jsxs("div", { className: "flex gap-2 items-center pb-3", children: [
+        /* @__PURE__ */ y.jsx("div", { className: "w-3 h-3 rounded-full", style: {
+          backgroundColor: (N || z.map((K) => K.label)).indexOf(p.label) !== -1 ? (j || _[E].categoricalColors.colors)[(N || z.map((K) => K.label)).indexOf(p.label) % (j || _[E].categoricalColors.colors).length] : _.gray
+        } }),
+        /* @__PURE__ */ y.jsxs(ie, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+          p.label,
+          ":",
+          " ",
+          /* @__PURE__ */ y.jsx("span", { className: "font-bold", style: {
+            fontSize: "inherit"
+          }, children: me(p.size, "NA", B, m, l) })
         ] })
-      }
-    ),
-    c && e && C && H ? /* @__PURE__ */ u.jsx(
-      we,
-      {
-        data: c,
-        body: e,
-        xPos: C,
-        yPos: H,
-        backgroundStyle: l?.tooltip,
-        className: x?.tooltip
-      }
-    ) : null,
-    t && v !== void 0 ? /* @__PURE__ */ u.jsx(
-      je,
-      {
-        open: v !== void 0,
-        onClose: () => {
-          b(void 0);
-        },
-        children: /* @__PURE__ */ u.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof t == "string" ? { __html: Me(t, v) } : void 0,
-            children: typeof t == "function" ? t(v) : null
-          }
-        )
-      }
-    ) : null
+      ] }, J)) }) : null,
+      /* @__PURE__ */ y.jsx(xe, { size: "lg" }),
+      /* @__PURE__ */ y.jsx(we, { ref: q, children: H ? /* @__PURE__ */ y.jsx(Le, { mainText: e, data: z, colors: j, radius: H, subNote: s, strokeWidth: n, tooltip: T, colorDomain: N || z.map((p) => p.label), onSeriesMouseOver: g, onSeriesMouseClick: C, resetSelectionOnDoubleClick: L, styles: S, detailsOnClick: X, precision: B }) : null })
+    ] }),
+    A || t ? /* @__PURE__ */ y.jsx(Ce, { styles: {
+      footnote: S?.footnote,
+      source: S?.source
+    }, classNames: {
+      footnote: O?.footnote,
+      source: O?.source
+    }, sources: A, footNote: t, width: R }) : null
   ] });
 }
-function tn(a) {
-  const {
-    mainText: o,
-    graphTitle: y,
-    colors: d = ae.light.categoricalColors.colors,
-    suffix: D = "",
-    sources: j,
-    prefix: f = "",
-    strokeWidth: e = 50,
-    graphDescription: g,
-    subNote: i,
-    footNote: n,
-    radius: w,
-    data: t,
-    showColorScale: l = !0,
-    padding: x,
-    backgroundColor: p = !1,
-    tooltip: O,
-    onSeriesMouseOver: c,
-    graphID: A,
-    onSeriesMouseClick: v,
-    topMargin: b = 0,
-    bottomMargin: C = 0,
-    graphDownload: N = !1,
-    dataDownload: H = !1,
-    colorDomain: k,
-    sortData: m,
-    language: R = "en",
-    theme: M = "light",
-    width: h,
-    height: r,
-    minHeight: s = 0,
-    relativeHeight: E,
-    ariaLabel: J,
-    resetSelectionOnDoubleClick: G = !0,
-    colorScaleMaxWidth: L,
-    detailsOnClick: K,
-    styles: P,
-    classNames: I,
-    precision: Y = 2
-  } = a, [Q, U] = V(0), [W, Z] = V(0), [te, _] = V(0), B = fe(null), re = fe(null);
-  xe(() => {
-    const $ = new ResizeObserver((ee) => {
-      Z(h || ee[0].target.clientWidth || 420), _(r || ee[0].target.clientHeight || 420), U(
-        (Math.min(
-          h || ee[0].target.clientWidth || 620,
-          r || ee[0].target.clientHeight || 480
-        ) || 420) / 2
-      );
-    });
-    return B.current && (_(B.current.clientHeight || 420), Z(B.current.clientWidth || 420), U(
-      (Math.min(B.current.clientWidth, B.current.clientHeight) || 420) / 2
-    ), (!h || !w) && $.observe(B.current)), () => $.disconnect();
-  }, [h, r, w]);
-  const X = m ? ve(t, ["size"], [m]) : t;
-  return /* @__PURE__ */ u.jsx(
-    "div",
-    {
-      className: `${M || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
-      dir: R === "he" || R === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ u.jsx(
-        "div",
-        {
-          className: pe(
-            `${p ? p === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
-            h ? "w-fit" : "w-full",
-            I?.graphContainer
-          ),
-          style: {
-            ...P?.graphContainer || {},
-            minHeight: "inherit",
-            ...p && p !== !0 ? { backgroundColor: p } : {}
-          },
-          id: A,
-          ref: re,
-          "aria-label": J || `${y ? `The graph shows ${y}. ` : ""}This is a donut or pie chart chart. ${g ? ` ${g}` : ""}`,
-          children: /* @__PURE__ */ u.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: p ? x || "1rem" : x || 0 },
-              children: /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
-                y || g || N || H ? /* @__PURE__ */ u.jsx(
-                  Ce,
-                  {
-                    styles: {
-                      title: P?.title,
-                      description: P?.description
-                    },
-                    classNames: {
-                      title: I?.title,
-                      description: I?.description
-                    },
-                    graphTitle: y,
-                    graphDescription: g,
-                    width: h,
-                    graphDownload: N ? re.current : void 0,
-                    dataDownload: H ? t.map(($) => $.data).filter(($) => $ !== void 0).length > 0 ? t.map(($) => $.data).filter(($) => $ !== void 0) : t.filter(($) => $ !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ u.jsx(
-                  "div",
-                  {
-                    className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
-                    style: {
-                      width: h ? `${h}px` : "100%",
-                      padding: `${b}px 0 ${C}px 0`
-                    },
-                    children: t.length === 0 ? /* @__PURE__ */ u.jsx($e, {}) : /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-                      l ? /* @__PURE__ */ u.jsx("div", { className: "leading-0", "aria-label": "Color legend", children: /* @__PURE__ */ u.jsx(
-                        "div",
-                        {
-                          className: "flex mb-0 ml-auto mr-auto justify-center gap-3.5 flex-wrap",
-                          style: { maxWidth: L },
-                          children: X.map(($, ee) => /* @__PURE__ */ u.jsxs("div", { className: "flex gap-2 items-center", children: [
-                            /* @__PURE__ */ u.jsx(
-                              "div",
-                              {
-                                className: "w-3 h-3 rounded-full",
-                                style: {
-                                  backgroundColor: (k || X.map((ue) => ue.label)).indexOf(
-                                    $.label
-                                  ) !== -1 ? (d || ae[M].categoricalColors.colors)[(k || X.map((ue) => ue.label)).indexOf(
-                                    $.label
-                                  ) % (d || ae[M].categoricalColors.colors).length] : ae.gray
-                                }
-                              }
-                            ),
-                            /* @__PURE__ */ u.jsxs(
-                              de,
-                              {
-                                marginBottom: "none",
-                                size: "sm",
-                                className: "text-primary-gray-700 dark:text-primary-gray-100",
-                                children: [
-                                  $.label,
-                                  ":",
-                                  " ",
-                                  /* @__PURE__ */ u.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: he($.size, "NA", Y, f, D) })
-                                ]
-                              }
-                            )
-                          ] }, ee))
-                        }
-                      ) }) : null,
-                      /* @__PURE__ */ u.jsx(
-                        "div",
-                        {
-                          className: `flex ${h ? "grow-0" : "grow"} items-center justify-center leading-0`,
-                          style: {
-                            width: h ? `${h}px` : "100%",
-                            height: r ? `${Math.max(
-                              s,
-                              r || (E ? s ? (h || W) * E > s ? (h || W) * E : s : (h || W) * E : te)
-                            )}px` : "auto"
-                          },
-                          ref: B,
-                          "aria-label": "Graph area",
-                          children: /* @__PURE__ */ u.jsx("div", { className: "w-full flex justify-center leading-0", children: w || Q ? /* @__PURE__ */ u.jsx(
-                            Fe,
-                            {
-                              mainText: o,
-                              data: X,
-                              colors: d,
-                              radius: w || Q,
-                              subNote: i,
-                              strokeWidth: e,
-                              tooltip: O,
-                              colorDomain: k || X.map(($) => $.label),
-                              onSeriesMouseOver: c,
-                              onSeriesMouseClick: v,
-                              resetSelectionOnDoubleClick: G,
-                              styles: P,
-                              detailsOnClick: K,
-                              precision: Y
-                            }
-                          ) : null })
-                        }
-                      )
-                    ] })
-                  }
-                ),
-                j || n ? /* @__PURE__ */ u.jsx(
-                  De,
-                  {
-                    styles: { footnote: P?.footnote, source: P?.source },
-                    classNames: {
-                      footnote: I?.footnote,
-                      source: I?.source
-                    },
-                    sources: j,
-                    footNote: n,
-                    width: h
-                  }
-                ) : /* @__PURE__ */ u.jsx("div", {})
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
-}
 export {
-  tn as DonutChart
+  sn as DonutChart
 };
 //# sourceMappingURL=DonutChart.js.map