@undp/data-viz 2.1.2 → 2.1.4

package/dist/DonutChart.js

@@ -1,291 +1,260 @@
-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 { T as be } from "./Tooltip-Dj5eVppQ.js";
-import { Colors as _ } from "./Colors.js";
-import { n as me } from "./numberFormattingFunction-14YCbkN2.js";
-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);
+import { c as mt, j as o, m as dt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as rt, useState as tt, useEffect as pt } from "react";
+import { v as ft, j as it } from "./Typography-PxtFcnJb.js";
+import { o as gt } from "./index-BZQYSqar.js";
+import { n as ht } from "./Source-DwTHB8fn.js";
+import { i as xt } from "./index-Bwrro8-q.js";
+import { T as yt } from "./Tooltip-Dj5eVppQ.js";
+import { Colors as R } from "./Colors.js";
+import { n as ct } from "./numberFormattingFunction-14YCbkN2.js";
+import { D as vt } from "./DetailsModal-0Ry5nXiC.js";
+import { c as T, a as bt } from "./array-USo-Szhp.js";
+import { u as jt } from "./use-in-view-Cxa7y1TH.js";
+import { A as Mt } from "./index-BqfRwk1n.js";
+import { m as ot } from "./proxy-BxkFHwUw.js";
+import { GraphFooter as Nt } from "./GraphFooter.js";
+import { GraphHeader as Ct } from "./GraphHeader.js";
+import { E as Dt } from "./EmptyState-C7ZXkZWd.js";
+import { G as kt, a as At } from "./GraphContainer-CRqzdKu2.js";
+const wt = Math.PI, at = 2 * wt;
+function Ot(s, t) {
+  return t < s ? -1 : t > s ? 1 : t >= s ? 0 : NaN;
 }
-function fe(r) {
-  return r >= 1 ? ae : r <= -1 ? -ae : Math.asin(r);
+function St(s) {
+  return s;
 }
-function Te(r) {
-  return r.innerRadius;
-}
-function Se(r) {
-  return r.outerRadius;
-}
-function ze(r) {
-  return r.startAngle;
-}
-function Ee(r) {
-  return r.endAngle;
-}
-function Pe(r) {
-  return r && r.padAngle;
-}
-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(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: $ * (l / b - 1),
-    y11: E * (l / b - 1)
-  };
-}
-function $e() {
-  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 = 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 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 = 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 > 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 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];
-  }, 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(r, e) {
-  return e < r ? -1 : e > r ? 1 : e >= r ? 0 : NaN;
-}
-function Ie(r) {
-  return r;
-}
-function Fe() {
-  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: m,
-        value: g,
-        startAngle: h,
+function zt() {
+  var s = St, t = Ot, n = null, c = T(0), a = T(at), p = T(0);
+  function r(e) {
+    var l, x = (e = bt(e)).length, f, C, m = 0, g = new Array(x), b = new Array(x), y = +c.apply(this, arguments), S = Math.min(at, Math.max(-at, a.apply(this, arguments) - y)), d, P = Math.min(Math.abs(S) / x, p.apply(this, arguments)), G = P * (S < 0 ? -1 : 1), h;
+    for (l = 0; l < x; ++l)
+      (h = b[g[l] = l] = +s(e[l], l, e)) > 0 && (m += h);
+    for (t != null ? g.sort(function(D, z) {
+      return t(b[D], b[z]);
+    }) : n != null && g.sort(function(D, z) {
+      return n(e[D], e[z]);
+    }), l = 0, C = m ? (S - x * G) / m : 0; l < x; ++l, y = d)
+      f = g[l], h = b[f], d = y + (h > 0 ? h * C : 0) + G, b[f] = {
+        data: e[f],
+        index: l,
+        value: h,
+        startAngle: y,
         endAngle: d,
-        padAngle: x
+        padAngle: P
       };
-    return y;
+    return b;
   }
-  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;
+  return r.value = function(e) {
+    return arguments.length ? (s = typeof e == "function" ? e : T(+e), r) : s;
+  }, r.sortValues = function(e) {
+    return arguments.length ? (t = e, n = null, r) : t;
+  }, r.sort = function(e) {
+    return arguments.length ? (n = e, t = null, r) : n;
+  }, r.startAngle = function(e) {
+    return arguments.length ? (c = typeof e == "function" ? e : T(+e), r) : c;
+  }, r.endAngle = function(e) {
+    return arguments.length ? (a = typeof e == "function" ? e : T(+e), r) : a;
+  }, r.padAngle = function(e) {
+    return arguments.length ? (p = typeof e == "function" ? e : T(+e), r) : p;
+  }, r;
 }
-function We(r) {
-  const e = de.c(44), {
-    mainText: c,
-    data: A,
-    radius: l,
-    colors: j,
-    subNote: f,
-    strokeWidth: n,
-    tooltip: m,
-    onSeriesMouseOver: i,
-    onSeriesMouseClick: t,
-    colorDomain: M,
-    resetSelectionOnDoubleClick: a,
-    detailsOnClick: s,
-    styles: y,
-    classNames: h,
-    precision: T
-  } = 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[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: C.startAngle,
-    endAngle: C.endAngle
-  }), style: {
-    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) => {
-    N(C.data), E(p.clientY), G(p.clientX), i?.(C);
+const lt = (s, t, n, c) => ({
+  x: s + n * Math.cos(c),
+  y: t + n * Math.sin(c)
+});
+function st(s, t, n, c, a) {
+  const p = lt(s, t, n, c), r = lt(s, t, n, a), e = a - c <= Math.PI ? "0" : "1";
+  return ["M", p.x, p.y, "A", n, n, 0, e, 1, r.x, r.y].join(" ");
+}
+function It(s) {
+  const t = mt.c(59), {
+    mainText: n,
+    data: c,
+    radius: a,
+    colors: p,
+    subNote: r,
+    strokeWidth: e,
+    tooltip: l,
+    onSeriesMouseOver: x,
+    onSeriesMouseClick: f,
+    colorDomain: C,
+    resetSelectionOnDoubleClick: m,
+    detailsOnClick: g,
+    styles: b,
+    classNames: y,
+    precision: S,
+    animate: d,
+    trackColor: P
+  } = s, G = rt(null);
+  let h;
+  t[0] !== d.amount || t[1] !== d.once ? (h = {
+    once: d.once,
+    amount: d.amount
+  }, t[0] = d.amount, t[1] = d.once, t[2] = h) : h = t[2];
+  const D = jt(G, h), z = zt().sort(null).startAngle(0).value(Pt), [v, X] = tt(void 0), [j, M] = tt(void 0), [$, Y] = tt(void 0), [B, q] = tt(void 0), J = ot, K = `${a * 2}px`, Q = `${a * 2}px`, k = `0 0 ${a * 2} ${a * 2}`, E = "ltr", et = "mx-auto", F = ot, U = `translate(${a} ${a})`;
+  let I;
+  t[3] !== c || t[4] !== n || t[5] !== S || t[6] !== a || t[7] !== e || t[8] !== r ? (I = n || r ? /* @__PURE__ */ o.jsx("foreignObject", { y: 0 - (a - e), x: 0 - (a - e), width: 2 * (a - e), height: 2 * (a - e), children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-4", children: [
+    n ? /* @__PURE__ */ o.jsx(ft, { marginBottom: "none", className: "donut-main-text text-primary-gray-700 dark:text-primary-gray-100 leading-none text-center", children: typeof n == "string" ? n : c.findIndex((u) => u.label === n.label) !== -1 ? ct(c[c.findIndex((u) => u.label === n.label)].size, "NA", S, n.prefix, n.suffix) : "NA" }) : null,
+    r ? /* @__PURE__ */ o.jsx(it, { marginBottom: "none", size: "base", leading: "none", className: "donut-sub-note text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: r }) : typeof n == "string" || !n ? null : /* @__PURE__ */ o.jsx(it, { size: "base", marginBottom: "none", leading: "none", className: "donut-label text-primary-gray-700 dark:text-primary-gray-100 text-center font-bold", children: n.label })
+  ] }) }) : null, t[3] = c, t[4] = n, t[5] = S, t[6] = a, t[7] = e, t[8] = r, t[9] = I) : I = t[9];
+  const Z = a - e / 2;
+  let A;
+  t[10] !== e || t[11] !== Z || t[12] !== P ? (A = /* @__PURE__ */ o.jsx("circle", { cx: 0, cy: 0, r: Z, fill: "none", stroke: P, strokeWidth: e }), t[10] = e, t[11] = Z, t[12] = P, t[13] = A) : A = t[13];
+  const V = Mt;
+  let w;
+  t[14] !== d.duration || t[15] !== C || t[16] !== p || t[17] !== g || t[18] !== D || t[19] !== j || t[20] !== v || t[21] !== f || t[22] !== x || t[23] !== a || t[24] !== m || t[25] !== M || t[26] !== e ? (w = (u, ut) => /* @__PURE__ */ o.jsx(ot.path, { variants: {
+    initial: {
+      pathLength: 0,
+      d: st(0, 0, a - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
+      opacity: v ? v.label === u.data.label ? 1 : 0.3 : 1
+    },
+    whileInView: {
+      pathLength: 1,
+      d: st(0, 0, a - e / 2, u.startAngle - Math.PI / 2, u.endAngle - Math.PI / 2),
+      opacity: v ? v.label === u.data.label ? 1 : 0.3 : 1,
+      transition: {
+        duration: d.duration
+      }
+    }
+  }, initial: "initial", animate: D ? "whileInView" : "initial", exit: {
+    opacity: 0,
+    transition: {
+      duration: d.duration
+    }
+  }, style: {
+    stroke: C.indexOf(u.data.label) !== -1 ? p[C.indexOf(u.data.label) % p.length] : R.gray,
+    strokeWidth: e,
+    fill: "none"
+  }, onMouseEnter: (_) => {
+    X(u.data), q(_.clientY), Y(_.clientX), x?.(u);
   }, onClick: () => {
-    (t || s) && (ve(g, C.data) && a ? (b(void 0), t?.(void 0)) : (b(C.data), t && t(C.data)));
-  }, onMouseMove: (p) => {
-    N(C.data), E(p.clientY), G(p.clientX);
+    (f || g) && (xt(j, u.data) && m ? (M(void 0), f?.(void 0)) : (M(u.data), f && f(u.data)));
+  }, onMouseMove: (_) => {
+    X(u.data), q(_.clientY), Y(_.clientX);
   }, onMouseLeave: () => {
-    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);
+    X(void 0), Y(void 0), q(void 0), x?.(void 0);
+  } }, ut), t[14] = d.duration, t[15] = C, t[16] = p, t[17] = g, t[18] = D, t[19] = j, t[20] = v, t[21] = f, t[22] = x, t[23] = a, t[24] = m, t[25] = M, t[26] = e, t[27] = w) : w = t[27];
+  const i = z(c).map(w);
+  let N;
+  t[28] !== V || t[29] !== i ? (N = /* @__PURE__ */ o.jsx(V, { children: i }), t[28] = V, t[29] = i, t[30] = N) : N = t[30];
   let O;
-  e[19] !== H || e[20] !== X || e[21] !== S ? (O = /* @__PURE__ */ v.jsxs("g", { transform: H, children: [
-    X,
-    S
-  ] }), 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;
-  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: [
+  t[31] !== A || t[32] !== N || t[33] !== F.g || t[34] !== U || t[35] !== I ? (O = /* @__PURE__ */ o.jsxs(F.g, { transform: U, children: [
     I,
-    F,
-    q
-  ] }), e[40] = I, e[41] = F, e[42] = q, e[43] = L) : L = e[43], L;
+    A,
+    N
+  ] }), t[31] = A, t[32] = N, t[33] = F.g, t[34] = U, t[35] = I, t[36] = O) : O = t[36];
+  let L;
+  t[37] !== J.svg || t[38] !== O || t[39] !== K || t[40] !== Q || t[41] !== k ? (L = /* @__PURE__ */ o.jsx(J.svg, { ref: G, width: K, height: Q, viewBox: k, direction: E, className: et, children: O }), t[37] = J.svg, t[38] = O, t[39] = K, t[40] = Q, t[41] = k, t[42] = L) : L = t[42];
+  let W;
+  t[43] !== y?.tooltip || t[44] !== $ || t[45] !== B || t[46] !== v || t[47] !== b?.tooltip || t[48] !== l ? (W = v && l && $ && B ? /* @__PURE__ */ o.jsx(yt, { data: v, body: l, xPos: $, yPos: B, backgroundStyle: b?.tooltip, className: y?.tooltip }) : null, t[43] = y?.tooltip, t[44] = $, t[45] = B, t[46] = v, t[47] = b?.tooltip, t[48] = l, t[49] = W) : W = t[49];
+  let H;
+  t[50] !== y?.modal || t[51] !== g || t[52] !== j || t[53] !== M ? (H = g && j !== void 0 ? /* @__PURE__ */ o.jsx(vt, { body: g, data: j, setData: M, className: y?.modal }) : null, t[50] = y?.modal, t[51] = g, t[52] = j, t[53] = M, t[54] = H) : H = t[54];
+  let nt;
+  return t[55] !== L || t[56] !== W || t[57] !== H ? (nt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    L,
+    W,
+    H
+  ] }), t[55] = L, t[56] = W, t[57] = H, t[58] = nt) : nt = t[58], nt;
 }
-function He(r) {
-  return r.size;
+function Pt(s) {
+  return s.size;
 }
-function rn(r) {
+function Zt(s) {
   const {
-    mainText: e,
-    graphTitle: c,
-    colors: A = _.light.categoricalColors.colors,
-    suffix: l = "",
-    sources: j,
-    prefix: f = "",
-    strokeWidth: n = 50,
-    graphDescription: m,
-    subNote: i,
-    footNote: t,
-    radius: M,
-    data: a,
-    showColorScale: s = !0,
-    padding: y,
-    backgroundColor: h = !1,
-    tooltip: T,
+    mainText: t,
+    graphTitle: n,
+    colors: c = R.light.categoricalColors.colors,
+    suffix: a = "",
+    sources: p,
+    prefix: r = "",
+    strokeWidth: e = 50,
+    graphDescription: l,
+    subNote: x,
+    footNote: f,
+    radius: C,
+    data: m,
+    showColorScale: g = !0,
+    padding: b,
+    backgroundColor: y = !1,
+    tooltip: S,
     onSeriesMouseOver: d,
-    graphID: x,
-    onSeriesMouseClick: N,
-    graphDownload: g = !1,
-    dataDownload: b = !1,
-    colorDomain: D,
-    sortData: G,
-    language: $ = "en",
-    theme: E = "light",
-    width: R,
-    height: k,
-    minHeight: w = 0,
-    relativeHeight: o,
-    ariaLabel: u,
-    resetSelectionOnDoubleClick: H = !0,
-    colorScaleMaxWidth: X,
-    detailsOnClick: Y,
-    styles: S,
-    classNames: O,
-    precision: I = 2
-  } = r, [F, q] = Z(0), L = ue(null), C = ue(null);
-  pe(() => {
-    const p = new ResizeObserver((J) => {
-      q((Math.min(J[0].target.clientWidth || 620, J[0].target.clientHeight || 480, M || 1 / 0) || 420) / 2);
+    graphID: P,
+    onSeriesMouseClick: G,
+    graphDownload: h = !1,
+    dataDownload: D = !1,
+    colorDomain: z,
+    sortData: v,
+    language: X = "en",
+    theme: j = "light",
+    width: M,
+    height: $,
+    minHeight: Y = 0,
+    relativeHeight: B,
+    ariaLabel: q,
+    resetSelectionOnDoubleClick: J = !0,
+    colorScaleMaxWidth: K,
+    detailsOnClick: Q,
+    styles: k,
+    classNames: E,
+    precision: et = 2,
+    animate: F = !1,
+    trackColor: U = R.light.grays["gray-200"]
+  } = s, [I, Z] = tt(0), A = rt(null), V = rt(null);
+  pt(() => {
+    const i = new ResizeObserver((N) => {
+      Z((Math.min(N[0].target.clientWidth || 620, N[0].target.clientHeight || 480, C || 1 / 0) || 420) / 2);
     });
-    return L.current && p.observe(L.current), () => p.disconnect();
-  }, [M]);
-  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
+    return A.current && i.observe(A.current), () => i.disconnect();
+  }, [C]);
+  const w = v ? gt(m, ["size"], [v]) : m;
+  return /* @__PURE__ */ o.jsxs(kt, { className: E?.graphContainer, style: k?.graphContainer, id: P, ref: V, "aria-label": q, backgroundColor: y, theme: j, language: X, minHeight: Y, width: M, height: $, relativeHeight: B, padding: b, children: [
+    n || l || h || D ? /* @__PURE__ */ o.jsx(Ct, { styles: {
+      title: k?.title,
+      description: k?.description
     }, classNames: {
-      title: O?.title,
-      description: O?.description
-    }, 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
+      title: E?.title,
+      description: E?.description
+    }, graphTitle: n, graphDescription: l, width: M, graphDownload: h ? V : void 0, dataDownload: D ? m.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? m.map((i) => i.data).filter((i) => i !== void 0) : m.filter((i) => i !== void 0) : null }) : null,
+    g && m.length > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("div", { className: dt("leading-0 flex mb-0 ml-auto mr-auto justify-center gap-x-3 gap-y-0 flex-wrap", E?.colorLegend), style: {
+        maxWidth: K
+      }, "aria-label": "Color legend", children: w.map((i, N) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center pb-3", children: [
+        /* @__PURE__ */ o.jsx("div", { className: "w-3 h-3 rounded-full", style: {
+          backgroundColor: (z || w.map((O) => O.label)).indexOf(i.label) !== -1 ? (c || R[j].categoricalColors.colors)[(z || w.map((O) => O.label)).indexOf(i.label) % (c || R[j].categoricalColors.colors).length] : R.gray
         } }),
-        /* @__PURE__ */ v.jsxs(ie, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
-          p.label,
+        /* @__PURE__ */ o.jsxs(it, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+          i.label,
           ":",
           " ",
-          /* @__PURE__ */ v.jsx("span", { className: "font-bold", style: {
+          /* @__PURE__ */ o.jsx("span", { className: "font-bold", style: {
             fontSize: "inherit"
-          }, children: me(p.size, "NA", I, f, l) })
+          }, children: ct(i.size, "NA", et, r, a) })
         ] })
-      ] }, J)) }) : 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 })
+      ] }, N)) }),
+      /* @__PURE__ */ o.jsx(ht, { size: "lg" })
+    ] }) : null,
+    /* @__PURE__ */ o.jsxs(At, { ref: A, children: [
+      m.length === 0 && /* @__PURE__ */ o.jsx(Dt, {}),
+      I && m.length > 0 ? /* @__PURE__ */ o.jsx(It, { mainText: t, data: w, colors: c, radius: I, subNote: x, strokeWidth: e, tooltip: S, colorDomain: z || w.map((i) => i.label), onSeriesMouseOver: d, onSeriesMouseClick: G, resetSelectionOnDoubleClick: J, styles: k, detailsOnClick: Q, precision: et, animate: F === !0 ? {
+        duration: 0.5,
+        once: !0,
+        amount: 0.5
+      } : F || {
+        duration: 0,
+        once: !0,
+        amount: 0
+      }, trackColor: U }) : null
     ] }),
-    j || t ? /* @__PURE__ */ v.jsx(De, { styles: {
-      footnote: S?.footnote,
-      source: S?.source
+    p || f ? /* @__PURE__ */ o.jsx(Nt, { styles: {
+      footnote: k?.footnote,
+      source: k?.source
     }, classNames: {
-      footnote: O?.footnote,
-      source: O?.source
-    }, sources: j, footNote: t, width: R }) : null
+      footnote: E?.footnote,
+      source: E?.source
+    }, sources: p, footNote: f, width: M }) : null
   ] });
 }
 export {
-  rn as DonutChart
+  Zt as DonutChart
 };
 //# sourceMappingURL=DonutChart.js.map