@undp/data-viz 2.1.3 → 2.1.5

package/dist/ParetoChart.js

@@ -1,538 +1,545 @@
-import { c as di, j as s, m as oi } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useRef as ui, useState as qt, useEffect as hi } from "react";
-import { i as xi } from "./index-Bwrro8-q.js";
-import { n as ni } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as gi } from "./Tooltip-Dj5eVppQ.js";
-import { c as mi } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as ci } from "./Axis-CRyfcLjc.js";
-import { A as fi } from "./AxisTitle-jeI7am8o.js";
-import { X as yi } from "./XAxesLabels-Dy8E1SEo.js";
-import { D as bi } from "./DetailsModal-0Ry5nXiC.js";
-import { b as vi } from "./band-DHUZ2X7J.js";
-import { a as pi } from "./linear-BqltdMeF.js";
-import { l as Ai, c as wi } from "./line-DFlZsxI1.js";
-import { c as ji, s as Mi, a as Ci, m as ki } from "./step-BrDul-H4.js";
-import { u as Li } from "./use-in-view-Cxa7y1TH.js";
-import { m as Et } from "./proxy-BxkFHwUw.js";
-import { A as $i } from "./index-BqfRwk1n.js";
-import { GraphFooter as Ni } from "./GraphFooter.js";
-import { GraphHeader as Si } from "./GraphHeader.js";
-import { ColorLegend as Oi } from "./ColorLegend.js";
-import { Colors as si } from "./Colors.js";
-import { E as Vi } from "./EmptyState-BZo1BbAn.js";
-import { a as Di, G as Ti } from "./GraphContainer-CRqzdKu2.js";
-function Ii(i) {
-  const t = di.c(157), {
-    data: v,
-    width: E,
-    height: X,
-    barColor: p,
+import { c as de, j as s, m as ne } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as ue, useState as Kt, useEffect as he } from "react";
+import { i as xe } from "./index-Bwrro8-q.js";
+import { n as se } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as ge } from "./Tooltip-Dj5eVppQ.js";
+import { c as me } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { A as ce } from "./Axis-CRyfcLjc.js";
+import { A as fe } from "./AxisTitle-jeI7am8o.js";
+import { X as ye } from "./XAxesLabels-Dy8E1SEo.js";
+import { D as be } from "./DetailsModal-0Ry5nXiC.js";
+import { b as ve } from "./band-DHUZ2X7J.js";
+import { a as pe } from "./linear-BqltdMeF.js";
+import { l as Ae, c as we } from "./line-DFlZsxI1.js";
+import { c as je, s as Me, a as Ce, m as ke } from "./step-BrDul-H4.js";
+import { u as Le } from "./use-in-view-Cxa7y1TH.js";
+import { m as Ht } from "./proxy-BxkFHwUw.js";
+import { A as $e } from "./index-BqfRwk1n.js";
+import { GraphFooter as Ne } from "./GraphFooter.js";
+import { GraphHeader as Se } from "./GraphHeader.js";
+import { ColorLegend as Oe } from "./ColorLegend.js";
+import { Colors as le } from "./Colors.js";
+import { E as Ve } from "./EmptyState-C7ZXkZWd.js";
+import { a as De, G as Te } from "./GraphContainer-CRqzdKu2.js";
+function Ie(e) {
+  const t = de.c(157), {
+    data: p,
+    width: H,
+    height: W,
+    barColor: d,
     lineColor: f,
-    axisTitles: u,
+    axisTitles: m,
     sameAxes: A,
-    rightMargin: Ut,
-    leftMargin: Qt,
-    topMargin: Xt,
-    bottomMargin: Ht,
-    tooltip: jt,
-    showValues: Mt,
-    onSeriesMouseOver: nt,
-    barPadding: Wt,
-    truncateBy: Ct,
-    showLabels: Bt,
-    onSeriesMouseClick: k,
-    resetSelectionOnDoubleClick: xt,
-    detailsOnClick: j,
-    noOfTicks: ft,
-    lineSuffix: pt,
-    barSuffix: kt,
-    linePrefix: Lt,
-    barPrefix: $t,
-    curveType: Nt,
+    rightMargin: Qt,
+    leftMargin: te,
+    topMargin: Wt,
+    bottomMargin: Bt,
+    tooltip: Ct,
+    showValues: kt,
+    onSeriesMouseOver: lt,
+    barPadding: Gt,
+    truncateBy: Lt,
+    showLabels: Rt,
+    onSeriesMouseClick: O,
+    resetSelectionOnDoubleClick: pt,
+    detailsOnClick: $,
+    noOfTicks: dt,
+    lineSuffix: ht,
+    barSuffix: $t,
+    linePrefix: Nt,
+    barPrefix: St,
+    curveType: Ot,
     styles: o,
     classNames: n,
-    animate: l,
-    precision: H,
-    customLayers: L,
-    naLabel: st,
-    showAxisLabels: M
-  } = i, Jt = ui(null);
-  let dt;
-  t[0] !== l.amount || t[1] !== l.once ? (dt = {
-    once: l.once,
-    amount: l.amount
-  }, t[0] = l.amount, t[1] = l.once, t[2] = dt) : dt = t[2];
-  const $ = Li(Jt, dt), Gt = Nt === "linear" ? wi : Nt === "step" ? ji : Nt === "stepAfter" ? Mi : Nt === "stepBefore" ? Ci : ki, [St, lt] = qt(void 0), [N, ht] = qt(void 0), [Ot, c] = qt(void 0), [m, at] = qt(void 0), Ft = Qt + 50, gt = Ut + 65;
-  let Vt;
-  t[3] !== Ht || t[4] !== Ft || t[5] !== gt || t[6] !== Xt ? (Vt = {
-    top: Xt,
-    bottom: Ht,
-    left: Ft,
-    right: gt
-  }, t[3] = Ht, t[4] = Ft, t[5] = gt, t[6] = Xt, t[7] = Vt) : Vt = t[7];
-  const a = Vt, h = E - a.left - a.right, r = X - a.top - a.bottom;
-  let S, W, B, C, G, F, R, O, V, D, T, z, q, U, J;
-  if (t[8] !== l || t[9] !== u || t[10] !== p || t[11] !== Wt || t[12] !== $t || t[13] !== kt || t[14] !== n?.graphObjectValues || t[15] !== n?.xAxis?.axis || t[16] !== n?.xAxis?.labels || t[17] !== n?.yAxis?.gridLines || t[18] !== n?.yAxis?.labels || t[19] !== n?.yAxis?.title || t[20] !== Gt || t[21] !== L || t[22] !== v || t[23] !== j || t[24] !== r || t[25] !== h || t[26] !== X || t[27] !== $ || t[28] !== f || t[29] !== Lt || t[30] !== pt || t[31] !== a.bottom || t[32] !== a.left || t[33] !== a.right || t[34] !== a.top || t[35] !== N || t[36] !== st || t[37] !== ft || t[38] !== k || t[39] !== nt || t[40] !== H || t[41] !== xt || t[42] !== A || t[43] !== M || t[44] !== Bt || t[45] !== Mt || t[46] !== o?.graphObjectValues || t[47] !== o?.xAxis?.axis || t[48] !== o?.xAxis?.labels || t[49] !== o?.yAxis?.gridLines || t[50] !== o?.yAxis?.labels || t[51] !== o?.yAxis?.title || t[52] !== Ct || t[53] !== E) {
-    const x = v.map(ce), g = vi().domain(x.map(re)).range([0, h]).paddingInner(Wt), Dt = Math.min(...x.map(ae).filter(le)) !== 1 / 0 ? Math.min(...x.map(se).filter(ne)) > 0 ? 0 : Math.min(...x.map(oe).filter(ee)) : 0, bt = Math.min(...x.map(ie).filter(te)) !== 1 / 0 ? Math.min(...x.map(_i).filter(Zi)) > 0 ? 0 : Math.min(...x.map(Qi).filter(Ki)) : 0, vt = Math.max(...x.map(Ji).filter(Ui)) !== 1 / 0 ? Math.max(...x.map(qi).filter(zi)) : 0, rt = Math.max(...x.map(Ri).filter(Fi)) !== 1 / 0 ? Math.max(...x.map(Gi).filter(Bi)) : 0, Rt = Dt < bt ? Dt : bt, At = vt > rt ? vt : rt, d = pi().domain([A ? Rt : Dt, A ? At > 0 ? At : 0 : vt > 0 ? vt : 0]).range([r, 0]).nice(), y = pi().domain([A ? Rt : bt, A ? At > 0 ? At : 0 : rt > 0 ? rt : 0]).range([r, 0]).nice(), Tt = Ai().defined(Wi).x((e) => g(`${e.id}`) + g.bandwidth() / 2).y((e) => y(e.line)).curve(Gt), li = d.ticks(ft), zt = y.ticks(ft);
-    W = Et.svg, G = `${E}px`, F = `${X}px`, R = `0 0 ${E} ${X}`, O = "ltr", V = Jt, q = `translate(${a.left},${a.top})`;
-    const Kt = n?.xAxis?.axis;
-    let it;
-    t[69] !== Kt ? (it = {
-      axis: Kt
-    }, t[69] = Kt, t[70] = it) : it = t[70];
-    let ct;
-    t[71] !== o?.xAxis?.axis ? (ct = o?.xAxis?.axis || {}, t[71] = o?.xAxis?.axis, t[72] = ct) : ct = t[72];
-    let I;
-    t[73] !== p || t[74] !== ct ? (I = {
+    animate: a,
+    precision: B,
+    customLayers: V,
+    naLabel: at,
+    showAxisLabels: N
+  } = e, Zt = ue(null);
+  let gt;
+  t[0] !== a.amount || t[1] !== a.once ? (gt = {
+    once: a.once,
+    amount: a.amount
+  }, t[0] = a.amount, t[1] = a.once, t[2] = gt) : gt = t[2];
+  const D = Le(Zt, gt), Ft = Ot === "linear" ? we : Ot === "step" ? je : Ot === "stepAfter" ? Me : Ot === "stepBefore" ? Ce : ke, [Vt, rt] = Kt(void 0), [T, yt] = Kt(void 0), [Dt, u] = Kt(void 0), [r, ct] = Kt(void 0), zt = te + 50, bt = Qt + 65;
+  let Tt;
+  t[3] !== Bt || t[4] !== zt || t[5] !== bt || t[6] !== Wt ? (Tt = {
+    top: Wt,
+    bottom: Bt,
+    left: zt,
+    right: bt
+  }, t[3] = Bt, t[4] = zt, t[5] = bt, t[6] = Wt, t[7] = Tt) : Tt = t[7];
+  const c = Tt, g = H - c.left - c.right, l = W - c.top - c.bottom;
+  let w, G, R, S, F, z, q, j, M, I, P, U, J, K, Q;
+  if (t[8] !== a || t[9] !== m || t[10] !== d || t[11] !== Gt || t[12] !== St || t[13] !== $t || t[14] !== n?.graphObjectValues || t[15] !== n?.xAxis?.axis || t[16] !== n?.xAxis?.labels || t[17] !== n?.yAxis?.gridLines || t[18] !== n?.yAxis?.labels || t[19] !== n?.yAxis?.title || t[20] !== Ft || t[21] !== V || t[22] !== p || t[23] !== $ || t[24] !== l || t[25] !== g || t[26] !== W || t[27] !== D || t[28] !== f || t[29] !== Nt || t[30] !== ht || t[31] !== c.bottom || t[32] !== c.left || t[33] !== c.right || t[34] !== c.top || t[35] !== T || t[36] !== at || t[37] !== dt || t[38] !== O || t[39] !== lt || t[40] !== B || t[41] !== pt || t[42] !== A || t[43] !== N || t[44] !== Rt || t[45] !== kt || t[46] !== o?.graphObjectValues || t[47] !== o?.xAxis?.axis || t[48] !== o?.xAxis?.labels || t[49] !== o?.yAxis?.gridLines || t[50] !== o?.yAxis?.labels || t[51] !== o?.yAxis?.title || t[52] !== Lt || t[53] !== H) {
+    const x = p.map(ci), y = ve().domain(x.map(ri)).range([0, g]).paddingInner(Gt), It = Math.min(...x.map(ai).filter(li)) !== 1 / 0 ? Math.min(...x.map(si).filter(ni)) > 0 ? 0 : Math.min(...x.map(oi).filter(ii)) : 0, At = Math.min(...x.map(ei).filter(ti)) !== 1 / 0 ? Math.min(...x.map(_e).filter(Ze)) > 0 ? 0 : Math.min(...x.map(Qe).filter(Ke)) : 0, wt = Math.max(...x.map(Je).filter(Ue)) !== 1 / 0 ? Math.max(...x.map(qe).filter(ze)) : 0, ut = Math.max(...x.map(Fe).filter(Re)) !== 1 / 0 ? Math.max(...x.map(Ge).filter(Be)) : 0, qt = It < At ? It : At, jt = wt > ut ? wt : ut, h = pe().domain([A ? qt : It, A ? jt > 0 ? jt : 0 : wt > 0 ? wt : 0]).range([l, 0]).nice(), b = pe().domain([A ? qt : At, A ? jt > 0 ? jt : 0 : ut > 0 ? ut : 0]).range([l, 0]).nice(), Pt = Ae().defined(We).x((i) => y(`${i.id}`) + y.bandwidth() / 2).y((i) => b(i.line)).curve(Ft), ae = h.ticks(dt), Ut = b.ticks(dt);
+    G = Ht.svg, F = `${H}px`, z = `${W}px`, q = `0 0 ${H} ${W}`, j = "ltr", M = Zt, J = `translate(${c.left},${c.top})`;
+    const _t = n?.xAxis?.axis;
+    let ot;
+    t[69] !== _t ? (ot = {
+      axis: _t
+    }, t[69] = _t, t[70] = ot) : ot = t[70];
+    let mt;
+    t[71] !== o?.xAxis?.axis ? (mt = o?.xAxis?.axis || {}, t[71] = o?.xAxis?.axis, t[72] = mt) : mt = t[72];
+    let Y;
+    t[73] !== d || t[74] !== mt ? (Y = {
       axis: {
-        stroke: p,
-        ...ct
+        stroke: d,
+        ...mt
       }
-    }, t[73] = p, t[74] = ct, t[75] = I) : I = t[75];
-    let ut;
-    t[76] !== r || t[77] !== it || t[78] !== I ? (ut = /* @__PURE__ */ s.jsx(ci, { y1: 0, y2: r, x1: -15, x2: -15, classNames: it, styles: I }), t[76] = r, t[77] = it, t[78] = I, t[79] = ut) : ut = t[79];
-    let wt;
-    t[80] !== u || t[81] !== p || t[82] !== n?.yAxis?.title || t[83] !== r || t[84] !== a.left || t[85] !== M || t[86] !== o?.yAxis?.title ? (wt = M ? /* @__PURE__ */ s.jsx(fi, { x: 10 - a.left, y: r / 2, style: {
-      fill: p,
+    }, t[73] = d, t[74] = mt, t[75] = Y) : Y = t[75];
+    let xt;
+    t[76] !== l || t[77] !== ot || t[78] !== Y ? (xt = /* @__PURE__ */ s.jsx(ce, { y1: 0, y2: l, x1: -15, x2: -15, classNames: ot, styles: Y }), t[76] = l, t[77] = ot, t[78] = Y, t[79] = xt) : xt = t[79];
+    let Mt;
+    t[80] !== m || t[81] !== d || t[82] !== n?.yAxis?.title || t[83] !== l || t[84] !== c.left || t[85] !== N || t[86] !== o?.yAxis?.title ? (Mt = N ? /* @__PURE__ */ s.jsx(fe, { x: 10 - c.left, y: l / 2, style: {
+      fill: d,
       ...o?.yAxis?.title || {}
-    }, className: n?.yAxis?.title, text: u[0].length > 100 ? `${u[0].substring(0, 100)}...` : u[0], rotate90: !0 }) : null, t[80] = u, t[81] = p, t[82] = n?.yAxis?.title, t[83] = r, t[84] = a.left, t[85] = M, t[86] = o?.yAxis?.title, t[87] = wt) : wt = t[87], U = /* @__PURE__ */ s.jsxs("g", { children: [
-      li.map((e, Yt) => /* @__PURE__ */ s.jsxs("g", { children: [
-        /* @__PURE__ */ s.jsx("line", { y1: d(e), y2: d(e), x1: -15, x2: -20, style: {
-          stroke: p,
+    }, className: n?.yAxis?.title, text: m[0].length > 100 ? `${m[0].substring(0, 100)}...` : m[0], rotate90: !0 }) : null, t[80] = m, t[81] = d, t[82] = n?.yAxis?.title, t[83] = l, t[84] = c.left, t[85] = N, t[86] = o?.yAxis?.title, t[87] = Mt) : Mt = t[87], K = /* @__PURE__ */ s.jsxs("g", { children: [
+      ae.map((i, Xt) => /* @__PURE__ */ s.jsxs("g", { children: [
+        /* @__PURE__ */ s.jsx("line", { y1: h(i), y2: h(i), x1: -15, x2: -20, style: {
+          stroke: d,
           strokeWidth: 1,
           ...o?.yAxis?.gridLines || {}
         }, className: n?.yAxis?.gridLines }),
-        /* @__PURE__ */ s.jsx("text", { x: -25, y: d(e), dy: "0.33em", className: oi("text-xs", n?.yAxis?.labels), style: {
+        /* @__PURE__ */ s.jsx("text", { x: -25, y: h(i), dy: "0.33em", className: ne("text-xs", n?.yAxis?.labels), style: {
           textAnchor: "end",
-          fill: p,
+          fill: d,
           ...o?.yAxis?.labels || {}
-        }, children: ni(e, st, H, $t, kt) })
-      ] }, Yt)),
-      ut,
-      wt
+        }, children: se(i, at, B, St, $t) })
+      ] }, Xt)),
+      xt,
+      Mt
     ] });
-    const It = h + 15, et = h + 15, ot = n?.xAxis?.axis;
-    let w;
-    t[88] !== ot ? (w = {
-      axis: ot
-    }, t[88] = ot, t[89] = w) : w = t[89];
-    let P;
-    t[90] !== o?.xAxis?.axis ? (P = o?.xAxis?.axis || {}, t[90] = o?.xAxis?.axis, t[91] = P) : P = t[91];
-    let mt;
-    t[92] !== f || t[93] !== P ? (mt = {
+    const Yt = g + 15, nt = g + 15, st = n?.xAxis?.axis;
+    let C;
+    t[88] !== st ? (C = {
+      axis: st
+    }, t[88] = st, t[89] = C) : C = t[89];
+    let k;
+    t[90] !== o?.xAxis?.axis ? (k = o?.xAxis?.axis || {}, t[90] = o?.xAxis?.axis, t[91] = k) : k = t[91];
+    let L;
+    t[92] !== f || t[93] !== k ? (L = {
       axis: {
         stroke: f,
-        ...P
+        ...k
       }
-    }, t[92] = f, t[93] = P, t[94] = mt) : mt = t[94];
-    let Pt;
-    t[95] !== r || t[96] !== It || t[97] !== et || t[98] !== w || t[99] !== mt ? (Pt = /* @__PURE__ */ s.jsx(ci, { y1: 0, y2: r, x1: It, x2: et, classNames: w, styles: mt }), t[95] = r, t[96] = It, t[97] = et, t[98] = w, t[99] = mt, t[100] = Pt) : Pt = t[100];
-    let Zt;
-    t[101] !== u || t[102] !== n?.yAxis?.title || t[103] !== r || t[104] !== h || t[105] !== f || t[106] !== a.right || t[107] !== M || t[108] !== o?.yAxis?.title ? (Zt = M ? /* @__PURE__ */ s.jsx(fi, { x: h + a.right - 15, y: r / 2, style: {
+    }, t[92] = f, t[93] = k, t[94] = L) : L = t[94];
+    let E;
+    t[95] !== l || t[96] !== Yt || t[97] !== nt || t[98] !== C || t[99] !== L ? (E = /* @__PURE__ */ s.jsx(ce, { y1: 0, y2: l, x1: Yt, x2: nt, classNames: C, styles: L }), t[95] = l, t[96] = Yt, t[97] = nt, t[98] = C, t[99] = L, t[100] = E) : E = t[100];
+    let ft;
+    t[101] !== m || t[102] !== n?.yAxis?.title || t[103] !== l || t[104] !== g || t[105] !== f || t[106] !== c.right || t[107] !== N || t[108] !== o?.yAxis?.title ? (ft = N ? /* @__PURE__ */ s.jsx(fe, { x: g + c.right - 15, y: l / 2, style: {
       fill: f,
       ...o?.yAxis?.title || {}
-    }, className: n?.yAxis?.title, text: u[1].length > 100 ? `${u[1].substring(0, 100)}...` : u[1], rotate90: !0 }) : null, t[101] = u, t[102] = n?.yAxis?.title, t[103] = r, t[104] = h, t[105] = f, t[106] = a.right, t[107] = M, t[108] = o?.yAxis?.title, t[109] = Zt) : Zt = t[109], J = /* @__PURE__ */ s.jsxs("g", { children: [
-      zt.map((e, Yt) => /* @__PURE__ */ s.jsxs("g", { children: [
-        /* @__PURE__ */ s.jsx("line", { y1: y(e), y2: y(e), x1: h + 15, x2: h + 20, style: {
+    }, className: n?.yAxis?.title, text: m[1].length > 100 ? `${m[1].substring(0, 100)}...` : m[1], rotate90: !0 }) : null, t[101] = m, t[102] = n?.yAxis?.title, t[103] = l, t[104] = g, t[105] = f, t[106] = c.right, t[107] = N, t[108] = o?.yAxis?.title, t[109] = ft) : ft = t[109], Q = /* @__PURE__ */ s.jsxs("g", { children: [
+      Ut.map((i, Xt) => /* @__PURE__ */ s.jsxs("g", { children: [
+        /* @__PURE__ */ s.jsx("line", { y1: b(i), y2: b(i), x1: g + 15, x2: g + 20, style: {
           stroke: f,
           strokeWidth: 1,
           ...o?.yAxis?.gridLines || {}
         }, className: n?.yAxis?.gridLines }),
-        /* @__PURE__ */ s.jsx("text", { x: h + 25, y: y(e), dy: "0.33em", dx: -2, style: {
+        /* @__PURE__ */ s.jsx("text", { x: g + 25, y: b(i), dy: "0.33em", dx: -2, style: {
           textAnchor: "start",
           fill: f,
           ...o?.yAxis?.labels || {}
-        }, className: oi("text-xs", n?.yAxis?.labels), children: ni(e, st, H, Lt, pt) })
-      ] }, Yt)),
-      Pt,
-      Zt
+        }, className: ne("text-xs", n?.yAxis?.labels), children: se(i, at, B, Nt, ht) })
+      ] }, Xt)),
+      E,
+      ft
     ] });
-    const ai = n?.xAxis?.axis;
-    let _t;
-    t[110] !== ai ? (_t = {
-      axis: ai
-    }, t[110] = ai, t[111] = _t) : _t = t[111];
-    const ri = o?.xAxis?.axis;
-    let ti;
-    t[112] !== ri ? (ti = {
-      axis: ri
-    }, t[112] = ri, t[113] = ti) : ti = t[113], B = /* @__PURE__ */ s.jsx(ci, { y1: A ? d(0) : r, y2: A ? d(0) : r, x1: -15, x2: h + 15, classNames: _t, styles: ti }), t[114] !== L ? (C = L.filter(Hi).map(Xi), t[114] = L, t[115] = C) : C = t[115], S = $i, D = x.map((e, Yt) => /* @__PURE__ */ s.jsxs(Et.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (Y) => {
-      lt(e), at(Y.clientY), c(Y.clientX), nt?.(e);
+    const Jt = n?.xAxis?.axis;
+    let Et;
+    t[110] !== Jt ? (Et = {
+      axis: Jt
+    }, t[110] = Jt, t[111] = Et) : Et = t[111];
+    const re = o?.xAxis?.axis;
+    let ee;
+    t[112] !== re ? (ee = {
+      axis: re
+    }, t[112] = re, t[113] = ee) : ee = t[113], R = /* @__PURE__ */ s.jsx(ce, { y1: A ? h(0) : l, y2: A ? h(0) : l, x1: -15, x2: g + 15, classNames: Et, styles: ee }), t[114] !== V ? (S = V.filter(He).map(Xe), t[114] = V, t[115] = S) : S = t[115], w = $e, I = x.map((i, Xt) => /* @__PURE__ */ s.jsxs(Ht.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (X) => {
+      rt(i), ct(X.clientY), u(X.clientX), lt?.(i);
     }, onClick: () => {
-      (k || j) && (xi(N, e) && xt ? (ht(void 0), k?.(void 0)) : (ht(e), k?.(e)));
-    }, onMouseMove: (Y) => {
-      lt(e), at(Y.clientY), c(Y.clientX);
+      (O || $) && (xe(T, i) && pt ? (yt(void 0), O?.(void 0)) : (yt(i), O?.(i)));
+    }, onMouseMove: (X) => {
+      rt(i), ct(X.clientY), u(X.clientX);
     }, onMouseLeave: () => {
-      lt(void 0), c(void 0), at(void 0), nt?.(void 0);
+      rt(void 0), u(void 0), ct(void 0), lt?.(void 0);
     }, children: [
-      /* @__PURE__ */ s.jsx(Et.rect, { variants: {
+      /* @__PURE__ */ s.jsx(Ht.rect, { variants: {
         initial: {
-          attrY: d(0),
+          attrY: h(0),
           height: 0,
           opacity: 1,
-          fill: p
+          fill: d
         },
         whileInView: {
-          attrY: e.bar ? e.bar > 0 ? d(e.bar) : d(0) : 0,
-          height: e.bar ? Math.abs(d(e.bar) - d(0)) : 0,
+          attrY: i.bar ? i.bar > 0 ? h(i.bar) : h(0) : 0,
+          height: i.bar ? Math.abs(h(i.bar) - h(0)) : 0,
           opacity: 1,
-          fill: p,
+          fill: d,
           transition: {
-            duration: l.duration
+            duration: a.duration
           }
         }
-      }, initial: "initial", animate: $ ? "whileInView" : "initial", exit: {
-        attrY: d(0),
+      }, initial: "initial", animate: D ? "whileInView" : "initial", exit: {
+        attrY: h(0),
         height: 0,
         opacity: 0,
         transition: {
-          duration: l.duration
+          duration: a.duration
         }
-      }, x: g(`${Yt}`), width: g.bandwidth() }),
-      Mt && !mi(e.bar) ? /* @__PURE__ */ s.jsx(Et.text, { x: g(`${e.id}`) + g.bandwidth() / 2, exit: {
-        attrY: d(0),
+      }, x: y(`${Xt}`), width: y.bandwidth() }),
+      kt && !me(i.bar) ? /* @__PURE__ */ s.jsx(Ht.text, { x: y(`${i.id}`) + y.bandwidth() / 2, exit: {
+        attrY: h(0),
         opacity: 0,
         transition: {
-          duration: l.duration
+          duration: a.duration
         }
       }, variants: {
         initial: {
-          attrY: d(0),
+          attrY: h(0),
           opacity: 0,
-          fill: p
+          fill: d
         },
         whileInView: {
-          attrY: d(e.bar || 0),
+          attrY: h(i.bar || 0),
           opacity: 1,
-          fill: p,
+          fill: d,
           transition: {
-            duration: l.duration
+            duration: a.duration
           }
         }
-      }, initial: "initial", animate: $ ? "whileInView" : "initial", style: {
+      }, initial: "initial", animate: D ? "whileInView" : "initial", style: {
         textAnchor: "middle",
         ...o?.graphObjectValues || {}
-      }, className: oi("graph-value text-sm", n?.graphObjectValues), dy: e.bar ? e.bar >= 0 ? "-5px" : "1em" : "-5px", children: ni(e.bar, st, H, $t, kt) }) : null,
-      Bt ? /* @__PURE__ */ s.jsx(yi, { value: `${e.label}`.length < Ct ? `${e.label}` : `${`${e.label}`.substring(0, Ct)}...`, y: r + 5, x: g(`${e.id}`), width: g.bandwidth(), height: a.bottom, style: o?.xAxis?.labels, className: n?.xAxis?.labels, alignment: "top", animate: l, isInView: $ }) : null
-    ] }, e.label));
-    let ii;
-    t[116] !== l.duration ? (ii = {
+      }, className: ne("graph-value text-sm", n?.graphObjectValues), dy: i.bar ? i.bar >= 0 ? "-5px" : "1em" : "-5px", children: se(i.bar, at, B, St, $t) }) : null,
+      Rt ? /* @__PURE__ */ s.jsx(ye, { value: `${i.label}`.length < Lt ? `${i.label}` : `${`${i.label}`.substring(0, Lt)}...`, y: l + 5, x: y(`${i.id}`), width: y.bandwidth(), height: c.bottom, style: o?.xAxis?.labels, className: n?.xAxis?.labels, alignment: "top", animate: a, isInView: D }) : null
+    ] }, i.label));
+    let ie;
+    t[116] !== a.duration ? (ie = {
       opacity: 0,
       transition: {
-        duration: l.duration
+        duration: a.duration
       }
-    }, t[116] = l.duration, t[117] = ii) : ii = t[117];
-    let ei;
-    t[118] === Symbol.for("react.memo_cache_sentinel") ? (ei = {
+    }, t[116] = a.duration, t[117] = ie) : ie = t[117];
+    let oe;
+    t[118] === Symbol.for("react.memo_cache_sentinel") ? (oe = {
       fill: "none",
       strokeWidth: 2
-    }, t[118] = ei) : ei = t[118], T = /* @__PURE__ */ s.jsx(Et.path, { exit: ii, variants: {
+    }, t[118] = oe) : oe = t[118], P = /* @__PURE__ */ s.jsx(Ht.path, { exit: ie, variants: {
       initial: {
-        d: Tt(x.map(Ei)),
+        d: Pt(x.map(Ee)),
         opacity: 0,
         stroke: f
       },
       whileInView: {
-        d: Tt(x),
+        d: Pt(x),
         opacity: 1,
         stroke: f,
         transition: {
-          duration: l.duration
+          duration: a.duration
         }
       }
-    }, initial: "initial", animate: $ ? "whileInView" : "initial", style: ei }), z = x.map((e, Yt) => /* @__PURE__ */ s.jsx("g", { children: mi(e.line) ? null : /* @__PURE__ */ s.jsxs("g", { onMouseEnter: (Y) => {
-      lt(e), at(Y.clientY), c(Y.clientX), nt?.(e);
+    }, initial: "initial", animate: D ? "whileInView" : "initial", style: oe }), U = x.map((i, Xt) => /* @__PURE__ */ s.jsx("g", { children: me(i.line) ? null : /* @__PURE__ */ s.jsxs("g", { onMouseEnter: (X) => {
+      rt(i), ct(X.clientY), u(X.clientX), lt?.(i);
     }, onClick: () => {
-      (k || j) && (xi(N, e) && xt ? (ht(void 0), k?.(void 0)) : (ht(e), k?.(e)));
-    }, onMouseMove: (Y) => {
-      lt(e), at(Y.clientY), c(Y.clientX);
+      (O || $) && (xe(T, i) && pt ? (yt(void 0), O?.(void 0)) : (yt(i), O?.(i)));
+    }, onMouseMove: (X) => {
+      rt(i), ct(X.clientY), u(X.clientX);
     }, onMouseLeave: () => {
-      lt(void 0), c(void 0), at(void 0), nt?.(void 0);
+      rt(void 0), u(void 0), ct(void 0), lt?.(void 0);
     }, children: [
-      /* @__PURE__ */ s.jsx(Et.circle, { exit: {
-        cy: y(0),
+      /* @__PURE__ */ s.jsx(Ht.circle, { exit: {
+        cy: b(0),
         opacity: 0,
         transition: {
-          duration: l.duration
+          duration: a.duration
         }
       }, variants: {
         initial: {
-          cy: y(0),
+          cy: b(0),
           opacity: 0,
           fill: f
         },
         whileInView: {
-          cy: y(e.line),
+          cy: b(i.line),
           opacity: 1,
           fill: f,
           transition: {
-            duration: l.duration
+            duration: a.duration
           }
         }
-      }, initial: "initial", animate: $ ? "whileInView" : "initial", cx: g(e.id) + g.bandwidth() / 2, r: h / x.length < 5 ? 0 : h / x.length < 20 ? 2 : 4 }),
-      Mt ? /* @__PURE__ */ s.jsx(Et.text, { x: g(`${e.id}`) + g.bandwidth() / 2, exit: {
-        y: y(0),
+      }, initial: "initial", animate: D ? "whileInView" : "initial", cx: y(i.id) + y.bandwidth() / 2, r: g / x.length < 5 ? 0 : g / x.length < 20 ? 2 : 4 }),
+      kt ? /* @__PURE__ */ s.jsx(Ht.text, { x: y(`${i.id}`) + y.bandwidth() / 2, exit: {
+        y: b(0),
         opacity: 0,
         transition: {
-          duration: l.duration
+          duration: a.duration
         }
       }, style: {
         textAnchor: "middle",
         ...o?.graphObjectValues || {}
       }, variants: {
         initial: {
-          y: y(0),
+          y: b(0),
           opacity: 0,
           fill: f
         },
         whileInView: {
-          y: y(e.line),
+          y: b(i.line),
           opacity: 1,
           fill: f,
           transition: {
-            duration: l.duration
+            duration: a.duration
           }
         }
-      }, initial: "initial", animate: $ ? "whileInView" : "initial", className: oi("graph-value text-sm", n?.graphObjectValues), dy: "-5px", children: ni(e.line, st, H, Lt, pt) }) : null
-    ] }) }, Yt)), t[8] = l, t[9] = u, t[10] = p, t[11] = Wt, t[12] = $t, t[13] = kt, t[14] = n?.graphObjectValues, t[15] = n?.xAxis?.axis, t[16] = n?.xAxis?.labels, t[17] = n?.yAxis?.gridLines, t[18] = n?.yAxis?.labels, t[19] = n?.yAxis?.title, t[20] = Gt, t[21] = L, t[22] = v, t[23] = j, t[24] = r, t[25] = h, t[26] = X, t[27] = $, t[28] = f, t[29] = Lt, t[30] = pt, t[31] = a.bottom, t[32] = a.left, t[33] = a.right, t[34] = a.top, t[35] = N, t[36] = st, t[37] = ft, t[38] = k, t[39] = nt, t[40] = H, t[41] = xt, t[42] = A, t[43] = M, t[44] = Bt, t[45] = Mt, t[46] = o?.graphObjectValues, t[47] = o?.xAxis?.axis, t[48] = o?.xAxis?.labels, t[49] = o?.yAxis?.gridLines, t[50] = o?.yAxis?.labels, t[51] = o?.yAxis?.title, t[52] = Ct, t[53] = E, t[54] = S, t[55] = W, t[56] = B, t[57] = C, t[58] = G, t[59] = F, t[60] = R, t[61] = O, t[62] = V, t[63] = D, t[64] = T, t[65] = z, t[66] = q, t[67] = U, t[68] = J;
+      }, initial: "initial", animate: D ? "whileInView" : "initial", className: ne("graph-value text-sm", n?.graphObjectValues), dy: "-5px", children: se(i.line, at, B, Nt, ht) }) : null
+    ] }) }, Xt)), t[8] = a, t[9] = m, t[10] = d, t[11] = Gt, t[12] = St, t[13] = $t, t[14] = n?.graphObjectValues, t[15] = n?.xAxis?.axis, t[16] = n?.xAxis?.labels, t[17] = n?.yAxis?.gridLines, t[18] = n?.yAxis?.labels, t[19] = n?.yAxis?.title, t[20] = Ft, t[21] = V, t[22] = p, t[23] = $, t[24] = l, t[25] = g, t[26] = W, t[27] = D, t[28] = f, t[29] = Nt, t[30] = ht, t[31] = c.bottom, t[32] = c.left, t[33] = c.right, t[34] = c.top, t[35] = T, t[36] = at, t[37] = dt, t[38] = O, t[39] = lt, t[40] = B, t[41] = pt, t[42] = A, t[43] = N, t[44] = Rt, t[45] = kt, t[46] = o?.graphObjectValues, t[47] = o?.xAxis?.axis, t[48] = o?.xAxis?.labels, t[49] = o?.yAxis?.gridLines, t[50] = o?.yAxis?.labels, t[51] = o?.yAxis?.title, t[52] = Lt, t[53] = H, t[54] = w, t[55] = G, t[56] = R, t[57] = S, t[58] = F, t[59] = z, t[60] = q, t[61] = j, t[62] = M, t[63] = I, t[64] = P, t[65] = U, t[66] = J, t[67] = K, t[68] = Q;
   } else
-    S = t[54], W = t[55], B = t[56], C = t[57], G = t[58], F = t[59], R = t[60], O = t[61], V = t[62], D = t[63], T = t[64], z = t[65], q = t[66], U = t[67], J = t[68];
-  let K;
-  t[119] !== S || t[120] !== D || t[121] !== T || t[122] !== z ? (K = /* @__PURE__ */ s.jsxs(S, { children: [
-    D,
-    T,
-    z
-  ] }), t[119] = S, t[120] = D, t[121] = T, t[122] = z, t[123] = K) : K = t[123];
-  let b;
-  t[124] !== L ? (b = L.filter(Yi).map(Pi), t[124] = L, t[125] = b) : b = t[125];
-  let Q;
-  t[126] !== B || t[127] !== C || t[128] !== K || t[129] !== b || t[130] !== q || t[131] !== U || t[132] !== J ? (Q = /* @__PURE__ */ s.jsxs("g", { transform: q, children: [
-    U,
-    J,
-    B,
-    C,
-    K,
-    b
-  ] }), t[126] = B, t[127] = C, t[128] = K, t[129] = b, t[130] = q, t[131] = U, t[132] = J, t[133] = Q) : Q = t[133];
+    w = t[54], G = t[55], R = t[56], S = t[57], F = t[58], z = t[59], q = t[60], j = t[61], M = t[62], I = t[63], P = t[64], U = t[65], J = t[66], K = t[67], Q = t[68];
   let Z;
-  t[134] !== W || t[135] !== G || t[136] !== F || t[137] !== R || t[138] !== O || t[139] !== V || t[140] !== Q ? (Z = /* @__PURE__ */ s.jsx(W, { width: G, height: F, viewBox: R, direction: O, ref: V, children: Q }), t[134] = W, t[135] = G, t[136] = F, t[137] = R, t[138] = O, t[139] = V, t[140] = Q, t[141] = Z) : Z = t[141];
+  t[119] !== w || t[120] !== I || t[121] !== P || t[122] !== U ? (Z = /* @__PURE__ */ s.jsxs(w, { children: [
+    I,
+    P,
+    U
+  ] }), t[119] = w, t[120] = I, t[121] = P, t[122] = U, t[123] = Z) : Z = t[123];
+  let v;
+  t[124] !== V ? (v = V.filter(Ye).map(Pe), t[124] = V, t[125] = v) : v = t[125];
   let _;
-  t[142] !== n?.tooltip || t[143] !== Ot || t[144] !== m || t[145] !== St || t[146] !== o?.tooltip || t[147] !== jt ? (_ = St && jt && Ot && m ? /* @__PURE__ */ s.jsx(gi, { data: St, body: jt, xPos: Ot, yPos: m, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[142] = n?.tooltip, t[143] = Ot, t[144] = m, t[145] = St, t[146] = o?.tooltip, t[147] = jt, t[148] = _) : _ = t[148];
-  let tt;
-  t[149] !== n?.modal || t[150] !== j || t[151] !== N ? (tt = j && N !== void 0 ? /* @__PURE__ */ s.jsx(bi, { body: j, data: N, setData: ht, className: n?.modal }) : null, t[149] = n?.modal, t[150] = j, t[151] = N, t[152] = tt) : tt = t[152];
-  let yt;
-  return t[153] !== Z || t[154] !== _ || t[155] !== tt ? (yt = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  t[126] !== R || t[127] !== S || t[128] !== Z || t[129] !== v || t[130] !== J || t[131] !== K || t[132] !== Q ? (_ = /* @__PURE__ */ s.jsxs("g", { transform: J, children: [
+    K,
+    Q,
+    R,
+    S,
     Z,
-    _,
-    tt
-  ] }), t[153] = Z, t[154] = _, t[155] = tt, t[156] = yt) : yt = t[156], yt;
+    v
+  ] }), t[126] = R, t[127] = S, t[128] = Z, t[129] = v, t[130] = J, t[131] = K, t[132] = Q, t[133] = _) : _ = t[133];
+  let tt;
+  t[134] !== G || t[135] !== F || t[136] !== z || t[137] !== q || t[138] !== j || t[139] !== M || t[140] !== _ ? (tt = /* @__PURE__ */ s.jsx(G, { width: F, height: z, viewBox: q, direction: j, ref: M, children: _ }), t[134] = G, t[135] = F, t[136] = z, t[137] = q, t[138] = j, t[139] = M, t[140] = _, t[141] = tt) : tt = t[141];
+  let et;
+  t[142] !== n?.tooltip || t[143] !== Dt || t[144] !== r || t[145] !== Vt || t[146] !== o?.tooltip || t[147] !== Ct ? (et = Vt && Ct && Dt && r ? /* @__PURE__ */ s.jsx(ge, { data: Vt, body: Ct, xPos: Dt, yPos: r, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[142] = n?.tooltip, t[143] = Dt, t[144] = r, t[145] = Vt, t[146] = o?.tooltip, t[147] = Ct, t[148] = et) : et = t[148];
+  let it;
+  t[149] !== n?.modal || t[150] !== $ || t[151] !== T ? (it = $ && T !== void 0 ? /* @__PURE__ */ s.jsx(be, { body: $, data: T, setData: yt, className: n?.modal }) : null, t[149] = n?.modal, t[150] = $, t[151] = T, t[152] = it) : it = t[152];
+  let vt;
+  return t[153] !== tt || t[154] !== et || t[155] !== it ? (vt = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    tt,
+    et,
+    it
+  ] }), t[153] = tt, t[154] = et, t[155] = it, t[156] = vt) : vt = t[156], vt;
 }
-function Pi(i) {
-  return i.layer;
+function Pe(e) {
+  return e.layer;
 }
-function Yi(i) {
-  return i.position === "after";
+function Ye(e) {
+  return e.position === "after";
 }
-function Ei(i) {
+function Ee(e) {
   return {
-    ...i,
+    ...e,
     line: 0
   };
 }
-function Xi(i) {
-  return i.layer;
+function Xe(e) {
+  return e.layer;
 }
-function Hi(i) {
-  return i.position === "before";
+function He(e) {
+  return e.position === "before";
 }
-function Wi(i) {
-  return !mi(i.line);
+function We(e) {
+  return !me(e.line);
 }
-function Bi(i) {
-  return i != null;
+function Be(e) {
+  return e != null;
 }
-function Gi(i) {
-  return i.line;
+function Ge(e) {
+  return e.line;
 }
-function Fi(i) {
-  return i != null;
+function Re(e) {
+  return e != null;
 }
-function Ri(i) {
-  return i.line;
+function Fe(e) {
+  return e.line;
 }
-function zi(i) {
-  return i != null;
+function ze(e) {
+  return e != null;
 }
-function qi(i) {
-  return i.bar;
+function qe(e) {
+  return e.bar;
 }
-function Ui(i) {
-  return i != null;
+function Ue(e) {
+  return e != null;
 }
-function Ji(i) {
-  return i.bar;
+function Je(e) {
+  return e.bar;
 }
-function Ki(i) {
-  return i != null;
+function Ke(e) {
+  return e != null;
 }
-function Qi(i) {
-  return i.line;
+function Qe(e) {
+  return e.line;
 }
-function Zi(i) {
-  return i != null;
+function Ze(e) {
+  return e != null;
 }
-function _i(i) {
-  return i.line;
+function _e(e) {
+  return e.line;
 }
-function te(i) {
-  return i != null;
+function ti(e) {
+  return e != null;
 }
-function ie(i) {
-  return i.line;
+function ei(e) {
+  return e.line;
 }
-function ee(i) {
-  return i != null;
+function ii(e) {
+  return e != null;
 }
-function oe(i) {
-  return i.bar;
+function oi(e) {
+  return e.bar;
 }
-function ne(i) {
-  return i != null;
+function ni(e) {
+  return e != null;
 }
-function se(i) {
-  return i.bar;
+function si(e) {
+  return e.bar;
 }
-function le(i) {
-  return i != null;
+function li(e) {
+  return e != null;
 }
-function ae(i) {
-  return i.bar;
+function ai(e) {
+  return e.bar;
 }
-function re(i) {
-  return `${i.id}`;
+function ri(e) {
+  return `${e.id}`;
 }
-function ce(i, t) {
+function ci(e, t) {
   return {
-    ...i,
+    ...e,
     id: `${t}`
   };
 }
-function Ee(i) {
-  const t = di.c(77), {
-    data: v,
-    graphTitle: E,
-    sources: X,
-    graphDescription: p,
+function Ei(e) {
+  const t = de.c(90), {
+    data: p,
+    graphTitle: H,
+    sources: W,
+    graphDescription: d,
     height: f,
-    width: u,
+    width: m,
     footNote: A,
-    padding: Ut,
-    lineColor: Qt,
-    barColor: Xt,
-    sameAxes: Ht,
-    backgroundColor: jt,
-    leftMargin: Mt,
-    rightMargin: nt,
-    topMargin: Wt,
-    bottomMargin: Ct,
-    lineAxisTitle: Bt,
-    barAxisTitle: k,
-    tooltip: xt,
-    relativeHeight: j,
-    onSeriesMouseOver: ft,
-    graphID: pt,
-    graphDownload: kt,
-    dataDownload: Lt,
-    barPadding: $t,
-    truncateBy: Nt,
+    padding: Qt,
+    lineColor: te,
+    barColor: Wt,
+    sameAxes: Bt,
+    backgroundColor: Ct,
+    leftMargin: kt,
+    rightMargin: lt,
+    topMargin: Gt,
+    bottomMargin: Lt,
+    lineAxisTitle: Rt,
+    barAxisTitle: O,
+    tooltip: pt,
+    relativeHeight: $,
+    onSeriesMouseOver: dt,
+    graphID: ht,
+    graphDownload: $t,
+    dataDownload: Nt,
+    barPadding: St,
+    truncateBy: Ot,
     showLabels: o,
     onSeriesMouseClick: n,
-    language: l,
-    colorLegendTitle: H,
-    minHeight: L,
-    theme: st,
-    ariaLabel: M,
-    resetSelectionOnDoubleClick: Jt,
-    detailsOnClick: dt,
-    showValues: $,
-    noOfTicks: Gt,
-    lineSuffix: St,
-    barSuffix: lt,
-    linePrefix: N,
-    barPrefix: ht,
-    curveType: Ot,
-    styles: c,
-    classNames: m,
-    animate: at,
-    precision: Ft,
-    customLayers: gt,
-    naLabel: Vt,
-    showColorScale: a,
-    showAxisLabels: h
-  } = i, r = Qt === void 0 ? si.light.categoricalColors.colors[1] : Qt, S = Xt === void 0 ? si.light.categoricalColors.colors[0] : Xt, W = Ht === void 0 ? !1 : Ht, B = jt === void 0 ? !1 : jt, C = Mt === void 0 ? 80 : Mt, G = nt === void 0 ? 80 : nt, F = Wt === void 0 ? 20 : Wt, R = Ct === void 0 ? 25 : Ct, O = Bt === void 0 ? "Line chart" : Bt, V = k === void 0 ? "Bar graph" : k, D = kt === void 0 ? !1 : kt, T = Lt === void 0 ? !1 : Lt, z = $t === void 0 ? 0.25 : $t, q = Nt === void 0 ? 999 : Nt, U = o === void 0 ? !0 : o, J = l === void 0 ? "en" : l, K = L === void 0 ? 0 : L, b = st === void 0 ? "light" : st, Q = Jt === void 0 ? !0 : Jt, Z = $ === void 0 ? !0 : $, _ = Gt === void 0 ? 5 : Gt, tt = St === void 0 ? "" : St, yt = lt === void 0 ? "" : lt, x = N === void 0 ? "" : N, g = ht === void 0 ? "" : ht, Dt = Ot === void 0 ? "curve" : Ot, bt = at === void 0 ? !1 : at, vt = Ft === void 0 ? 2 : Ft;
-  let rt;
-  t[0] !== gt ? (rt = gt === void 0 ? [] : gt, t[0] = gt, t[1] = rt) : rt = t[1];
-  const Rt = rt, At = Vt === void 0 ? "NA" : Vt, d = a === void 0 ? !0 : a, y = h === void 0 ? !0 : h, [Tt, li] = qt(0), [zt, Kt] = qt(0), it = ui(null), ct = ui(null);
-  let I, ut;
-  t[2] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-    const mt = new ResizeObserver((Pt) => {
-      li(Pt[0].target.clientWidth || 620), Kt(Pt[0].target.clientHeight || 480);
+    language: a,
+    colorLegendTitle: B,
+    minHeight: V,
+    theme: at,
+    ariaLabel: N,
+    resetSelectionOnDoubleClick: Zt,
+    detailsOnClick: gt,
+    showValues: D,
+    noOfTicks: Ft,
+    lineSuffix: Vt,
+    barSuffix: rt,
+    linePrefix: T,
+    barPrefix: yt,
+    curveType: Dt,
+    styles: u,
+    classNames: r,
+    animate: ct,
+    precision: zt,
+    customLayers: bt,
+    naLabel: Tt,
+    showColorScale: c,
+    showAxisLabels: g
+  } = e, l = te === void 0 ? le.light.categoricalColors.colors[1] : te, w = Wt === void 0 ? le.light.categoricalColors.colors[0] : Wt, G = Bt === void 0 ? !1 : Bt, R = Ct === void 0 ? !1 : Ct, S = kt === void 0 ? 80 : kt, F = lt === void 0 ? 80 : lt, z = Gt === void 0 ? 20 : Gt, q = Lt === void 0 ? 25 : Lt, j = Rt === void 0 ? "Line chart" : Rt, M = O === void 0 ? "Bar graph" : O, I = $t === void 0 ? !1 : $t, P = Nt === void 0 ? !1 : Nt, U = St === void 0 ? 0.25 : St, J = Ot === void 0 ? 999 : Ot, K = o === void 0 ? !0 : o, Q = a === void 0 ? "en" : a, Z = V === void 0 ? 0 : V, v = at === void 0 ? "light" : at, _ = Zt === void 0 ? !0 : Zt, tt = D === void 0 ? !0 : D, et = Ft === void 0 ? 5 : Ft, it = Vt === void 0 ? "" : Vt, vt = rt === void 0 ? "" : rt, x = T === void 0 ? "" : T, y = yt === void 0 ? "" : yt, It = Dt === void 0 ? "curve" : Dt, At = ct === void 0 ? !1 : ct, wt = zt === void 0 ? 2 : zt;
+  let ut;
+  t[0] !== bt ? (ut = bt === void 0 ? [] : bt, t[0] = bt, t[1] = ut) : ut = t[1];
+  const qt = ut, jt = Tt === void 0 ? "NA" : Tt, h = c === void 0 ? !0 : c, b = g === void 0 ? !0 : g, [Pt, ae] = Kt(0), [Ut, _t] = Kt(0), ot = ue(null), mt = ue(null);
+  let Y, xt;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (Y = () => {
+    const Jt = new ResizeObserver((Et) => {
+      ae(Et[0].target.clientWidth || 620), _t(Et[0].target.clientHeight || 480);
     });
-    return it.current && mt.observe(it.current), () => mt.disconnect();
-  }, ut = [], t[2] = I, t[3] = ut) : (I = t[2], ut = t[3]), hi(I, ut);
-  const wt = m?.graphContainer, It = c?.graphContainer;
-  let et;
-  t[4] !== m?.description || t[5] !== m?.title || t[6] !== v || t[7] !== T || t[8] !== p || t[9] !== D || t[10] !== E || t[11] !== c?.description || t[12] !== c?.title || t[13] !== u ? (et = E || p || D || T ? /* @__PURE__ */ s.jsx(Si, { styles: {
-    title: c?.title,
-    description: c?.description
+    return ot.current && Jt.observe(ot.current), () => Jt.disconnect();
+  }, xt = [], t[2] = Y, t[3] = xt) : (Y = t[2], xt = t[3]), he(Y, xt);
+  const Mt = r?.graphContainer, Yt = u?.graphContainer;
+  let nt;
+  t[4] !== r?.description || t[5] !== r?.title || t[6] !== p || t[7] !== P || t[8] !== d || t[9] !== I || t[10] !== H || t[11] !== u?.description || t[12] !== u?.title || t[13] !== m ? (nt = H || d || I || P ? /* @__PURE__ */ s.jsx(Se, { styles: {
+    title: u?.title,
+    description: u?.description
   }, classNames: {
-    title: m?.title,
-    description: m?.description
-  }, graphTitle: E, graphDescription: p, width: u, graphDownload: D ? ct : void 0, dataDownload: T ? v.map(pe).filter(fe).length > 0 ? v.map(xe).filter(me) : v.filter(ue) : null }) : null, t[4] = m?.description, t[5] = m?.title, t[6] = v, t[7] = T, t[8] = p, t[9] = D, t[10] = E, t[11] = c?.description, t[12] = c?.title, t[13] = u, t[14] = et) : et = t[14];
-  let ot;
-  t[15] !== bt || t[16] !== V || t[17] !== S || t[18] !== z || t[19] !== g || t[20] !== yt || t[21] !== R || t[22] !== m || t[23] !== H || t[24] !== Dt || t[25] !== Rt || t[26] !== v || t[27] !== dt || t[28] !== C || t[29] !== O || t[30] !== r || t[31] !== x || t[32] !== tt || t[33] !== At || t[34] !== _ || t[35] !== n || t[36] !== ft || t[37] !== vt || t[38] !== Q || t[39] !== G || t[40] !== W || t[41] !== y || t[42] !== d || t[43] !== U || t[44] !== Z || t[45] !== c || t[46] !== zt || t[47] !== Tt || t[48] !== b || t[49] !== xt || t[50] !== F || t[51] !== q ? (ot = v.length === 0 ? /* @__PURE__ */ s.jsx(Vi, {}) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    d ? /* @__PURE__ */ s.jsx(Oi, { colorDomain: [V, O], colors: [S || si[b].categoricalColors.colors[0], r || si[b].categoricalColors.colors[1]], colorLegendTitle: H, showNAColor: !1, className: m?.colorLegend }) : null,
-    /* @__PURE__ */ s.jsx(Di, { ref: it, children: Tt && zt ? /* @__PURE__ */ s.jsx(Ii, { data: v, sameAxes: W, lineColor: r, barColor: S, width: Tt, height: zt, truncateBy: q, leftMargin: C, rightMargin: G, topMargin: F, bottomMargin: R, axisTitles: [V, O], tooltip: xt, onSeriesMouseOver: ft, barPadding: z, showLabels: U, onSeriesMouseClick: n, resetSelectionOnDoubleClick: Q, detailsOnClick: dt, noOfTicks: _, lineSuffix: tt, barSuffix: yt, linePrefix: x, barPrefix: g, curveType: Dt, showValues: Z, styles: c, classNames: m, animate: bt === !0 ? {
-      duration: 0.5,
-      once: !0,
-      amount: 0.5
-    } : bt || {
-      duration: 0,
-      once: !0,
-      amount: 0
-    }, precision: vt, customLayers: Rt, naLabel: At, showAxisLabels: y }) : null })
-  ] }), t[15] = bt, t[16] = V, t[17] = S, t[18] = z, t[19] = g, t[20] = yt, t[21] = R, t[22] = m, t[23] = H, t[24] = Dt, t[25] = Rt, t[26] = v, t[27] = dt, t[28] = C, t[29] = O, t[30] = r, t[31] = x, t[32] = tt, t[33] = At, t[34] = _, t[35] = n, t[36] = ft, t[37] = vt, t[38] = Q, t[39] = G, t[40] = W, t[41] = y, t[42] = d, t[43] = U, t[44] = Z, t[45] = c, t[46] = zt, t[47] = Tt, t[48] = b, t[49] = xt, t[50] = F, t[51] = q, t[52] = ot) : ot = t[52];
-  let w;
-  t[53] !== m?.footnote || t[54] !== m?.source || t[55] !== A || t[56] !== X || t[57] !== c?.footnote || t[58] !== c?.source || t[59] !== u ? (w = X || A ? /* @__PURE__ */ s.jsx(Ni, { styles: {
-    footnote: c?.footnote,
-    source: c?.source
+    title: r?.title,
+    description: r?.description
+  }, graphTitle: H, graphDescription: d, width: m, graphDownload: I ? mt : void 0, dataDownload: P ? p.map(pi).filter(fi).length > 0 ? p.map(xi).filter(mi) : p.filter(ui) : null }) : null, t[4] = r?.description, t[5] = r?.title, t[6] = p, t[7] = P, t[8] = d, t[9] = I, t[10] = H, t[11] = u?.description, t[12] = u?.title, t[13] = m, t[14] = nt) : nt = t[14];
+  let st;
+  t[15] !== M || t[16] !== w || t[17] !== r?.colorLegend || t[18] !== B || t[19] !== p.length || t[20] !== j || t[21] !== l || t[22] !== h || t[23] !== v ? (st = !h && p.length > 0 ? null : /* @__PURE__ */ s.jsx(Oe, { colorDomain: [M, j], colors: [w || le[v].categoricalColors.colors[0], l || le[v].categoricalColors.colors[1]], colorLegendTitle: B, showNAColor: !1, className: r?.colorLegend }), t[15] = M, t[16] = w, t[17] = r?.colorLegend, t[18] = B, t[19] = p.length, t[20] = j, t[21] = l, t[22] = h, t[23] = v, t[24] = st) : st = t[24];
+  let C;
+  t[25] !== p.length ? (C = p.length === 0 && /* @__PURE__ */ s.jsx(Ve, {}), t[25] = p.length, t[26] = C) : C = t[26];
+  let k;
+  t[27] !== At || t[28] !== M || t[29] !== w || t[30] !== U || t[31] !== y || t[32] !== vt || t[33] !== q || t[34] !== r || t[35] !== It || t[36] !== qt || t[37] !== p || t[38] !== gt || t[39] !== S || t[40] !== j || t[41] !== l || t[42] !== x || t[43] !== it || t[44] !== jt || t[45] !== et || t[46] !== n || t[47] !== dt || t[48] !== wt || t[49] !== _ || t[50] !== F || t[51] !== G || t[52] !== b || t[53] !== K || t[54] !== tt || t[55] !== u || t[56] !== Ut || t[57] !== Pt || t[58] !== pt || t[59] !== z || t[60] !== J ? (k = Pt && Ut && p.length > 0 ? /* @__PURE__ */ s.jsx(Ie, { data: p, sameAxes: G, lineColor: l, barColor: w, width: Pt, height: Ut, truncateBy: J, leftMargin: S, rightMargin: F, topMargin: z, bottomMargin: q, axisTitles: [M, j], tooltip: pt, onSeriesMouseOver: dt, barPadding: U, showLabels: K, onSeriesMouseClick: n, resetSelectionOnDoubleClick: _, detailsOnClick: gt, noOfTicks: et, lineSuffix: it, barSuffix: vt, linePrefix: x, barPrefix: y, curveType: It, showValues: tt, styles: u, classNames: r, animate: At === !0 ? {
+    duration: 0.5,
+    once: !0,
+    amount: 0.5
+  } : At || {
+    duration: 0,
+    once: !0,
+    amount: 0
+  }, precision: wt, customLayers: qt, naLabel: jt, showAxisLabels: b }) : null, t[27] = At, t[28] = M, t[29] = w, t[30] = U, t[31] = y, t[32] = vt, t[33] = q, t[34] = r, t[35] = It, t[36] = qt, t[37] = p, t[38] = gt, t[39] = S, t[40] = j, t[41] = l, t[42] = x, t[43] = it, t[44] = jt, t[45] = et, t[46] = n, t[47] = dt, t[48] = wt, t[49] = _, t[50] = F, t[51] = G, t[52] = b, t[53] = K, t[54] = tt, t[55] = u, t[56] = Ut, t[57] = Pt, t[58] = pt, t[59] = z, t[60] = J, t[61] = k) : k = t[61];
+  let L;
+  t[62] !== C || t[63] !== k ? (L = /* @__PURE__ */ s.jsxs(De, { ref: ot, children: [
+    C,
+    k
+  ] }), t[62] = C, t[63] = k, t[64] = L) : L = t[64];
+  let E;
+  t[65] !== r?.footnote || t[66] !== r?.source || t[67] !== A || t[68] !== W || t[69] !== u?.footnote || t[70] !== u?.source || t[71] !== m ? (E = W || A ? /* @__PURE__ */ s.jsx(Ne, { styles: {
+    footnote: u?.footnote,
+    source: u?.source
   }, classNames: {
-    footnote: m?.footnote,
-    source: m?.source
-  }, sources: X, footNote: A, width: u }) : null, t[53] = m?.footnote, t[54] = m?.source, t[55] = A, t[56] = X, t[57] = c?.footnote, t[58] = c?.source, t[59] = u, t[60] = w) : w = t[60];
-  let P;
-  return t[61] !== M || t[62] !== B || t[63] !== pt || t[64] !== f || t[65] !== J || t[66] !== K || t[67] !== Ut || t[68] !== j || t[69] !== wt || t[70] !== It || t[71] !== et || t[72] !== ot || t[73] !== w || t[74] !== b || t[75] !== u ? (P = /* @__PURE__ */ s.jsxs(Ti, { className: wt, style: It, id: pt, ref: ct, "aria-label": M, backgroundColor: B, theme: b, language: J, minHeight: K, width: u, height: f, relativeHeight: j, padding: Ut, children: [
-    et,
-    ot,
-    w
-  ] }), t[61] = M, t[62] = B, t[63] = pt, t[64] = f, t[65] = J, t[66] = K, t[67] = Ut, t[68] = j, t[69] = wt, t[70] = It, t[71] = et, t[72] = ot, t[73] = w, t[74] = b, t[75] = u, t[76] = P) : P = t[76], P;
+    footnote: r?.footnote,
+    source: r?.source
+  }, sources: W, footNote: A, width: m }) : null, t[65] = r?.footnote, t[66] = r?.source, t[67] = A, t[68] = W, t[69] = u?.footnote, t[70] = u?.source, t[71] = m, t[72] = E) : E = t[72];
+  let ft;
+  return t[73] !== N || t[74] !== R || t[75] !== ht || t[76] !== f || t[77] !== Q || t[78] !== Z || t[79] !== Qt || t[80] !== $ || t[81] !== Mt || t[82] !== Yt || t[83] !== nt || t[84] !== st || t[85] !== L || t[86] !== E || t[87] !== v || t[88] !== m ? (ft = /* @__PURE__ */ s.jsxs(Te, { className: Mt, style: Yt, id: ht, ref: mt, "aria-label": N, backgroundColor: R, theme: v, language: Q, minHeight: Z, width: m, height: f, relativeHeight: $, padding: Qt, children: [
+    nt,
+    st,
+    L,
+    E
+  ] }), t[73] = N, t[74] = R, t[75] = ht, t[76] = f, t[77] = Q, t[78] = Z, t[79] = Qt, t[80] = $, t[81] = Mt, t[82] = Yt, t[83] = nt, t[84] = st, t[85] = L, t[86] = E, t[87] = v, t[88] = m, t[89] = ft) : ft = t[89], ft;
 }
-function ue(i) {
-  return i !== void 0;
+function ui(e) {
+  return e !== void 0;
 }
-function me(i) {
-  return i !== void 0;
+function mi(e) {
+  return e !== void 0;
 }
-function xe(i) {
-  return i.data;
+function xi(e) {
+  return e.data;
 }
-function fe(i) {
-  return i !== void 0;
+function fi(e) {
+  return e !== void 0;
 }
-function pe(i) {
-  return i.data;
+function pi(e) {
+  return e.data;
 }
 export {
-  Ee as ParetoChart
+  Ei as ParetoChart
 };
 //# sourceMappingURL=ParetoChart.js.map