@undp/data-viz 2.4.1 → 2.5.1

package/dist/ParetoChart.js

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