@undp/data-viz 2.4.1 → 2.5.0

package/dist/DonutChart.js

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