@undp/data-viz 2.3.17 → 2.4.0

package/dist/DonutChart.js

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