@undp/data-viz 1.5.8 → 2.0.0

package/dist/TreeMapGraph.js

@@ -1,240 +1,241 @@
-import { j as m, m as ie } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useRef as re, useState as A, useEffect as ye } from "react";
-import { u as ue } from "./Typography-Ctgfl1J5.js";
-import { X as we } from "./Modal-DVVwpKhP.js";
-import { T as xe } from "./Tooltip-CVCGWyzw.js";
-import { n as be } from "./numberFormattingFunction-14YCbkN2.js";
-import { g as ee } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
-import { Colors as V } from "./Colors.js";
-import { s as je } from "./string2HTML-oFCROsus.js";
-import { u as Me } from "./use-in-view-yS6jzJAp.js";
-import { m as Z } from "./proxy-CkpFesk1.js";
-import { A as Oe } from "./index-CNvov0eg.js";
-import { c as Ce } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { GraphFooter as ke } from "./GraphFooter.js";
-import { GraphHeader as De } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as Ie } from "./ColorLegendWithMouseOver.js";
-import { E as Ne } from "./EmptyState-DdTp-Mdn.js";
-import { u as ce } from "./uniqBy-BHy4I8PK.js";
-function Be(e) {
-  var t = 0, n = e.children, r = n && n.length;
-  if (!r) t = 1;
-  else for (; --r >= 0; ) t += n[r].value;
+import { c as Wt, j as x, m as zt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as $t, useState as it, useEffect as Zt } from "react";
+import { j as Ht } from "./Typography-PxtFcnJb.js";
+import { l as Jt } from "./Modal-DGcuAHyK.js";
+import { T as Qt } from "./Tooltip-CwWUegPB.js";
+import { n as _t } from "./numberFormattingFunction-14YCbkN2.js";
+import { g as Nt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
+import { Colors as tt } from "./Colors.js";
+import { s as te } from "./string2HTML-DhG75NqA.js";
+import { u as ee } from "./use-in-view-Cxa7y1TH.js";
+import { m as Ot } from "./proxy-BxkFHwUw.js";
+import { A as ne } from "./index-BqfRwk1n.js";
+import { c as ie } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { GraphFooter as oe } from "./GraphFooter.js";
+import { GraphHeader as re } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as ae } from "./ColorLegendWithMouseOver.js";
+import { E as le } from "./EmptyState-BZo1BbAn.js";
+import { u as Rt } from "./uniqBy-BHy4I8PK.js";
+import { a as se, G as ce } from "./GraphContainer-CRqzdKu2.js";
+function ue(e) {
+  var t = 0, n = e.children, i = n && n.length;
+  if (!i) t = 1;
+  else for (; --i >= 0; ) t += n[i].value;
   e.value = t;
 }
-function Se() {
-  return this.eachAfter(Be);
+function de() {
+  return this.eachAfter(ue);
 }
-function Ve(e, t) {
+function fe(e, t) {
   let n = -1;
-  for (const r of this)
-    e.call(t, r, ++n, this);
+  for (const i of this)
+    e.call(t, i, ++n, this);
   return this;
 }
-function _e(e, t) {
-  for (var n = this, r = [n], a, s, l = -1; n = r.pop(); )
-    if (e.call(t, n, ++l, this), a = n.children)
-      for (s = a.length - 1; s >= 0; --s)
-        r.push(a[s]);
+function he(e, t) {
+  for (var n = this, i = [n], r, l, a = -1; n = i.pop(); )
+    if (e.call(t, n, ++a, this), r = n.children)
+      for (l = r.length - 1; l >= 0; --l)
+        i.push(r[l]);
   return this;
 }
-function $e(e, t) {
-  for (var n = this, r = [n], a = [], s, l, h, g = -1; n = r.pop(); )
-    if (a.push(n), s = n.children)
-      for (l = 0, h = s.length; l < h; ++l)
-        r.push(s[l]);
-  for (; n = a.pop(); )
+function pe(e, t) {
+  for (var n = this, i = [n], r = [], l, a, d, g = -1; n = i.pop(); )
+    if (r.push(n), l = n.children)
+      for (a = 0, d = l.length; a < d; ++a)
+        i.push(l[a]);
+  for (; n = r.pop(); )
     e.call(t, n, ++g, this);
   return this;
 }
-function Ae(e, t) {
+function ge(e, t) {
   let n = -1;
-  for (const r of this)
-    if (e.call(t, r, ++n, this))
-      return r;
+  for (const i of this)
+    if (e.call(t, i, ++n, this))
+      return i;
 }
-function Te(e) {
+function me(e) {
   return this.eachAfter(function(t) {
-    for (var n = +e(t.data) || 0, r = t.children, a = r && r.length; --a >= 0; ) n += r[a].value;
+    for (var n = +e(t.data) || 0, i = t.children, r = i && i.length; --r >= 0; ) n += i[r].value;
     t.value = n;
   });
 }
-function Ee(e) {
+function ve(e) {
   return this.eachBefore(function(t) {
     t.children && t.children.sort(e);
   });
 }
-function ze(e) {
-  for (var t = this, n = Le(t, e), r = [t]; t !== n; )
-    t = t.parent, r.push(t);
-  for (var a = r.length; e !== n; )
-    r.splice(a, 0, e), e = e.parent;
-  return r;
+function ye(e) {
+  for (var t = this, n = we(t, e), i = [t]; t !== n; )
+    t = t.parent, i.push(t);
+  for (var r = i.length; e !== n; )
+    i.splice(r, 0, e), e = e.parent;
+  return i;
 }
-function Le(e, t) {
+function we(e, t) {
   if (e === t) return e;
-  var n = e.ancestors(), r = t.ancestors(), a = null;
-  for (e = n.pop(), t = r.pop(); e === t; )
-    a = e, e = n.pop(), t = r.pop();
-  return a;
+  var n = e.ancestors(), i = t.ancestors(), r = null;
+  for (e = n.pop(), t = i.pop(); e === t; )
+    r = e, e = n.pop(), t = i.pop();
+  return r;
 }
-function He() {
+function xe() {
   for (var e = this, t = [e]; e = e.parent; )
     t.push(e);
   return t;
 }
-function Re() {
+function be() {
   return Array.from(this);
 }
-function Pe() {
+function Me() {
   var e = [];
   return this.eachBefore(function(t) {
     t.children || e.push(t);
   }), e;
 }
-function We() {
+function Oe() {
   var e = this, t = [];
   return e.each(function(n) {
     n !== e && t.push({ source: n.parent, target: n });
   }), t;
 }
-function* qe() {
-  var e = this, t, n = [e], r, a, s;
+function* je() {
+  var e = this, t, n = [e], i, r, l;
   do
     for (t = n.reverse(), n = []; e = t.pop(); )
-      if (yield e, r = e.children)
-        for (a = 0, s = r.length; a < s; ++a)
-          n.push(r[a]);
+      if (yield e, i = e.children)
+        for (r = 0, l = i.length; r < l; ++r)
+          n.push(i[r]);
   while (n.length);
 }
-function fe(e, t) {
-  e instanceof Map ? (e = [void 0, e], t === void 0 && (t = Xe)) : t === void 0 && (t = Ge);
-  for (var n = new G(e), r, a = [n], s, l, h, g; r = a.pop(); )
-    if ((l = t(r.data)) && (g = (l = Array.from(l)).length))
-      for (r.children = l, h = g - 1; h >= 0; --h)
-        a.push(s = l[h] = new G(l[h])), s.parent = r, s.depth = r.depth + 1;
-  return n.eachBefore(pe);
+function qt(e, t) {
+  e instanceof Map ? (e = [void 0, e], t === void 0 && (t = ke)) : t === void 0 && (t = De);
+  for (var n = new vt(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 vt(a[d])), l.parent = i, l.depth = i.depth + 1;
+  return n.eachBefore(Ft);
 }
-function Fe() {
-  return fe(this).eachBefore(Ye);
+function Ce() {
+  return qt(this).eachBefore(Ie);
 }
-function Ge(e) {
+function De(e) {
   return e.children;
 }
-function Xe(e) {
+function ke(e) {
   return Array.isArray(e) ? e[1] : null;
 }
-function Ye(e) {
+function Ie(e) {
   e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
 }
-function pe(e) {
+function Ft(e) {
   var t = 0;
   do
     e.height = t;
   while ((e = e.parent) && e.height < ++t);
 }
-function G(e) {
+function vt(e) {
   this.data = e, this.depth = this.height = 0, this.parent = null;
 }
-G.prototype = fe.prototype = {
-  constructor: G,
-  count: Se,
-  each: Ve,
-  eachAfter: $e,
-  eachBefore: _e,
-  find: Ae,
-  sum: Te,
-  sort: Ee,
-  path: ze,
-  ancestors: He,
-  descendants: Re,
-  leaves: Pe,
-  links: We,
-  copy: Fe,
-  [Symbol.iterator]: qe
+vt.prototype = qt.prototype = {
+  constructor: vt,
+  count: de,
+  each: fe,
+  eachAfter: pe,
+  eachBefore: he,
+  find: ge,
+  sum: me,
+  sort: ve,
+  path: ye,
+  ancestors: xe,
+  descendants: be,
+  leaves: Me,
+  links: Oe,
+  copy: Ce,
+  [Symbol.iterator]: je
 };
-function te(e) {
-  return e == null ? null : ge(e);
+function St(e) {
+  return e == null ? null : Xt(e);
 }
-function ge(e) {
+function Xt(e) {
   if (typeof e != "function") throw new Error();
   return e;
 }
-function q() {
+function gt() {
   return 0;
 }
-function F(e) {
+function mt(e) {
   return function() {
     return e;
   };
 }
-function Ke(e) {
+function Ve(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 Ue(e, t, n, r, a) {
-  for (var s = e.children, l, h = -1, g = s.length, x = e.value && (r - t) / e.value; ++h < g; )
-    l = s[h], l.y0 = n, l.y1 = a, l.x0 = t, l.x1 = t += l.value * x;
+function Ne(e, t, n, i, r) {
+  for (var l = e.children, a, d = -1, g = l.length, y = e.value && (i - t) / e.value; ++d < g; )
+    a = l[d], a.y0 = n, a.y1 = r, a.x0 = t, a.x1 = t += a.value * y;
 }
-var Ze = { depth: -1 }, he = {}, ne = {};
-function Je(e) {
+var Se = { depth: -1 }, Pt = {}, Bt = {};
+function Be(e) {
   return e.id;
 }
-function Qe(e) {
+function $e(e) {
   return e.parentId;
 }
-function et() {
-  var e = Je, t = Qe, n;
-  function r(a) {
-    var s = Array.from(a), l = e, h = t, g, x, c, v, i, u, f, y, p = /* @__PURE__ */ new Map();
+function Ae() {
+  var e = Be, t = $e, n;
+  function i(r) {
+    var l = Array.from(r), a = e, d = t, g, y, c, v, o, f, u, m, h = /* @__PURE__ */ new Map();
     if (n != null) {
-      const d = s.map((w, O) => tt(n(w, O, a))), b = d.map(de), D = new Set(d).add("");
-      for (const w of b)
-        D.has(w) || (D.add(w), d.push(w), b.push(de(w)), s.push(ne));
-      l = (w, O) => d[O], h = (w, O) => b[O];
+      const p = l.map((O, w) => Ee(n(O, w, r))), j = p.map(Gt), k = new Set(p).add("");
+      for (const O of j)
+        k.has(O) || (k.add(O), p.push(O), j.push(Gt(O)), l.push(Bt));
+      a = (O, w) => p[w], d = (O, w) => j[w];
     }
-    for (c = 0, g = s.length; c < g; ++c)
-      x = s[c], u = s[c] = new G(x), (f = l(x, c, a)) != null && (f += "") && (y = u.id = f, p.set(y, p.has(y) ? he : u)), (f = h(x, c, a)) != null && (f += "") && (u.parent = f);
+    for (c = 0, g = l.length; c < g; ++c)
+      y = l[c], f = l[c] = new vt(y), (u = a(y, c, r)) != null && (u += "") && (m = f.id = u, h.set(m, h.has(m) ? Pt : f)), (u = d(y, c, r)) != null && (u += "") && (f.parent = u);
     for (c = 0; c < g; ++c)
-      if (u = s[c], f = u.parent) {
-        if (i = p.get(f), !i) throw new Error("missing: " + f);
-        if (i === he) throw new Error("ambiguous: " + f);
-        i.children ? i.children.push(u) : i.children = [u], u.parent = i;
+      if (f = l[c], u = f.parent) {
+        if (o = h.get(u), !o) throw new Error("missing: " + u);
+        if (o === Pt) throw new Error("ambiguous: " + u);
+        o.children ? o.children.push(f) : o.children = [f], f.parent = o;
       } else {
         if (v) throw new Error("multiple roots");
-        v = u;
+        v = f;
       }
     if (!v) throw new Error("no root");
     if (n != null) {
-      for (; v.data === ne && v.children.length === 1; )
+      for (; v.data === Bt && v.children.length === 1; )
         v = v.children[0], --g;
-      for (let d = s.length - 1; d >= 0 && (u = s[d], u.data === ne); --d)
-        u.data = null;
+      for (let p = l.length - 1; p >= 0 && (f = l[p], f.data === Bt); --p)
+        f.data = null;
     }
-    if (v.parent = Ze, v.eachBefore(function(d) {
-      d.depth = d.parent.depth + 1, --g;
-    }).eachBefore(pe), v.parent = null, g > 0) throw new Error("cycle");
+    if (v.parent = Se, v.eachBefore(function(p) {
+      p.depth = p.parent.depth + 1, --g;
+    }).eachBefore(Ft), v.parent = null, g > 0) throw new Error("cycle");
     return v;
   }
-  return r.id = function(a) {
-    return arguments.length ? (e = te(a), r) : e;
-  }, r.parentId = function(a) {
-    return arguments.length ? (t = te(a), r) : t;
-  }, r.path = function(a) {
-    return arguments.length ? (n = te(a), r) : n;
-  }, r;
-}
-function tt(e) {
+  return i.id = function(r) {
+    return arguments.length ? (e = St(r), i) : e;
+  }, i.parentId = function(r) {
+    return arguments.length ? (t = St(r), i) : t;
+  }, i.path = function(r) {
+    return arguments.length ? (n = St(r), i) : n;
+  }, i;
+}
+function Ee(e) {
   e = `${e}`;
   let t = e.length;
-  return oe(e, t - 1) && !oe(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
+  return At(e, t - 1) && !At(e, t - 2) && (e = e.slice(0, -1)), e[0] === "/" ? e : `/${e}`;
 }
-function de(e) {
+function Gt(e) {
   let t = e.length;
   if (t < 2) return "";
-  for (; --t > 1 && !oe(e, t); ) ;
+  for (; --t > 1 && !At(e, t); ) ;
   return e.slice(0, t);
 }
-function oe(e, t) {
+function At(e, t) {
   if (e[t] === "/") {
     let n = 0;
     for (; t > 0 && e[--t] === "\\"; ) ++n;
@@ -242,515 +243,376 @@ function oe(e, t) {
   }
   return !1;
 }
-function nt(e, t, n, r, a) {
-  for (var s = e.children, l, h = -1, g = s.length, x = e.value && (a - n) / e.value; ++h < g; )
-    l = s[h], l.x0 = t, l.x1 = r, l.y0 = n, l.y1 = n += l.value * x;
+function Le(e, t, n, i, r) {
+  for (var l = e.children, a, d = -1, g = l.length, y = e.value && (r - n) / e.value; ++d < g; )
+    a = l[d], a.x0 = t, a.x1 = i, a.y0 = n, a.y1 = n += a.value * y;
 }
-var it = (1 + Math.sqrt(5)) / 2;
-function rt(e, t, n, r, a, s) {
-  for (var l = [], h = t.children, g, x, c = 0, v = 0, i = h.length, u, f, y = t.value, p, d, b, D, w, O, k; c < i; ) {
-    u = a - n, f = s - r;
+var Te = (1 + Math.sqrt(5)) / 2;
+function ze(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, j, k, O, w, C; c < o; ) {
+    f = r - n, u = l - i;
     do
-      p = h[v++].value;
-    while (!p && v < i);
-    for (d = b = p, O = Math.max(f / u, u / f) / (y * e), k = p * p * O, w = Math.max(b / k, k / d); v < i; ++v) {
-      if (p += x = h[v].value, x < d && (d = x), x > b && (b = x), k = p * p * O, D = Math.max(b / k, k / d), D > w) {
-        p -= x;
+      h = d[v++].value;
+    while (!h && v < o);
+    for (p = j = h, w = Math.max(u / f, f / u) / (m * e), C = h * h * w, O = Math.max(j / C, C / p); v < o; ++v) {
+      if (h += y = d[v].value, y < p && (p = y), y > j && (j = y), C = h * h * w, k = Math.max(j / C, C / p), k > O) {
+        h -= y;
         break;
       }
-      w = D;
+      O = k;
     }
-    l.push(g = { value: p, dice: u < f, children: h.slice(c, v) }), g.dice ? Ue(g, n, r, a, y ? r += f * p / y : s) : nt(g, n, r, y ? n += u * p / y : a, s), y -= p, c = v;
+    a.push(g = { value: h, dice: f < u, children: d.slice(c, v) }), g.dice ? Ne(g, n, i, r, m ? i += u * h / m : l) : Le(g, n, i, m ? n += f * h / m : r, l), m -= h, c = v;
   }
-  return l;
+  return a;
 }
-const ot = function e(t) {
-  function n(r, a, s, l, h) {
-    rt(t, r, a, s, l, h);
+const He = (function e(t) {
+  function n(i, r, l, a, d) {
+    ze(t, i, r, l, a, d);
   }
-  return n.ratio = function(r) {
-    return e((r = +r) > 1 ? r : 1);
+  return n.ratio = function(i) {
+    return e((i = +i) > 1 ? i : 1);
   }, n;
-}(it);
-function at() {
-  var e = ot, t = !1, n = 1, r = 1, a = [0], s = q, l = q, h = q, g = q, x = q;
-  function c(i) {
-    return i.x0 = i.y0 = 0, i.x1 = n, i.y1 = r, i.eachBefore(v), a = [0], t && i.eachBefore(Ke), i;
+})(Te);
+function Re() {
+  var e = He, t = !1, n = 1, i = 1, r = [0], l = gt, a = gt, d = gt, g = gt, y = gt;
+  function c(o) {
+    return o.x0 = o.y0 = 0, o.x1 = n, o.y1 = i, o.eachBefore(v), r = [0], t && o.eachBefore(Ve), o;
   }
-  function v(i) {
-    var u = a[i.depth], f = i.x0 + u, y = i.y0 + u, p = i.x1 - u, d = i.y1 - u;
-    p < f && (f = p = (f + p) / 2), d < y && (y = d = (y + d) / 2), i.x0 = f, i.y0 = y, i.x1 = p, i.y1 = d, i.children && (u = a[i.depth + 1] = s(i) / 2, f += x(i) - u, y += l(i) - u, p -= h(i) - u, d -= g(i) - u, p < f && (f = p = (f + p) / 2), d < y && (y = d = (y + d) / 2), e(i, f, y, p, d));
+  function v(o) {
+    var f = r[o.depth], u = o.x0 + f, m = o.y0 + f, h = o.x1 - f, p = o.y1 - f;
+    h < u && (u = h = (u + h) / 2), p < m && (m = p = (m + p) / 2), o.x0 = u, o.y0 = m, o.x1 = h, o.y1 = p, o.children && (f = r[o.depth + 1] = l(o) / 2, u += y(o) - f, m += a(o) - f, h -= d(o) - f, p -= g(o) - f, h < u && (u = h = (u + h) / 2), p < m && (m = p = (m + p) / 2), e(o, u, m, h, p));
   }
-  return c.round = function(i) {
-    return arguments.length ? (t = !!i, c) : t;
-  }, c.size = function(i) {
-    return arguments.length ? (n = +i[0], r = +i[1], c) : [n, r];
-  }, c.tile = function(i) {
-    return arguments.length ? (e = ge(i), c) : e;
-  }, c.padding = function(i) {
-    return arguments.length ? c.paddingInner(i).paddingOuter(i) : c.paddingInner();
-  }, c.paddingInner = function(i) {
-    return arguments.length ? (s = typeof i == "function" ? i : F(+i), c) : s;
-  }, c.paddingOuter = function(i) {
-    return arguments.length ? c.paddingTop(i).paddingRight(i).paddingBottom(i).paddingLeft(i) : c.paddingTop();
-  }, c.paddingTop = function(i) {
-    return arguments.length ? (l = typeof i == "function" ? i : F(+i), c) : l;
-  }, c.paddingRight = function(i) {
-    return arguments.length ? (h = typeof i == "function" ? i : F(+i), c) : h;
-  }, c.paddingBottom = function(i) {
-    return arguments.length ? (g = typeof i == "function" ? i : F(+i), c) : g;
-  }, c.paddingLeft = function(i) {
-    return arguments.length ? (x = typeof i == "function" ? i : F(+i), c) : x;
+  return c.round = function(o) {
+    return arguments.length ? (t = !!o, c) : t;
+  }, c.size = function(o) {
+    return arguments.length ? (n = +o[0], i = +o[1], c) : [n, i];
+  }, c.tile = function(o) {
+    return arguments.length ? (e = Xt(o), c) : e;
+  }, 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 : mt(+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 : mt(+o), c) : a;
+  }, c.paddingRight = function(o) {
+    return arguments.length ? (d = typeof o == "function" ? o : mt(+o), c) : d;
+  }, c.paddingBottom = function(o) {
+    return arguments.length ? (g = typeof o == "function" ? o : mt(+o), c) : g;
+  }, c.paddingLeft = function(o) {
+    return arguments.length ? (y = typeof o == "function" ? o : mt(+o), c) : y;
   }, c;
 }
-function lt(e) {
-  const {
-    data: t,
-    colors: n,
+function Pe(e) {
+  const t = Wt.c(72), {
+    data: n,
+    colors: i,
     leftMargin: r,
-    width: a,
-    height: s,
-    colorDomain: l,
-    rightMargin: h,
-    topMargin: g,
-    bottomMargin: x,
-    showLabels: c,
-    tooltip: v,
-    onSeriesMouseOver: i,
+    width: l,
+    height: a,
+    colorDomain: d,
+    rightMargin: g,
+    topMargin: y,
+    bottomMargin: c,
+    showLabels: v,
+    tooltip: o,
+    onSeriesMouseOver: f,
     selectedColor: u,
-    showValues: f,
-    suffix: y,
+    showValues: m,
+    suffix: h,
     prefix: p,
-    highlightedDataPoints: d,
-    onSeriesMouseClick: b,
-    resetSelectionOnDoubleClick: D,
+    highlightedDataPoints: j,
+    onSeriesMouseClick: k,
+    resetSelectionOnDoubleClick: O,
     detailsOnClick: w,
-    language: O,
-    styles: k,
-    classNames: z,
-    animate: I,
-    dimmedOpacity: L,
-    precision: J
-  } = e, X = re(null), T = Me(X, {
-    once: I.once,
-    amount: I.amount
-  }), [H, N] = A(void 0), [_, B] = A(void 0), [E, R] = A(void 0), [Y, P] = A(void 0), C = {
-    top: g,
-    bottom: x,
+    language: C,
+    styles: N,
+    classNames: E,
+    animate: D,
+    dimmedOpacity: K,
+    precision: Z
+  } = e, ot = $t(null);
+  let et;
+  t[0] !== D.amount || t[1] !== D.once ? (et = {
+    once: D.once,
+    amount: D.amount
+  }, t[0] = D.amount, t[1] = D.once, t[2] = et) : et = t[2];
+  const J = ee(ot, et), [nt, rt] = it(void 0), [V, at] = it(void 0), [Q, lt] = it(void 0), [_, M] = it(void 0);
+  let b;
+  t[3] !== c || t[4] !== r || t[5] !== g || t[6] !== y ? (b = {
+    top: y,
+    bottom: c,
     left: r,
-    right: h
-  }, S = a - C.left - C.right, K = s - C.top - C.bottom, Q = [
-    {
+    right: g
+  }, t[3] = c, t[4] = r, t[5] = g, t[6] = y, t[7] = b) : b = t[7];
+  const I = b, st = l - I.left - I.right, ct = a - I.top - I.bottom;
+  let L, T, z, H, R, P, G, W, q;
+  if (t[8] !== D.duration || t[9] !== E?.graphObjectValues || t[10] !== d || t[11] !== i || t[12] !== n || t[13] !== w || t[14] !== K || t[15] !== ct || t[16] !== st || t[17] !== a || t[18] !== j || t[19] !== J || t[20] !== C || t[21] !== I.left || t[22] !== I.top || t[23] !== V || 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 pt = [{
       id: "root",
       parent: void 0,
       value: void 0,
       data: void 0
-    },
-    ...t.map((o) => ({
-      id: o.label,
-      value: o.size,
-      parent: "root",
-      data: o
-    }))
-  ], U = et().id((o) => o.id).parentId((o) => o.parent)(Q);
-  U.sum((o) => o.value);
-  const $ = at().size([S, K]).padding(2)(U);
-  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx(
-      Z.svg,
-      {
-        width: `${a}px`,
-        height: `${s}px`,
-        viewBox: `0 0 ${a} ${s}`,
-        direction: "ltr",
-        ref: X,
-        children: /* @__PURE__ */ m.jsx("g", { transform: `translate(${C.left},${C.top})`, children: /* @__PURE__ */ m.jsx(Oe, { children: $.children?.map((o) => /* @__PURE__ */ m.jsxs(
-          Z.g,
-          {
-            className: "undp-viz-g-with-hover",
-            variants: {
-              initial: {
-                opacity: 0,
-                x: o.x0,
-                y: o.y0
-              },
-              whileInView: {
-                opacity: u ? (
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  o.data.data.color && n[
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    l.indexOf(o.data.data.color)
-                  ] === u ? 1 : L
-                ) : d.length !== 0 ? (
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  d.indexOf(o.data.id) !== -1 ? 0.85 : L
-                ) : 0.85,
-                x: o.x0,
-                y: o.y0,
-                transition: { duration: I.duration }
-              }
-            },
-            initial: "initial",
-            animate: T ? "whileInView" : "initial",
-            exit: { opacity: 0, transition: { duration: I.duration } },
-            onMouseEnter: (M) => {
-              N(o.data.data), P(M.clientY), R(M.clientX), i?.(o.data.data);
-            },
-            onClick: () => {
-              (b || w) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
-              _ === o.data.id && D ? (B(void 0), b?.(void 0)) : (B(o.data.id), b?.(o.data.data)));
-            },
-            onMouseMove: (M) => {
-              N(o.data.data), P(M.clientY), R(M.clientX);
-            },
-            onMouseLeave: () => {
-              N(void 0), R(void 0), P(void 0), i?.(void 0);
-            },
-            children: [
-              /* @__PURE__ */ m.jsx(
-                Z.rect,
-                {
-                  x: 0,
-                  y: 0,
-                  exit: {
-                    width: 0,
-                    height: 0,
-                    opacity: 0,
-                    transition: { duration: I.duration }
-                  },
-                  variants: {
-                    initial: {
-                      width: 0,
-                      height: 0,
-                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        o.data.data.color ? n[
-                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                          l.indexOf(o.data.data.color)
-                        ] : V.gray
-                      )
-                    },
-                    whileInView: {
-                      width: o.x1 - o.x0,
-                      height: o.y1 - o.y0,
-                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        o.data.data.color ? n[
-                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                          l.indexOf(o.data.data.color)
-                        ] : V.gray
-                      ),
-                      transition: { duration: I.duration }
-                    }
-                  },
-                  initial: "initial",
-                  animate: T ? "whileInView" : "initial"
-                }
-              ),
-              o.x1 - o.x0 > 50 && o.y1 - o.y0 > 25 && (c || f) ? /* @__PURE__ */ m.jsx(
-                Z.g,
-                {
-                  variants: {
-                    initial: { opacity: 0 },
-                    whileInView: {
-                      opacity: 1,
-                      transition: { duration: I.duration }
-                    }
-                  },
-                  initial: "initial",
-                  animate: T ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: I.duration } },
-                  children: /* @__PURE__ */ m.jsx("foreignObject", { y: 0, x: 0, width: o.x1 - o.x0, height: o.y1 - o.y0, children: /* @__PURE__ */ m.jsxs(
-                    "div",
-                    {
-                      className: "flex flex-col gap-0.5 p-2 w-full",
-                      style: {
-                        color: ee(
-                          t.filter((M) => M.color).length === 0 ? n[0] : (
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            o.data.data.color ? n[
-                              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                              l.indexOf(o.data.data.color)
-                            ] : V.gray
-                          )
-                        )
-                      },
-                      children: [
-                        c ? /* @__PURE__ */ m.jsx(
-                          ue,
-                          {
-                            marginBottom: "none",
-                            size: "sm",
-                            leading: "none",
-                            className: ie(
-                              "w-full treemap-label",
-                              O === "ar" || O === "he" ? "text-right" : "text-left",
-                              z?.graphObjectValues
-                            ),
-                            style: {
-                              WebkitLineClamp: o.y1 - o.y0 > 50 ? o.y1 - o.y0 > 100 ? o.y1 - o.y0 > 150 ? void 0 : 3 : 2 : 1,
-                              display: "-webkit-box",
-                              WebkitBoxOrient: "vertical",
-                              overflow: "hidden",
-                              color: ee(
-                                t.filter((M) => M.color).length === 0 ? n[0] : (
-                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                  o.data.data.color ? n[l.indexOf(
-                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                    o.data.data.color
-                                  )] : V.gray
-                                )
-                              ),
-                              ...k?.graphObjectValues || {}
-                            },
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            children: o.data.id
-                          }
-                        ) : null,
-                        f ? /* @__PURE__ */ m.jsx(
-                          ue,
-                          {
-                            marginBottom: "none",
-                            size: "sm",
-                            leading: "none",
-                            className: ie(
-                              "w-full font-bold treemap-value",
-                              O === "ar" || O === "he" ? "text-right" : "text-left",
-                              z?.graphObjectValues
-                            ),
-                            style: {
-                              color: ee(
-                                t.filter((M) => M.color).length === 0 ? n[0] : (
-                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                  o.data.data.color ? n[l.indexOf(
-                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                    o.data.data.color
-                                  )] : V.gray
-                                )
-                              ),
-                              ...k?.graphObjectValues || {}
-                            },
-                            children: be(
-                              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                              o.data.value,
-                              "NA",
-                              J,
-                              p,
-                              y
-                            )
-                          }
-                        ) : null
-                      ]
-                    }
-                  ) })
-                }
-              ) : null
-            ]
-          },
-          o.data.id
-        )) }) })
+    }, ...n.map(Ze)], ut = Ae().id(Ue).parentId(Ke)(pt);
+    ut.sum(Ye);
+    const U = Re().size([st, ct]).padding(2)(ut);
+    T = Ot.svg, R = `${l}px`, P = `${a}px`, G = `0 0 ${l} ${a}`, W = "ltr", q = ot, H = `translate(${I.left},${I.top})`, L = ne, z = U.children?.map((s) => /* @__PURE__ */ x.jsxs(Ot.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 : K : j.length !== 0 ? j.indexOf(s.data.id) !== -1 ? 0.85 : K : 0.85,
+        x: s.x0,
+        y: s.y0,
+        transition: {
+          duration: D.duration
+        }
       }
-    ),
-    H && v && E && Y ? /* @__PURE__ */ m.jsx(
-      xe,
-      {
-        data: H,
-        body: v,
-        xPos: E,
-        yPos: Y,
-        backgroundStyle: k?.tooltip,
-        className: z?.tooltip
+    }, initial: "initial", animate: J ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: D.duration
       }
-    ) : null,
-    w && _ !== void 0 ? /* @__PURE__ */ m.jsx(
-      we,
-      {
-        open: _ !== void 0,
-        onClose: () => {
-          B(void 0);
+    }, onMouseEnter: (Y) => {
+      rt(s.data.data), M(Y.clientY), lt(Y.clientX), f?.(s.data.data);
+    }, onClick: () => {
+      (k || w) && (V === s.data.id && O ? (at(void 0), k?.(void 0)) : (at(s.data.id), k?.(s.data.data)));
+    }, onMouseMove: (Y) => {
+      rt(s.data.data), M(Y.clientY), lt(Y.clientX);
+    }, onMouseLeave: () => {
+      rt(void 0), lt(void 0), M(void 0), f?.(void 0);
+    }, children: [
+      /* @__PURE__ */ x.jsx(Ot.rect, { x: 0, y: 0, exit: {
+        width: 0,
+        height: 0,
+        opacity: 0,
+        transition: {
+          duration: D.duration
+        }
+      }, variants: {
+        initial: {
+          width: 0,
+          height: 0,
+          fill: n.filter(Xe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray
         },
-        children: /* @__PURE__ */ m.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof w == "string" ? { __html: je(w, _) } : void 0,
-            children: typeof w == "function" ? w(_) : null
+        whileInView: {
+          width: s.x1 - s.x0,
+          height: s.y1 - s.y0,
+          fill: n.filter(Fe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray,
+          transition: {
+            duration: D.duration
           }
-        )
-      }
-    ) : null
-  ] });
+        }
+      }, initial: "initial", animate: J ? "whileInView" : "initial" }),
+      s.x1 - s.x0 > 50 && s.y1 - s.y0 > 25 && (v || m) ? /* @__PURE__ */ x.jsx(Ot.g, { variants: {
+        initial: {
+          opacity: 0
+        },
+        whileInView: {
+          opacity: 1,
+          transition: {
+            duration: D.duration
+          }
+        }
+      }, initial: "initial", animate: J ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: D.duration
+        }
+      }, children: /* @__PURE__ */ x.jsx("foreignObject", { y: 0, x: 0, width: s.x1 - s.x0, height: s.y1 - s.y0, children: /* @__PURE__ */ x.jsxs("div", { className: "flex flex-col gap-0.5 p-2 w-full", style: {
+        color: Nt(n.filter(qe).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray)
+      }, children: [
+        v ? /* @__PURE__ */ x.jsx(Ht, { marginBottom: "none", size: "sm", leading: "none", className: zt("w-full treemap-label", C === "ar" || C === "he" ? "text-right" : "text-left", E?.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: Nt(n.filter(We).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray),
+          ...N?.graphObjectValues || {}
+        }, children: s.data.id }) : null,
+        m ? /* @__PURE__ */ x.jsx(Ht, { marginBottom: "none", size: "sm", leading: "none", className: zt("w-full font-bold treemap-value", C === "ar" || C === "he" ? "text-right" : "text-left", E?.graphObjectValues), style: {
+          color: Nt(n.filter(Ge).length === 0 ? i[0] : s.data.data.color ? i[d.indexOf(s.data.data.color)] : tt.gray),
+          ...N?.graphObjectValues || {}
+        }, children: _t(s.data.value, "NA", Z, p, h) }) : null
+      ] }) }) }) : null
+    ] }, s.data.id)), t[8] = D.duration, t[9] = E?.graphObjectValues, t[10] = d, t[11] = i, t[12] = n, t[13] = w, t[14] = K, t[15] = ct, t[16] = st, t[17] = a, t[18] = j, t[19] = J, t[20] = C, t[21] = I.left, t[22] = I.top, t[23] = V, 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] = L, t[36] = T, t[37] = z, t[38] = H, t[39] = R, t[40] = P, t[41] = G, t[42] = W, t[43] = q;
+  } else
+    L = t[35], T = t[36], z = t[37], H = t[38], R = t[39], P = t[40], G = t[41], W = t[42], q = t[43];
+  let F;
+  t[44] !== L || t[45] !== z ? (F = /* @__PURE__ */ x.jsx(L, { children: z }), t[44] = L, t[45] = z, t[46] = F) : F = t[46];
+  let S;
+  t[47] !== H || t[48] !== F ? (S = /* @__PURE__ */ x.jsx("g", { transform: H, children: F }), t[47] = H, t[48] = F, t[49] = S) : S = t[49];
+  let X;
+  t[50] !== T || t[51] !== S || t[52] !== R || t[53] !== P || t[54] !== G || t[55] !== W || t[56] !== q ? (X = /* @__PURE__ */ x.jsx(T, { width: R, height: P, viewBox: G, direction: W, ref: q, children: S }), t[50] = T, t[51] = S, t[52] = R, t[53] = P, t[54] = G, t[55] = W, t[56] = q, t[57] = X) : X = t[57];
+  let B;
+  t[58] !== E?.tooltip || t[59] !== Q || t[60] !== _ || t[61] !== nt || t[62] !== N?.tooltip || t[63] !== o ? (B = nt && o && Q && _ ? /* @__PURE__ */ x.jsx(Qt, { data: nt, body: o, xPos: Q, yPos: _, backgroundStyle: N?.tooltip, className: E?.tooltip }) : null, t[58] = E?.tooltip, t[59] = Q, t[60] = _, t[61] = nt, t[62] = N?.tooltip, t[63] = o, t[64] = B) : B = t[64];
+  let $;
+  t[65] !== w || t[66] !== V ? ($ = w && V !== void 0 ? /* @__PURE__ */ x.jsx(Jt, { open: V !== void 0, onClose: () => {
+    at(void 0);
+  }, children: /* @__PURE__ */ x.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof w == "string" ? {
+    __html: te(w, V)
+  } : void 0, children: typeof w == "function" ? w(V) : null }) }) : null, t[65] = w, t[66] = V, t[67] = $) : $ = t[67];
+  let A;
+  return t[68] !== X || t[69] !== B || t[70] !== $ ? (A = /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
+    X,
+    B,
+    $
+  ] }), t[68] = X, t[69] = B, t[70] = $, t[71] = A) : A = t[71], A;
 }
-function kt(e) {
-  const {
-    data: t,
-    graphTitle: n,
+function Ge(e) {
+  return e.color;
+}
+function We(e) {
+  return e.color;
+}
+function qe(e) {
+  return e.color;
+}
+function Fe(e) {
+  return e.color;
+}
+function Xe(e) {
+  return e.color;
+}
+function Ye(e) {
+  return e.value;
+}
+function Ke(e) {
+  return e.parent;
+}
+function Ue(e) {
+  return e.id;
+}
+function Ze(e) {
+  return {
+    id: e.label,
+    value: e.size,
+    parent: "root",
+    data: e
+  };
+}
+function Dn(e) {
+  const t = Wt.c(71), {
+    data: n,
+    graphTitle: i,
     colors: r,
-    suffix: a = "",
-    sources: s,
-    prefix: l = "",
-    graphDescription: h,
-    leftMargin: g = 0,
-    rightMargin: x = 0,
-    topMargin: c = 0,
-    bottomMargin: v = 0,
-    height: i,
+    suffix: l,
+    sources: a,
+    prefix: d,
+    graphDescription: g,
+    leftMargin: y,
+    rightMargin: c,
+    topMargin: v,
+    bottomMargin: o,
+    height: f,
     width: u,
-    footNote: f,
-    colorDomain: y,
+    footNote: m,
+    colorDomain: h,
     colorLegendTitle: p,
-    padding: d,
-    backgroundColor: b = !1,
-    showLabels: D = !0,
+    padding: j,
+    backgroundColor: k,
+    showLabels: O,
     relativeHeight: w,
-    tooltip: O,
-    onSeriesMouseOver: k,
-    showColorScale: z = !0,
-    showValues: I = !0,
-    graphID: L,
-    highlightedDataPoints: J = [],
-    onSeriesMouseClick: X,
-    graphDownload: T = !1,
-    dataDownload: H = !1,
-    language: N = "en",
-    showNAColor: _ = !0,
-    minHeight: B = 0,
-    theme: E = "light",
-    ariaLabel: R,
-    resetSelectionOnDoubleClick: Y = !0,
-    detailsOnClick: P,
-    styles: C,
-    classNames: S,
-    animate: K = !1,
-    dimmedOpacity: Q = 0.3,
-    precision: U = 2
-  } = e, [$, o] = A(0), [M, ae] = A(0), [me, ve] = A(void 0), W = re(null), le = re(null);
-  return ye(() => {
-    const j = new ResizeObserver((se) => {
-      o(u || se[0].target.clientWidth || 620), ae(i || se[0].target.clientHeight || 480);
+    tooltip: C,
+    onSeriesMouseOver: N,
+    showColorScale: E,
+    showValues: D,
+    graphID: K,
+    highlightedDataPoints: Z,
+    onSeriesMouseClick: ot,
+    graphDownload: et,
+    dataDownload: J,
+    language: nt,
+    showNAColor: rt,
+    minHeight: V,
+    theme: at,
+    ariaLabel: Q,
+    resetSelectionOnDoubleClick: lt,
+    detailsOnClick: _,
+    styles: M,
+    classNames: b,
+    animate: I,
+    dimmedOpacity: st,
+    precision: ct
+  } = e, L = l === void 0 ? "" : l, T = d === void 0 ? "" : d, z = y === void 0 ? 0 : y, H = c === void 0 ? 0 : c, R = v === void 0 ? 0 : v, P = o === void 0 ? 0 : o, G = k === void 0 ? !1 : k, W = O === void 0 ? !0 : O, q = E === void 0 ? !0 : E, F = D === void 0 ? !0 : D;
+  let S;
+  t[0] !== Z ? (S = Z === void 0 ? [] : Z, t[0] = Z, t[1] = S) : S = t[1];
+  const X = S, B = et === void 0 ? !1 : et, $ = J === void 0 ? !1 : J, A = nt === void 0 ? "en" : nt, pt = rt === void 0 ? !0 : rt, ut = V === void 0 ? 0 : V, U = at === void 0 ? "light" : at, s = lt === void 0 ? !0 : lt, Y = I === void 0 ? !1 : I, jt = st === void 0 ? 0.3 : st, Ct = ct === void 0 ? 2 : ct, [yt, Yt] = it(0), [wt, Kt] = it(0), [Dt, Ut] = it(void 0), kt = $t(null), Et = $t(null);
+  let xt, bt;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (xt = () => {
+    const Lt = new ResizeObserver((Tt) => {
+      Yt(Tt[0].target.clientWidth || 620), Kt(Tt[0].target.clientHeight || 480);
     });
-    return W.current && (ae(W.current.clientHeight || 480), o(W.current.clientWidth || 620), u || j.observe(W.current)), () => j.disconnect();
-  }, [u, i]), /* @__PURE__ */ m.jsx(
-    "div",
-    {
-      className: `${E || "light"} flex  ${u ? "w-fit grow-0" : "w-full grow"}`,
-      dir: N === "he" || N === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ m.jsx(
-        "div",
-        {
-          className: ie(
-            `${b ? b === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N || "en"}`,
-            u ? "w-fit" : "w-full",
-            S?.graphContainer
-          ),
-          style: {
-            ...C?.graphContainer || {},
-            ...b && b !== !0 ? { backgroundColor: b } : {}
-          },
-          id: L,
-          ref: le,
-          "aria-label": R || `${n ? `The graph shows ${n}. ` : ""}This is a chart where data points are represented by squares, and their sizes reflect their values. ${h ? ` ${h}` : ""}`,
-          children: /* @__PURE__ */ m.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: b ? d || "1rem" : d || 0 },
-              children: /* @__PURE__ */ m.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                n || h || T || H ? /* @__PURE__ */ m.jsx(
-                  De,
-                  {
-                    styles: {
-                      title: C?.title,
-                      description: C?.description
-                    },
-                    classNames: {
-                      title: S?.title,
-                      description: S?.description
-                    },
-                    graphTitle: n,
-                    graphDescription: h,
-                    width: u,
-                    graphDownload: T ? le.current : void 0,
-                    dataDownload: H ? t.map((j) => j.data).filter((j) => j !== void 0).length > 0 ? t.map((j) => j.data).filter((j) => j !== void 0) : t.filter((j) => j !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ m.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: t.length === 0 ? /* @__PURE__ */ m.jsx(Ne, {}) : /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-                  z && t.filter((j) => j.color).length !== 0 ? /* @__PURE__ */ m.jsx(
-                    Ie,
-                    {
-                      width: u,
-                      colorLegendTitle: p,
-                      colors: r || V[E].categoricalColors.colors,
-                      colorDomain: y || ce(t, "color", !0),
-                      setSelectedColor: ve,
-                      showNAColor: _
-                    }
-                  ) : null,
-                  /* @__PURE__ */ m.jsx(
-                    "div",
-                    {
-                      className: "flex flex-col grow justify-center w-full leading-0",
-                      ref: W,
-                      "aria-label": "Graph area",
-                      children: (u || $) && (i || M) ? /* @__PURE__ */ m.jsx(
-                        lt,
-                        {
-                          data: t.filter((j) => !Ce(j.size)),
-                          colors: t.filter((j) => j.color).length === 0 ? r ? [r] : [V.primaryColors["blue-600"]] : r || V[E].categoricalColors.colors,
-                          colorDomain: t.filter((j) => j.color).length === 0 ? [] : y || ce(t, "color", !0),
-                          width: u || $,
-                          height: Math.max(
-                            B,
-                            i || (w ? B ? (u || $) * w > B ? (u || $) * w : B : (u || $) * w : M)
-                          ),
-                          leftMargin: g,
-                          rightMargin: x,
-                          topMargin: c,
-                          bottomMargin: v,
-                          showLabels: D,
-                          showValues: I,
-                          suffix: a,
-                          prefix: l,
-                          selectedColor: me,
-                          tooltip: O,
-                          onSeriesMouseOver: k,
-                          onSeriesMouseClick: X,
-                          highlightedDataPoints: J,
-                          resetSelectionOnDoubleClick: Y,
-                          detailsOnClick: P,
-                          styles: C,
-                          classNames: S,
-                          language: N,
-                          animate: K === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : K || { duration: 0, once: !0, amount: 0 },
-                          dimmedOpacity: Q,
-                          precision: U
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                s || f ? /* @__PURE__ */ m.jsx(
-                  ke,
-                  {
-                    styles: { footnote: C?.footnote, source: C?.source },
-                    classNames: {
-                      footnote: S?.footnote,
-                      source: S?.source
-                    },
-                    sources: s,
-                    footNote: f,
-                    width: u
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return kt.current && Lt.observe(kt.current), () => Lt.disconnect();
+  }, bt = [], t[2] = xt, t[3] = bt) : (xt = t[2], bt = t[3]), Zt(xt, bt);
+  const It = b?.graphContainer, Vt = M?.graphContainer;
+  let dt;
+  t[4] !== b?.description || t[5] !== b?.title || t[6] !== n || t[7] !== $ || t[8] !== g || t[9] !== B || t[10] !== i || t[11] !== M?.description || t[12] !== M?.title || t[13] !== u ? (dt = i || g || B || $ ? /* @__PURE__ */ x.jsx(re, { styles: {
+    title: M?.title,
+    description: M?.description
+  }, classNames: {
+    title: b?.title,
+    description: b?.description
+  }, graphTitle: i, graphDescription: g, width: u, graphDownload: B ? Et : void 0, dataDownload: $ ? n.map(an).filter(rn).length > 0 ? n.map(on).filter(nn) : n.filter(en) : null }) : null, t[4] = b?.description, t[5] = b?.title, t[6] = n, t[7] = $, t[8] = g, t[9] = B, t[10] = i, t[11] = M?.description, t[12] = M?.title, t[13] = u, t[14] = dt) : dt = t[14];
+  let ft;
+  t[15] !== Y || t[16] !== P || t[17] !== b || t[18] !== h || t[19] !== p || t[20] !== r || t[21] !== n || t[22] !== _ || t[23] !== jt || t[24] !== X || t[25] !== A || t[26] !== z || t[27] !== ot || t[28] !== N || t[29] !== Ct || t[30] !== T || t[31] !== s || t[32] !== H || t[33] !== Dt || t[34] !== q || t[35] !== W || t[36] !== pt || t[37] !== F || t[38] !== M || t[39] !== L || t[40] !== wt || t[41] !== yt || t[42] !== U || t[43] !== C || t[44] !== R || t[45] !== u ? (ft = n.length === 0 ? /* @__PURE__ */ x.jsx(le, {}) : /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
+    q && n.filter(tn).length !== 0 ? /* @__PURE__ */ x.jsx(ae, { width: u, colorLegendTitle: p, colors: r || tt[U].categoricalColors.colors, colorDomain: h || Rt(n, "color", !0), setSelectedColor: Ut, showNAColor: pt, className: b?.colorLegend }) : null,
+    /* @__PURE__ */ x.jsx(se, { ref: kt, children: yt && wt ? /* @__PURE__ */ x.jsx(Pe, { data: n.filter(_e), colors: n.filter(Qe).length === 0 ? r ? [r] : [tt.primaryColors["blue-600"]] : r || tt[U].categoricalColors.colors, colorDomain: n.filter(Je).length === 0 ? [] : h || Rt(n, "color", !0), width: yt, height: wt, leftMargin: z, rightMargin: H, topMargin: R, bottomMargin: P, showLabels: W, showValues: F, suffix: L, prefix: T, selectedColor: Dt, tooltip: C, onSeriesMouseOver: N, onSeriesMouseClick: ot, highlightedDataPoints: X, resetSelectionOnDoubleClick: s, detailsOnClick: _, styles: M, classNames: b, language: A, animate: Y === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : Y || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, dimmedOpacity: jt, precision: Ct }) : null })
+  ] }), t[15] = Y, t[16] = P, t[17] = b, t[18] = h, t[19] = p, t[20] = r, t[21] = n, t[22] = _, t[23] = jt, t[24] = X, t[25] = A, t[26] = z, t[27] = ot, t[28] = N, t[29] = Ct, t[30] = T, t[31] = s, t[32] = H, t[33] = Dt, t[34] = q, t[35] = W, t[36] = pt, t[37] = F, t[38] = M, t[39] = L, t[40] = wt, t[41] = yt, t[42] = U, t[43] = C, t[44] = R, t[45] = u, t[46] = ft) : ft = t[46];
+  let ht;
+  t[47] !== b?.footnote || t[48] !== b?.source || t[49] !== m || t[50] !== a || t[51] !== M?.footnote || t[52] !== M?.source || t[53] !== u ? (ht = a || m ? /* @__PURE__ */ x.jsx(oe, { styles: {
+    footnote: M?.footnote,
+    source: M?.source
+  }, classNames: {
+    footnote: b?.footnote,
+    source: b?.source
+  }, sources: a, footNote: m, width: u }) : null, t[47] = b?.footnote, t[48] = b?.source, t[49] = m, t[50] = a, t[51] = M?.footnote, t[52] = M?.source, t[53] = u, t[54] = ht) : ht = t[54];
+  let Mt;
+  return t[55] !== Q || t[56] !== G || t[57] !== K || t[58] !== f || t[59] !== A || t[60] !== ut || t[61] !== j || t[62] !== w || t[63] !== It || t[64] !== Vt || t[65] !== dt || t[66] !== ft || t[67] !== ht || t[68] !== U || t[69] !== u ? (Mt = /* @__PURE__ */ x.jsxs(ce, { className: It, style: Vt, id: K, ref: Et, "aria-label": Q, backgroundColor: G, theme: U, language: A, minHeight: ut, width: u, height: f, relativeHeight: w, padding: j, children: [
+    dt,
+    ft,
+    ht
+  ] }), t[55] = Q, t[56] = G, t[57] = K, t[58] = f, t[59] = A, t[60] = ut, t[61] = j, t[62] = w, t[63] = It, t[64] = Vt, t[65] = dt, t[66] = ft, t[67] = ht, t[68] = U, t[69] = u, t[70] = Mt) : Mt = t[70], Mt;
+}
+function Je(e) {
+  return e.color;
+}
+function Qe(e) {
+  return e.color;
+}
+function _e(e) {
+  return !ie(e.size);
+}
+function tn(e) {
+  return e.color;
+}
+function en(e) {
+  return e !== void 0;
+}
+function nn(e) {
+  return e !== void 0;
+}
+function on(e) {
+  return e.data;
+}
+function rn(e) {
+  return e !== void 0;
+}
+function an(e) {
+  return e.data;
 }
 export {
-  kt as TreeMapGraph
+  Dn as TreeMapGraph
 };
 //# sourceMappingURL=TreeMapGraph.js.map