@undp/data-viz 1.2.8 → 1.3.1

package/dist/SankeyChart.js

@@ -0,0 +1,990 @@
+import { j as h, m as rt } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useRef as wt, useState as Z, useEffect as _t } from "react";
+import { u as ot } from "./index-CaAIPGZo.js";
+import { s as ct } from "./index-DxagiOHo.js";
+import { s as Nt } from "./index-D7ltPi18.js";
+import { i as Ht } from "./index-27yTRcko.js";
+import { X as Wt } from "./Modal-CUU6ZK3U.js";
+import { u as ft } from "./Typography-Ctgfl1J5.js";
+import { n as St } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Rt } from "./Tooltip-DyM5snqx.js";
+import { s as Gt } from "./string2HTML-CWHGfz_d.js";
+import { u as qt } from "./use-in-view-BAHrBy6b.js";
+import { m as mt } from "./proxy-DJxJg1kD.js";
+import { A as Xt } from "./index-BxAUvrua.js";
+import { GraphHeader as Ft } 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-DdTp-Mdn.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);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = n(l, ++a, e)) != null && (i < l || i === void 0 && l >= l) && (i = l);
+  }
+  return i;
+}
+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);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = n(l, ++a, e)) != null && (i > l || i === void 0 && l >= l) && (i = l);
+  }
+  return i;
+}
+function yt(e, n) {
+  let i = 0;
+  if (n === void 0)
+    for (let a of e)
+      (a = +a) && (i += a);
+  else {
+    let a = -1;
+    for (let l of e)
+      (l = +n(l, ++a, e)) && (i += l);
+  }
+  return i;
+}
+function Qt(e) {
+  return e.target.depth;
+}
+function Jt(e, n) {
+  return e.sourceLinks.length ? e.depth : n - 1;
+}
+function xt(e) {
+  return e.targetLinks.length ? e.depth : e.sourceLinks.length ? Bt(e.sourceLinks, Qt) - 1 : 0;
+}
+function ht(e) {
+  return function() {
+    return e;
+  };
+}
+function Ot(e, n) {
+  return gt(e.source, n.source) || e.index - n.index;
+}
+function Dt(e, n) {
+  return gt(e.target, n.target) || e.index - n.index;
+}
+function gt(e, n) {
+  return e.y0 - n.y0;
+}
+function vt(e) {
+  return e.value;
+}
+function Kt(e) {
+  return e.index;
+}
+function te(e) {
+  return e.nodes;
+}
+function ee(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 kt() {
+  let e = 0, n = 0, i = 1, a = 1, l = 24, y = 8, g, p = Kt, v = Jt, b, k, $ = te, j = ee, N = 6;
+  function d() {
+    const t = { nodes: $.apply(null, arguments), links: j.apply(null, arguments) };
+    return S(t), M(t), z(t), X(t), W(t), zt(t), t;
+  }
+  d.update = function(t) {
+    return zt(t), t;
+  }, d.nodeId = function(t) {
+    return arguments.length ? (p = typeof t == "function" ? t : ht(t), d) : p;
+  }, d.nodeAlign = function(t) {
+    return arguments.length ? (v = typeof t == "function" ? t : ht(t), d) : v;
+  }, d.nodeSort = function(t) {
+    return arguments.length ? (b = t, d) : b;
+  }, 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 ? ($ = typeof t == "function" ? t : ht(t), d) : $;
+  }, d.links = function(t) {
+    return arguments.length ? (j = typeof t == "function" ? t : ht(t), d) : j;
+  }, d.linkSort = function(t) {
+    return arguments.length ? (k = t, d) : k;
+  }, 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 ? (N = +t, d) : N;
+  };
+  function S({ 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);
+    }
+    if (k != null)
+      for (const { sourceLinks: c, targetLinks: r } of t)
+        c.sort(k), r.sort(k);
+  }
+  function M({ nodes: t }) {
+    for (const u of t)
+      u.value = u.fixedValue === void 0 ? Math.max(yt(u.sourceLinks, vt), yt(u.targetLinks, vt)) : u.fixedValue;
+  }
+  function z({ nodes: t }) {
+    const u = t.length;
+    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+    for (; s.size; ) {
+      for (const f of s) {
+        f.depth = r;
+        for (const { target: m } of f.sourceLinks)
+          c.add(m);
+      }
+      if (++r > u) throw new Error("circular link");
+      s = c, c = /* @__PURE__ */ new Set();
+    }
+  }
+  function X({ nodes: t }) {
+    const u = t.length;
+    let s = new Set(t), c = /* @__PURE__ */ new Set(), r = 0;
+    for (; s.size; ) {
+      for (const f of s) {
+        f.height = r;
+        for (const { source: m } of f.targetLinks)
+          c.add(m);
+      }
+      if (++r > u) throw new Error("circular link");
+      s = c, c = /* @__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(v.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];
+    }
+    if (b) for (const r of c)
+      r.sort(b);
+    return c;
+  }
+  function T(t) {
+    const u = Bt(t, (s) => (a - n - (s.length - 1) * g) / yt(s, vt));
+    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;
+      }
+      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);
+      }
+      I(s);
+    }
+  }
+  function W(t) {
+    const u = P(t);
+    g = Math.min(y, (a - n) / (Ct(u, (s) => s.length) - 1)), T(u);
+    for (let s = 0; s < N; ++s) {
+      const c = Math.pow(0.99, s), r = Math.max(1 - c, (s + 1) / N);
+      tt(u, c, r), K(u, c, r);
+    }
+  }
+  function K(t, u, s) {
+    for (let c = 1, r = t.length; c < r; ++c) {
+      const f = t[c];
+      for (const m of f) {
+        let C = 0, O = 0;
+        for (const { source: E, value: V } of m.targetLinks) {
+          let H = V * (m.layer - E.layer);
+          C += Y(E, m) * H, O += H;
+        }
+        if (!(O > 0)) continue;
+        let R = (C / O - m.y0) * u;
+        m.y0 += R, m.y1 += R, D(m);
+      }
+      b === void 0 && f.sort(gt), B(f, s);
+    }
+  }
+  function tt(t, u, s) {
+    for (let c = t.length, r = c - 2; r >= 0; --r) {
+      const f = t[r];
+      for (const m of f) {
+        let C = 0, O = 0;
+        for (const { target: E, value: V } of m.sourceLinks) {
+          let H = V * (E.layer - m.layer);
+          C += nt(m, E) * H, O += H;
+        }
+        if (!(O > 0)) continue;
+        let R = (C / O - m.y0) * u;
+        m.y0 += R, m.y1 += R, D(m);
+      }
+      b === void 0 && f.sort(gt), B(f, s);
+    }
+  }
+  function B(t, u) {
+    const s = t.length >> 1, c = t[s];
+    et(t, c.y0 - g, s - 1, u), F(t, c.y1 + g, s + 1, u), et(t, a, t.length - 1, u), F(t, n, 0, u);
+  }
+  function F(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 et(t, u, s, c) {
+    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;
+    }
+  }
+  function D({ sourceLinks: t, targetLinks: u }) {
+    if (k === void 0) {
+      for (const { source: { sourceLinks: s } } of u)
+        s.sort(Dt);
+      for (const { target: { targetLinks: s } } of t)
+        s.sort(Ot);
+    }
+  }
+  function I(t) {
+    if (k === void 0)
+      for (const { sourceLinks: u, targetLinks: s } of t)
+        u.sort(Dt), s.sort(Ot);
+  }
+  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;
+    }
+    for (const { source: c, width: r } of u.targetLinks) {
+      if (c === t) break;
+      s -= r;
+    }
+    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;
+    }
+    for (const { target: c, width: r } of t.sourceLinks) {
+      if (c === u) break;
+      s -= r;
+    }
+    return s;
+  }
+  return d;
+}
+var bt = Math.PI, $t = 2 * bt, J = 1e-6, ne = $t - J;
+function jt() {
+  this._x0 = this._y0 = // start of current subpath
+  this._x1 = this._y1 = null, this._ = "";
+}
+function It() {
+  return new jt();
+}
+jt.prototype = It.prototype = {
+  constructor: jt,
+  moveTo: function(e, n) {
+    this._ += "M" + (this._x0 = this._x1 = +e) + "," + (this._y0 = this._y1 = +n);
+  },
+  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);
+  },
+  quadraticCurveTo: function(e, n, i, a) {
+    this._ += "Q" + +e + "," + +n + "," + (this._x1 = +i) + "," + (this._y1 = +a);
+  },
+  bezierCurveTo: function(e, n, i, a, l, y) {
+    this._ += "C" + +e + "," + +n + "," + +i + "," + +a + "," + (this._x1 = +l) + "," + (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, v = a - n, b = y - e, k = g - n, $ = b * b + k * k;
+    if (l < 0) throw new Error("negative radius: " + l);
+    if (this._x1 === null)
+      this._ += "M" + (this._x1 = e) + "," + (this._y1 = n);
+    else if ($ > J) if (!(Math.abs(k * p - v * b) > J) || !l)
+      this._ += "L" + (this._x1 = e) + "," + (this._y1 = n);
+    else {
+      var j = i - y, N = a - g, d = p * p + v * v, S = j * j + N * N, M = Math.sqrt(d), z = Math.sqrt($), X = l * Math.tan((bt - Math.acos((d + $ - S) / (2 * M * z))) / 2), P = X / z, T = X / M;
+      Math.abs(P - 1) > J && (this._ += "L" + (e + P * b) + "," + (n + P * k)), this._ += "A" + l + "," + l + ",0,0," + +(k * j > b * N) + "," + (this._x1 = e + T * p) + "," + (this._y1 = n + T * v);
+    }
+  },
+  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), v = e + g, b = n + p, k = 1 ^ y, $ = y ? a - l : l - a;
+    if (i < 0) throw new Error("negative radius: " + i);
+    this._x1 === null ? this._ += "M" + v + "," + b : (Math.abs(this._x1 - v) > J || Math.abs(this._y1 - b) > J) && (this._ += "L" + v + "," + b), i && ($ < 0 && ($ = $ % $t + $t), $ > ne ? this._ += "A" + i + "," + i + ",0,1," + k + "," + (e - g) + "," + (n - p) + "A" + i + "," + i + ",0,1," + k + "," + (this._x1 = v) + "," + (this._y1 = b) : $ > J && (this._ += "A" + i + "," + i + ",0," + +($ >= bt) + "," + k + "," + (this._x1 = e + i * Math.cos(l)) + "," + (this._y1 = n + i * Math.sin(l))));
+  },
+  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";
+  },
+  toString: function() {
+    return this._;
+  }
+};
+function Pt(e) {
+  return function() {
+    return e;
+  };
+}
+function oe(e) {
+  return e[0];
+}
+function ie(e) {
+  return e[1];
+}
+var re = Array.prototype.slice;
+function se(e) {
+  return e.source;
+}
+function ae(e) {
+  return e.target;
+}
+function le(e) {
+  var n = se, i = ae, a = oe, l = ie, y = null;
+  function g() {
+    var p, v = re.call(arguments), b = n.apply(this, v), k = i.apply(this, v);
+    if (y || (y = p = It()), e(y, +a.apply(this, (v[0] = b, v)), +l.apply(this, v), +a.apply(this, (v[0] = k, v)), +l.apply(this, v)), p) return y = null, p + "" || 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 [e.source.x1, e.y0];
+}
+function he(e) {
+  return [e.target.x0, e.y1];
+}
+function ge() {
+  return ce().source(fe).target(he);
+}
+function de(e) {
+  const {
+    data: n,
+    showLabels: i,
+    leftMargin: a,
+    rightMargin: l,
+    truncateBy: y,
+    width: g,
+    height: p,
+    topMargin: v,
+    bottomMargin: b,
+    tooltip: k,
+    onSeriesMouseOver: $,
+    suffix: j,
+    prefix: N,
+    showValues: d,
+    onSeriesMouseClick: S,
+    nodePadding: M,
+    nodeWidth: z,
+    id: X,
+    highlightedSourceDataPoints: P,
+    highlightedTargetDataPoints: T,
+    defaultLinkOpacity: W,
+    sourceTitle: K,
+    targetTitle: tt,
+    animate: B,
+    sortNodes: F,
+    resetSelectionOnDoubleClick: et,
+    detailsOnClick: D,
+    styles: I,
+    classNames: Y,
+    precision: nt,
+    customLayers: t
+  } = e, u = wt(null), s = qt(u, {
+    once: B.once,
+    amount: B.amount
+  }), [c, r] = Z(void 0), [f, m] = Z(void 0), [C, O] = Z(void 0), [R, E] = Z(void 0), [V, H] = Z(void 0), A = {
+    top: v,
+    bottom: b,
+    left: a,
+    right: l
+  }, G = g - A.left - A.right, q = p - A.top - A.bottom, st = F === "mostReadable" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt) : F === "none" ? kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(() => null).linkSort(() => null) : kt().nodeWidth(z).nodePadding(M).size([G, q]).nodeAlign(xt).nodeSort(
+    F === "desc" ? (o, _) => (_.value || 0) - (o.value || 0) : (o, _) => (o.value || 0) - (_.value || 0)
+  ), { nodes: at, links: lt } = st(n), Q = ge();
+  return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    /* @__PURE__ */ h.jsxs(
+      mt.svg,
+      {
+        width: `${g}px`,
+        height: `${p}px`,
+        viewBox: `0 0 ${g} ${p}`,
+        style: { marginLeft: "auto", marginRight: "auto" },
+        direction: "ltr",
+        ref: u,
+        children: [
+          K ? /* @__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: K
+            }
+          ) : null,
+          tt ? /* @__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: tt
+            }
+          ) : 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, _) => /* @__PURE__ */ h.jsx(
+              "g",
+              {
+                onMouseEnter: () => {
+                  O(o);
+                },
+                onMouseLeave: () => {
+                  O(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 - M / 2,
+                      x: 0 - a,
+                      width: a,
+                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      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) + M}px`,
+                            overflow: "visible"
+                          },
+                          children: [
+                            i ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                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(
+                              ft,
+                              {
+                                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, N, j)
+                              }
+                            ) : null
+                          ]
+                        }
+                      )
+                    }
+                  ) : null
+                ] })
+              },
+              _
+            )),
+            at.filter((o) => o.type === "target").map((o, _) => /* @__PURE__ */ h.jsx(
+              "g",
+              {
+                onMouseEnter: () => {
+                  O(o);
+                },
+                onMouseLeave: () => {
+                  O(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 - M / 2,
+                      x: z,
+                      width: l - z,
+                      height: (o.y1 || 0) - (o.y0 || 0) + M,
+                      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) + M}px`
+                          },
+                          children: [
+                            i ? /* @__PURE__ */ h.jsx(
+                              ft,
+                              {
+                                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(
+                              ft,
+                              {
+                                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, N, j)
+                              }
+                            ) : null
+                          ]
+                        }
+                      )
+                    }
+                  ) : null
+                ] })
+              },
+              _
+            )),
+            /* @__PURE__ */ h.jsx("defs", { children: lt.map((o, _) => /* @__PURE__ */ h.jsxs(
+              "linearGradient",
+              {
+                id: `${X}-gradient-${_}`,
+                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
+                      }
+                    }
+                  )
+                ]
+              },
+              _
+            )) }),
+            /* @__PURE__ */ h.jsx("g", { children: /* @__PURE__ */ h.jsx(Xt, { children: lt.map((o, _) => /* @__PURE__ */ h.jsx(
+              mt.g,
+              {
+                className: "undp-viz-g-with-hover",
+                onMouseEnter: (U) => {
+                  r(o.data), H(U.clientY), E(U.clientX), $?.(o);
+                },
+                onMouseMove: (U) => {
+                  r(o.data), H(U.clientY), E(U.clientX);
+                },
+                onClick: () => {
+                  (S || D) && (// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  Ht(f, o.data) && et ? (m(void 0), S?.(void 0)) : (m(o.data), S?.(o.data)));
+                },
+                onMouseLeave: () => {
+                  r(void 0), E(void 0), H(void 0), $?.(void 0);
+                },
+                variants: {
+                  initial: {
+                    opacity: C ? (
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === C.name ? 0.85 : W
+                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.label
+                    ) !== -1 || T.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.label
+                    ) !== -1) ? 0.85 : W
+                  },
+                  whileInView: {
+                    opacity: C ? (
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.name === C.name || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.target.name === C.name ? 0.85 : W
+                    ) : (P.length !== 0 || T.length !== 0) && (P.indexOf(
+                      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                      o.source.label
+                    ) !== -1 || T.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(
+                  mt.path,
+                  {
+                    d: Q(o) || "",
+                    style: {
+                      stroke: `url(#${X}-gradient-${_})`,
+                      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)
+          ] })
+        ]
+      }
+    ),
+    c && k && R && V ? /* @__PURE__ */ h.jsx(
+      Rt,
+      {
+        data: c,
+        body: k,
+        xPos: R,
+        yPos: V,
+        backgroundStyle: I?.tooltip,
+        className: Y?.tooltip
+      }
+    ) : null,
+    D && 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 D == "string" ? { __html: Gt(D, f) } : void 0,
+            children: typeof D == "function" ? D(f) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Ve(e) {
+  const {
+    data: n,
+    graphTitle: i,
+    sources: a,
+    graphDescription: l,
+    showLabels: y = !0,
+    leftMargin: g = 75,
+    rightMargin: p = 75,
+    topMargin: v = 30,
+    bottomMargin: b = 10,
+    truncateBy: k = 999,
+    height: $,
+    width: j,
+    footNote: N,
+    padding: d,
+    backgroundColor: S,
+    tooltip: M,
+    onSeriesMouseOver: z,
+    suffix: X = "",
+    prefix: P = "",
+    relativeHeight: T,
+    showValues: W = !0,
+    graphID: K,
+    onSeriesMouseClick: tt,
+    graphDownload: B = !1,
+    dataDownload: F = !1,
+    fillContainer: et = !0,
+    language: D = "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: C = [],
+    defaultLinkOpacity: O = 0.3,
+    sourceTitle: R,
+    targetTitle: E,
+    sortNodes: V = "mostReadable",
+    resetSelectionOnDoubleClick: H = !0,
+    detailsOnClick: A,
+    styles: G,
+    classNames: q,
+    animate: st = !1,
+    precision: at = 2,
+    customLayers: lt = []
+  } = e, [Q, o] = Z(0), [_, U] = Z(0), [Lt, At] = Z(void 0), it = wt(null), Mt = wt(null);
+  return _t(() => {
+    const L = ot(n, "source").map((w) => ({
+      name: `source_${w.source}`,
+      type: "source",
+      label: `${w.source}`,
+      color: typeof t == "string" || !t ? t || Tt.graphMainColor : t[(s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
+        (x) => `${x}` == `${w.source}`
+      ) > t.length ? t.length - 1 : (s || ot(n, "source").map((x) => `${x.source}`)).findIndex(
+        (x) => `${x}` == `${w.source}`
+      )],
+      totalValue: Nt(n.filter((x) => `${x.source}` == `${w.source}`).map((x) => x.value))
+    })), ut = V === "asc" ? ct(L, (w) => w.totalValue) : V === "desc" ? ct(L, (w) => w.totalValue).reverse() : L, dt = ot(n, "target").map((w) => ({
+      name: `target_${w.target}`,
+      type: "target",
+      label: `${w.target}`,
+      color: typeof u == "string" || !u ? u || Tt.graphMainColor : u[(c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
+        (x) => `${x}` == `${w.target}`
+      ) > u.length ? u.length - 1 : (c || ot(n, "target").map((x) => `${x.target}`)).findIndex(
+        (x) => `${x}` == `${w.target}`
+      )],
+      totalValue: Nt(n.filter((x) => `${x.target}` == `${w.target}`).map((x) => x.value))
+    })), Et = V === "asc" ? ct(dt, (w) => w.totalValue) : V === "desc" ? ct(dt, (w) => w.totalValue).reverse() : dt, pt = [...ut, ...Et];
+    At({
+      nodes: pt,
+      links: n.map((w) => ({
+        source: pt.findIndex((x) => x.name === `source_${w.source}`),
+        target: pt.findIndex((x) => x.name === `target_${w.target}`),
+        value: w.value,
+        data: { ...w }
+      }))
+    });
+  }, [n, V, s, t, c, u]), _t(() => {
+    const L = new ResizeObserver((ut) => {
+      o(j || ut[0].target.clientWidth || 620), U($ || ut[0].target.clientHeight || 480);
+    });
+    return it.current && (U(it.current.clientHeight || 480), o(it.current.clientWidth || 620), j || L.observe(it.current)), () => L.disconnect();
+  }, [j, $]), /* @__PURE__ */ h.jsx(
+    "div",
+    {
+      className: `${Y || "light"} flex ${j ? "grow-0" : "grow"} ${et ? "w-full" : "w-fit"} `,
+      dir: D === "he" || D === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ h.jsx(
+        "div",
+        {
+          className: rt(
+            `${S ? S === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
+            q?.graphContainer
+          ),
+          style: {
+            ...G?.graphContainer || {},
+            ...S && S !== !0 ? { backgroundColor: S } : {}
+          },
+          id: K,
+          ref: Mt,
+          "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: S ? d || "1rem" : d || 0 },
+              children: /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
+                i || l || B || F ? /* @__PURE__ */ h.jsx(
+                  Ft,
+                  {
+                    styles: {
+                      title: G?.title,
+                      description: G?.description
+                    },
+                    classNames: {
+                      title: q?.title,
+                      description: q?.description
+                    },
+                    graphTitle: i,
+                    graphDescription: l,
+                    width: j,
+                    graphDownload: B ? Mt.current : void 0,
+                    dataDownload: F ? n.map((L) => L.data).filter((L) => L !== void 0).length > 0 ? n.map((L) => L.data).filter((L) => L !== void 0) : n.filter((L) => L !== 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: (j || Q) && ($ || _) && Lt ? /* @__PURE__ */ h.jsx(
+                      de,
+                      {
+                        data: Lt,
+                        width: j || Q,
+                        nodePadding: r,
+                        nodeWidth: f,
+                        height: Math.max(
+                          I,
+                          $ || (T ? I ? (j || Q) * T > I ? (j || Q) * T : I : (j || Q) * T : _)
+                        ),
+                        showLabels: y,
+                        leftMargin: g,
+                        rightMargin: p,
+                        topMargin: v,
+                        bottomMargin: b,
+                        truncateBy: k,
+                        tooltip: M,
+                        onSeriesMouseOver: z,
+                        showValues: W,
+                        suffix: X,
+                        prefix: P,
+                        onSeriesMouseClick: tt,
+                        id: Ut(8),
+                        highlightedSourceDataPoints: m.map((L) => `${L}`),
+                        highlightedTargetDataPoints: C.map((L) => `${L}`),
+                        defaultLinkOpacity: O,
+                        sourceTitle: R,
+                        targetTitle: E,
+                        sortNodes: V,
+                        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 || N ? /* @__PURE__ */ h.jsx(
+                  Yt,
+                  {
+                    styles: { footnote: G?.footnote, source: G?.source },
+                    classNames: {
+                      footnote: q?.footnote,
+                      source: q?.source
+                    },
+                    sources: a,
+                    footNote: N,
+                    width: j
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Ve as SankeyChart
+};
+//# sourceMappingURL=SankeyChart.js.map