@undp/data-viz 1.5.2 → 1.5.4

package/dist/TreeMapGraph.js

@@ -1,5 +1,4 @@
-import { j as v, m as ne } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as ce } from "./index-AqnpA7_O.js";
+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";
@@ -16,47 +15,48 @@ 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, i = e.children, r = i && i.length;
+  var t = 0, n = e.children, r = n && n.length;
   if (!r) t = 1;
-  else for (; --r >= 0; ) t += i[r].value;
+  else for (; --r >= 0; ) t += n[r].value;
   e.value = t;
 }
 function Se() {
   return this.eachAfter(Be);
 }
 function Ve(e, t) {
-  let i = -1;
+  let n = -1;
   for (const r of this)
-    e.call(t, r, ++i, this);
+    e.call(t, r, ++n, this);
   return this;
 }
 function _e(e, t) {
-  for (var i = this, r = [i], a, s, l = -1; i = r.pop(); )
-    if (e.call(t, i, ++l, this), a = i.children)
+  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]);
   return this;
 }
 function $e(e, t) {
-  for (var i = this, r = [i], a = [], s, l, h, g = -1; i = r.pop(); )
-    if (a.push(i), s = i.children)
+  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 (; i = a.pop(); )
-    e.call(t, i, ++g, this);
+  for (; n = a.pop(); )
+    e.call(t, n, ++g, this);
   return this;
 }
 function Ae(e, t) {
-  let i = -1;
+  let n = -1;
   for (const r of this)
-    if (e.call(t, r, ++i, this))
+    if (e.call(t, r, ++n, this))
       return r;
 }
 function Te(e) {
   return this.eachAfter(function(t) {
-    for (var i = +e(t.data) || 0, r = t.children, a = r && r.length; --a >= 0; ) i += r[a].value;
-    t.value = i;
+    for (var n = +e(t.data) || 0, r = t.children, a = r && r.length; --a >= 0; ) n += r[a].value;
+    t.value = n;
   });
 }
 function Ee(e) {
@@ -65,17 +65,17 @@ function Ee(e) {
   });
 }
 function ze(e) {
-  for (var t = this, i = Le(t, e), r = [t]; t !== i; )
+  for (var t = this, n = Le(t, e), r = [t]; t !== n; )
     t = t.parent, r.push(t);
-  for (var a = r.length; e !== i; )
+  for (var a = r.length; e !== n; )
     r.splice(a, 0, e), e = e.parent;
   return r;
 }
 function Le(e, t) {
   if (e === t) return e;
-  var i = e.ancestors(), r = t.ancestors(), a = null;
-  for (e = i.pop(), t = r.pop(); e === t; )
-    a = e, e = i.pop(), t = r.pop();
+  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;
 }
 function He() {
@@ -94,26 +94,26 @@ function Pe() {
 }
 function We() {
   var e = this, t = [];
-  return e.each(function(i) {
-    i !== e && t.push({ source: i.parent, target: i });
+  return e.each(function(n) {
+    n !== e && t.push({ source: n.parent, target: n });
   }), t;
 }
 function* qe() {
-  var e = this, t, i = [e], r, a, s;
+  var e = this, t, n = [e], r, a, s;
   do
-    for (t = i.reverse(), i = []; e = t.pop(); )
+    for (t = n.reverse(), n = []; e = t.pop(); )
       if (yield e, r = e.children)
         for (a = 0, s = r.length; a < s; ++a)
-          i.push(r[a]);
-  while (i.length);
+          n.push(r[a]);
+  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 i = new G(e), r, a = [i], s, l, h, g; r = a.pop(); )
+  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 i.eachBefore(pe);
+  return n.eachBefore(pe);
 }
 function Fe() {
   return fe(this).eachBefore(Ye);
@@ -171,11 +171,11 @@ function F(e) {
 function Ke(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, i, r, a) {
-  for (var s = e.children, l, h = -1, g = s.length, b = e.value && (r - t) / e.value; ++h < g; )
-    l = s[h], l.y0 = i, l.y1 = a, l.x0 = t, l.x1 = t += l.value * b;
+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;
 }
-var Ze = { depth: -1 }, he = {}, ie = {};
+var Ze = { depth: -1 }, he = {}, ne = {};
 function Je(e) {
   return e.id;
 }
@@ -183,44 +183,44 @@ function Qe(e) {
   return e.parentId;
 }
 function et() {
-  var e = Je, t = Qe, i;
+  var e = Je, t = Qe, n;
   function r(a) {
-    var s = Array.from(a), l = e, h = t, g, b, u, y, n, c, f, w, p = /* @__PURE__ */ new Map();
-    if (i != null) {
-      const d = s.map((x, O) => tt(i(x, O, a))), j = d.map(de), D = new Set(d).add("");
-      for (const x of j)
-        D.has(x) || (D.add(x), d.push(x), j.push(de(x)), s.push(ie));
-      l = (x, O) => d[O], h = (x, O) => j[O];
+    var s = Array.from(a), l = e, h = t, g, x, c, v, i, u, f, y, p = /* @__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];
     }
-    for (u = 0, g = s.length; u < g; ++u)
-      b = s[u], c = s[u] = new G(b), (f = l(b, u, a)) != null && (f += "") && (w = c.id = f, p.set(w, p.has(w) ? he : c)), (f = h(b, u, a)) != null && (f += "") && (c.parent = f);
-    for (u = 0; u < g; ++u)
-      if (c = s[u], f = c.parent) {
-        if (n = p.get(f), !n) throw new Error("missing: " + f);
-        if (n === he) throw new Error("ambiguous: " + f);
-        n.children ? n.children.push(c) : n.children = [c], c.parent = n;
+    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; 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;
       } else {
-        if (y) throw new Error("multiple roots");
-        y = c;
+        if (v) throw new Error("multiple roots");
+        v = u;
       }
-    if (!y) throw new Error("no root");
-    if (i != null) {
-      for (; y.data === ie && y.children.length === 1; )
-        y = y.children[0], --g;
-      for (let d = s.length - 1; d >= 0 && (c = s[d], c.data === ie); --d)
-        c.data = null;
+    if (!v) throw new Error("no root");
+    if (n != null) {
+      for (; v.data === ne && 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;
     }
-    if (y.parent = Ze, y.eachBefore(function(d) {
+    if (v.parent = Ze, v.eachBefore(function(d) {
       d.depth = d.parent.depth + 1, --g;
-    }).eachBefore(pe), y.parent = null, g > 0) throw new Error("cycle");
-    return y;
+    }).eachBefore(pe), 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 ? (i = te(a), r) : i;
+    return arguments.length ? (n = te(a), r) : n;
   }, r;
 }
 function tt(e) {
@@ -236,95 +236,95 @@ function de(e) {
 }
 function oe(e, t) {
   if (e[t] === "/") {
-    let i = 0;
-    for (; t > 0 && e[--t] === "\\"; ) ++i;
-    if ((i & 1) === 0) return !0;
+    let n = 0;
+    for (; t > 0 && e[--t] === "\\"; ) ++n;
+    if ((n & 1) === 0) return !0;
   }
   return !1;
 }
-function it(e, t, i, r, a) {
-  for (var s = e.children, l, h = -1, g = s.length, b = e.value && (a - i) / e.value; ++h < g; )
-    l = s[h], l.x0 = t, l.x1 = r, l.y0 = i, l.y1 = i += l.value * b;
+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;
 }
-var nt = (1 + Math.sqrt(5)) / 2;
-function rt(e, t, i, r, a, s) {
-  for (var l = [], h = t.children, g, b, u = 0, y = 0, n = h.length, c, f, w = t.value, p, d, j, D, x, O, k; u < n; ) {
-    c = a - i, f = s - r;
+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;
     do
-      p = h[y++].value;
-    while (!p && y < n);
-    for (d = j = p, O = Math.max(f / c, c / f) / (w * e), k = p * p * O, x = Math.max(j / k, k / d); y < n; ++y) {
-      if (p += b = h[y].value, b < d && (d = b), b > j && (j = b), k = p * p * O, D = Math.max(j / k, k / d), D > x) {
-        p -= b;
+      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;
         break;
       }
-      x = D;
+      w = D;
     }
-    l.push(g = { value: p, dice: c < f, children: h.slice(u, y) }), g.dice ? Ue(g, i, r, a, w ? r += f * p / w : s) : it(g, i, r, w ? i += c * p / w : a, s), w -= p, u = y;
+    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;
   }
   return l;
 }
 const ot = function e(t) {
-  function i(r, a, s, l, h) {
+  function n(r, a, s, l, h) {
     rt(t, r, a, s, l, h);
   }
-  return i.ratio = function(r) {
+  return n.ratio = function(r) {
     return e((r = +r) > 1 ? r : 1);
-  }, i;
-}(nt);
+  }, n;
+}(it);
 function at() {
-  var e = ot, t = !1, i = 1, r = 1, a = [0], s = q, l = q, h = q, g = q, b = q;
-  function u(n) {
-    return n.x0 = n.y0 = 0, n.x1 = i, n.y1 = r, n.eachBefore(y), a = [0], t && n.eachBefore(Ke), n;
+  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;
   }
-  function y(n) {
-    var c = a[n.depth], f = n.x0 + c, w = n.y0 + c, p = n.x1 - c, d = n.y1 - c;
-    p < f && (f = p = (f + p) / 2), d < w && (w = d = (w + d) / 2), n.x0 = f, n.y0 = w, n.x1 = p, n.y1 = d, n.children && (c = a[n.depth + 1] = s(n) / 2, f += b(n) - c, w += l(n) - c, p -= h(n) - c, d -= g(n) - c, p < f && (f = p = (f + p) / 2), d < w && (w = d = (w + d) / 2), e(n, f, w, p, d));
+  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));
   }
-  return u.round = function(n) {
-    return arguments.length ? (t = !!n, u) : t;
-  }, u.size = function(n) {
-    return arguments.length ? (i = +n[0], r = +n[1], u) : [i, r];
-  }, u.tile = function(n) {
-    return arguments.length ? (e = ge(n), u) : e;
-  }, u.padding = function(n) {
-    return arguments.length ? u.paddingInner(n).paddingOuter(n) : u.paddingInner();
-  }, u.paddingInner = function(n) {
-    return arguments.length ? (s = typeof n == "function" ? n : F(+n), u) : s;
-  }, u.paddingOuter = function(n) {
-    return arguments.length ? u.paddingTop(n).paddingRight(n).paddingBottom(n).paddingLeft(n) : u.paddingTop();
-  }, u.paddingTop = function(n) {
-    return arguments.length ? (l = typeof n == "function" ? n : F(+n), u) : l;
-  }, u.paddingRight = function(n) {
-    return arguments.length ? (h = typeof n == "function" ? n : F(+n), u) : h;
-  }, u.paddingBottom = function(n) {
-    return arguments.length ? (g = typeof n == "function" ? n : F(+n), u) : g;
-  }, u.paddingLeft = function(n) {
-    return arguments.length ? (b = typeof n == "function" ? n : F(+n), u) : b;
-  }, u;
+  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;
+  }, c;
 }
 function lt(e) {
   const {
     data: t,
-    colors: i,
+    colors: n,
     leftMargin: r,
     width: a,
     height: s,
     colorDomain: l,
     rightMargin: h,
     topMargin: g,
-    bottomMargin: b,
-    showLabels: u,
-    tooltip: y,
-    onSeriesMouseOver: n,
-    selectedColor: c,
+    bottomMargin: x,
+    showLabels: c,
+    tooltip: v,
+    onSeriesMouseOver: i,
+    selectedColor: u,
     showValues: f,
-    suffix: w,
+    suffix: y,
     prefix: p,
     highlightedDataPoints: d,
-    onSeriesMouseClick: j,
+    onSeriesMouseClick: b,
     resetSelectionOnDoubleClick: D,
-    detailsOnClick: x,
+    detailsOnClick: w,
     language: O,
     styles: k,
     classNames: z,
@@ -336,7 +336,7 @@ function lt(e) {
     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: b,
+    bottom: x,
     left: r,
     right: h
   }, S = a - C.left - C.right, K = s - C.top - C.bottom, Q = [
@@ -355,8 +355,8 @@ function lt(e) {
   ], 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__ */ v.jsxs(v.Fragment, { children: [
-    /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    /* @__PURE__ */ m.jsx(
       Z.svg,
       {
         width: `${a}px`,
@@ -364,7 +364,7 @@ function lt(e) {
         viewBox: `0 0 ${a} ${s}`,
         direction: "ltr",
         ref: X,
-        children: /* @__PURE__ */ v.jsx("g", { transform: `translate(${C.left},${C.top})`, children: /* @__PURE__ */ v.jsx(Oe, { children: $.children?.map((o) => /* @__PURE__ */ v.jsxs(
+        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",
@@ -375,12 +375,12 @@ function lt(e) {
                 y: o.y0
               },
               whileInView: {
-                opacity: c ? (
+                opacity: u ? (
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  o.data.data.color && i[
+                  o.data.data.color && n[
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     l.indexOf(o.data.data.color)
-                  ] === c ? 1 : L
+                  ] === u ? 1 : L
                 ) : d.length !== 0 ? (
                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
                   d.indexOf(o.data.id) !== -1 ? 0.85 : L
@@ -394,20 +394,20 @@ function lt(e) {
             animate: T ? "whileInView" : "initial",
             exit: { opacity: 0, transition: { duration: I.duration } },
             onMouseEnter: (M) => {
-              N(o.data.data), P(M.clientY), R(M.clientX), n?.(o.data.data);
+              N(o.data.data), P(M.clientY), R(M.clientX), i?.(o.data.data);
             },
             onClick: () => {
-              (j || x) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
-              _ === o.data.id && D ? (B(void 0), j?.(void 0)) : (B(o.data.id), j?.(o.data.data)));
+              (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), n?.(void 0);
+              N(void 0), R(void 0), P(void 0), i?.(void 0);
             },
             children: [
-              /* @__PURE__ */ v.jsx(
+              /* @__PURE__ */ m.jsx(
                 Z.rect,
                 {
                   x: 0,
@@ -422,9 +422,9 @@ function lt(e) {
                     initial: {
                       width: 0,
                       height: 0,
-                      fill: t.filter((M) => M.color).length === 0 ? i[0] : (
+                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        o.data.data.color ? i[
+                        o.data.data.color ? n[
                           // eslint-disable-next-line @typescript-eslint/no-explicit-any
                           l.indexOf(o.data.data.color)
                         ] : V.gray
@@ -433,9 +433,9 @@ function lt(e) {
                     whileInView: {
                       width: o.x1 - o.x0,
                       height: o.y1 - o.y0,
-                      fill: t.filter((M) => M.color).length === 0 ? i[0] : (
+                      fill: t.filter((M) => M.color).length === 0 ? n[0] : (
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        o.data.data.color ? i[
+                        o.data.data.color ? n[
                           // eslint-disable-next-line @typescript-eslint/no-explicit-any
                           l.indexOf(o.data.data.color)
                         ] : V.gray
@@ -447,7 +447,7 @@ function lt(e) {
                   animate: T ? "whileInView" : "initial"
                 }
               ),
-              o.x1 - o.x0 > 50 && o.y1 - o.y0 > 25 && (u || f) ? /* @__PURE__ */ v.jsx(
+              o.x1 - o.x0 > 50 && o.y1 - o.y0 > 25 && (c || f) ? /* @__PURE__ */ m.jsx(
                 Z.g,
                 {
                   variants: {
@@ -460,15 +460,15 @@ function lt(e) {
                   initial: "initial",
                   animate: T ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: I.duration } },
-                  children: /* @__PURE__ */ v.jsx("foreignObject", { y: 0, x: 0, width: o.x1 - o.x0, height: o.y1 - o.y0, children: /* @__PURE__ */ v.jsxs(
+                  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 ? i[0] : (
+                          t.filter((M) => M.color).length === 0 ? n[0] : (
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            o.data.data.color ? i[
+                            o.data.data.color ? n[
                               // eslint-disable-next-line @typescript-eslint/no-explicit-any
                               l.indexOf(o.data.data.color)
                             ] : V.gray
@@ -476,13 +476,13 @@ function lt(e) {
                         )
                       },
                       children: [
-                        u ? /* @__PURE__ */ v.jsx(
+                        c ? /* @__PURE__ */ m.jsx(
                           ue,
                           {
                             marginBottom: "none",
                             size: "sm",
                             leading: "none",
-                            className: ne(
+                            className: ie(
                               "w-full treemap-label",
                               O === "ar" || O === "he" ? "text-right" : "text-left",
                               z?.graphObjectValues
@@ -493,9 +493,9 @@ function lt(e) {
                               WebkitBoxOrient: "vertical",
                               overflow: "hidden",
                               color: ee(
-                                t.filter((M) => M.color).length === 0 ? i[0] : (
+                                t.filter((M) => M.color).length === 0 ? n[0] : (
                                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                  o.data.data.color ? i[l.indexOf(
+                                  o.data.data.color ? n[l.indexOf(
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                     o.data.data.color
                                   )] : V.gray
@@ -507,22 +507,22 @@ function lt(e) {
                             children: o.data.id
                           }
                         ) : null,
-                        f ? /* @__PURE__ */ v.jsx(
+                        f ? /* @__PURE__ */ m.jsx(
                           ue,
                           {
                             marginBottom: "none",
                             size: "sm",
                             leading: "none",
-                            className: ne(
+                            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 ? i[0] : (
+                                t.filter((M) => M.color).length === 0 ? n[0] : (
                                   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                  o.data.data.color ? i[l.indexOf(
+                                  o.data.data.color ? n[l.indexOf(
                                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                     o.data.data.color
                                   )] : V.gray
@@ -536,7 +536,7 @@ function lt(e) {
                               "NA",
                               J,
                               p,
-                              w
+                              y
                             )
                           }
                         ) : null
@@ -551,30 +551,30 @@ function lt(e) {
         )) }) })
       }
     ),
-    H && y && E && Y ? /* @__PURE__ */ v.jsx(
+    H && v && E && Y ? /* @__PURE__ */ m.jsx(
       xe,
       {
         data: H,
-        body: y,
+        body: v,
         xPos: E,
         yPos: Y,
         backgroundStyle: k?.tooltip,
         className: z?.tooltip
       }
     ) : null,
-    x && _ !== void 0 ? /* @__PURE__ */ v.jsx(
+    w && _ !== void 0 ? /* @__PURE__ */ m.jsx(
       we,
       {
         open: _ !== void 0,
         onClose: () => {
           B(void 0);
         },
-        children: /* @__PURE__ */ v.jsx(
+        children: /* @__PURE__ */ m.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof x == "string" ? { __html: je(x, _) } : void 0,
-            children: typeof x == "function" ? x(_) : null
+            dangerouslySetInnerHTML: typeof w == "string" ? { __html: je(w, _) } : void 0,
+            children: typeof w == "function" ? w(_) : null
           }
         )
       }
@@ -584,25 +584,25 @@ function lt(e) {
 function kt(e) {
   const {
     data: t,
-    graphTitle: i,
+    graphTitle: n,
     colors: r,
     suffix: a = "",
     sources: s,
     prefix: l = "",
     graphDescription: h,
     leftMargin: g = 0,
-    rightMargin: b = 0,
-    topMargin: u = 0,
-    bottomMargin: y = 0,
-    height: n,
-    width: c,
+    rightMargin: x = 0,
+    topMargin: c = 0,
+    bottomMargin: v = 0,
+    height: i,
+    width: u,
     footNote: f,
-    colorDomain: w,
+    colorDomain: y,
     colorLegendTitle: p,
     padding: d,
-    backgroundColor: j = !1,
+    backgroundColor: b = !1,
     showLabels: D = !0,
-    relativeHeight: x,
+    relativeHeight: w,
     tooltip: O,
     onSeriesMouseOver: k,
     showColorScale: z = !0,
@@ -626,37 +626,37 @@ function kt(e) {
     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 m = new ResizeObserver((se) => {
-      o(c || se[0].target.clientWidth || 620), ae(n || se[0].target.clientHeight || 480);
+    const j = new ResizeObserver((se) => {
+      o(u || se[0].target.clientWidth || 620), ae(i || se[0].target.clientHeight || 480);
     });
-    return W.current && (ae(W.current.clientHeight || 480), o(W.current.clientWidth || 620), c || m.observe(W.current)), () => m.disconnect();
-  }, [c, n]), /* @__PURE__ */ v.jsx(
+    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  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${E || "light"} flex  ${u ? "w-fit grow-0" : "w-full grow"}`,
       dir: N === "he" || N === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ v.jsx(
+      children: /* @__PURE__ */ m.jsx(
         "div",
         {
-          className: ne(
-            `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${N || "en"}`,
-            c ? "w-fit" : "w-full",
+          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 || {},
-            ...j && j !== !0 ? { backgroundColor: j } : {}
+            ...b && b !== !0 ? { backgroundColor: b } : {}
           },
           id: L,
           ref: le,
-          "aria-label": R || `${i ? `The graph shows ${i}. ` : ""}This is a chart where data points are represented by squares, and their sizes reflect their values. ${h ? ` ${h}` : ""}`,
-          children: /* @__PURE__ */ v.jsx(
+          "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: j ? d || "1rem" : d || 0 },
-              children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                i || h || T || H ? /* @__PURE__ */ v.jsx(
+              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: {
@@ -667,52 +667,46 @@ function kt(e) {
                       title: S?.title,
                       description: S?.description
                     },
-                    graphTitle: i,
+                    graphTitle: n,
                     graphDescription: h,
-                    width: c,
+                    width: u,
                     graphDownload: T ? le.current : void 0,
-                    dataDownload: H ? t.map((m) => m.data).filter((m) => m !== void 0).length > 0 ? t.map((m) => m.data).filter((m) => m !== void 0) : t.filter((m) => m !== void 0) : null
+                    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__ */ v.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: t.length === 0 ? /* @__PURE__ */ v.jsx(Ne, {}) : /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-                  z && t.filter((m) => m.color).length !== 0 ? /* @__PURE__ */ v.jsx(
+                /* @__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: c,
+                      width: u,
                       colorLegendTitle: p,
                       colors: r || V[E].categoricalColors.colors,
-                      colorDomain: w || ce(
-                        t.filter((m) => m.color),
-                        "color"
-                      ).map((m) => m.color),
+                      colorDomain: y || ce(t, "color", !0),
                       setSelectedColor: ve,
                       showNAColor: _
                     }
                   ) : null,
-                  /* @__PURE__ */ v.jsx(
+                  /* @__PURE__ */ m.jsx(
                     "div",
                     {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: W,
                       "aria-label": "Graph area",
-                      children: (c || $) && (n || M) ? /* @__PURE__ */ v.jsx(
+                      children: (u || $) && (i || M) ? /* @__PURE__ */ m.jsx(
                         lt,
                         {
-                          data: t.filter((m) => !Ce(m.size)),
-                          colors: t.filter((m) => m.color).length === 0 ? r ? [r] : [V.primaryColors["blue-600"]] : r || V[E].categoricalColors.colors,
-                          colorDomain: t.filter((m) => m.color).length === 0 ? [] : w || ce(
-                            t.filter((m) => m.color),
-                            "color"
-                          ).map((m) => m.color),
-                          width: c || $,
+                          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,
-                            n || (x ? B ? (c || $) * x > B ? (c || $) * x : B : (c || $) * x : M)
+                            i || (w ? B ? (u || $) * w > B ? (u || $) * w : B : (u || $) * w : M)
                           ),
                           leftMargin: g,
-                          rightMargin: b,
-                          topMargin: u,
-                          bottomMargin: y,
+                          rightMargin: x,
+                          topMargin: c,
+                          bottomMargin: v,
                           showLabels: D,
                           showValues: I,
                           suffix: a,
@@ -735,7 +729,7 @@ function kt(e) {
                     }
                   )
                 ] }) }),
-                s || f ? /* @__PURE__ */ v.jsx(
+                s || f ? /* @__PURE__ */ m.jsx(
                   ke,
                   {
                     styles: { footnote: C?.footnote, source: C?.source },
@@ -745,7 +739,7 @@ function kt(e) {
                     },
                     sources: s,
                     footNote: f,
-                    width: c
+                    width: u
                   }
                 ) : null
               ] })