@undp/data-viz 1.5.9 → 2.0.0

package/dist/SankeyChart.js

@@ -1,991 +1,802 @@
-import { j as h, m as rt } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as vt, useState as Z, useEffect as Mt } from "react";
-import { s as _t } from "./index-CeVNqhMO.js";
-import { o as Nt } from "./index-DvVprvy6.js";
-import { i as Ht } from "./index-Bwrro8-q.js";
-import { G as Wt } from "./Modal-Cg8daIlV.js";
-import { u as ct } from "./Typography-LmZ9LEpe.js";
-import { n as St } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Rt } from "./Tooltip-6LIdPQGC.js";
-import { s as Gt } from "./string2HTML-oFCROsus.js";
-import { u as qt } from "./use-in-view-DR-UTB96.js";
-import { m as dt } from "./proxy-BYIC9BuT.js";
-import { A as Ft } from "./index-Cwgh7i7X.js";
-import { GraphHeader as Xt } from "./GraphHeader.js";
-import { GraphFooter as Yt } from "./GraphFooter.js";
-import { Colors as Tt } from "./Colors.js";
-import { g as Ut } from "./generateRandomString-za3IQGfQ.js";
-import { E as Zt } from "./EmptyState-36lXXyui.js";
-import { u as ot } from "./uniqBy-BHy4I8PK.js";
-function Ct(e, n) {
-  let i;
-  if (n === void 0)
-    for (const a of e)
-      a != null && (i < a || i === void 0 && a >= a) && (i = a);
+import { c as Le, j as m, m as Xt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as ae, useState as St, useEffectEvent as Ce, useEffect as de } from "react";
+import { s as pe } from "./index-CeVNqhMO.js";
+import { o as me } from "./index-BZQYSqar.js";
+import { i as Te } from "./index-Bwrro8-q.js";
+import { l as De } from "./Modal-DGcuAHyK.js";
+import { j as Yt } from "./Typography-PxtFcnJb.js";
+import { n as ye } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Pe } from "./Tooltip-CwWUegPB.js";
+import { s as ze } from "./string2HTML-DhG75NqA.js";
+import { u as Ee } from "./use-in-view-Cxa7y1TH.js";
+import { m as oe } from "./proxy-BxkFHwUw.js";
+import { A as Be } from "./index-BqfRwk1n.js";
+import { GraphHeader as Ie } from "./GraphHeader.js";
+import { GraphFooter as Ae } from "./GraphFooter.js";
+import { Colors as xe } from "./Colors.js";
+import { g as He } from "./generateRandomString-za3IQGfQ.js";
+import { E as We } from "./EmptyState-BZo1BbAn.js";
+import { u as Bt } from "./uniqBy-BHy4I8PK.js";
+import { a as Re, G as Ge } from "./GraphContainer-CRqzdKu2.js";
+function ve(e, t) {
+  let o;
+  if (t === void 0)
+    for (const r of e)
+      r != null && (o < r || o === void 0 && r >= r) && (o = r);
   else {
-    let a = -1;
-    for (let l of e)
-      (l = n(l, ++a, e)) != null && (i < l || i === void 0 && l >= l) && (i = l);
+    let r = -1;
+    for (let a of e)
+      (a = t(a, ++r, e)) != null && (o < a || o === void 0 && a >= a) && (o = a);
   }
-  return i;
+  return o;
 }
-function Bt(e, n) {
-  let i;
-  if (n === void 0)
-    for (const a of e)
-      a != null && (i > a || i === void 0 && a >= a) && (i = a);
+function Me(e, t) {
+  let o;
+  if (t === void 0)
+    for (const r of e)
+      r != null && (o > r || o === void 0 && r >= r) && (o = r);
   else {
-    let a = -1;
-    for (let l of e)
-      (l = n(l, ++a, e)) != null && (i > l || i === void 0 && l >= l) && (i = l);
+    let r = -1;
+    for (let a of e)
+      (a = t(a, ++r, e)) != null && (o > a || o === void 0 && a >= a) && (o = a);
   }
-  return i;
+  return o;
 }
-function pt(e, n) {
-  let i = 0;
-  if (n === void 0)
-    for (let a of e)
-      (a = +a) && (i += a);
+function ie(e, t) {
+  let o = 0;
+  if (t === void 0)
+    for (let r of e)
+      (r = +r) && (o += r);
   else {
-    let a = -1;
-    for (let l of e)
-      (l = +n(l, ++a, e)) && (i += l);
+    let r = -1;
+    for (let a of e)
+      (a = +t(a, ++r, e)) && (o += a);
   }
-  return i;
+  return o;
 }
-function Qt(e) {
+function _e(e) {
   return e.target.depth;
 }
-function Jt(e, n) {
-  return e.sourceLinks.length ? e.depth : n - 1;
+function qe(e, t) {
+  return e.sourceLinks.length ? e.depth : t - 1;
 }
-function mt(e) {
-  return e.targetLinks.length ? e.depth : e.sourceLinks.length ? Bt(e.sourceLinks, Qt) - 1 : 0;
+function re(e) {
+  return e.targetLinks.length ? e.depth : e.sourceLinks.length ? Me(e.sourceLinks, _e) - 1 : 0;
 }
-function ft(e) {
+function Ut(e) {
   return function() {
     return e;
   };
 }
-function Ot(e, n) {
-  return ht(e.source, n.source) || e.index - n.index;
+function ke(e, t) {
+  return Zt(e.source, t.source) || e.index - t.index;
 }
-function Dt(e, n) {
-  return ht(e.target, n.target) || e.index - n.index;
+function be(e, t) {
+  return Zt(e.target, t.target) || e.index - t.index;
 }
-function ht(e, n) {
-  return e.y0 - n.y0;
+function Zt(e, t) {
+  return e.y0 - t.y0;
 }
-function yt(e) {
+function se(e) {
   return e.value;
 }
-function Kt(e) {
+function Fe(e) {
   return e.index;
 }
-function te(e) {
+function Xe(e) {
   return e.nodes;
 }
-function ee(e) {
+function Ye(e) {
   return e.links;
 }
-function Vt(e, n) {
-  const i = e.get(n);
-  if (!i) throw new Error("missing: " + n);
-  return i;
-}
-function zt({ nodes: e }) {
-  for (const n of e) {
-    let i = n.y0, a = i;
-    for (const l of n.sourceLinks)
-      l.y0 = i + l.width / 2, i += l.width;
-    for (const l of n.targetLinks)
-      l.y1 = a + l.width / 2, a += l.width;
+function je(e, t) {
+  const o = e.get(t);
+  if (!o) throw new Error("missing: " + t);
+  return o;
+}
+function we({ nodes: e }) {
+  for (const t of e) {
+    let o = t.y0, r = o;
+    for (const a of t.sourceLinks)
+      a.y0 = o + a.width / 2, o += a.width;
+    for (const a of t.targetLinks)
+      a.y1 = r + a.width / 2, r += a.width;
   }
 }
-function xt() {
-  let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, x = Jt, k, v, w = te, b = ee, S = 6;
+function le() {
+  let e = 0, t = 0, o = 1, r = 1, a = 24, y = 8, h, g = Fe, x = qe, b, j, $ = Xe, P = Ye, k = 6;
   function d() {
-    const t = { nodes: w.apply(null, arguments), links: b.apply(null, arguments) };
-    return T(t), L(t), z(t), F(t), W(t), zt(t), t;
+    const n = { nodes: $.apply(null, arguments), links: P.apply(null, arguments) };
+    return M(n), R(n), w(n), O(n), q(n), we(n), n;
   }
-  d.update = function(t) {
-    return zt(t), t;
-  }, d.nodeId = function(t) {
-    return arguments.length ? (p = typeof t == "function" ? t : ft(t), d) : p;
-  }, d.nodeAlign = function(t) {
-    return arguments.length ? (x = typeof t == "function" ? t : ft(t), d) : x;
-  }, d.nodeSort = function(t) {
-    return arguments.length ? (k = t, d) : k;
-  }, d.nodeWidth = function(t) {
-    return arguments.length ? (l = +t, d) : l;
-  }, d.nodePadding = function(t) {
-    return arguments.length ? (y = g = +t, d) : y;
-  }, d.nodes = function(t) {
-    return arguments.length ? (w = typeof t == "function" ? t : ft(t), d) : w;
-  }, d.links = function(t) {
-    return arguments.length ? (b = typeof t == "function" ? t : ft(t), d) : b;
-  }, d.linkSort = function(t) {
-    return arguments.length ? (v = t, d) : v;
-  }, d.size = function(t) {
-    return arguments.length ? (e = n = 0, i = +t[0], a = +t[1], d) : [i - e, a - n];
-  }, d.extent = function(t) {
-    return arguments.length ? (e = +t[0][0], i = +t[1][0], n = +t[0][1], a = +t[1][1], d) : [[e, n], [i, a]];
-  }, d.iterations = function(t) {
-    return arguments.length ? (S = +t, d) : S;
+  d.update = function(n) {
+    return we(n), n;
+  }, d.nodeId = function(n) {
+    return arguments.length ? (g = typeof n == "function" ? n : Ut(n), d) : g;
+  }, d.nodeAlign = function(n) {
+    return arguments.length ? (x = typeof n == "function" ? n : Ut(n), d) : x;
+  }, d.nodeSort = function(n) {
+    return arguments.length ? (b = n, d) : b;
+  }, d.nodeWidth = function(n) {
+    return arguments.length ? (a = +n, d) : a;
+  }, d.nodePadding = function(n) {
+    return arguments.length ? (y = h = +n, d) : y;
+  }, d.nodes = function(n) {
+    return arguments.length ? ($ = typeof n == "function" ? n : Ut(n), d) : $;
+  }, d.links = function(n) {
+    return arguments.length ? (P = typeof n == "function" ? n : Ut(n), d) : P;
+  }, d.linkSort = function(n) {
+    return arguments.length ? (j = n, d) : j;
+  }, d.size = function(n) {
+    return arguments.length ? (e = t = 0, o = +n[0], r = +n[1], d) : [o - e, r - t];
+  }, d.extent = function(n) {
+    return arguments.length ? (e = +n[0][0], o = +n[1][0], t = +n[0][1], r = +n[1][1], d) : [[e, t], [o, r]];
+  }, d.iterations = function(n) {
+    return arguments.length ? (k = +n, d) : k;
   };
-  function T({ nodes: t, links: u }) {
-    for (const [c, r] of t.entries())
-      r.index = c, r.sourceLinks = [], r.targetLinks = [];
-    const s = new Map(t.map((c, r) => [p(c, r, t), c]));
-    for (const [c, r] of u.entries()) {
-      r.index = c;
-      let { source: f, target: m } = r;
-      typeof f != "object" && (f = r.source = Vt(s, f)), typeof m != "object" && (m = r.target = Vt(s, m)), f.sourceLinks.push(r), m.targetLinks.push(r);
+  function M({ nodes: n, links: l }) {
+    for (const [u, i] of n.entries())
+      i.index = u, i.sourceLinks = [], i.targetLinks = [];
+    const s = new Map(n.map((u, i) => [g(u, i, n), u]));
+    for (const [u, i] of l.entries()) {
+      i.index = u;
+      let { source: f, target: v } = i;
+      typeof f != "object" && (f = i.source = je(s, f)), typeof v != "object" && (v = i.target = je(s, v)), f.sourceLinks.push(i), v.targetLinks.push(i);
     }
-    if (v != null)
-      for (const { sourceLinks: c, targetLinks: r } of t)
-        c.sort(v), r.sort(v);
+    if (j != null)
+      for (const { sourceLinks: u, targetLinks: i } of n)
+        u.sort(j), i.sort(j);
   }
-  function L({ nodes: t }) {
-    for (const u of t)
-      u.value = u.fixedValue === void 0 ? Math.max(pt(u.sourceLinks, yt), pt(u.targetLinks, yt)) : u.fixedValue;
+  function R({ nodes: n }) {
+    for (const l of n)
+      l.value = l.fixedValue === void 0 ? Math.max(ie(l.sourceLinks, se), ie(l.targetLinks, se)) : l.fixedValue;
   }
-  function z({ nodes: t }) {
-    const u = t.length;
-    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+  function w({ nodes: n }) {
+    const l = n.length;
+    let s = new Set(n), u = /* @__PURE__ */ new Set(), i = 0;
     for (; s.size; ) {
       for (const f of s) {
-        f.depth = r;
-        for (const { target: m } of f.sourceLinks)
-          c.add(m);
+        f.depth = i;
+        for (const { target: v } of f.sourceLinks)
+          u.add(v);
       }
-      if (++r > u) throw new Error("circular link");
-      s = c, c = /* @__PURE__ */ new Set();
+      if (++i > l) throw new Error("circular link");
+      s = u, u = /* @__PURE__ */ new Set();
     }
   }
-  function F({ nodes: t }) {
-    const u = t.length;
-    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+  function O({ nodes: n }) {
+    const l = n.length;
+    let s = new Set(n), u = /* @__PURE__ */ new Set(), i = 0;
     for (; s.size; ) {
       for (const f of s) {
-        f.height = r;
-        for (const { source: m } of f.targetLinks)
-          c.add(m);
+        f.height = i;
+        for (const { source: v } of f.targetLinks)
+          u.add(v);
       }
-      if (++r > u) throw new Error("circular link");
-      s = c, c = /* @__PURE__ */ new Set();
+      if (++i > l) throw new Error("circular link");
+      s = u, u = /* @__PURE__ */ new Set();
     }
   }
-  function P({ nodes: t }) {
-    const u = Ct(t, (r) => r.depth) + 1, s = (i - e - l) / (u - 1), c = new Array(u);
-    for (const r of t) {
-      const f = Math.max(0, Math.min(u - 1, Math.floor(x.call(null, r, u))));
-      r.layer = f, r.x0 = e + f * s, r.x1 = r.x0 + l, c[f] ? c[f].push(r) : c[f] = [r];
+  function B({ nodes: n }) {
+    const l = ve(n, (i) => i.depth) + 1, s = (o - e - a) / (l - 1), u = new Array(l);
+    for (const i of n) {
+      const f = Math.max(0, Math.min(l - 1, Math.floor(x.call(null, i, l))));
+      i.layer = f, i.x0 = e + f * s, i.x1 = i.x0 + a, u[f] ? u[f].push(i) : u[f] = [i];
     }
-    if (k) for (const r of c)
-      r.sort(k);
-    return c;
+    if (b) for (const i of u)
+      i.sort(b);
+    return u;
   }
-  function C(t) {
-    const u = Bt(t, (s) => (a - n - (s.length - 1) * g) / pt(s, yt));
-    for (const s of t) {
-      let c = n;
-      for (const r of s) {
-        r.y0 = c, r.y1 = c + r.value * u, c = r.y1 + g;
-        for (const f of r.sourceLinks)
-          f.width = f.value * u;
+  function H(n) {
+    const l = Me(n, (s) => (r - t - (s.length - 1) * h) / ie(s, se));
+    for (const s of n) {
+      let u = t;
+      for (const i of s) {
+        i.y0 = u, i.y1 = u + i.value * l, u = i.y1 + h;
+        for (const f of i.sourceLinks)
+          f.width = f.value * l;
       }
-      c = (a - c + g) / (s.length + 1);
-      for (let r = 0; r < s.length; ++r) {
-        const f = s[r];
-        f.y0 += c * (r + 1), f.y1 += c * (r + 1);
+      u = (r - u + h) / (s.length + 1);
+      for (let i = 0; i < s.length; ++i) {
+        const f = s[i];
+        f.y0 += u * (i + 1), f.y1 += u * (i + 1);
       }
       I(s);
     }
   }
-  function W(t) {
-    const u = P(t);
-    g = Math.min(y, (a - n) / (Ct(u, (s) => s.length) - 1)), C(u);
-    for (let s = 0; s < S; ++s) {
-      const c = Math.pow(0.99, s), r = Math.max(1 - c, (s + 1) / S);
-      et(u, c, r), tt(u, c, r);
+  function q(n) {
+    const l = B(n);
+    h = Math.min(y, (r - t) / (ve(l, (s) => s.length) - 1)), H(l);
+    for (let s = 0; s < k; ++s) {
+      const u = Math.pow(0.99, s), i = Math.max(1 - u, (s + 1) / k);
+      F(l, u, i), G(l, u, i);
     }
   }
-  function tt(t, u, s) {
-    for (let c = 1, r = t.length; c < r; ++c) {
-      const f = t[c];
-      for (const m of f) {
-        let O = 0, D = 0;
-        for (const { source: E, value: _ } of m.targetLinks) {
-          let H = _ * (m.layer - E.layer);
-          O += Y(E, m) * H, D += H;
+  function G(n, l, s) {
+    for (let u = 1, i = n.length; u < i; ++u) {
+      const f = n[u];
+      for (const v of f) {
+        let S = 0, z = 0;
+        for (const { source: W, value: X } of v.targetLinks) {
+          let Y = X * (v.layer - W.layer);
+          S += V(W, v) * Y, z += Y;
         }
-        if (!(D > 0)) continue;
-        let R = (O / D - m.y0) * u;
-        m.y0 += R, m.y1 += R, V(m);
+        if (!(z > 0)) continue;
+        let T = (S / z - v.y0) * l;
+        v.y0 += T, v.y1 += T, kt(v);
       }
-      k === void 0 && f.sort(ht), B(f, s);
+      b === void 0 && f.sort(Zt), _(f, s);
     }
   }
-  function et(t, u, s) {
-    for (let c = t.length, r = c - 2; r >= 0; --r) {
-      const f = t[r];
-      for (const m of f) {
-        let O = 0, D = 0;
-        for (const { target: E, value: _ } of m.sourceLinks) {
-          let H = _ * (E.layer - m.layer);
-          O += nt(m, E) * H, D += H;
+  function F(n, l, s) {
+    for (let u = n.length, i = u - 2; i >= 0; --i) {
+      const f = n[i];
+      for (const v of f) {
+        let S = 0, z = 0;
+        for (const { target: W, value: X } of v.sourceLinks) {
+          let Y = X * (W.layer - v.layer);
+          S += C(v, W) * Y, z += Y;
         }
-        if (!(D > 0)) continue;
-        let R = (O / D - m.y0) * u;
-        m.y0 += R, m.y1 += R, V(m);
+        if (!(z > 0)) continue;
+        let T = (S / z - v.y0) * l;
+        v.y0 += T, v.y1 += T, kt(v);
       }
-      k === void 0 && f.sort(ht), B(f, s);
+      b === void 0 && f.sort(Zt), _(f, s);
     }
   }
-  function B(t, u) {
-    const s = t.length >> 1, c = t[s];
-    Q(t, c.y0 - g, s - 1, u), X(t, c.y1 + g, s + 1, u), Q(t, a, t.length - 1, u), X(t, n, 0, u);
+  function _(n, l) {
+    const s = n.length >> 1, u = n[s];
+    K(n, u.y0 - h, s - 1, l), N(n, u.y1 + h, s + 1, l), K(n, r, n.length - 1, l), N(n, t, 0, l);
   }
-  function X(t, u, s, c) {
-    for (; s < t.length; ++s) {
-      const r = t[s], f = (u - r.y0) * c;
-      f > 1e-6 && (r.y0 += f, r.y1 += f), u = r.y1 + g;
+  function N(n, l, s, u) {
+    for (; s < n.length; ++s) {
+      const i = n[s], f = (l - i.y0) * u;
+      f > 1e-6 && (i.y0 += f, i.y1 += f), l = i.y1 + h;
     }
   }
-  function Q(t, u, s, c) {
+  function K(n, l, s, u) {
     for (; s >= 0; --s) {
-      const r = t[s], f = (r.y1 - u) * c;
-      f > 1e-6 && (r.y0 -= f, r.y1 -= f), u = r.y0 - g;
+      const i = n[s], f = (i.y1 - l) * u;
+      f > 1e-6 && (i.y0 -= f, i.y1 -= f), l = i.y0 - h;
     }
   }
-  function V({ sourceLinks: t, targetLinks: u }) {
-    if (v === void 0) {
-      for (const { source: { sourceLinks: s } } of u)
-        s.sort(Dt);
-      for (const { target: { targetLinks: s } } of t)
-        s.sort(Ot);
+  function kt({ sourceLinks: n, targetLinks: l }) {
+    if (j === void 0) {
+      for (const { source: { sourceLinks: s } } of l)
+        s.sort(be);
+      for (const { target: { targetLinks: s } } of n)
+        s.sort(ke);
     }
   }
-  function I(t) {
-    if (v === void 0)
-      for (const { sourceLinks: u, targetLinks: s } of t)
-        u.sort(Dt), s.sort(Ot);
+  function I(n) {
+    if (j === void 0)
+      for (const { sourceLinks: l, targetLinks: s } of n)
+        l.sort(be), s.sort(ke);
   }
-  function Y(t, u) {
-    let s = t.y0 - (t.sourceLinks.length - 1) * g / 2;
-    for (const { target: c, width: r } of t.sourceLinks) {
-      if (c === u) break;
-      s += r + g;
+  function V(n, l) {
+    let s = n.y0 - (n.sourceLinks.length - 1) * h / 2;
+    for (const { target: u, width: i } of n.sourceLinks) {
+      if (u === l) break;
+      s += i + h;
     }
-    for (const { source: c, width: r } of u.targetLinks) {
-      if (c === t) break;
-      s -= r;
+    for (const { source: u, width: i } of l.targetLinks) {
+      if (u === n) break;
+      s -= i;
     }
     return s;
   }
-  function nt(t, u) {
-    let s = u.y0 - (u.targetLinks.length - 1) * g / 2;
-    for (const { source: c, width: r } of u.targetLinks) {
-      if (c === t) break;
-      s += r + g;
+  function C(n, l) {
+    let s = l.y0 - (l.targetLinks.length - 1) * h / 2;
+    for (const { source: u, width: i } of l.targetLinks) {
+      if (u === n) break;
+      s += i + h;
     }
-    for (const { target: c, width: r } of t.sourceLinks) {
-      if (c === u) break;
-      s -= r;
+    for (const { target: u, width: i } of n.sourceLinks) {
+      if (u === l) break;
+      s -= i;
     }
     return s;
   }
   return d;
 }
-var kt = Math.PI, wt = 2 * kt, K = 1e-6, ne = wt - K;
-function bt() {
+var ue = Math.PI, ce = 2 * ue, Ct = 1e-6, Ue = ce - Ct;
+function fe() {
   this._x0 = this._y0 = // start of current subpath
   this._x1 = this._y1 = null, this._ = "";
 }
-function It() {
-  return new bt();
+function Se() {
+  return new fe();
 }
-bt.prototype = It.prototype = {
-  constructor: bt,
-  moveTo: function(e, n) {
-    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n);
+fe.prototype = Se.prototype = {
+  constructor: fe,
+  moveTo: function(e, t) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +t);
   },
   closePath: function() {
     this._x1 !== null && (this._x1 = this._x0, this._y1 = this._y0, this._ += "Z");
   },
-  lineTo: function(e, n) {
-    this._ += "L" + (this._x1 = +e) + "," + (this._y1 = +n);
+  lineTo: function(e, t) {
+    this._ += "L" + (this._x1 = +e) + "," + (this._y1 = +t);
   },
-  quadraticCurveTo: function(e, n, i, a) {
-    this._ += "Q" + +e + "," + +n + "," + (this._x1 = +i) + "," + (this._y1 = +a);
+  quadraticCurveTo: function(e, t, o, r) {
+    this._ += "Q" + +e + "," + +t + "," + (this._x1 = +o) + "," + (this._y1 = +r);
   },
-  bezierCurveTo: function(e, n, i, a, l, y) {
-    this._ += "C" + +e + "," + +n + "," + +i + "," + +a + "," + (this._x1 = +l) + "," + (this._y1 = +y);
+  bezierCurveTo: function(e, t, o, r, a, y) {
+    this._ += "C" + +e + "," + +t + "," + +o + "," + +r + "," + (this._x1 = +a) + "," + (this._y1 = +y);
   },
-  arcTo: function(e, n, i, a, l) {
-    e = +e, n = +n, i = +i, a = +a, l = +l;
-    var y = this._x1, g = this._y1, p = i - e, x = a - n, k = y - e, v = g - n, w = k * k + v * v;
-    if (l < 0) throw new Error("negative radius: " + l);
+  arcTo: function(e, t, o, r, a) {
+    e = +e, t = +t, o = +o, r = +r, a = +a;
+    var y = this._x1, h = this._y1, g = o - e, x = r - t, b = y - e, j = h - t, $ = b * b + j * j;
+    if (a < 0) throw new Error("negative radius: " + a);
     if (this._x1 === null)
-      this._ += "M" + (this._x1 = e) + "," + (this._y1 = n);
-    else if (w > K) if (!(Math.abs(v * p - x * k) > K) || !l)
-      this._ += "L" + (this._x1 = e) + "," + (this._y1 = n);
+      this._ += "M" + (this._x1 = e) + "," + (this._y1 = t);
+    else if ($ > Ct) if (!(Math.abs(j * g - x * b) > Ct) || !a)
+      this._ += "L" + (this._x1 = e) + "," + (this._y1 = t);
     else {
-      var b = i - y, S = a - g, d = p * p + x * x, T = b * b + S * S, L = Math.sqrt(d), z = Math.sqrt(w), F = l * Math.tan((kt - Math.acos((d + w - T) / (2 * L * z))) / 2), P = F / z, C = F / L;
-      Math.abs(P - 1) > K && (this._ += "L" + (e + P * k) + "," + (n + P * v)), this._ += "A" + l + "," + l + ",0,0," + +(v * b > k * S) + "," + (this._x1 = e + C * p) + "," + (this._y1 = n + C * x);
+      var P = o - y, k = r - h, d = g * g + x * x, M = P * P + k * k, R = Math.sqrt(d), w = Math.sqrt($), O = a * Math.tan((ue - Math.acos((d + $ - M) / (2 * R * w))) / 2), B = O / w, H = O / R;
+      Math.abs(B - 1) > Ct && (this._ += "L" + (e + B * b) + "," + (t + B * j)), this._ += "A" + a + "," + a + ",0,0," + +(j * P > b * k) + "," + (this._x1 = e + H * g) + "," + (this._y1 = t + H * x);
     }
   },
-  arc: function(e, n, i, a, l, y) {
-    e = +e, n = +n, i = +i, y = !!y;
-    var g = i * Math.cos(a), p = i * Math.sin(a), x = e + g, k = n + p, v = 1 ^ y, w = y ? a - l : l - a;
-    if (i < 0) throw new Error("negative radius: " + i);
-    this._x1 === null ? this._ += "M" + x + "," + k : (Math.abs(this._x1 - x) > K || Math.abs(this._y1 - k) > K) && (this._ += "L" + x + "," + k), i && (w < 0 && (w = w % wt + wt), w > ne ? this._ += "A" + i + "," + i + ",0,1," + v + "," + (e - g) + "," + (n - p) + "A" + i + "," + i + ",0,1," + v + "," + (this._x1 = x) + "," + (this._y1 = k) : w > K && (this._ += "A" + i + "," + i + ",0," + +(w >= kt) + "," + v + "," + (this._x1 = e + i * Math.cos(l)) + "," + (this._y1 = n + i * Math.sin(l))));
+  arc: function(e, t, o, r, a, y) {
+    e = +e, t = +t, o = +o, y = !!y;
+    var h = o * Math.cos(r), g = o * Math.sin(r), x = e + h, b = t + g, j = 1 ^ y, $ = y ? r - a : a - r;
+    if (o < 0) throw new Error("negative radius: " + o);
+    this._x1 === null ? this._ += "M" + x + "," + b : (Math.abs(this._x1 - x) > Ct || Math.abs(this._y1 - b) > Ct) && (this._ += "L" + x + "," + b), o && ($ < 0 && ($ = $ % ce + ce), $ > Ue ? this._ += "A" + o + "," + o + ",0,1," + j + "," + (e - h) + "," + (t - g) + "A" + o + "," + o + ",0,1," + j + "," + (this._x1 = x) + "," + (this._y1 = b) : $ > Ct && (this._ += "A" + o + "," + o + ",0," + +($ >= ue) + "," + j + "," + (this._x1 = e + o * Math.cos(a)) + "," + (this._y1 = t + o * Math.sin(a))));
   },
-  rect: function(e, n, i, a) {
-    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n) + "h" + +i + "v" + +a + "h" + -i + "Z";
+  rect: function(e, t, o, r) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +t) + "h" + +o + "v" + +r + "h" + -o + "Z";
   },
   toString: function() {
     return this._;
   }
 };
-function Pt(e) {
+function $e(e) {
   return function() {
     return e;
   };
 }
-function oe(e) {
+function Ze(e) {
   return e[0];
 }
-function ie(e) {
+function Qe(e) {
   return e[1];
 }
-var re = Array.prototype.slice;
-function se(e) {
+var Je = Array.prototype.slice;
+function Ke(e) {
   return e.source;
 }
-function ae(e) {
+function tn(e) {
   return e.target;
 }
-function le(e) {
-  var n = se, i = ae, a = oe, l = ie, y = null;
-  function g() {
-    var p, x = re.call(arguments), k = n.apply(this, x), v = i.apply(this, x);
-    if (y || (y = p = It()), e(y, +a.apply(this, (x[0] = k, x)), +l.apply(this, x), +a.apply(this, (x[0] = v, x)), +l.apply(this, x)), p) return y = null, p + "" || null;
+function en(e) {
+  var t = Ke, o = tn, r = Ze, a = Qe, y = null;
+  function h() {
+    var g, x = Je.call(arguments), b = t.apply(this, x), j = o.apply(this, x);
+    if (y || (y = g = Se()), e(y, +r.apply(this, (x[0] = b, x)), +a.apply(this, x), +r.apply(this, (x[0] = j, x)), +a.apply(this, x)), g) return y = null, g + "" || null;
   }
-  return g.source = function(p) {
-    return arguments.length ? (n = p, g) : n;
-  }, g.target = function(p) {
-    return arguments.length ? (i = p, g) : i;
-  }, g.x = function(p) {
-    return arguments.length ? (a = typeof p == "function" ? p : Pt(+p), g) : a;
-  }, g.y = function(p) {
-    return arguments.length ? (l = typeof p == "function" ? p : Pt(+p), g) : l;
-  }, g.context = function(p) {
-    return arguments.length ? (y = p ?? null, g) : y;
-  }, g;
-}
-function ue(e, n, i, a, l) {
-  e.moveTo(n, i), e.bezierCurveTo(n = (n + a) / 2, i, n, l, a, l);
-}
-function ce() {
-  return le(ue);
-}
-function fe(e) {
+  return h.source = function(g) {
+    return arguments.length ? (t = g, h) : t;
+  }, h.target = function(g) {
+    return arguments.length ? (o = g, h) : o;
+  }, h.x = function(g) {
+    return arguments.length ? (r = typeof g == "function" ? g : $e(+g), h) : r;
+  }, h.y = function(g) {
+    return arguments.length ? (a = typeof g == "function" ? g : $e(+g), h) : a;
+  }, h.context = function(g) {
+    return arguments.length ? (y = g ?? null, h) : y;
+  }, h;
+}
+function nn(e, t, o, r, a) {
+  e.moveTo(t, o), e.bezierCurveTo(t = (t + r) / 2, o, t, a, r, a);
+}
+function on() {
+  return en(nn);
+}
+function rn(e) {
   return [e.source.x1, e.y0];
 }
-function he(e) {
+function sn(e) {
   return [e.target.x0, e.y1];
 }
-function ge() {
-  return ce().source(fe).target(he);
+function ln() {
+  return on().source(rn).target(sn);
 }
-function de(e) {
-  const {
-    data: n,
-    showLabels: i,
+function an(e) {
+  const t = Le.c(135), {
+    data: o,
+    showLabels: r,
     leftMargin: a,
-    rightMargin: l,
-    truncateBy: y,
+    rightMargin: y,
+    truncateBy: h,
     width: g,
-    height: p,
-    topMargin: x,
-    bottomMargin: k,
-    tooltip: v,
-    onSeriesMouseOver: w,
-    suffix: b,
-    prefix: S,
-    showValues: d,
-    onSeriesMouseClick: T,
-    nodePadding: L,
-    nodeWidth: z,
-    id: F,
-    highlightedSourceDataPoints: P,
-    highlightedTargetDataPoints: C,
-    defaultLinkOpacity: W,
-    sourceTitle: tt,
-    targetTitle: et,
-    animate: B,
-    sortNodes: X,
-    resetSelectionOnDoubleClick: Q,
-    detailsOnClick: V,
-    styles: I,
-    classNames: Y,
-    precision: nt,
-    customLayers: t
-  } = e, u = vt(null), s = qt(u, {
-    once: B.once,
-    amount: B.amount
-  }), [c, r] = Z(void 0), [f, m] = Z(void 0), [O, D] = Z(void 0), [R, E] = Z(void 0), [_, H] = Z(void 0), A = {
-    top: x,
-    bottom: k,
+    height: x,
+    topMargin: b,
+    bottomMargin: j,
+    tooltip: $,
+    onSeriesMouseOver: P,
+    suffix: k,
+    prefix: d,
+    showValues: M,
+    onSeriesMouseClick: R,
+    nodePadding: w,
+    nodeWidth: O,
+    id: B,
+    highlightedSourceDataPoints: H,
+    highlightedTargetDataPoints: q,
+    defaultLinkOpacity: G,
+    sourceTitle: F,
+    targetTitle: _,
+    animate: N,
+    sortNodes: K,
+    resetSelectionOnDoubleClick: kt,
+    detailsOnClick: I,
+    styles: V,
+    classNames: C,
+    precision: n,
+    customLayers: l
+  } = e, s = ae(null);
+  let u;
+  t[0] !== N.amount || t[1] !== N.once ? (u = {
+    once: N.once,
+    amount: N.amount
+  }, t[0] = N.amount, t[1] = N.once, t[2] = u) : u = t[2];
+  const i = Ee(s, u), [f, v] = St(void 0), [S, z] = St(void 0), [T, W] = St(void 0), [X, Y] = St(void 0), [Ot, Nt] = St(void 0);
+  let L;
+  t[3] !== j || t[4] !== a || t[5] !== y || t[6] !== b ? (L = {
+    top: b,
+    bottom: j,
     left: a,
-    right: l
-  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = X === "mostReadable" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt) : X === "none" ? xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(() => null).linkSort(() => null) : xt().nodeWidth(z).nodePadding(L).size([G, q]).nodeAlign(mt).nodeSort(
-    X === "desc" ? (o, N) => (N.value || 0) - (o.value || 0) : (o, N) => (o.value || 0) - (N.value || 0)
-  ), { nodes: at, links: lt } = st(n), J = ge();
-  return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-    /* @__PURE__ */ h.jsxs(
-      dt.svg,
-      {
-        width: `${g}px`,
-        height: `${p}px`,
-        viewBox: `0 0 ${g} ${p}`,
-        style: { marginLeft: "auto", marginRight: "auto" },
-        direction: "ltr",
-        ref: u,
-        children: [
-          tt ? /* @__PURE__ */ h.jsx(
-            "text",
-            {
-              x: A.left,
-              y: A.top - 10,
-              className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
-              style: { textAnchor: "start" },
-              children: tt
-            }
-          ) : null,
-          et ? /* @__PURE__ */ h.jsx(
-            "text",
-            {
-              x: g - A.right,
-              y: A.top - 10,
-              className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",
-              style: { textAnchor: "end" },
-              children: et
-            }
-          ) : null,
-          /* @__PURE__ */ h.jsxs("g", { transform: `translate(${A.left},${A.top})`, children: [
-            t.filter((o) => o.position === "before").map((o) => o.layer),
-            at.filter((o) => o.type === "source").map((o, N) => /* @__PURE__ */ h.jsx(
-              "g",
-              {
-                onMouseEnter: () => {
-                  D(o);
-                },
-                onMouseLeave: () => {
-                  D(void 0);
-                },
-                children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
-                  /* @__PURE__ */ h.jsx(
-                    "rect",
-                    {
-                      x: 0,
-                      y: 0,
-                      width: (o.x1 || 0) - (o.x0 || 0),
-                      height: (o.y1 || 0) - (o.y0 || 0),
-                      style: { fill: o.color }
-                    }
-                  ),
-                  i || d ? /* @__PURE__ */ h.jsx(
-                    "foreignObject",
-                    {
-                      y: 0 - L / 2,
-                      x: 0 - a,
-                      width: a,
-                      height: (o.y1 || 0) - (o.y0 || 0) + L,
-                      children: /* @__PURE__ */ h.jsxs(
-                        "div",
-                        {
-                          className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
-                          style: {
-                            height: `${(o.y1 || 0) - (o.y0 || 0) + L}px`,
-                            overflow: "visible"
-                          },
-                          children: [
-                            i ? /* @__PURE__ */ h.jsx(
-                              ct,
-                              {
-                                marginBottom: d ? "3xs" : "none",
-                                size: "sm",
-                                leading: "none",
-                                className: rt(
-                                  "sankey-right-label text-right",
-                                  Y?.graphObjectValues
-                                ),
-                                style: {
-                                  hyphens: "auto",
-                                  color: o.color,
-                                  ...I?.graphObjectValues
-                                },
-                                children: `${o.label}`.length < y ? `${o.label}` : `${`${o.label}`.substring(0, y)}...`
-                              }
-                            ) : null,
-                            d ? /* @__PURE__ */ h.jsx(
-                              ct,
-                              {
-                                marginBottom: "none",
-                                size: "sm",
-                                leading: "none",
-                                className: rt(
-                                  "sankey-right-value text-right font-bold",
-                                  Y?.graphObjectValues
-                                ),
-                                style: {
-                                  hyphens: "auto",
-                                  color: o.color,
-                                  ...I?.graphObjectValues
-                                },
-                                children: St(o.value, "NA", nt, S, b)
-                              }
-                            ) : null
-                          ]
-                        }
-                      )
-                    }
-                  ) : null
-                ] })
-              },
-              N
-            )),
-            at.filter((o) => o.type === "target").map((o, N) => /* @__PURE__ */ h.jsx(
-              "g",
-              {
-                onMouseEnter: () => {
-                  D(o);
-                },
-                onMouseLeave: () => {
-                  D(void 0);
-                },
-                children: /* @__PURE__ */ h.jsxs("g", { transform: `translate(${o.x0},${o.y0})`, children: [
-                  /* @__PURE__ */ h.jsx(
-                    "rect",
-                    {
-                      x: 0,
-                      y: 0,
-                      width: (o.x1 || 0) - (o.x0 || 0),
-                      height: (o.y1 || 0) - (o.y0 || 0),
-                      style: { fill: o.color }
-                    }
-                  ),
-                  i || d ? /* @__PURE__ */ h.jsx(
-                    "foreignObject",
-                    {
-                      y: 0 - L / 2,
-                      x: z,
-                      width: l - z,
-                      height: (o.y1 || 0) - (o.y0 || 0) + L,
-                      children: /* @__PURE__ */ h.jsxs(
-                        "div",
-                        {
-                          className: "flex flex-col gap-0.5 justify-center py-0 px-1.5",
-                          style: {
-                            height: `${(o.y1 || 0) - (o.y0 || 0) + L}px`
-                          },
-                          children: [
-                            i ? /* @__PURE__ */ h.jsx(
-                              ct,
-                              {
-                                marginBottom: d ? "3xs" : "none",
-                                size: "sm",
-                                leading: "none",
-                                className: rt(
-                                  "sankey-left-label text-left",
-                                  Y?.graphObjectValues
-                                ),
-                                style: {
-                                  hyphens: "auto",
-                                  color: o.color,
-                                  ...I?.graphObjectValues
-                                },
-                                children: `${o.label}`.length < y ? `${o.label}` : `${`${o.label}`.substring(0, y)}...`
-                              }
-                            ) : null,
-                            d ? /* @__PURE__ */ h.jsx(
-                              ct,
-                              {
-                                size: "sm",
-                                leading: "none",
-                                marginBottom: "none",
-                                className: rt(
-                                  "sankey-left-value text-left font-bold",
-                                  Y?.graphObjectValues
-                                ),
-                                style: {
-                                  hyphens: "auto",
-                                  color: o.color,
-                                  ...I?.graphObjectValues
-                                },
-                                children: St(o.value, "NA", nt, S, b)
-                              }
-                            ) : null
-                          ]
-                        }
-                      )
-                    }
-                  ) : null
-                ] })
-              },
-              N
-            )),
-            /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, N) => /* @__PURE__ */ h.jsxs(
-              "linearGradient",
-              {
-                id: `${F}-gradient-${N}`,
-                x1: "0%",
-                y1: "0%",
-                x2: "100%",
-                y2: "0%",
-                gradientUnits: "userSpaceOnUse",
-                children: [
-                  /* @__PURE__ */ h.jsx(
-                    "stop",
-                    {
-                      offset: "0%",
-                      style: {
-                        stopColor: o.source.color,
-                        stopOpacity: 1
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ h.jsx(
-                    "stop",
-                    {
-                      offset: "100%",
-                      style: {
-                        stopColor: o.target.color,
-                        stopOpacity: 1
-                      }
-                    }
-                  )
-                ]
-              },
-              N
-            )) }),
-            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Ft, { children: lt.map((o, N) => /* @__PURE__ */ h.jsx(
-              dt.g,
-              {
-                className: "undp-viz-g-with-hover",
-                onMouseEnter: (U) => {
-                  r(o.data), H(U.clientY), E(U.clientX), w?.(o);
-                },
-                onMouseMove: (U) => {
-                  r(o.data), H(U.clientY), E(U.clientX);
-                },
-                onClick: () => {
-                  (T || V) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  Ht(f, o.data) && Q ? (m(void 0), T?.(void 0)) : (m(o.data), T?.(o.data)));
-                },
-                onMouseLeave: () => {
-                  r(void 0), E(void 0), H(void 0), w?.(void 0);
-                },
-                variants: {
-                  initial: {
-                    opacity: O ? (
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.name === O.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.name === O.name ? 0.85 : W
-                    ) : (P.length !== 0 || C.length !== 0) && (P.indexOf(
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.label
-                    ) !== -1 || C.indexOf(
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.label
-                    ) !== -1) ? 0.85 : W
-                  },
-                  whileInView: {
-                    opacity: O ? (
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.name === O.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.name === O.name ? 0.85 : W
-                    ) : (P.length !== 0 || C.length !== 0) && (P.indexOf(
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.source.label
-                    ) !== -1 || C.indexOf(
-                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                      o.target.label
-                    ) !== -1) ? 0.85 : W,
-                    transition: { duration: B.duration }
-                  }
-                },
-                initial: "initial",
-                animate: s ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: B.duration } },
-                children: /* @__PURE__ */ h.jsx(
-                  dt.path,
-                  {
-                    d: J(o) || "",
-                    style: {
-                      stroke: `url(#${F}-gradient-${N})`,
-                      strokeWidth: o.width,
-                      fill: "none"
-                    },
-                    exit: { opacity: 0, transition: { duration: B.duration } },
-                    variants: {
-                      initial: {
-                        pathLength: 0,
-                        opacity: 1
-                      },
-                      whileInView: {
-                        pathLength: 1,
-                        opacity: 1,
-                        transition: { duration: B.duration }
-                      }
-                    },
-                    initial: "initial",
-                    animate: s ? "whileInView" : "initial"
-                  },
-                  `${o.source}-${o.target}`
-                )
-              },
-              `${o.source}-${o.target}`
-            )) }) }),
-            t.filter((o) => o.position === "after").map((o) => o.layer)
-          ] })
-        ]
+    right: y
+  }, t[3] = j, t[4] = a, t[5] = y, t[6] = b, t[7] = L) : L = t[7];
+  const p = L, jt = g - p.left - p.right, wt = x - p.top - p.bottom;
+  let tt, st, lt, U, at, ut, Z, Q, ct, ft, J, et, nt, ot, ht, gt;
+  if (t[8] !== N.duration || t[9] !== C?.graphObjectValues || t[10] !== l || t[11] !== o || t[12] !== G || t[13] !== I || t[14] !== wt || t[15] !== jt || t[16] !== x || t[17] !== H || t[18] !== q || t[19] !== B || t[20] !== i || t[21] !== a || t[22] !== p.left || t[23] !== p.right || t[24] !== p.top || t[25] !== S || t[26] !== w || t[27] !== O || t[28] !== R || t[29] !== P || t[30] !== n || t[31] !== d || t[32] !== kt || t[33] !== y || t[34] !== T || t[35] !== r || t[36] !== M || t[37] !== K || t[38] !== F || t[39] !== V?.graphObjectValues || t[40] !== k || t[41] !== _ || t[42] !== h || t[43] !== g) {
+    const It = K === "mostReadable" ? le().nodeWidth(O).nodePadding(w).size([jt, wt]).nodeAlign(re) : K === "none" ? le().nodeWidth(O).nodePadding(w).size([jt, wt]).nodeAlign(re).nodeSort(xn).linkSort(yn) : le().nodeWidth(O).nodePadding(w).size([jt, wt]).nodeAlign(re).nodeSort(K === "desc" ? mn : pn), {
+      nodes: D,
+      links: Tt
+    } = It(o), Dt = ln();
+    st = oe.svg, ht = `${g}px`, gt = `${x}px`, lt = `0 0 ${g} ${x}`, t[60] === Symbol.for("react.memo_cache_sentinel") ? (U = {
+      marginLeft: "auto",
+      marginRight: "auto"
+    }, t[60] = U) : U = t[60], at = "ltr", ut = s, t[61] !== p.left || t[62] !== p.top || t[63] !== F ? (Z = F ? /* @__PURE__ */ m.jsx("text", { x: p.left, y: p.top - 10, className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100", style: {
+      textAnchor: "start"
+    }, children: F }) : null, t[61] = p.left, t[62] = p.top, t[63] = F, t[64] = Z) : Z = t[64], t[65] !== p.right || t[66] !== p.top || t[67] !== _ || t[68] !== g ? (Q = _ ? /* @__PURE__ */ m.jsx("text", { x: g - p.right, y: p.top - 10, className: "text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100", style: {
+      textAnchor: "end"
+    }, children: _ }) : null, t[65] = p.right, t[66] = p.top, t[67] = _, t[68] = g, t[69] = Q) : Q = t[69], ft = `translate(${p.left},${p.top})`, t[70] !== l ? (J = l.filter(dn).map(gn), t[70] = l, t[71] = J) : J = t[71];
+    let Lt;
+    t[72] !== C?.graphObjectValues || t[73] !== a || t[74] !== w || t[75] !== n || t[76] !== d || t[77] !== r || t[78] !== M || t[79] !== V?.graphObjectValues || t[80] !== k || t[81] !== h ? (Lt = (c, xt) => /* @__PURE__ */ m.jsx("g", { onMouseEnter: () => {
+      W(c);
+    }, onMouseLeave: () => {
+      W(void 0);
+    }, children: /* @__PURE__ */ m.jsxs("g", { transform: `translate(${c.x0},${c.y0})`, children: [
+      /* @__PURE__ */ m.jsx("rect", { x: 0, y: 0, width: (c.x1 || 0) - (c.x0 || 0), height: (c.y1 || 0) - (c.y0 || 0), style: {
+        fill: c.color
+      } }),
+      r || M ? /* @__PURE__ */ m.jsx("foreignObject", { y: 0 - w / 2, x: 0 - a, width: a, height: (c.y1 || 0) - (c.y0 || 0) + w, children: /* @__PURE__ */ m.jsxs("div", { className: "flex flex-col gap-0.5 justify-center py-0 px-1.5", style: {
+        height: `${(c.y1 || 0) - (c.y0 || 0) + w}px`,
+        overflow: "visible"
+      }, children: [
+        r ? /* @__PURE__ */ m.jsx(Yt, { marginBottom: M ? "3xs" : "none", size: "sm", leading: "none", className: Xt("sankey-right-label text-right", C?.graphObjectValues), style: {
+          hyphens: "auto",
+          color: c.color,
+          ...V?.graphObjectValues
+        }, children: `${c.label}`.length < h ? `${c.label}` : `${`${c.label}`.substring(0, h)}...` }) : null,
+        M ? /* @__PURE__ */ m.jsx(Yt, { marginBottom: "none", size: "sm", leading: "none", className: Xt("sankey-right-value text-right font-bold", C?.graphObjectValues), style: {
+          hyphens: "auto",
+          color: c.color,
+          ...V?.graphObjectValues
+        }, children: ye(c.value, "NA", n, d, k) }) : null
+      ] }) }) : null
+    ] }) }, xt), t[72] = C?.graphObjectValues, t[73] = a, t[74] = w, t[75] = n, t[76] = d, t[77] = r, t[78] = M, t[79] = V?.graphObjectValues, t[80] = k, t[81] = h, t[82] = Lt) : Lt = t[82], et = D.filter(hn).map(Lt);
+    let bt;
+    t[83] !== C?.graphObjectValues || t[84] !== w || t[85] !== O || t[86] !== n || t[87] !== d || t[88] !== y || t[89] !== r || t[90] !== M || t[91] !== V?.graphObjectValues || t[92] !== k || t[93] !== h ? (bt = (c, xt) => /* @__PURE__ */ m.jsx("g", { onMouseEnter: () => {
+      W(c);
+    }, onMouseLeave: () => {
+      W(void 0);
+    }, children: /* @__PURE__ */ m.jsxs("g", { transform: `translate(${c.x0},${c.y0})`, children: [
+      /* @__PURE__ */ m.jsx("rect", { x: 0, y: 0, width: (c.x1 || 0) - (c.x0 || 0), height: (c.y1 || 0) - (c.y0 || 0), style: {
+        fill: c.color
+      } }),
+      r || M ? /* @__PURE__ */ m.jsx("foreignObject", { y: 0 - w / 2, x: O, width: y - O, height: (c.y1 || 0) - (c.y0 || 0) + w, children: /* @__PURE__ */ m.jsxs("div", { className: "flex flex-col gap-0.5 justify-center py-0 px-1.5", style: {
+        height: `${(c.y1 || 0) - (c.y0 || 0) + w}px`
+      }, children: [
+        r ? /* @__PURE__ */ m.jsx(Yt, { marginBottom: M ? "3xs" : "none", size: "sm", leading: "none", className: Xt("sankey-left-label text-left", C?.graphObjectValues), style: {
+          hyphens: "auto",
+          color: c.color,
+          ...V?.graphObjectValues
+        }, children: `${c.label}`.length < h ? `${c.label}` : `${`${c.label}`.substring(0, h)}...` }) : null,
+        M ? /* @__PURE__ */ m.jsx(Yt, { size: "sm", leading: "none", marginBottom: "none", className: Xt("sankey-left-value text-left font-bold", C?.graphObjectValues), style: {
+          hyphens: "auto",
+          color: c.color,
+          ...V?.graphObjectValues
+        }, children: ye(c.value, "NA", n, d, k) }) : null
+      ] }) }) : null
+    ] }) }, xt), t[83] = C?.graphObjectValues, t[84] = w, t[85] = O, t[86] = n, t[87] = d, t[88] = y, t[89] = r, t[90] = M, t[91] = V?.graphObjectValues, t[92] = k, t[93] = h, t[94] = bt) : bt = t[94], nt = D.filter(fn).map(bt);
+    let Mt;
+    t[95] !== B ? (Mt = (c, xt) => /* @__PURE__ */ m.jsxs("linearGradient", { id: `${B}-gradient-${xt}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ m.jsx("stop", { offset: "0%", style: {
+        stopColor: c.source.color,
+        stopOpacity: 1
+      } }),
+      /* @__PURE__ */ m.jsx("stop", { offset: "100%", style: {
+        stopColor: c.target.color,
+        stopOpacity: 1
+      } })
+    ] }, xt), t[95] = B, t[96] = Mt) : Mt = t[96], ot = /* @__PURE__ */ m.jsx("defs", { children: Tt.map(Mt) }), tt = Be, ct = Tt.map((c, xt) => /* @__PURE__ */ m.jsx(oe.g, { className: "undp-viz-g-with-hover", onMouseEnter: (vt) => {
+      v(c.data), Nt(vt.clientY), Y(vt.clientX), P?.(c);
+    }, onMouseMove: (vt) => {
+      v(c.data), Nt(vt.clientY), Y(vt.clientX);
+    }, onClick: () => {
+      (R || I) && (Te(S, c.data) && kt ? (z(void 0), R?.(void 0)) : (z(c.data), R?.(c.data)));
+    }, onMouseLeave: () => {
+      v(void 0), Y(void 0), Nt(void 0), P?.(void 0);
+    }, variants: {
+      initial: {
+        opacity: T ? c.source.name === T.name || c.target.name === T.name ? 0.85 : G : (H.length !== 0 || q.length !== 0) && (H.indexOf(c.source.label) !== -1 || q.indexOf(c.target.label) !== -1) ? 0.85 : G
+      },
+      whileInView: {
+        opacity: T ? c.source.name === T.name || c.target.name === T.name ? 0.85 : G : (H.length !== 0 || q.length !== 0) && (H.indexOf(c.source.label) !== -1 || q.indexOf(c.target.label) !== -1) ? 0.85 : G,
+        transition: {
+          duration: N.duration
+        }
       }
-    ),
-    c && v && R && _ ? /* @__PURE__ */ h.jsx(
-      Rt,
-      {
-        data: c,
-        body: v,
-        xPos: R,
-        yPos: _,
-        backgroundStyle: I?.tooltip,
-        className: Y?.tooltip
+    }, initial: "initial", animate: i ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: N.duration
       }
-    ) : null,
-    V && f !== void 0 ? /* @__PURE__ */ h.jsx(
-      Wt,
-      {
-        open: f !== void 0,
-        onClose: () => {
-          m(void 0);
-        },
-        children: /* @__PURE__ */ h.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof V == "string" ? { __html: Gt(V, f) } : void 0,
-            children: typeof V == "function" ? V(f) : null
-          }
-        )
+    }, children: /* @__PURE__ */ m.jsx(oe.path, { d: Dt(c) || "", style: {
+      stroke: `url(#${B}-gradient-${xt})`,
+      strokeWidth: c.width,
+      fill: "none"
+    }, exit: {
+      opacity: 0,
+      transition: {
+        duration: N.duration
       }
-    ) : null
-  ] });
-}
-function Ve(e) {
-  const {
-    data: n,
-    graphTitle: i,
+    }, variants: {
+      initial: {
+        pathLength: 0,
+        opacity: 1
+      },
+      whileInView: {
+        pathLength: 1,
+        opacity: 1,
+        transition: {
+          duration: N.duration
+        }
+      }
+    }, initial: "initial", animate: i ? "whileInView" : "initial" }, `${c.source}-${c.target}`) }, `${c.source}-${c.target}`)), t[8] = N.duration, t[9] = C?.graphObjectValues, t[10] = l, t[11] = o, t[12] = G, t[13] = I, t[14] = wt, t[15] = jt, t[16] = x, t[17] = H, t[18] = q, t[19] = B, t[20] = i, t[21] = a, t[22] = p.left, t[23] = p.right, t[24] = p.top, t[25] = S, t[26] = w, t[27] = O, t[28] = R, t[29] = P, t[30] = n, t[31] = d, t[32] = kt, t[33] = y, t[34] = T, t[35] = r, t[36] = M, t[37] = K, t[38] = F, t[39] = V?.graphObjectValues, t[40] = k, t[41] = _, t[42] = h, t[43] = g, t[44] = tt, t[45] = st, t[46] = lt, t[47] = U, t[48] = at, t[49] = ut, t[50] = Z, t[51] = Q, t[52] = ct, t[53] = ft, t[54] = J, t[55] = et, t[56] = nt, t[57] = ot, t[58] = ht, t[59] = gt;
+  } else
+    tt = t[44], st = t[45], lt = t[46], U = t[47], at = t[48], ut = t[49], Z = t[50], Q = t[51], ct = t[52], ft = t[53], J = t[54], et = t[55], nt = t[56], ot = t[57], ht = t[58], gt = t[59];
+  let dt;
+  t[97] !== tt || t[98] !== ct ? (dt = /* @__PURE__ */ m.jsx("g", { children: /* @__PURE__ */ m.jsx(tt, { children: ct }) }), t[97] = tt, t[98] = ct, t[99] = dt) : dt = t[99];
+  let pt;
+  t[100] !== l ? (pt = l.filter(cn).map(un), t[100] = l, t[101] = pt) : pt = t[101];
+  let mt;
+  t[102] !== dt || t[103] !== pt || t[104] !== ft || t[105] !== J || t[106] !== et || t[107] !== nt || t[108] !== ot ? (mt = /* @__PURE__ */ m.jsxs("g", { transform: ft, children: [
+    J,
+    et,
+    nt,
+    ot,
+    dt,
+    pt
+  ] }), t[102] = dt, t[103] = pt, t[104] = ft, t[105] = J, t[106] = et, t[107] = nt, t[108] = ot, t[109] = mt) : mt = t[109];
+  let it;
+  t[110] !== st || t[111] !== lt || t[112] !== U || t[113] !== at || t[114] !== ut || t[115] !== Z || t[116] !== Q || t[117] !== mt || t[118] !== ht || t[119] !== gt ? (it = /* @__PURE__ */ m.jsxs(st, { width: ht, height: gt, viewBox: lt, style: U, direction: at, ref: ut, children: [
+    Z,
+    Q,
+    mt
+  ] }), t[110] = st, t[111] = lt, t[112] = U, t[113] = at, t[114] = ut, t[115] = Z, t[116] = Q, t[117] = mt, t[118] = ht, t[119] = gt, t[120] = it) : it = t[120];
+  let yt;
+  t[121] !== C?.tooltip || t[122] !== X || t[123] !== Ot || t[124] !== f || t[125] !== V?.tooltip || t[126] !== $ ? (yt = f && $ && X && Ot ? /* @__PURE__ */ m.jsx(Pe, { data: f, body: $, xPos: X, yPos: Ot, backgroundStyle: V?.tooltip, className: C?.tooltip }) : null, t[121] = C?.tooltip, t[122] = X, t[123] = Ot, t[124] = f, t[125] = V?.tooltip, t[126] = $, t[127] = yt) : yt = t[127];
+  let rt;
+  t[128] !== I || t[129] !== S ? (rt = I && S !== void 0 ? /* @__PURE__ */ m.jsx(De, { open: S !== void 0, onClose: () => {
+    z(void 0);
+  }, children: /* @__PURE__ */ m.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof I == "string" ? {
+    __html: ze(I, S)
+  } : void 0, children: typeof I == "function" ? I(S) : null }) }) : null, t[128] = I, t[129] = S, t[130] = rt) : rt = t[130];
+  let $t;
+  return t[131] !== it || t[132] !== yt || t[133] !== rt ? ($t = /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+    it,
+    yt,
+    rt
+  ] }), t[131] = it, t[132] = yt, t[133] = rt, t[134] = $t) : $t = t[134], $t;
+}
+function un(e) {
+  return e.layer;
+}
+function cn(e) {
+  return e.position === "after";
+}
+function fn(e) {
+  return e.type === "target";
+}
+function hn(e) {
+  return e.type === "source";
+}
+function gn(e) {
+  return e.layer;
+}
+function dn(e) {
+  return e.position === "before";
+}
+function pn(e, t) {
+  return (e.value || 0) - (t.value || 0);
+}
+function mn(e, t) {
+  return (t.value || 0) - (e.value || 0);
+}
+function yn() {
+  return null;
+}
+function xn() {
+  return null;
+}
+function Yn(e) {
+  const t = Le.c(93), {
+    data: o,
+    graphTitle: r,
     sources: a,
-    graphDescription: l,
-    showLabels: y = !0,
-    leftMargin: g = 75,
-    rightMargin: p = 75,
-    topMargin: x = 30,
-    bottomMargin: k = 10,
-    truncateBy: v = 999,
-    height: w,
-    width: b,
-    footNote: S,
-    padding: d,
-    backgroundColor: T,
-    tooltip: L,
-    onSeriesMouseOver: z,
-    suffix: F = "",
-    prefix: P = "",
-    relativeHeight: C,
-    showValues: W = !0,
-    graphID: tt,
-    onSeriesMouseClick: et,
-    graphDownload: B = !1,
-    dataDownload: X = !1,
-    fillContainer: Q = !0,
-    language: V = "en",
-    minHeight: I = 0,
-    theme: Y = "light",
-    ariaLabel: nt,
-    sourceColors: t,
-    targetColors: u,
-    sourceColorDomain: s,
-    targetColorDomain: c,
-    nodePadding: r = 5,
-    nodeWidth: f = 5,
-    highlightedSourceDataPoints: m = [],
-    highlightedTargetDataPoints: O = [],
-    defaultLinkOpacity: D = 0.3,
-    sourceTitle: R,
-    targetTitle: E,
-    sortNodes: _ = "mostReadable",
-    resetSelectionOnDoubleClick: H = !0,
-    detailsOnClick: A,
-    styles: G,
-    classNames: q,
-    animate: st = !1,
-    precision: at = 2,
-    customLayers: lt = []
-  } = e, [J, o] = Z(0), [N, U] = Z(0), [jt, At] = Z(void 0), it = vt(null), $t = vt(null);
-  return Mt(() => {
-    const j = ot(n, "source", !0).map((M) => ({
-      name: `source_${M}`,
+    graphDescription: y,
+    showLabels: h,
+    leftMargin: g,
+    rightMargin: x,
+    topMargin: b,
+    bottomMargin: j,
+    truncateBy: $,
+    height: P,
+    width: k,
+    footNote: d,
+    padding: M,
+    backgroundColor: R,
+    tooltip: w,
+    onSeriesMouseOver: O,
+    suffix: B,
+    prefix: H,
+    relativeHeight: q,
+    showValues: G,
+    graphID: F,
+    onSeriesMouseClick: _,
+    graphDownload: N,
+    dataDownload: K,
+    fillContainer: kt,
+    language: I,
+    minHeight: V,
+    theme: C,
+    ariaLabel: n,
+    sourceColors: l,
+    targetColors: s,
+    sourceColorDomain: u,
+    targetColorDomain: i,
+    nodePadding: f,
+    nodeWidth: v,
+    highlightedSourceDataPoints: S,
+    highlightedTargetDataPoints: z,
+    defaultLinkOpacity: T,
+    sourceTitle: W,
+    targetTitle: X,
+    sortNodes: Y,
+    resetSelectionOnDoubleClick: Ot,
+    detailsOnClick: Nt,
+    styles: L,
+    classNames: p,
+    animate: jt,
+    precision: wt,
+    customLayers: tt
+  } = e, st = h === void 0 ? !0 : h, lt = g === void 0 ? 75 : g, U = x === void 0 ? 75 : x, at = b === void 0 ? 30 : b, ut = j === void 0 ? 10 : j, Z = $ === void 0 ? 999 : $, Q = R === void 0 ? !1 : R, ct = B === void 0 ? "" : B, ft = H === void 0 ? "" : H, J = G === void 0 ? !0 : G, et = N === void 0 ? !1 : N, nt = K === void 0 ? !1 : K, ot = kt === void 0 ? !0 : kt, ht = I === void 0 ? "en" : I, gt = V === void 0 ? 0 : V, dt = C === void 0 ? "light" : C, pt = f === void 0 ? 5 : f, mt = v === void 0 ? 5 : v;
+  let it;
+  t[0] !== S ? (it = S === void 0 ? [] : S, t[0] = S, t[1] = it) : it = t[1];
+  const yt = it;
+  let rt;
+  t[2] !== z ? (rt = z === void 0 ? [] : z, t[2] = z, t[3] = rt) : rt = t[3];
+  const $t = rt, It = T === void 0 ? 0.3 : T, D = Y === void 0 ? "mostReadable" : Y, Tt = Ot === void 0 ? !0 : Ot, Dt = jt === void 0 ? !1 : jt, Lt = wt === void 0 ? 2 : wt;
+  let bt;
+  t[4] !== tt ? (bt = tt === void 0 ? [] : tt, t[4] = tt, t[5] = bt) : bt = t[5];
+  const Mt = bt, [c, xt] = St(0), [vt, Oe] = St(0), [At, Ne] = St(void 0), Qt = ae(null), he = ae(null);
+  let Ht;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (Ht = (Vt) => {
+    Ne(Vt);
+  }, t[6] = Ht) : Ht = t[6];
+  const Jt = Ce(Ht);
+  let Wt;
+  t[7] !== o || t[8] !== D || t[9] !== u || t[10] !== l || t[11] !== i || t[12] !== s || t[13] !== Jt ? (Wt = () => {
+    const Vt = Bt(o, "source", !0).map((E) => ({
+      name: `source_${E}`,
       type: "source",
-      label: `${M}`,
-      color: typeof t == "string" || !t ? t || Tt.graphMainColor : t[(s || ot(n, "source", !0)).findIndex(
-        ($) => `${$}` == `${M}`
-      ) > t.length ? t.length - 1 : (s || ot(n, "source", !0)).findIndex(
-        ($) => `${$}` == `${M}`
-      )],
-      totalValue: _t(n.filter(($) => `${$.source}` == `${M}`).map(($) => $.value))
-    })), ut = _ === "asc" || _ === "desc" ? Nt(j, ["totalValue"], [_]) : j, Lt = ot(n, "target", !0).map((M) => ({
-      name: `target_${M}`,
+      label: `${E}`,
+      color: typeof l == "string" || !l ? l || xe.graphMainColor : l[(u || Bt(o, "source", !0)).findIndex((A) => `${A}` == `${E}`) > l.length ? l.length - 1 : (u || Bt(o, "source", !0)).findIndex((A) => `${A}` == `${E}`)],
+      totalValue: pe(o.filter((A) => `${A.source}` == `${E}`).map(Sn))
+    })), Ft = D === "asc" || D === "desc" ? me(Vt, ["totalValue"], [D]) : Vt, ge = Bt(o, "target", !0).map((E) => ({
+      name: `target_${E}`,
       type: "target",
-      label: `${M}`,
-      color: typeof u == "string" || !u ? u || Tt.graphMainColor : u[(c || ot(n, "target", !0)).findIndex(
-        ($) => `${$}` == `${M}`
-      ) > u.length ? u.length - 1 : (c || ot(n, "target", !0)).findIndex(
-        ($) => `${$}` == `${M}`
-      )],
-      totalValue: _t(n.filter(($) => `${$.target}` == `${M}`).map(($) => $.value))
-    })), Et = _ === "asc" || _ === "desc" ? Nt(Lt, ["totalValue"], [_]) : Lt, gt = [...ut, ...Et];
-    At({
-      nodes: gt,
-      links: n.map((M) => ({
-        source: gt.findIndex(($) => $.name === `source_${M.source}`),
-        target: gt.findIndex(($) => $.name === `target_${M.target}`),
-        value: M.value,
-        data: { ...M }
+      label: `${E}`,
+      color: typeof s == "string" || !s ? s || xe.graphMainColor : s[(i || Bt(o, "target", !0)).findIndex((A) => `${A}` == `${E}`) > s.length ? s.length - 1 : (i || Bt(o, "target", !0)).findIndex((A) => `${A}` == `${E}`)],
+      totalValue: pe(o.filter((A) => `${A.target}` == `${E}`).map(Mn))
+    })), Ve = D === "asc" || D === "desc" ? me(ge, ["totalValue"], [D]) : ge, ne = [...Ft, ...Ve];
+    Jt({
+      nodes: ne,
+      links: o.map((E) => ({
+        source: ne.findIndex((A) => A.name === `source_${E.source}`),
+        target: ne.findIndex((A) => A.name === `target_${E.target}`),
+        value: E.value,
+        data: {
+          ...E
+        }
       }))
     });
-  }, [n, _, s, t, c, u]), Mt(() => {
-    const j = new ResizeObserver((ut) => {
-      o(b || ut[0].target.clientWidth || 620), U(w || ut[0].target.clientHeight || 480);
+  }, t[7] = o, t[8] = D, t[9] = u, t[10] = l, t[11] = i, t[12] = s, t[13] = Jt, t[14] = Wt) : Wt = t[14];
+  let Rt;
+  t[15] !== o || t[16] !== D || t[17] !== u || t[18] !== l || t[19] !== i || t[20] !== s ? (Rt = [o, D, u, l, i, s], t[15] = o, t[16] = D, t[17] = u, t[18] = l, t[19] = i, t[20] = s, t[21] = Rt) : Rt = t[21], de(Wt, Rt);
+  let Gt, _t;
+  t[22] === Symbol.for("react.memo_cache_sentinel") ? (Gt = () => {
+    const Vt = new ResizeObserver((Ft) => {
+      xt(Ft[0].target.clientWidth || 620), Oe(Ft[0].target.clientHeight || 480);
     });
-    return it.current && (U(it.current.clientHeight || 480), o(it.current.clientWidth || 620), b || j.observe(it.current)), () => j.disconnect();
-  }, [b, w]), /* @__PURE__ */ h.jsx(
-    "div",
-    {
-      className: `${Y || "light"} flex ${b ? "grow-0" : "grow"} ${Q ? "w-full" : "w-fit"} `,
-      dir: V === "he" || V === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ h.jsx(
-        "div",
-        {
-          className: rt(
-            `${T ? T === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${V || "en"}`,
-            Q ? "w-full" : "w-fit",
-            q?.graphContainer
-          ),
-          style: {
-            ...G?.graphContainer || {},
-            ...T && T !== !0 ? { backgroundColor: T } : {}
-          },
-          id: tt,
-          ref: $t,
-          "aria-label": nt || `${i ? `The graph shows ${i}. ` : ""}This is a sankey chart showing flow. ${l ? ` ${l}` : ""}`,
-          children: /* @__PURE__ */ h.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: T ? d || "1rem" : d || 0 },
-              children: /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
-                i || l || B || X ? /* @__PURE__ */ h.jsx(
-                  Xt,
-                  {
-                    styles: {
-                      title: G?.title,
-                      description: G?.description
-                    },
-                    classNames: {
-                      title: q?.title,
-                      description: q?.description
-                    },
-                    graphTitle: i,
-                    graphDescription: l,
-                    width: b,
-                    graphDownload: B ? $t.current : void 0,
-                    dataDownload: X ? n.map((j) => j.data).filter((j) => j !== void 0).length > 0 ? n.map((j) => j.data).filter((j) => j !== void 0) : n.filter((j) => j !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ h.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ h.jsx(Zt, {}) : /* @__PURE__ */ h.jsx(
-                  "div",
-                  {
-                    className: "flex flex-col grow justify-center gap-3 w-full leading-0",
-                    ref: it,
-                    "aria-label": "Graph area",
-                    children: (b || J) && (w || N) && jt ? /* @__PURE__ */ h.jsx(
-                      de,
-                      {
-                        data: jt,
-                        width: b || J,
-                        nodePadding: r,
-                        nodeWidth: f,
-                        height: Math.max(
-                          I,
-                          w || (C ? I ? (b || J) * C > I ? (b || J) * C : I : (b || J) * C : N)
-                        ),
-                        showLabels: y,
-                        leftMargin: g,
-                        rightMargin: p,
-                        topMargin: x,
-                        bottomMargin: k,
-                        truncateBy: v,
-                        tooltip: L,
-                        onSeriesMouseOver: z,
-                        showValues: W,
-                        suffix: F,
-                        prefix: P,
-                        onSeriesMouseClick: et,
-                        id: Ut(8),
-                        highlightedSourceDataPoints: m.map((j) => `${j}`),
-                        highlightedTargetDataPoints: O.map((j) => `${j}`),
-                        defaultLinkOpacity: D,
-                        sourceTitle: R,
-                        targetTitle: E,
-                        sortNodes: _,
-                        resetSelectionOnDoubleClick: H,
-                        styles: G,
-                        classNames: q,
-                        detailsOnClick: A,
-                        animate: st === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : st || { duration: 0, once: !0, amount: 0 },
-                        precision: at,
-                        customLayers: lt
-                      }
-                    ) : null
-                  }
-                ) }),
-                a || S ? /* @__PURE__ */ h.jsx(
-                  Yt,
-                  {
-                    styles: { footnote: G?.footnote, source: G?.source },
-                    classNames: {
-                      footnote: q?.footnote,
-                      source: q?.source
-                    },
-                    sources: a,
-                    footNote: S,
-                    width: b
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return Qt.current && Vt.observe(Qt.current), () => Vt.disconnect();
+  }, _t = [], t[22] = Gt, t[23] = _t) : (Gt = t[22], _t = t[23]), de(Gt, _t);
+  const Kt = p?.graphContainer, te = L?.graphContainer, ee = ot ? void 0 : k;
+  let Pt;
+  t[24] !== p?.description || t[25] !== p?.title || t[26] !== o || t[27] !== nt || t[28] !== y || t[29] !== et || t[30] !== r || t[31] !== L?.description || t[32] !== L?.title || t[33] !== k ? (Pt = r || y || et || nt ? /* @__PURE__ */ m.jsx(Ie, { styles: {
+    title: L?.title,
+    description: L?.description
+  }, classNames: {
+    title: p?.title,
+    description: p?.description
+  }, graphTitle: r, graphDescription: y, width: k, graphDownload: et ? he : void 0, dataDownload: nt ? o.map(Ln).filter($n).length > 0 ? o.map(wn).filter(jn) : o.filter(bn) : null }) : null, t[24] = p?.description, t[25] = p?.title, t[26] = o, t[27] = nt, t[28] = y, t[29] = et, t[30] = r, t[31] = L?.description, t[32] = L?.title, t[33] = k, t[34] = Pt) : Pt = t[34];
+  let zt;
+  t[35] !== Dt || t[36] !== ut || t[37] !== p || t[38] !== Mt || t[39] !== o.length || t[40] !== It || t[41] !== Nt || t[42] !== ot || t[43] !== yt || t[44] !== $t || t[45] !== lt || t[46] !== pt || t[47] !== mt || t[48] !== _ || t[49] !== O || t[50] !== Lt || t[51] !== ft || t[52] !== Tt || t[53] !== U || t[54] !== At || t[55] !== st || t[56] !== J || t[57] !== D || t[58] !== W || t[59] !== L || t[60] !== ct || t[61] !== vt || t[62] !== c || t[63] !== X || t[64] !== w || t[65] !== at || t[66] !== Z || t[67] !== k ? (zt = o.length === 0 ? /* @__PURE__ */ m.jsx(We, {}) : /* @__PURE__ */ m.jsx(Re, { ref: Qt, children: c && vt && At ? /* @__PURE__ */ m.jsx(an, { data: At, nodePadding: pt, nodeWidth: mt, width: ot || !k || c < k ? c : k, height: vt, showLabels: st, leftMargin: lt, rightMargin: U, topMargin: at, bottomMargin: ut, truncateBy: Z, tooltip: w, onSeriesMouseOver: O, showValues: J, suffix: ct, prefix: ft, onSeriesMouseClick: _, id: He(8), highlightedSourceDataPoints: yt.map(kn), highlightedTargetDataPoints: $t.map(vn), defaultLinkOpacity: It, sourceTitle: W, targetTitle: X, sortNodes: D, resetSelectionOnDoubleClick: Tt, styles: L, classNames: p, detailsOnClick: Nt, animate: Dt === !0 ? {
+    duration: 0.5,
+    once: !0,
+    amount: 0.5
+  } : Dt || {
+    duration: 0,
+    once: !0,
+    amount: 0
+  }, precision: Lt, customLayers: Mt }) : null }), t[35] = Dt, t[36] = ut, t[37] = p, t[38] = Mt, t[39] = o.length, t[40] = It, t[41] = Nt, t[42] = ot, t[43] = yt, t[44] = $t, t[45] = lt, t[46] = pt, t[47] = mt, t[48] = _, t[49] = O, t[50] = Lt, t[51] = ft, t[52] = Tt, t[53] = U, t[54] = At, t[55] = st, t[56] = J, t[57] = D, t[58] = W, t[59] = L, t[60] = ct, t[61] = vt, t[62] = c, t[63] = X, t[64] = w, t[65] = at, t[66] = Z, t[67] = k, t[68] = zt) : zt = t[68];
+  let Et;
+  t[69] !== p?.footnote || t[70] !== p?.source || t[71] !== d || t[72] !== a || t[73] !== L?.footnote || t[74] !== L?.source || t[75] !== k ? (Et = a || d ? /* @__PURE__ */ m.jsx(Ae, { styles: {
+    footnote: L?.footnote,
+    source: L?.source
+  }, classNames: {
+    footnote: p?.footnote,
+    source: p?.source
+  }, sources: a, footNote: d, width: k }) : null, t[69] = p?.footnote, t[70] = p?.source, t[71] = d, t[72] = a, t[73] = L?.footnote, t[74] = L?.source, t[75] = k, t[76] = Et) : Et = t[76];
+  let qt;
+  return t[77] !== n || t[78] !== Q || t[79] !== F || t[80] !== P || t[81] !== ht || t[82] !== gt || t[83] !== M || t[84] !== q || t[85] !== Kt || t[86] !== te || t[87] !== ee || t[88] !== Pt || t[89] !== zt || t[90] !== Et || t[91] !== dt ? (qt = /* @__PURE__ */ m.jsxs(Ge, { className: Kt, style: te, id: F, ref: he, "aria-label": n, backgroundColor: Q, theme: dt, language: ht, minHeight: gt, width: ee, height: P, relativeHeight: q, padding: M, children: [
+    Pt,
+    zt,
+    Et
+  ] }), t[77] = n, t[78] = Q, t[79] = F, t[80] = P, t[81] = ht, t[82] = gt, t[83] = M, t[84] = q, t[85] = Kt, t[86] = te, t[87] = ee, t[88] = Pt, t[89] = zt, t[90] = Et, t[91] = dt, t[92] = qt) : qt = t[92], qt;
+}
+function vn(e) {
+  return `${e}`;
+}
+function kn(e) {
+  return `${e}`;
+}
+function bn(e) {
+  return e !== void 0;
+}
+function jn(e) {
+  return e !== void 0;
+}
+function wn(e) {
+  return e.data;
+}
+function $n(e) {
+  return e !== void 0;
+}
+function Ln(e) {
+  return e.data;
+}
+function Mn(e) {
+  return e.value;
+}
+function Sn(e) {
+  return e.value;
 }
 export {
-  Ve as SankeyChart
+  Yn as SankeyChart
 };
 //# sourceMappingURL=SankeyChart.js.map