@undp/data-viz 2.3.17 → 2.4.0

package/dist/TreeMapGraph.js

@@ -1,21 +1,21 @@
-import { c as Xt, j as b, m as Ht } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as Lt, useState as it, useEffect as _t } from "react";
-import { _ as Gt } from "./Typography-DMVW6JnV.js";
-import { T as te } from "./Tooltip-CohiIbLZ.js";
-import { n as ee } from "./numberFormattingFunction-14YCbkN2.js";
+import { c as Xt, j as M, m as Pt } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as Lt, useState as at, useEffect as _t } from "react";
+import { _ as Gt } from "./Typography-BO0gQDIT.js";
+import { T as te } from "./Tooltip-Bj-s__cI.js";
+import { n as ee } from "./numberFormattingFunction-DqMf_v1m.js";
 import { g as $t } from "./getTextColorBasedOnBgColor-CDY808zi.js";
-import { Colors as tt } from "./Colors.js";
-import { D as ne } from "./DetailsModal-C3qlUyFK.js";
-import { m as Dt } from "./proxy--_f6k3NR.js";
-import { u as ie } from "./use-in-view-DqvKAveg.js";
-import { A as oe } from "./index-Co3YGYe1.js";
+import { Colors as J } from "./Colors.js";
+import { D as ne } from "./DetailsModal-B2XBWR7w.js";
+import { m as kt } from "./proxy-BsxtcZKa.js";
+import { u as ie } from "./use-in-view-KOXq5Kmc.js";
+import { A as oe } from "./index-Cv_5q6Rb.js";
 import { c as re } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { GraphFooter as ae } from "./GraphFooter.js";
 import { GraphHeader as le } from "./GraphHeader.js";
 import { ColorLegendWithMouseOver as se } from "./ColorLegendWithMouseOver.js";
-import { E as ce } from "./EmptyState-B3fPoH6L.js";
+import { E as ce } from "./EmptyState-CaxXCkiN.js";
 import { u as Wt } from "./uniqBy-BHy4I8PK.js";
-import { a as ue, G as de } from "./GraphContainer-DwMxWRCi.js";
+import { a as ue, G as de } from "./GraphContainer-B8ZqOzKI.js";
 function fe(e) {
   var t = 0, n = e.children, i = n && n.length;
   if (!i) t = 1;
@@ -109,14 +109,14 @@ function* De() {
 }
 function Yt(e, t) {
   e instanceof Map ? (e = [void 0, e], t === void 0 && (t = Ve)) : t === void 0 && (t = Ie);
-  for (var n = new xt(e), i, r = [n], l, a, d, g; i = r.pop(); )
+  for (var n = new bt(e), i, r = [n], l, a, d, g; i = r.pop(); )
     if ((a = t(i.data)) && (g = (a = Array.from(a)).length))
       for (i.children = a, d = g - 1; d >= 0; --d)
-        r.push(l = a[d] = new xt(a[d])), l.parent = i, l.depth = i.depth + 1;
+        r.push(l = a[d] = new bt(a[d])), l.parent = i, l.depth = i.depth + 1;
   return n.eachBefore(Kt);
 }
 function ke() {
-  return Yt(this).eachBefore(Ne);
+  return Yt(this).eachBefore(Be);
 }
 function Ie(e) {
   return e.children;
@@ -124,7 +124,7 @@ function Ie(e) {
 function Ve(e) {
   return Array.isArray(e) ? e[1] : null;
 }
-function Ne(e) {
+function Be(e) {
   e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
 }
 function Kt(e) {
@@ -133,11 +133,11 @@ function Kt(e) {
     e.height = t;
   while ((e = e.parent) && e.height < ++t);
 }
-function xt(e) {
+function bt(e) {
   this.data = e, this.depth = this.height = 0, this.parent = null;
 }
-xt.prototype = Yt.prototype = {
-  constructor: xt,
+bt.prototype = Yt.prototype = {
+  constructor: bt,
   count: he,
   each: pe,
   eachAfter: me,
@@ -160,15 +160,15 @@ function Ut(e) {
   if (typeof e != "function") throw new Error();
   return e;
 }
-function yt() {
+function wt() {
   return 0;
 }
-function wt(e) {
+function xt(e) {
   return function() {
     return e;
   };
 }
-function Be(e) {
+function Ne(e) {
   e.x0 = Math.round(e.x0), e.y0 = Math.round(e.y0), e.x1 = Math.round(e.x1), e.y1 = Math.round(e.y1);
 }
 function Se(e, t, n, i, r) {
@@ -193,7 +193,7 @@ function Le() {
       a = (O, x) => p[x], d = (O, x) => C[x];
     }
     for (c = 0, g = l.length; c < g; ++c)
-      y = l[c], f = l[c] = new xt(y), (u = a(y, c, r)) != null && (u += "") && (m = f.id = u, h.set(m, h.has(m) ? qt : f)), (u = d(y, c, r)) != null && (u += "") && (f.parent = u);
+      y = l[c], f = l[c] = new bt(y), (u = a(y, c, r)) != null && (u += "") && (m = f.id = u, h.set(m, h.has(m) ? qt : f)), (u = d(y, c, r)) != null && (u += "") && (f.parent = u);
     for (c = 0; c < g; ++c)
       if (f = l[c], u = f.parent) {
         if (o = h.get(u), !o) throw new Error("missing: " + u);
@@ -247,7 +247,7 @@ function ze(e, t, n, i, r) {
     a = l[d], a.x0 = t, a.x1 = i, a.y0 = n, a.y1 = n += a.value * y;
 }
 var Re = (1 + Math.sqrt(5)) / 2;
-function Pe(e, t, n, i, r, l) {
+function He(e, t, n, i, r, l) {
   for (var a = [], d = t.children, g, y, c = 0, v = 0, o = d.length, f, u, m = t.value, h, p, C, k, O, x, j; c < o; ) {
     f = r - n, u = l - i;
     do
@@ -264,18 +264,18 @@ function Pe(e, t, n, i, r, l) {
   }
   return a;
 }
-const He = (function e(t) {
+const Pe = (function e(t) {
   function n(i, r, l, a, d) {
-    Pe(t, i, r, l, a, d);
+    He(t, i, r, l, a, d);
   }
   return n.ratio = function(i) {
     return e((i = +i) > 1 ? i : 1);
   }, n;
 })(Re);
 function Ge() {
-  var e = He, t = !1, n = 1, i = 1, r = [0], l = yt, a = yt, d = yt, g = yt, y = yt;
+  var e = Pe, t = !1, n = 1, i = 1, r = [0], l = wt, a = wt, d = wt, g = wt, y = wt;
   function c(o) {
-    return o.x0 = o.y0 = 0, o.x1 = n, o.y1 = i, o.eachBefore(v), r = [0], t && o.eachBefore(Be), o;
+    return o.x0 = o.y0 = 0, o.x1 = n, o.y1 = i, o.eachBefore(v), r = [0], t && o.eachBefore(Ne), o;
   }
   function v(o) {
     var f = r[o.depth], u = o.x0 + f, m = o.y0 + f, h = o.x1 - f, p = o.y1 - f;
@@ -290,21 +290,21 @@ function Ge() {
   }, c.padding = function(o) {
     return arguments.length ? c.paddingInner(o).paddingOuter(o) : c.paddingInner();
   }, c.paddingInner = function(o) {
-    return arguments.length ? (l = typeof o == "function" ? o : wt(+o), c) : l;
+    return arguments.length ? (l = typeof o == "function" ? o : xt(+o), c) : l;
   }, c.paddingOuter = function(o) {
     return arguments.length ? c.paddingTop(o).paddingRight(o).paddingBottom(o).paddingLeft(o) : c.paddingTop();
   }, c.paddingTop = function(o) {
-    return arguments.length ? (a = typeof o == "function" ? o : wt(+o), c) : a;
+    return arguments.length ? (a = typeof o == "function" ? o : xt(+o), c) : a;
   }, c.paddingRight = function(o) {
-    return arguments.length ? (d = typeof o == "function" ? o : wt(+o), c) : d;
+    return arguments.length ? (d = typeof o == "function" ? o : xt(+o), c) : d;
   }, c.paddingBottom = function(o) {
-    return arguments.length ? (g = typeof o == "function" ? o : wt(+o), c) : g;
+    return arguments.length ? (g = typeof o == "function" ? o : xt(+o), c) : g;
   }, c.paddingLeft = function(o) {
-    return arguments.length ? (y = typeof o == "function" ? o : wt(+o), c) : y;
+    return arguments.length ? (y = typeof o == "function" ? o : xt(+o), c) : y;
   }, c;
 }
 function We(e) {
-  const t = Xt.c(73), {
+  const t = Xt.c(74), {
     data: n,
     colors: i,
     leftMargin: r,
@@ -329,62 +329,63 @@ function We(e) {
     styles: N,
     classNames: I,
     animate: D,
-    dimmedOpacity: U,
-    precision: Z
-  } = e, ot = Lt(null);
-  let et;
-  t[0] !== D.amount || t[1] !== D.once ? (et = {
+    dimmedOpacity: Y,
+    precision: Q,
+    locale: _
+  } = e, yt = Lt(null);
+  let tt;
+  t[0] !== D.amount || t[1] !== D.once ? (tt = {
     once: D.once,
     amount: D.amount
-  }, t[0] = D.amount, t[1] = D.once, t[2] = et) : et = t[2];
-  const J = ie(ot, et), [nt, rt] = it(void 0), [L, at] = it(void 0), [Q, lt] = it(void 0), [_, M] = it(void 0);
-  let w;
-  t[3] !== c || t[4] !== r || t[5] !== g || t[6] !== y ? (w = {
+  }, t[0] = D.amount, t[1] = D.once, t[2] = tt) : tt = t[2];
+  const U = ie(yt, tt), [et, lt] = at(void 0), [E, nt] = at(void 0), [it, ot] = at(void 0), [b, w] = at(void 0);
+  let rt;
+  t[3] !== c || t[4] !== r || t[5] !== g || t[6] !== y ? (rt = {
     top: y,
     bottom: c,
     left: r,
     right: g
-  }, t[3] = c, t[4] = r, t[5] = g, t[6] = y, t[7] = w) : w = t[7];
-  const V = w, st = l - V.left - V.right, ct = a - V.top - V.bottom;
-  let T, z, R, P, H, G, W, q, F;
-  if (t[8] !== D.duration || t[9] !== I?.graphObjectValues || t[10] !== d || t[11] !== i || t[12] !== n || t[13] !== x || t[14] !== U || t[15] !== ct || t[16] !== st || t[17] !== a || t[18] !== C || t[19] !== J || t[20] !== j || t[21] !== V.left || t[22] !== V.top || t[23] !== L || t[24] !== k || t[25] !== f || t[26] !== Z || t[27] !== p || t[28] !== O || t[29] !== u || t[30] !== v || t[31] !== m || t[32] !== N?.graphObjectValues || t[33] !== h || t[34] !== l) {
-    const vt = [{
+  }, t[3] = c, t[4] = r, t[5] = g, t[6] = y, t[7] = rt) : rt = t[7];
+  const V = rt, st = l - V.left - V.right, ct = a - V.top - V.bottom;
+  let L, T, z, R, H, P, G, W, q;
+  if (t[8] !== D.duration || t[9] !== I?.graphObjectValues || t[10] !== d || t[11] !== i || t[12] !== n || t[13] !== x || t[14] !== Y || t[15] !== ct || t[16] !== st || t[17] !== a || t[18] !== C || t[19] !== U || t[20] !== j || t[21] !== _ || t[22] !== V.left || t[23] !== V.top || t[24] !== E || t[25] !== k || t[26] !== f || t[27] !== Q || t[28] !== p || t[29] !== O || t[30] !== u || t[31] !== v || t[32] !== m || t[33] !== N?.graphObjectValues || t[34] !== h || t[35] !== l) {
+    const A = [{
       id: "root",
       parent: void 0,
       value: void 0,
       data: void 0
-    }, ...n.map(Qe)], ut = Le().id(Je).parentId(Ze)(vt);
+    }, ...n.map(Qe)], ut = Le().id(Je).parentId(Ze)(A);
     ut.sum(Ue);
-    const E = Ge().size([st, ct]).padding(2)(ut);
-    z = Dt.svg, H = `${l}px`, G = `${a}px`, W = `0 0 ${l} ${a}`, q = "ltr", F = ot, P = `translate(${V.left},${V.top})`, T = oe, R = E.children?.map((s) => /* @__PURE__ */ b.jsxs(Dt.g, { className: "undp-viz-g-with-hover", variants: {
+    const dt = Ge().size([st, ct]).padding(2)(ut);
+    T = kt.svg, H = `${l}px`, P = `${a}px`, G = `0 0 ${l} ${a}`, W = "ltr", q = yt, R = `translate(${V.left},${V.top})`, L = oe, z = dt.children?.map((s) => /* @__PURE__ */ M.jsxs(kt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: s.x0,
         y: s.y0
       },
       whileInView: {
-        opacity: u ? s.data.data.color && i[d.indexOf(s.data.data.color)] === u ? 1 : U : C.length !== 0 ? C.indexOf(s.data.id) !== -1 ? 0.85 : U : 0.85,
+        opacity: u ? s.data.data.color && i[d.indexOf(s.data.data.color)] === u ? 1 : Y : C ? C.indexOf(s.data.id) !== -1 ? 0.85 : Y : 0.85,
         x: s.x0,
         y: s.y0,
         transition: {
           duration: D.duration
         }
       }
-    }, initial: "initial", animate: J ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: U ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: D.duration
       }
     }, onMouseEnter: (K) => {
-      rt(s.data.data), M(K.clientY), lt(K.clientX), f?.(s.data.data);
+      lt(s.data.data), w(K.clientY), ot(K.clientX), f?.(s.data.data);
     }, onClick: () => {
-      (k || x) && (L === s.data.id && O ? (at(void 0), k?.(void 0)) : (at(s.data.id), k?.(s.data.data)));
+      (k || x) && (E === s.data.id && O ? (nt(void 0), k?.(void 0)) : (nt(s.data.id), k?.(s.data.data)));
     }, onMouseMove: (K) => {
-      rt(s.data.data), M(K.clientY), lt(K.clientX);
+      lt(s.data.data), w(K.clientY), ot(K.clientX);
     }, onMouseLeave: () => {
-      rt(void 0), lt(void 0), M(void 0), f?.(void 0);
+      lt(void 0), ot(void 0), w(void 0), f?.(void 0);
     }, children: [
-      /* @__PURE__ */ b.jsx(Dt.rect, { x: 0, y: 0, exit: {
+      /* @__PURE__ */ M.jsx(kt.rect, { x: 0, y: 0, exit: {
         width: 0,
         height: 0,
         opacity: 0,
@@ -395,18 +396,18 @@ function We(e) {
         initial: {
           width: 0,
           height: 0,
-          fill: n.filter(Ke).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray
+          fill: n.filter(Ke).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : J.gray
         },
         whileInView: {
           width: s.x1 - s.x0,
           height: s.y1 - s.y0,
-          fill: n.filter(Ye).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray,
+          fill: n.filter(Ye).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : J.gray,
           transition: {
             duration: D.duration
           }
         }
-      }, initial: "initial", animate: J ? "whileInView" : "initial" }),
-      s.x1 - s.x0 > 50 && s.y1 - s.y0 > 25 && (v || m) ? /* @__PURE__ */ b.jsx(Dt.g, { variants: {
+      }, initial: "initial", animate: U ? "whileInView" : "initial" }),
+      s.x1 - s.x0 > 50 && s.y1 - s.y0 > 25 && (v || m) ? /* @__PURE__ */ M.jsx(kt.g, { variants: {
         initial: {
           opacity: 0
         },
@@ -416,46 +417,46 @@ function We(e) {
             duration: D.duration
           }
         }
-      }, initial: "initial", animate: J ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: U ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: D.duration
         }
-      }, children: /* @__PURE__ */ b.jsx("foreignObject", { y: 0, x: 0, width: s.x1 - s.x0, height: s.y1 - s.y0, children: /* @__PURE__ */ b.jsxs("div", { className: "flex flex-col gap-0.5 p-2 w-full", style: {
-        color: $t(n.filter(Xe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray)
+      }, children: /* @__PURE__ */ M.jsx("foreignObject", { y: 0, x: 0, width: s.x1 - s.x0, height: s.y1 - s.y0, children: /* @__PURE__ */ M.jsxs("div", { className: "flex flex-col gap-0.5 p-2 w-full", style: {
+        color: $t(n.filter(Xe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : J.gray)
       }, children: [
-        v ? /* @__PURE__ */ b.jsx(Gt, { marginBottom: "none", size: "sm", leading: "none", className: Ht("w-full treemap-label", j === "ar" || j === "he" ? "text-right" : "text-left", I?.graphObjectValues), style: {
+        v ? /* @__PURE__ */ M.jsx(Gt, { marginBottom: "none", size: "sm", leading: "none", className: Pt("w-full treemap-label", j === "ar" || j === "he" ? "text-right" : "text-left", I?.graphObjectValues), style: {
           WebkitLineClamp: s.y1 - s.y0 > 50 ? s.y1 - s.y0 > 100 ? s.y1 - s.y0 > 150 ? void 0 : 3 : 2 : 1,
           display: "-webkit-box",
           WebkitBoxOrient: "vertical",
           overflow: "hidden",
-          color: $t(n.filter(Fe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray),
+          color: $t(n.filter(Fe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : J.gray),
           ...N?.graphObjectValues || {}
         }, children: s.data.id }) : null,
-        m ? /* @__PURE__ */ b.jsx(Gt, { marginBottom: "none", size: "sm", leading: "none", className: Ht("w-full font-bold treemap-value", j === "ar" || j === "he" ? "text-right" : "text-left", I?.graphObjectValues), style: {
-          color: $t(n.filter(qe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray),
+        m ? /* @__PURE__ */ M.jsx(Gt, { marginBottom: "none", size: "sm", leading: "none", className: Pt("w-full font-bold treemap-value", j === "ar" || j === "he" ? "text-right" : "text-left", I?.graphObjectValues), style: {
+          color: $t(n.filter(qe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : J.gray),
           ...N?.graphObjectValues || {}
-        }, children: ee(s.data.value, "NA", Z, p, h) }) : null
+        }, children: ee(s.data.value, void 0, Q, p, h, _) }) : null
       ] }) }) }) : null
-    ] }, s.data.id)), t[8] = D.duration, t[9] = I?.graphObjectValues, t[10] = d, t[11] = i, t[12] = n, t[13] = x, t[14] = U, t[15] = ct, t[16] = st, t[17] = a, t[18] = C, t[19] = J, t[20] = j, t[21] = V.left, t[22] = V.top, t[23] = L, t[24] = k, t[25] = f, t[26] = Z, t[27] = p, t[28] = O, t[29] = u, t[30] = v, t[31] = m, t[32] = N?.graphObjectValues, t[33] = h, t[34] = l, t[35] = T, t[36] = z, t[37] = R, t[38] = P, t[39] = H, t[40] = G, t[41] = W, t[42] = q, t[43] = F;
+    ] }, s.data.id)), t[8] = D.duration, t[9] = I?.graphObjectValues, t[10] = d, t[11] = i, t[12] = n, t[13] = x, t[14] = Y, t[15] = ct, t[16] = st, t[17] = a, t[18] = C, t[19] = U, t[20] = j, t[21] = _, t[22] = V.left, t[23] = V.top, t[24] = E, t[25] = k, t[26] = f, t[27] = Q, t[28] = p, t[29] = O, t[30] = u, t[31] = v, t[32] = m, t[33] = N?.graphObjectValues, t[34] = h, t[35] = l, t[36] = L, t[37] = T, t[38] = z, t[39] = R, t[40] = H, t[41] = P, t[42] = G, t[43] = W, t[44] = q;
   } else
-    T = t[35], z = t[36], R = t[37], P = t[38], H = t[39], G = t[40], W = t[41], q = t[42], F = t[43];
-  let X;
-  t[44] !== T || t[45] !== R ? (X = /* @__PURE__ */ b.jsx(T, { children: R }), t[44] = T, t[45] = R, t[46] = X) : X = t[46];
-  let B;
-  t[47] !== P || t[48] !== X ? (B = /* @__PURE__ */ b.jsx("g", { transform: P, children: X }), t[47] = P, t[48] = X, t[49] = B) : B = t[49];
-  let Y;
-  t[50] !== z || t[51] !== B || t[52] !== H || t[53] !== G || t[54] !== W || t[55] !== q || t[56] !== F ? (Y = /* @__PURE__ */ b.jsx(z, { width: H, height: G, viewBox: W, direction: q, ref: F, children: B }), t[50] = z, t[51] = B, t[52] = H, t[53] = G, t[54] = W, t[55] = q, t[56] = F, t[57] = Y) : Y = t[57];
+    L = t[36], T = t[37], z = t[38], R = t[39], H = t[40], P = t[41], G = t[42], W = t[43], q = t[44];
+  let F;
+  t[45] !== L || t[46] !== z ? (F = /* @__PURE__ */ M.jsx(L, { children: z }), t[45] = L, t[46] = z, t[47] = F) : F = t[47];
   let S;
-  t[58] !== I?.tooltip || t[59] !== Q || t[60] !== _ || t[61] !== nt || t[62] !== N?.tooltip || t[63] !== o ? (S = nt && o && Q && _ ? /* @__PURE__ */ b.jsx(te, { data: nt, body: o, xPos: Q, yPos: _, backgroundStyle: N?.tooltip, className: I?.tooltip }) : null, t[58] = I?.tooltip, t[59] = Q, t[60] = _, t[61] = nt, t[62] = N?.tooltip, t[63] = o, t[64] = S) : S = t[64];
+  t[48] !== R || t[49] !== F ? (S = /* @__PURE__ */ M.jsx("g", { transform: R, children: F }), t[48] = R, t[49] = F, t[50] = S) : S = t[50];
   let $;
-  t[65] !== I?.modal || t[66] !== x || t[67] !== L ? ($ = x && L !== void 0 ? /* @__PURE__ */ b.jsx(ne, { body: x, data: L, setData: at, className: I?.modal }) : null, t[65] = I?.modal, t[66] = x, t[67] = L, t[68] = $) : $ = t[68];
-  let A;
-  return t[69] !== Y || t[70] !== S || t[71] !== $ ? (A = /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-    Y,
-    S,
-    $
-  ] }), t[69] = Y, t[70] = S, t[71] = $, t[72] = A) : A = t[72], A;
+  t[51] !== T || t[52] !== S || t[53] !== H || t[54] !== P || t[55] !== G || t[56] !== W || t[57] !== q ? ($ = /* @__PURE__ */ M.jsx(T, { width: H, height: P, viewBox: G, direction: W, ref: q, children: S }), t[51] = T, t[52] = S, t[53] = H, t[54] = P, t[55] = G, t[56] = W, t[57] = q, t[58] = $) : $ = t[58];
+  let B;
+  t[59] !== I?.tooltip || t[60] !== it || t[61] !== b || t[62] !== et || t[63] !== N?.tooltip || t[64] !== o ? (B = et && o && it && b ? /* @__PURE__ */ M.jsx(te, { data: et, body: o, xPos: it, yPos: b, backgroundStyle: N?.tooltip, className: I?.tooltip }) : null, t[59] = I?.tooltip, t[60] = it, t[61] = b, t[62] = et, t[63] = N?.tooltip, t[64] = o, t[65] = B) : B = t[65];
+  let X;
+  t[66] !== I?.modal || t[67] !== x || t[68] !== E ? (X = x && E !== void 0 ? /* @__PURE__ */ M.jsx(ne, { body: x, data: E, setData: nt, className: I?.modal }) : null, t[66] = I?.modal, t[67] = x, t[68] = E, t[69] = X) : X = t[69];
+  let Z;
+  return t[70] !== $ || t[71] !== B || t[72] !== X ? (Z = /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+    $,
+    B,
+    X
+  ] }), t[70] = $, t[71] = B, t[72] = X, t[73] = Z) : Z = t[73], Z;
 }
 function qe(e) {
   return e.color;
@@ -490,7 +491,7 @@ function Qe(e) {
   };
 }
 function kn(e) {
-  const t = Xt.c(83), {
+  const t = Xt.c(82), {
     data: n,
     graphTitle: i,
     colors: r,
@@ -515,77 +516,75 @@ function kn(e) {
     onSeriesMouseOver: N,
     showColorScale: I,
     showValues: D,
-    graphID: U,
-    highlightedDataPoints: Z,
-    onSeriesMouseClick: ot,
-    graphDownload: et,
-    dataDownload: J,
-    language: nt,
-    showNAColor: rt,
-    minHeight: L,
-    theme: at,
-    ariaLabel: Q,
-    resetSelectionOnDoubleClick: lt,
-    detailsOnClick: _,
-    styles: M,
+    graphID: Y,
+    highlightedDataPoints: Q,
+    onSeriesMouseClick: _,
+    graphDownload: yt,
+    dataDownload: tt,
+    language: U,
+    showNAColor: et,
+    minHeight: lt,
+    theme: E,
+    ariaLabel: nt,
+    resetSelectionOnDoubleClick: it,
+    detailsOnClick: ot,
+    styles: b,
     classNames: w,
-    animate: V,
-    dimmedOpacity: st,
-    precision: ct
-  } = e, T = l === void 0 ? "" : l, z = d === void 0 ? "" : d, R = y === void 0 ? 0 : y, P = c === void 0 ? 0 : c, H = v === void 0 ? 0 : v, G = o === void 0 ? 0 : o, W = k === void 0 ? !1 : k, q = O === void 0 ? !0 : O, F = I === void 0 ? !0 : I, X = D === void 0 ? !0 : D;
-  let B;
-  t[0] !== Z ? (B = Z === void 0 ? [] : Z, t[0] = Z, t[1] = B) : B = t[1];
-  const Y = B, S = et === void 0 ? !1 : et, $ = J === void 0 ? !1 : J, A = nt === void 0 ? "en" : nt, vt = rt === void 0 ? !0 : rt, ut = L === void 0 ? 0 : L, E = at === void 0 ? "light" : at, s = lt === void 0 ? !0 : lt, K = V === void 0 ? !1 : V, kt = st === void 0 ? 0.3 : st, It = ct === void 0 ? 2 : ct, [bt, Zt] = it(0), [Mt, Jt] = it(0), [Vt, Qt] = it(void 0), Nt = Lt(null), zt = Lt(null);
-  let Ot, Ct;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ot = () => {
-    const Rt = new ResizeObserver((Pt) => {
-      Zt(Pt[0].target.clientWidth || 620), Jt(Pt[0].target.clientHeight || 480);
+    animate: rt,
+    dimmedOpacity: V,
+    precision: st,
+    locale: ct
+  } = e, L = l === void 0 ? "" : l, T = d === void 0 ? "" : d, z = y === void 0 ? 0 : y, R = c === void 0 ? 0 : c, H = v === void 0 ? 0 : v, P = o === void 0 ? 0 : o, G = k === void 0 ? !1 : k, W = O === void 0 ? !0 : O, q = I === void 0 ? !0 : I, F = D === void 0 ? !0 : D, S = yt === void 0 ? !1 : yt, $ = tt === void 0 ? !1 : tt, B = U === void 0 ? "en" : U, X = et === void 0 ? !0 : et, Z = lt === void 0 ? 0 : lt, A = E === void 0 ? "light" : E, ut = it === void 0 ? !0 : it, dt = rt === void 0 ? !1 : rt, s = V === void 0 ? 0.3 : V, K = st === void 0 ? 2 : st, It = ct === void 0 ? "en" : ct, [Mt, Zt] = at(0), [Ot, Jt] = at(0), [Vt, Qt] = at(void 0), Bt = Lt(null), zt = Lt(null);
+  let Ct, jt;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ct = () => {
+    const Rt = new ResizeObserver((Ht) => {
+      Zt(Ht[0].target.clientWidth || 620), Jt(Ht[0].target.clientHeight || 480);
     });
-    return Nt.current && Rt.observe(Nt.current), () => Rt.disconnect();
-  }, Ct = [], t[2] = Ot, t[3] = Ct) : (Ot = t[2], Ct = t[3]), _t(Ot, Ct);
-  const Bt = w?.graphContainer, St = M?.graphContainer;
-  let dt;
-  t[4] !== w?.description || t[5] !== w?.title || t[6] !== n || t[7] !== $ || t[8] !== g || t[9] !== S || t[10] !== i || t[11] !== M?.description || t[12] !== M?.title || t[13] !== u ? (dt = i || g || S || $ ? /* @__PURE__ */ b.jsx(le, { styles: {
-    title: M?.title,
-    description: M?.description
+    return Bt.current && Rt.observe(Bt.current), () => Rt.disconnect();
+  }, jt = [], t[0] = Ct, t[1] = jt) : (Ct = t[0], jt = t[1]), _t(Ct, jt);
+  const Nt = w?.graphContainer, St = b?.graphContainer;
+  let ft;
+  t[2] !== w?.description || t[3] !== w?.title || t[4] !== n || t[5] !== $ || t[6] !== g || t[7] !== S || t[8] !== i || t[9] !== b?.description || t[10] !== b?.title || t[11] !== u ? (ft = i || g || S || $ ? /* @__PURE__ */ M.jsx(le, { styles: {
+    title: b?.title,
+    description: b?.description
   }, classNames: {
     title: w?.title,
     description: w?.description
-  }, graphTitle: i, graphDescription: g, width: u, graphDownload: S ? zt : void 0, dataDownload: $ ? n.map(sn).filter(ln).length > 0 ? n.map(an).filter(rn) : n.filter(on) : null }) : null, t[4] = w?.description, t[5] = w?.title, t[6] = n, t[7] = $, t[8] = g, t[9] = S, t[10] = i, t[11] = M?.description, t[12] = M?.title, t[13] = u, t[14] = dt) : dt = t[14];
-  let ft;
-  t[15] !== w?.colorLegend || t[16] !== h || t[17] !== p || t[18] !== r || t[19] !== n || t[20] !== F || t[21] !== vt || t[22] !== E || t[23] !== u ? (ft = F && n.filter(nn).length !== 0 && n.length > 0 ? /* @__PURE__ */ b.jsx(se, { width: u, colorLegendTitle: p, colors: r || tt[E].categoricalColors.colors, colorDomain: h || Wt(n, "color", !0), setSelectedColor: Qt, showNAColor: vt, className: w?.colorLegend }) : null, t[15] = w?.colorLegend, t[16] = h, t[17] = p, t[18] = r, t[19] = n, t[20] = F, t[21] = vt, t[22] = E, t[23] = u, t[24] = ft) : ft = t[24];
+  }, graphTitle: i, graphDescription: g, width: u, graphDownload: S ? zt : void 0, dataDownload: $ ? n.map(sn).filter(ln).length > 0 ? n.map(an).filter(rn) : n.filter(on) : null }) : null, t[2] = w?.description, t[3] = w?.title, t[4] = n, t[5] = $, t[6] = g, t[7] = S, t[8] = i, t[9] = b?.description, t[10] = b?.title, t[11] = u, t[12] = ft) : ft = t[12];
   let ht;
-  t[25] !== n.length ? (ht = n.length === 0 && /* @__PURE__ */ b.jsx(ce, {}), t[25] = n.length, t[26] = ht) : ht = t[26];
+  t[13] !== w?.colorLegend || t[14] !== h || t[15] !== p || t[16] !== r || t[17] !== n || t[18] !== q || t[19] !== X || t[20] !== A || t[21] !== u ? (ht = q && n.filter(nn).length !== 0 && n.length > 0 ? /* @__PURE__ */ M.jsx(se, { width: u, colorLegendTitle: p, colors: r || J[A].categoricalColors.colors, colorDomain: h || Wt(n, "color", !0), setSelectedColor: Qt, showNAColor: X, className: w?.colorLegend }) : null, t[13] = w?.colorLegend, t[14] = h, t[15] = p, t[16] = r, t[17] = n, t[18] = q, t[19] = X, t[20] = A, t[21] = u, t[22] = ht) : ht = t[22];
   let pt;
-  t[27] !== K || t[28] !== G || t[29] !== w || t[30] !== h || t[31] !== r || t[32] !== n || t[33] !== _ || t[34] !== kt || t[35] !== Y || t[36] !== A || t[37] !== R || t[38] !== ot || t[39] !== N || t[40] !== It || t[41] !== z || t[42] !== s || t[43] !== P || t[44] !== Vt || t[45] !== q || t[46] !== X || t[47] !== M || t[48] !== T || t[49] !== Mt || t[50] !== bt || t[51] !== E || t[52] !== j || t[53] !== H ? (pt = bt && Mt && n.length > 0 ? /* @__PURE__ */ b.jsx(We, { data: n.filter(en), colors: n.filter(tn).length === 0 ? r ? [r] : [tt.primaryColors["blue-600"]] : r || tt[E].categoricalColors.colors, colorDomain: n.filter(_e).length === 0 ? [] : h || Wt(n, "color", !0), width: bt, height: Mt, leftMargin: R, rightMargin: P, topMargin: H, bottomMargin: G, showLabels: q, showValues: X, suffix: T, prefix: z, selectedColor: Vt, tooltip: j, onSeriesMouseOver: N, onSeriesMouseClick: ot, highlightedDataPoints: Y, resetSelectionOnDoubleClick: s, detailsOnClick: _, styles: M, classNames: w, language: A, animate: K === !0 ? {
+  t[23] !== n.length ? (pt = n.length === 0 && /* @__PURE__ */ M.jsx(ce, {}), t[23] = n.length, t[24] = pt) : pt = t[24];
+  let gt;
+  t[25] !== dt || t[26] !== P || t[27] !== w || t[28] !== h || t[29] !== r || t[30] !== n || t[31] !== ot || t[32] !== s || t[33] !== Q || t[34] !== B || t[35] !== z || t[36] !== It || t[37] !== _ || t[38] !== N || t[39] !== K || t[40] !== T || t[41] !== ut || t[42] !== R || t[43] !== Vt || t[44] !== W || t[45] !== F || t[46] !== b || t[47] !== L || t[48] !== Ot || t[49] !== Mt || t[50] !== A || t[51] !== j || t[52] !== H ? (gt = Mt && Ot && n.length > 0 ? /* @__PURE__ */ M.jsx(We, { data: n.filter(en), colors: n.filter(tn).length === 0 ? r ? [r] : [J.primaryColors["blue-600"]] : r || J[A].categoricalColors.colors, colorDomain: n.filter(_e).length === 0 ? [] : h || Wt(n, "color", !0), width: Mt, height: Ot, leftMargin: z, rightMargin: R, topMargin: H, bottomMargin: P, showLabels: W, showValues: F, suffix: L, prefix: T, selectedColor: Vt, tooltip: j, onSeriesMouseOver: N, onSeriesMouseClick: _, highlightedDataPoints: Q, resetSelectionOnDoubleClick: ut, detailsOnClick: ot, styles: b, classNames: w, language: B, animate: dt === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : K || {
+  } : dt || {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: kt, precision: It }) : null, t[27] = K, t[28] = G, t[29] = w, t[30] = h, t[31] = r, t[32] = n, t[33] = _, t[34] = kt, t[35] = Y, t[36] = A, t[37] = R, t[38] = ot, t[39] = N, t[40] = It, t[41] = z, t[42] = s, t[43] = P, t[44] = Vt, t[45] = q, t[46] = X, t[47] = M, t[48] = T, t[49] = Mt, t[50] = bt, t[51] = E, t[52] = j, t[53] = H, t[54] = pt) : pt = t[54];
-  let gt;
-  t[55] !== ht || t[56] !== pt ? (gt = /* @__PURE__ */ b.jsxs(ue, { ref: Nt, children: [
-    ht,
-    pt
-  ] }), t[55] = ht, t[56] = pt, t[57] = gt) : gt = t[57];
+  }, dimmedOpacity: s, precision: K, locale: It }) : null, t[25] = dt, t[26] = P, t[27] = w, t[28] = h, t[29] = r, t[30] = n, t[31] = ot, t[32] = s, t[33] = Q, t[34] = B, t[35] = z, t[36] = It, t[37] = _, t[38] = N, t[39] = K, t[40] = T, t[41] = ut, t[42] = R, t[43] = Vt, t[44] = W, t[45] = F, t[46] = b, t[47] = L, t[48] = Ot, t[49] = Mt, t[50] = A, t[51] = j, t[52] = H, t[53] = gt) : gt = t[53];
   let mt;
-  t[58] !== w?.footnote || t[59] !== w?.source || t[60] !== m || t[61] !== a || t[62] !== M?.footnote || t[63] !== M?.source || t[64] !== u ? (mt = a || m ? /* @__PURE__ */ b.jsx(ae, { styles: {
-    footnote: M?.footnote,
-    source: M?.source
+  t[54] !== pt || t[55] !== gt ? (mt = /* @__PURE__ */ M.jsxs(ue, { ref: Bt, children: [
+    pt,
+    gt
+  ] }), t[54] = pt, t[55] = gt, t[56] = mt) : mt = t[56];
+  let vt;
+  t[57] !== w?.footnote || t[58] !== w?.source || t[59] !== m || t[60] !== a || t[61] !== b?.footnote || t[62] !== b?.source || t[63] !== u ? (vt = a || m ? /* @__PURE__ */ M.jsx(ae, { styles: {
+    footnote: b?.footnote,
+    source: b?.source
   }, classNames: {
     footnote: w?.footnote,
     source: w?.source
-  }, sources: a, footNote: m, width: u }) : null, t[58] = w?.footnote, t[59] = w?.source, t[60] = m, t[61] = a, t[62] = M?.footnote, t[63] = M?.source, t[64] = u, t[65] = mt) : mt = t[65];
-  let jt;
-  return t[66] !== Q || t[67] !== W || t[68] !== U || t[69] !== f || t[70] !== A || t[71] !== ut || t[72] !== C || t[73] !== x || t[74] !== Bt || t[75] !== St || t[76] !== dt || t[77] !== ft || t[78] !== gt || t[79] !== mt || t[80] !== E || t[81] !== u ? (jt = /* @__PURE__ */ b.jsxs(de, { className: Bt, style: St, id: U, ref: zt, "aria-label": Q, backgroundColor: W, theme: E, language: A, minHeight: ut, width: u, height: f, relativeHeight: x, padding: C, children: [
-    dt,
+  }, sources: a, footNote: m, width: u }) : null, t[57] = w?.footnote, t[58] = w?.source, t[59] = m, t[60] = a, t[61] = b?.footnote, t[62] = b?.source, t[63] = u, t[64] = vt) : vt = t[64];
+  let Dt;
+  return t[65] !== nt || t[66] !== G || t[67] !== Y || t[68] !== f || t[69] !== B || t[70] !== Z || t[71] !== C || t[72] !== x || t[73] !== Nt || t[74] !== St || t[75] !== ft || t[76] !== ht || t[77] !== mt || t[78] !== vt || t[79] !== A || t[80] !== u ? (Dt = /* @__PURE__ */ M.jsxs(de, { className: Nt, style: St, id: Y, ref: zt, "aria-label": nt, backgroundColor: G, theme: A, language: B, minHeight: Z, width: u, height: f, relativeHeight: x, padding: C, children: [
     ft,
-    gt,
-    mt
-  ] }), t[66] = Q, t[67] = W, t[68] = U, t[69] = f, t[70] = A, t[71] = ut, t[72] = C, t[73] = x, t[74] = Bt, t[75] = St, t[76] = dt, t[77] = ft, t[78] = gt, t[79] = mt, t[80] = E, t[81] = u, t[82] = jt) : jt = t[82], jt;
+    ht,
+    mt,
+    vt
+  ] }), t[65] = nt, t[66] = G, t[67] = Y, t[68] = f, t[69] = B, t[70] = Z, t[71] = C, t[72] = x, t[73] = Nt, t[74] = St, t[75] = ft, t[76] = ht, t[77] = mt, t[78] = vt, t[79] = A, t[80] = u, t[81] = Dt) : Dt = t[81], Dt;
 }
 function _e(e) {
   return e.color;