@undp/data-viz 2.0.9 → 2.1.0

package/dist/DonutChart.js

@@ -1,296 +1,291 @@
-import { c as de, j as y, m as ge } from "./index-CHPV5EwG-Curnpaqc.js";
+import { c as de, j as v, 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 { T as be } from "./Tooltip-Dj5eVppQ.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);
+import { D as Ae } from "./DetailsModal-0Ry5nXiC.js";
+import { w as je, c as B, a as Me } from "./array-B7TkkRH0.js";
+import { GraphFooter as De } from "./GraphFooter.js";
+import { GraphHeader as Ne } from "./GraphHeader.js";
+import { E as Ce } from "./EmptyState-BZo1BbAn.js";
+import { G as Re, a as ke } from "./GraphContainer-CRqzdKu2.js";
+const ce = Math.abs, P = Math.atan2, Q = Math.cos, we = Math.max, oe = Math.min, V = Math.sin, U = Math.sqrt, W = 1e-12, ee = Math.PI, ae = ee / 2, te = 2 * ee;
+function Oe(r) {
+  return r > 1 ? 0 : r < -1 ? ee : Math.acos(r);
 }
-function fe(a) {
-  return a >= 1 ? re : a <= -1 ? -re : Math.asin(a);
+function fe(r) {
+  return r >= 1 ? ae : r <= -1 ? -ae : Math.asin(r);
 }
-function Se(a) {
-  return a.innerRadius;
+function Te(r) {
+  return r.innerRadius;
 }
-function ze(a) {
-  return a.outerRadius;
+function Se(r) {
+  return r.outerRadius;
 }
-function Ee(a) {
-  return a.startAngle;
+function ze(r) {
+  return r.startAngle;
 }
-function Pe(a) {
-  return a.endAngle;
+function Ee(r) {
+  return r.endAngle;
 }
-function Ge(a) {
-  return a && a.padAngle;
+function Pe(r) {
+  return r && r.padAngle;
 }
-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 Ge(r, e, c, A, l, j, f, n) {
+  var m = c - r, i = A - e, t = f - l, M = n - j, a = M * m - t * i;
+  if (!(a * a < W))
+    return a = (t * (e - j) - M * (r - l)) / a, [r + a * m, e + a * i];
 }
-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,
+function ne(r, e, c, A, l, j, f) {
+  var n = r - c, m = e - A, i = (f ? j : -j) / U(n * n + m * m), t = i * m, M = -i * n, a = r + t, s = e + M, y = c + t, h = A + M, T = (a + y) / 2, d = (s + h) / 2, x = y - a, N = h - s, g = x * x + N * N, b = l - j, D = a * h - y * s, G = (N < 0 ? -1 : 1) * U(we(0, b * b * g - D * D)), $ = (D * N - x * G) / g, E = (-D * x - N * G) / g, R = (D * N + x * G) / g, k = (-D * x + N * G) / g, w = $ - T, o = E - d, u = R - T, H = k - d;
+  return w * w + o * o > u * u + H * H && ($ = R, E = k), {
+    cx: $,
     cy: E,
     x01: -t,
     y01: -M,
-    x11: I * (l / b - 1),
+    x11: $ * (l / b - 1),
     y11: E * (l / b - 1)
   };
 }
 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));
+  var r = Te, e = Se, c = B(0), A = null, l = ze, j = Ee, f = Pe, n = null, m = je(i);
+  function i() {
+    var t, M, a = +r.apply(this, arguments), s = +e.apply(this, arguments), y = l.apply(this, arguments) - ae, h = j.apply(this, arguments) - ae, T = ce(h - y), d = h > y;
+    if (n || (n = t = m()), s < a && (M = s, s = a, a = M), !(s > W)) n.moveTo(0, 0);
+    else if (T > te - W)
+      n.moveTo(s * Q(y), s * V(y)), n.arc(0, 0, s, y, h, !d), a > W && (n.moveTo(a * Q(h), a * V(h)), n.arc(0, 0, a, h, y, d));
     else {
-      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 x = y, N = h, g = y, b = h, D = T, G = T, $ = f.apply(this, arguments) / 2, E = $ > W && (A ? +A.apply(this, arguments) : U(a * a + s * s)), R = oe(ce(s - a) / 2, +c.apply(this, arguments)), k = R, w = R, o, u;
+      if (E > W) {
+        var H = fe(E / a * V($)), X = fe(E / s * V($));
+        (D -= H * 2) > W ? (H *= d ? 1 : -1, g += H, b -= H) : (D = 0, g = b = (y + h) / 2), (G -= X * 2) > W ? (X *= d ? 1 : -1, x += X, N -= X) : (G = 0, x = N = (y + h) / 2);
       }
-      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;
+      var Y = s * Q(x), S = s * V(x), O = a * Q(b), I = a * V(b);
+      if (R > W) {
+        var F = s * Q(N), q = s * V(N), L = a * Q(g), C = a * V(g), 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));
+          if (z = Ge(Y, S, L, C, F, q, O, I)) {
+            var p = Y - z[0], J = S - z[1], K = F - z[0], re = q - z[1], se = 1 / V(Oe((p * K + J * re) / (U(p * p + J * J) * U(K * K + re * re))) / 2), le = U(z[0] * z[0] + z[1] * z[1]);
+            k = oe(R, (a - le) / (se - 1)), w = oe(R, (s - le) / (se + 1));
           } else
             k = w = 0;
       }
-      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);
+      G > W ? w > W ? (o = ne(L, C, Y, S, s, w, d), u = ne(F, q, O, I, s, w, d), 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), !d) : (n.arc(o.cx, o.cy, w, P(o.y01, o.x01), P(o.y11, o.x11), !d), n.arc(0, 0, s, P(o.cy + o.y11, o.cx + o.x11), P(u.cy + u.y11, u.cx + u.x11), !d), n.arc(u.cx, u.cy, w, P(u.y11, u.x11), P(u.y01, u.x01), !d))) : (n.moveTo(Y, S), n.arc(0, 0, s, x, N, !d)) : n.moveTo(Y, S), !(a > W) || !(D > W) ? n.lineTo(O, I) : k > W ? (o = ne(O, I, F, q, a, -k, d), u = ne(Y, S, L, C, a, -k, d), 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), !d) : (n.arc(o.cx, o.cy, k, P(o.y01, o.x01), P(o.y11, o.x11), !d), n.arc(0, 0, a, P(o.cy + o.y11, o.cx + o.x11), P(u.cy + u.y11, u.cx + u.x11), d), n.arc(u.cx, u.cy, k, P(u.y11, u.x11), P(u.y01, u.x01), !d))) : n.arc(0, 0, a, b, g, d);
     }
     if (n.closePath(), t) return n = null, t + "" || null;
   }
-  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 i.centroid = function() {
+    var t = (+r.apply(this, arguments) + +e.apply(this, arguments)) / 2, M = (+l.apply(this, arguments) + +j.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;
+  }, i.innerRadius = function(t) {
+    return arguments.length ? (r = typeof t == "function" ? t : B(+t), i) : r;
+  }, i.outerRadius = function(t) {
+    return arguments.length ? (e = typeof t == "function" ? t : B(+t), i) : e;
+  }, i.cornerRadius = function(t) {
+    return arguments.length ? (c = typeof t == "function" ? t : B(+t), i) : c;
+  }, i.padRadius = function(t) {
+    return arguments.length ? (A = t == null ? null : typeof t == "function" ? t : B(+t), i) : A;
+  }, i.startAngle = function(t) {
+    return arguments.length ? (l = typeof t == "function" ? t : B(+t), i) : l;
+  }, i.endAngle = function(t) {
+    return arguments.length ? (j = typeof t == "function" ? t : B(+t), i) : j;
+  }, i.padAngle = function(t) {
+    return arguments.length ? (f = typeof t == "function" ? t : B(+t), i) : f;
+  }, i.context = function(t) {
+    return arguments.length ? (n = t ?? null, i) : n;
+  }, i;
 }
-function Be(a, e) {
-  return e < a ? -1 : e > a ? 1 : e >= a ? 0 : NaN;
+function Be(r, e) {
+  return e < r ? -1 : e > r ? 1 : e >= r ? 0 : NaN;
 }
-function He(a) {
-  return a;
+function Ie(r) {
+  return r;
 }
 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] = {
+  var r = Ie, e = Be, c = null, A = B(0), l = B(te), j = B(0);
+  function f(n) {
+    var m, i = (n = Me(n)).length, t, M, a = 0, s = new Array(i), y = new Array(i), h = +A.apply(this, arguments), T = Math.min(te, Math.max(-te, l.apply(this, arguments) - h)), d, x = Math.min(Math.abs(T) / i, j.apply(this, arguments)), N = x * (T < 0 ? -1 : 1), g;
+    for (m = 0; m < i; ++m)
+      (g = y[s[m] = m] = +r(n[m], m, n)) > 0 && (a += g);
+    for (e != null ? s.sort(function(b, D) {
+      return e(y[b], y[D]);
+    }) : c != null && s.sort(function(b, D) {
+      return c(n[b], n[D]);
+    }), m = 0, M = a ? (T - i * N) / a : 0; m < i; ++m, h = d)
+      t = s[m], g = y[t], d = h + (g > 0 ? g * M : 0) + N, y[t] = {
         data: n[t],
-        index: d,
-        value: f,
-        startAngle: v,
-        endAngle: g,
+        index: m,
+        value: g,
+        startAngle: h,
+        endAngle: d,
         padAngle: x
       };
-    return h;
+    return y;
   }
-  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;
+  return f.value = function(n) {
+    return arguments.length ? (r = typeof n == "function" ? n : B(+n), f) : r;
+  }, f.sortValues = function(n) {
+    return arguments.length ? (e = n, c = null, f) : e;
+  }, f.sort = function(n) {
+    return arguments.length ? (c = n, e = null, f) : c;
+  }, f.startAngle = function(n) {
+    return arguments.length ? (A = typeof n == "function" ? n : B(+n), f) : A;
+  }, f.endAngle = function(n) {
+    return arguments.length ? (l = typeof n == "function" ? n : B(+n), f) : l;
+  }, f.padAngle = function(n) {
+    return arguments.length ? (j = typeof n == "function" ? n : B(+n), f) : j;
+  }, f;
 }
-function Le(a) {
-  const e = de.c(43), {
+function We(r) {
+  const e = de.c(44), {
     mainText: c,
-    data: j,
+    data: A,
     radius: l,
-    colors: A,
-    subNote: m,
+    colors: j,
+    subNote: f,
     strokeWidth: n,
-    tooltip: d,
-    onSeriesMouseOver: s,
+    tooltip: m,
+    onSeriesMouseOver: i,
     onSeriesMouseClick: t,
     colorDomain: M,
-    resetSelectionOnDoubleClick: r,
-    detailsOnClick: i,
-    styles: h,
-    classNames: v,
+    resetSelectionOnDoubleClick: a,
+    detailsOnClick: s,
+    styles: y,
+    classNames: h,
     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];
+  } = r, d = Fe().sort(null).startAngle(0).value(He), [x, N] = Z(void 0), [g, b] = Z(void 0), [D, G] = Z(void 0), [$, E] = Z(void 0), R = `${l * 2}px`, k = `${l * 2}px`, w = `0 0 ${l * 2} ${l * 2}`, o = "ltr", u = "mx-auto", H = `translate(${l} ${l})`;
   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()({
+  e[0] !== A || e[1] !== c || e[2] !== T || e[3] !== l || e[4] !== n || e[5] !== f ? (X = c || f ? /* @__PURE__ */ v.jsx("foreignObject", { y: 0 - (l - n), x: 0 - (l - n), width: 2 * (l - n), height: 2 * (l - n), children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
+    c ? /* @__PURE__ */ v.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 : A.findIndex((C) => C.label === c.label) !== -1 ? me(A[A.findIndex((C) => C.label === c.label)].size, "NA", T, c.prefix, c.suffix) : "NA" }) : null,
+    f ? /* @__PURE__ */ v.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: f }) : typeof c == "string" || !c ? null : /* @__PURE__ */ v.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] = A, e[1] = c, e[2] = T, e[3] = l, e[4] = n, e[5] = f, e[6] = X) : X = e[6];
+  let Y;
+  e[7] !== M || e[8] !== j || e[9] !== s || e[10] !== g || e[11] !== x || e[12] !== t || e[13] !== i || e[14] !== l || e[15] !== a || e[16] !== b || e[17] !== n ? (Y = (C, z) => /* @__PURE__ */ v.jsx("path", { d: $e()({
     innerRadius: l - n,
     outerRadius: l,
-    startAngle: D.startAngle,
-    endAngle: D.endAngle
+    startAngle: C.startAngle,
+    endAngle: C.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
+    fill: M.indexOf(C.data.label) !== -1 ? j[M.indexOf(C.data.label) % j.length] : _.gray,
+    opacity: x ? x.label === C.data.label ? 1 : 0.3 : 1
   }, onMouseEnter: (p) => {
-    C(D.data), E(p.clientY), G(p.clientX), s?.(D);
+    N(C.data), E(p.clientY), G(p.clientX), i?.(C);
   }, onClick: () => {
-    (t || i) && (ve(f, D.data) && r ? (b(void 0), t?.(void 0)) : (b(D.data), t && t(D.data)));
+    (t || s) && (ve(g, C.data) && a ? (b(void 0), t?.(void 0)) : (b(C.data), t && t(C.data)));
   }, onMouseMove: (p) => {
-    C(D.data), E(p.clientY), G(p.clientX);
+    N(C.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);
+    N(void 0), G(void 0), E(void 0), i?.(void 0);
+  } }, z), e[7] = M, e[8] = j, e[9] = s, e[10] = g, e[11] = x, e[12] = t, e[13] = i, e[14] = l, e[15] = a, e[16] = b, e[17] = n, e[18] = Y) : Y = e[18];
+  const S = d(A).map(Y);
   let O;
-  e[19] !== L || e[20] !== W || e[21] !== S ? (O = /* @__PURE__ */ y.jsxs("g", { transform: L, children: [
-    W,
+  e[19] !== H || e[20] !== X || e[21] !== S ? (O = /* @__PURE__ */ v.jsxs("g", { transform: H, children: [
+    X,
     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];
+  ] }), e[19] = H, e[20] = X, e[21] = S, e[22] = O) : O = e[22];
+  let I;
+  e[23] !== R || e[24] !== k || e[25] !== w || e[26] !== O ? (I = /* @__PURE__ */ v.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] = I) : I = e[27];
+  let F;
+  e[28] !== h?.tooltip || e[29] !== D || e[30] !== $ || e[31] !== x || e[32] !== y?.tooltip || e[33] !== m ? (F = x && m && D && $ ? /* @__PURE__ */ v.jsx(be, { data: x, body: m, xPos: D, yPos: $, backgroundStyle: y?.tooltip, className: h?.tooltip }) : null, e[28] = h?.tooltip, e[29] = D, e[30] = $, e[31] = x, e[32] = y?.tooltip, e[33] = m, e[34] = F) : F = e[34];
   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;
+  e[35] !== h?.modal || e[36] !== s || e[37] !== g || e[38] !== b ? (q = s && g !== void 0 ? /* @__PURE__ */ v.jsx(Ae, { body: s, data: g, setData: b, className: h?.modal }) : null, e[35] = h?.modal, e[36] = s, e[37] = g, e[38] = b, e[39] = q) : q = e[39];
+  let L;
+  return e[40] !== I || e[41] !== F || e[42] !== q ? (L = /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+    I,
+    F,
+    q
+  ] }), e[40] = I, e[41] = F, e[42] = q, e[43] = L) : L = e[43], L;
 }
-function We(a) {
-  return a.size;
+function He(r) {
+  return r.size;
 }
-function sn(a) {
+function rn(r) {
   const {
     mainText: e,
     graphTitle: c,
-    colors: j = _.light.categoricalColors.colors,
+    colors: A = _.light.categoricalColors.colors,
     suffix: l = "",
-    sources: A,
-    prefix: m = "",
+    sources: j,
+    prefix: f = "",
     strokeWidth: n = 50,
-    graphDescription: d,
-    subNote: s,
+    graphDescription: m,
+    subNote: i,
     footNote: t,
     radius: M,
-    data: r,
-    showColorScale: i = !0,
-    padding: h,
-    backgroundColor: v = !1,
+    data: a,
+    showColorScale: s = !0,
+    padding: y,
+    backgroundColor: h = !1,
     tooltip: T,
-    onSeriesMouseOver: g,
+    onSeriesMouseOver: d,
     graphID: x,
-    onSeriesMouseClick: C,
-    graphDownload: f = !1,
+    onSeriesMouseClick: N,
+    graphDownload: g = !1,
     dataDownload: b = !1,
-    colorDomain: N,
+    colorDomain: D,
     sortData: G,
-    language: I = "en",
+    language: $ = "en",
     theme: E = "light",
     width: R,
     height: k,
     minHeight: w = 0,
     relativeHeight: o,
     ariaLabel: u,
-    resetSelectionOnDoubleClick: L = !0,
-    colorScaleMaxWidth: W,
-    detailsOnClick: X,
+    resetSelectionOnDoubleClick: H = !0,
+    colorScaleMaxWidth: X,
+    detailsOnClick: Y,
     styles: S,
     classNames: O,
-    precision: B = 2
-  } = a, [H, Y] = Z(0), q = ue(null), D = ue(null);
+    precision: I = 2
+  } = r, [F, q] = Z(0), L = ue(null), C = 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);
+      q((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();
+    return L.current && p.observe(L.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: {
+  const z = G ? ye(a, ["size"], [G]) : a;
+  return /* @__PURE__ */ v.jsxs(Re, { className: O?.graphContainer, style: S?.graphContainer, id: x, ref: C, "aria-label": u, backgroundColor: h, theme: E, language: $, minHeight: w, width: R, height: k, relativeHeight: o, padding: y, children: [
+    c || m || g || b ? /* @__PURE__ */ v.jsx(Ne, { 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
+    }, graphTitle: c, graphDescription: m, width: R, graphDownload: g ? C : void 0, dataDownload: b ? a.map((p) => p.data).filter((p) => p !== void 0).length > 0 ? a.map((p) => p.data).filter((p) => p !== void 0) : a.filter((p) => p !== void 0) : null }) : null,
+    a.length === 0 ? /* @__PURE__ */ v.jsx(Ce, {}) : /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+      s ? /* @__PURE__ */ v.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: X
+      }, "aria-label": "Color legend", children: z.map((p, J) => /* @__PURE__ */ v.jsxs("div", { className: "flex gap-2 items-center pb-3", children: [
+        /* @__PURE__ */ v.jsx("div", { className: "w-3 h-3 rounded-full", style: {
+          backgroundColor: (D || z.map((K) => K.label)).indexOf(p.label) !== -1 ? (A || _[E].categoricalColors.colors)[(D || z.map((K) => K.label)).indexOf(p.label) % (A || _[E].categoricalColors.colors).length] : _.gray
         } }),
-        /* @__PURE__ */ y.jsxs(ie, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+        /* @__PURE__ */ v.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: {
+          /* @__PURE__ */ v.jsx("span", { className: "font-bold", style: {
             fontSize: "inherit"
-          }, children: me(p.size, "NA", B, m, l) })
+          }, children: me(p.size, "NA", I, f, l) })
         ] })
       ] }, 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 })
+      /* @__PURE__ */ v.jsx(xe, { size: "lg" }),
+      /* @__PURE__ */ v.jsx(ke, { ref: L, children: F ? /* @__PURE__ */ v.jsx(We, { mainText: e, data: z, colors: A, radius: F, subNote: i, strokeWidth: n, tooltip: T, colorDomain: D || z.map((p) => p.label), onSeriesMouseOver: d, onSeriesMouseClick: N, resetSelectionOnDoubleClick: H, styles: S, detailsOnClick: Y, precision: I }) : null })
     ] }),
-    A || t ? /* @__PURE__ */ y.jsx(Ce, { styles: {
+    j || t ? /* @__PURE__ */ v.jsx(De, { styles: {
       footnote: S?.footnote,
       source: S?.source
     }, classNames: {
       footnote: O?.footnote,
       source: O?.source
-    }, sources: A, footNote: t, width: R }) : null
+    }, sources: j, footNote: t, width: R }) : null
   ] });
 }
 export {
-  sn as DonutChart
+  rn as DonutChart
 };
 //# sourceMappingURL=DonutChart.js.map