@undp/data-viz 1.5.1 → 1.5.3

package/dist/DonutChart.js

@@ -1,23 +1,23 @@
-import { j as c, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as V, useRef as ge, useEffect as ye } from "react";
-import { s as se } from "./index-fwdktvAS.js";
-import { f as ve, u as fe } from "./Typography-Ctgfl1J5.js";
+import { j as u, m as pe } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as V, useRef as fe, useEffect as xe } from "react";
+import { f as ye, u as de } from "./Typography-Ctgfl1J5.js";
+import { o as ve } from "./index-DvVprvy6.js";
 import { i as be } from "./index-Bwrro8-q.js";
 import { X as je } from "./Modal-DVVwpKhP.js";
 import { T as we } from "./Tooltip-CVCGWyzw.js";
 import { Colors as ae } from "./Colors.js";
-import { n as pe } from "./numberFormattingFunction-14YCbkN2.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-DdTp-Mdn.js";
-const me = Math.abs, T = Math.atan2, q = Math.cos, ke = Math.max, de = Math.min, F = Math.sin, ne = Math.sqrt, H = 1e-12, ie = Math.PI, ce = ie / 2, le = 2 * ie;
+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);
 }
-function he(a) {
-  return a >= 1 ? ce : a <= -1 ? -ce : Math.asin(a);
+function me(a) {
+  return a >= 1 ? le : a <= -1 ? -le : Math.asin(a);
 }
 function Te(a) {
   return a.innerRadius;
@@ -28,212 +28,212 @@ function Oe(a) {
 function Se(a) {
   return a.startAngle;
 }
-function ze(a) {
+function He(a) {
   return a.endAngle;
 }
-function He(a) {
+function ze(a) {
   return a && a.padAngle;
 }
-function We(a, s, v, f, C, w, g, e) {
-  var m = v - a, i = f - s, n = g - C, M = e - w, t = M * m - n * i;
-  if (!(t * t < H))
-    return t = (n * (s - w) - M * (a - C)) / t, [a + t * m, s + t * i];
+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 oe(a, s, v, f, C, w, g) {
-  var e = a - v, m = s - f, i = (g ? w : -w) / ne(e * e + m * m), n = i * m, M = -i * e, t = a + n, l = s + M, y = v + n, p = f + M, O = (t + y) / 2, u = (l + p) / 2, N = y - t, b = p - l, j = N * N + b * b, $ = C - w, D = t * p - y * l, z = (b < 0 ? -1 : 1) * ne(ke(0, $ * $ * j - D * D)), k = (D * b - N * z) / j, d = (-D * N - b * z) / j, R = (D * b + N * z) / j, A = (-D * N + b * z) / j, h = k - O, r = d - u, o = R - O, E = A - u;
-  return h * h + r * r > o * o + E * E && (k = R, d = A), {
+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: d,
+    cy: m,
     x01: -n,
-    y01: -M,
-    x11: k * (C / $ - 1),
-    y11: d * (C / $ - 1)
+    y01: -w,
+    x11: k * (D / C - 1),
+    y11: m * (D / C - 1)
   };
 }
 function Ee() {
-  var a = Te, s = Oe, v = S(0), f = null, C = Se, w = ze, g = He, e = null, m = Ae(i);
+  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, M, t = +a.apply(this, arguments), l = +s.apply(this, arguments), y = C.apply(this, arguments) - ce, p = w.apply(this, arguments) - ce, O = me(p - y), u = p > y;
-    if (e || (e = n = m()), l < t && (M = l, l = t, t = M), !(l > H)) e.moveTo(0, 0);
-    else if (O > le - H)
-      e.moveTo(l * q(y), l * F(y)), e.arc(0, 0, l, y, p, !u), t > H && (e.moveTo(t * q(p), t * F(p)), e.arc(0, 0, t, p, y, u));
+    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));
     else {
-      var N = y, b = p, j = y, $ = p, D = O, z = O, k = g.apply(this, arguments) / 2, d = k > H && (f ? +f.apply(this, arguments) : ne(t * t + l * l)), R = de(me(l - t) / 2, +v.apply(this, arguments)), A = R, h = R, r, o;
-      if (d > H) {
-        var E = he(d / t * F(k)), J = he(d / l * F(k));
-        (D -= E * 2) > H ? (E *= u ? 1 : -1, j += E, $ -= E) : (D = 0, j = $ = (y + p) / 2), (z -= J * 2) > H ? (J *= u ? 1 : -1, N += J, b -= J) : (z = 0, N = b = (y + p) / 2);
+      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 = l * q(N), G = l * F(N), K = t * q($), P = t * F($);
-      if (R > H) {
-        var I = l * q(b), L = l * F(b), Q = t * q(j), U = t * F(j), W;
+      var X = l * q(A), G = 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(X, G, Q, U, I, L, K, P)) {
-            var Z = X - W[0], te = G - W[1], _ = I - W[0], B = L - W[1], re = 1 / F(Re((Z * _ + te * B) / (ne(Z * Z + te * te) * ne(_ * _ + B * B))) / 2), Y = ne(W[0] * W[0] + W[1] * W[1]);
-            A = de(R, (t - Y) / (re - 1)), h = de(R, (l - Y) / (re + 1));
+          if (W = We(X, G, Q, U, I, Y, K, P)) {
+            var Z = X - W[0], te = G - 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), L = ne(W[0] * W[0] + W[1] * W[1]);
+            M = ce(R, (t - L) / (re - 1)), h = ce(R, (l - L) / (re + 1));
           } else
-            A = h = 0;
+            M = h = 0;
       }
-      z > H ? h > H ? (r = oe(Q, U, X, G, l, h, u), o = oe(I, L, K, P, l, h, u), 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(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, h, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, l, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), !u), e.arc(o.cx, o.cy, h, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : (e.moveTo(X, G), e.arc(0, 0, l, N, b, !u)) : e.moveTo(X, G), !(t > H) || !(D > H) ? e.lineTo(K, P) : A > H ? (r = oe(K, P, I, L, t, -A, u), o = oe(X, G, Q, U, t, -A, u), e.lineTo(r.cx + r.x01, r.cy + r.y01), A < R ? e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(o.y01, o.x01), !u) : (e.arc(r.cx, r.cy, A, T(r.y01, r.x01), T(r.y11, r.x11), !u), e.arc(0, 0, t, T(r.cy + r.y11, r.cx + r.x11), T(o.cy + o.y11, o.cx + o.x11), u), e.arc(o.cx, o.cy, A, T(o.y11, o.x11), T(o.y01, o.x01), !u))) : e.arc(0, 0, t, $, j, u);
+      H > z ? h > z ? (r = oe(Q, U, X, G, 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(X, G), e.arc(0, 0, l, A, v, !c)) : e.moveTo(X, G), !(t > z) || !(N > z) ? e.lineTo(K, P) : M > z ? (r = oe(K, P, I, Y, t, -M, c), s = oe(X, G, 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);
     }
     if (e.closePath(), n) return e = null, n + "" || null;
   }
   return i.centroid = function() {
-    var n = (+a.apply(this, arguments) + +s.apply(this, arguments)) / 2, M = (+C.apply(this, arguments) + +w.apply(this, arguments)) / 2 - ie / 2;
-    return [q(M) * n, F(M) * n];
+    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 ? (s = typeof n == "function" ? n : S(+n), i) : s;
+    return arguments.length ? (o = typeof n == "function" ? n : S(+n), i) : o;
   }, i.cornerRadius = function(n) {
-    return arguments.length ? (v = typeof n == "function" ? n : S(+n), i) : v;
+    return arguments.length ? (y = typeof n == "function" ? n : S(+n), i) : y;
   }, i.padRadius = function(n) {
-    return arguments.length ? (f = n == null ? null : typeof n == "function" ? n : S(+n), i) : f;
+    return arguments.length ? (d = n == null ? null : typeof n == "function" ? n : S(+n), i) : d;
   }, i.startAngle = function(n) {
-    return arguments.length ? (C = typeof n == "function" ? n : S(+n), i) : C;
+    return arguments.length ? (D = typeof n == "function" ? n : S(+n), i) : D;
   }, i.endAngle = function(n) {
-    return arguments.length ? (w = typeof n == "function" ? n : S(+n), i) : w;
+    return arguments.length ? (j = typeof n == "function" ? n : S(+n), i) : j;
   }, i.padAngle = function(n) {
-    return arguments.length ? (g = typeof n == "function" ? n : S(+n), i) : g;
+    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;
 }
-function Pe(a, s) {
-  return s < a ? -1 : s > a ? 1 : s >= a ? 0 : NaN;
+function Pe(a, o) {
+  return o < a ? -1 : o > a ? 1 : o >= a ? 0 : NaN;
 }
 function Be(a) {
   return a;
 }
 function Ie() {
-  var a = Be, s = Pe, v = null, f = S(0), C = S(le), w = S(0);
-  function g(e) {
-    var m, i = (e = Ne(e)).length, n, M, t = 0, l = new Array(i), y = new Array(i), p = +f.apply(this, arguments), O = Math.min(le, Math.max(-le, C.apply(this, arguments) - p)), u, N = Math.min(Math.abs(O) / i, w.apply(this, arguments)), b = N * (O < 0 ? -1 : 1), j;
-    for (m = 0; m < i; ++m)
-      (j = y[l[m] = m] = +a(e[m], m, e)) > 0 && (t += j);
-    for (s != null ? l.sort(function($, D) {
-      return s(y[$], y[D]);
-    }) : v != null && l.sort(function($, D) {
-      return v(e[$], e[D]);
-    }), m = 0, M = t ? (O - i * b) / t : 0; m < i; ++m, p = u)
-      n = l[m], j = y[n], u = p + (j > 0 ? j * M : 0) + b, y[n] = {
+  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: m,
-        value: j,
+        index: g,
+        value: b,
         startAngle: p,
-        endAngle: u,
-        padAngle: N
+        endAngle: c,
+        padAngle: A
       };
-    return y;
+    return x;
   }
-  return g.value = function(e) {
-    return arguments.length ? (a = typeof e == "function" ? e : S(+e), g) : a;
-  }, g.sortValues = function(e) {
-    return arguments.length ? (s = e, v = null, g) : s;
-  }, g.sort = function(e) {
-    return arguments.length ? (v = e, s = null, g) : v;
-  }, g.startAngle = function(e) {
-    return arguments.length ? (f = typeof e == "function" ? e : S(+e), g) : f;
-  }, g.endAngle = function(e) {
-    return arguments.length ? (C = typeof e == "function" ? e : S(+e), g) : C;
-  }, g.padAngle = function(e) {
-    return arguments.length ? (w = typeof e == "function" ? e : S(+e), g) : w;
-  }, g;
+  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;
 }
 function Fe(a) {
   const {
-    mainText: s,
-    data: v,
-    radius: f,
-    colors: C,
-    subNote: w,
-    strokeWidth: g,
+    mainText: o,
+    data: y,
+    radius: d,
+    colors: D,
+    subNote: j,
+    strokeWidth: f,
     tooltip: e,
-    onSeriesMouseOver: m,
+    onSeriesMouseOver: g,
     onSeriesMouseClick: i,
     colorDomain: n,
-    resetSelectionOnDoubleClick: M,
+    resetSelectionOnDoubleClick: w,
     detailsOnClick: t,
     styles: l,
-    classNames: y,
+    classNames: x,
     precision: p
-  } = a, O = Ie().sort(null).startAngle(0).value((d) => d.size), [u, N] = V(void 0), [b, j] = V(void 0), [$, D] = V(void 0), [z, k] = V(void 0);
-  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(
+  } = 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: `${f * 2}px`,
-        height: `${f * 2}px`,
-        viewBox: `0 0 ${f * 2} ${f * 2}`,
+        width: `${d * 2}px`,
+        height: `${d * 2}px`,
+        viewBox: `0 0 ${d * 2} ${d * 2}`,
         direction: "ltr",
-        children: /* @__PURE__ */ c.jsxs("g", { transform: `translate(${f} ${f})`, children: [
-          s || w ? /* @__PURE__ */ c.jsx(
+        children: /* @__PURE__ */ u.jsxs("g", { transform: `translate(${d} ${d})`, children: [
+          o || j ? /* @__PURE__ */ u.jsx(
             "foreignObject",
             {
-              y: 0 - (f - g),
-              x: 0 - (f - g),
-              width: 2 * (f - g),
-              height: 2 * (f - g),
-              children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
-                s ? /* @__PURE__ */ c.jsx(
-                  ve,
+              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 s == "string" ? s : v.findIndex((d) => d.label === s.label) !== -1 ? pe(
-                      v[v.findIndex((d) => d.label === s.label)].size,
+                    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,
-                      s.prefix,
-                      s.suffix
+                      o.prefix,
+                      o.suffix
                     ) : "NA"
                   }
                 ) : null,
-                w ? /* @__PURE__ */ c.jsx(
-                  fe,
+                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: w
+                    children: j
                   }
-                ) : typeof s == "string" || !s ? null : /* @__PURE__ */ c.jsx(
-                  fe,
+                ) : 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: s.label
+                    children: o.label
                   }
                 )
               ] })
             }
           ) : null,
-          O(v).map((d, R) => /* @__PURE__ */ c.jsx(
+          O(y).map((m, R) => /* @__PURE__ */ u.jsx(
             "path",
             {
               d: Ee()({
-                innerRadius: f - g,
-                outerRadius: f,
-                startAngle: d.startAngle,
-                endAngle: d.endAngle
+                innerRadius: d - f,
+                outerRadius: d,
+                startAngle: m.startAngle,
+                endAngle: m.endAngle
               }),
               style: {
-                fill: n.indexOf(d.data.label) !== -1 ? C[n.indexOf(d.data.label) % C.length] : ae.gray,
-                opacity: u ? u.label === d.data.label ? 1 : 0.3 : 1
+                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: (A) => {
-                N(d.data), k(A.clientY), D(A.clientX), m?.(d);
+              onMouseEnter: (M) => {
+                A(m.data), k(M.clientY), N(M.clientX), g?.(m);
               },
               onClick: () => {
-                (i || t) && (be(b, d.data) && M ? (j(void 0), i?.(void 0)) : (j(d.data), i && i(d.data)));
+                (i || t) && (be(v, m.data) && w ? (b(void 0), i?.(void 0)) : (b(m.data), i && i(m.data)));
               },
-              onMouseMove: (A) => {
-                N(d.data), k(A.clientY), D(A.clientX);
+              onMouseMove: (M) => {
+                A(m.data), k(M.clientY), N(M.clientX);
               },
               onMouseLeave: () => {
-                N(void 0), D(void 0), k(void 0), m?.(void 0);
+                A(void 0), N(void 0), k(void 0), g?.(void 0);
               }
             },
             R
@@ -241,30 +241,30 @@ function Fe(a) {
         ] })
       }
     ),
-    u && e && $ && z ? /* @__PURE__ */ c.jsx(
+    c && e && C && H ? /* @__PURE__ */ u.jsx(
       we,
       {
-        data: u,
+        data: c,
         body: e,
-        xPos: $,
-        yPos: z,
+        xPos: C,
+        yPos: H,
         backgroundStyle: l?.tooltip,
-        className: y?.tooltip
+        className: x?.tooltip
       }
     ) : null,
-    t && b !== void 0 ? /* @__PURE__ */ c.jsx(
+    t && v !== void 0 ? /* @__PURE__ */ u.jsx(
       je,
       {
-        open: b !== void 0,
+        open: v !== void 0,
         onClose: () => {
-          j(void 0);
+          b(void 0);
         },
-        children: /* @__PURE__ */ c.jsx(
+        children: /* @__PURE__ */ u.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof t == "string" ? { __html: Me(t, b) } : void 0,
-            children: typeof t == "function" ? t(b) : null
+            dangerouslySetInnerHTML: typeof t == "string" ? { __html: Me(t, v) } : void 0,
+            children: typeof t == "function" ? t(v) : null
           }
         )
       }
@@ -273,36 +273,36 @@ function Fe(a) {
 }
 function tn(a) {
   const {
-    mainText: s,
-    graphTitle: v,
-    colors: f = ae.light.categoricalColors.colors,
-    suffix: C = "",
-    sources: w,
-    prefix: g = "",
+    mainText: o,
+    graphTitle: y,
+    colors: d = ae.light.categoricalColors.colors,
+    suffix: D = "",
+    sources: j,
+    prefix: f = "",
     strokeWidth: e = 50,
-    graphDescription: m,
+    graphDescription: g,
     subNote: i,
     footNote: n,
-    radius: M,
+    radius: w,
     data: t,
     showColorScale: l = !0,
-    padding: y,
+    padding: x,
     backgroundColor: p = !1,
     tooltip: O,
-    onSeriesMouseOver: u,
-    graphID: N,
-    onSeriesMouseClick: b,
-    topMargin: j = 0,
-    bottomMargin: $ = 0,
-    graphDownload: D = !1,
-    dataDownload: z = !1,
+    onSeriesMouseOver: c,
+    graphID: A,
+    onSeriesMouseClick: v,
+    topMargin: b = 0,
+    bottomMargin: C = 0,
+    graphDownload: N = !1,
+    dataDownload: H = !1,
     colorDomain: k,
-    sortData: d,
+    sortData: m,
     language: R = "en",
-    theme: A = "light",
+    theme: M = "light",
     width: h,
     height: r,
-    minHeight: o = 0,
+    minHeight: s = 0,
     relativeHeight: E,
     ariaLabel: J,
     resetSelectionOnDoubleClick: X = !0,
@@ -310,10 +310,10 @@ function tn(a) {
     detailsOnClick: K,
     styles: P,
     classNames: I,
-    precision: L = 2
-  } = a, [Q, U] = V(0), [W, Z] = V(0), [te, _] = V(0), B = ge(null), re = ge(null);
-  ye(() => {
-    const x = new ResizeObserver((ee) => {
+    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,
@@ -323,18 +323,18 @@ function tn(a) {
     });
     return B.current && (_(B.current.clientHeight || 420), Z(B.current.clientWidth || 420), U(
       (Math.min(B.current.clientWidth, B.current.clientHeight) || 420) / 2
-    ), (!h || !M) && x.observe(B.current)), () => x.disconnect();
-  }, [h, r, M]);
-  const Y = d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t;
-  return /* @__PURE__ */ c.jsx(
+    ), (!h || !w) && $.observe(B.current)), () => $.disconnect();
+  }, [h, r, w]);
+  const L = m ? ve(t, ["size"], [m]) : t;
+  return /* @__PURE__ */ u.jsx(
     "div",
     {
-      className: `${A || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${M || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
       dir: R === "he" || R === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ c.jsx(
+      children: /* @__PURE__ */ u.jsx(
         "div",
         {
-          className: xe(
+          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
@@ -344,16 +344,16 @@ function tn(a) {
             minHeight: "inherit",
             ...p && p !== !0 ? { backgroundColor: p } : {}
           },
-          id: N,
+          id: A,
           ref: re,
-          "aria-label": J || `${v ? `The graph shows ${v}. ` : ""}This is a donut or pie chart chart. ${m ? ` ${m}` : ""}`,
-          children: /* @__PURE__ */ c.jsx(
+          "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 ? y || "1rem" : y || 0 },
-              children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
-                v || m || D || z ? /* @__PURE__ */ c.jsx(
+              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: {
@@ -364,88 +364,88 @@ function tn(a) {
                       title: I?.title,
                       description: I?.description
                     },
-                    graphTitle: v,
-                    graphDescription: m,
+                    graphTitle: y,
+                    graphDescription: g,
                     width: h,
-                    graphDownload: D ? re.current : void 0,
-                    dataDownload: z ? t.map((x) => x.data).filter((x) => x !== void 0).length > 0 ? t.map((x) => x.data).filter((x) => x !== void 0) : t.filter((x) => x !== void 0) : null
+                    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__ */ c.jsx(
+                /* @__PURE__ */ u.jsx(
                   "div",
                   {
                     className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
                     style: {
                       width: h ? `${h}px` : "100%",
-                      padding: `${j}px 0 ${$}px 0`
+                      padding: `${b}px 0 ${C}px 0`
                     },
-                    children: t.length === 0 ? /* @__PURE__ */ c.jsx($e, {}) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-                      l ? /* @__PURE__ */ c.jsx("div", { className: "leading-0", "aria-label": "Color legend", children: /* @__PURE__ */ c.jsx(
+                    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: G },
-                          children: Y.map((x, ee) => /* @__PURE__ */ c.jsxs("div", { className: "flex gap-2 items-center", children: [
-                            /* @__PURE__ */ c.jsx(
+                          children: L.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 || Y.map((ue) => ue.label)).indexOf(
-                                    x.label
-                                  ) !== -1 ? (f || ae[A].categoricalColors.colors)[(k || Y.map((ue) => ue.label)).indexOf(
-                                    x.label
-                                  ) % (f || ae[A].categoricalColors.colors).length] : ae.gray
+                                  backgroundColor: (k || L.map((ue) => ue.label)).indexOf(
+                                    $.label
+                                  ) !== -1 ? (d || ae[M].categoricalColors.colors)[(k || L.map((ue) => ue.label)).indexOf(
+                                    $.label
+                                  ) % (d || ae[M].categoricalColors.colors).length] : ae.gray
                                 }
                               }
                             ),
-                            /* @__PURE__ */ c.jsxs(
-                              fe,
+                            /* @__PURE__ */ u.jsxs(
+                              de,
                               {
                                 marginBottom: "none",
                                 size: "sm",
                                 className: "text-primary-gray-700 dark:text-primary-gray-100",
                                 children: [
-                                  x.label,
+                                  $.label,
                                   ":",
                                   " ",
-                                  /* @__PURE__ */ c.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: pe(x.size, "NA", L, g, C) })
+                                  /* @__PURE__ */ u.jsx("span", { className: "font-bold", style: { fontSize: "inherit" }, children: he($.size, "NA", Y, f, D) })
                                 ]
                               }
                             )
                           ] }, ee))
                         }
                       ) }) : null,
-                      /* @__PURE__ */ c.jsx(
+                      /* @__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(
-                              o,
-                              r || (E ? o ? (h || W) * E > o ? (h || W) * E : o : (h || W) * E : te)
+                              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__ */ c.jsx("div", { className: "w-full flex justify-center leading-0", children: M || Q ? /* @__PURE__ */ c.jsx(
+                          children: /* @__PURE__ */ u.jsx("div", { className: "w-full flex justify-center leading-0", children: w || Q ? /* @__PURE__ */ u.jsx(
                             Fe,
                             {
-                              mainText: s,
-                              data: d === "asc" ? se(t, (x) => x.size) : d === "desc" ? se(t, (x) => x.size).reverse() : t,
-                              colors: f,
-                              radius: M || Q,
+                              mainText: o,
+                              data: L,
+                              colors: d,
+                              radius: w || Q,
                               subNote: i,
                               strokeWidth: e,
                               tooltip: O,
-                              colorDomain: k || Y.map((x) => x.label),
-                              onSeriesMouseOver: u,
-                              onSeriesMouseClick: b,
+                              colorDomain: k || L.map(($) => $.label),
+                              onSeriesMouseOver: c,
+                              onSeriesMouseClick: v,
                               resetSelectionOnDoubleClick: X,
                               styles: P,
                               detailsOnClick: K,
-                              precision: L
+                              precision: Y
                             }
                           ) : null })
                         }
@@ -453,7 +453,7 @@ function tn(a) {
                     ] })
                   }
                 ),
-                w || n ? /* @__PURE__ */ c.jsx(
+                j || n ? /* @__PURE__ */ u.jsx(
                   De,
                   {
                     styles: { footnote: P?.footnote, source: P?.source },
@@ -461,11 +461,11 @@ function tn(a) {
                       footnote: I?.footnote,
                       source: I?.source
                     },
-                    sources: w,
+                    sources: j,
                     footNote: n,
                     width: h
                   }
-                ) : /* @__PURE__ */ c.jsx("div", {})
+                ) : /* @__PURE__ */ u.jsx("div", {})
               ] })
             }
           )