@undp/data-viz 2.3.17 → 2.4.0

package/dist/ParetoChart.js

@@ -1,171 +1,172 @@
-import { c as de, j as s, m as ne } from "./index-CHPV5EwG-BCLAYDCV.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-CohiIbLZ.js";
-import { c as me } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as ce } from "./Axis-RyGdzLrG.js";
-import { A as fe } from "./AxisTitle-DGjX1_2v.js";
-import { X as ye } from "./XAxesLabels-IwjMJkYS.js";
-import { D as be } from "./DetailsModal-C3qlUyFK.js";
-import { b as ve } from "./band-DYty33LD.js";
-import { a as pe } from "./linear-DNXM5Pdl.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 { m as Ht } from "./proxy--_f6k3NR.js";
-import { u as Le } from "./use-in-view-DqvKAveg.js";
-import { A as $e } from "./index-Co3YGYe1.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-B3fPoH6L.js";
-import { a as De, G as Te } from "./GraphContainer-DwMxWRCi.js";
-function Ie(e) {
-  const t = de.c(157), {
+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: m,
+    axisTitles: u,
     sameAxes: A,
-    rightMargin: Qt,
-    leftMargin: te,
-    topMargin: Wt,
-    bottomMargin: Bt,
-    tooltip: Ct,
-    showValues: kt,
-    onSeriesMouseOver: lt,
-    barPadding: Gt,
-    truncateBy: Lt,
-    showLabels: Rt,
+    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: $t,
-    linePrefix: Nt,
-    barPrefix: St,
-    curveType: Ot,
+    barSuffix: Nt,
+    linePrefix: St,
+    barPrefix: Ot,
+    curveType: Vt,
     styles: o,
     classNames: n,
-    animate: a,
+    animate: r,
     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;
+    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] !== 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;
+  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[69] !== _t ? (ot = {
-      axis: _t
-    }, t[69] = _t, t[70] = ot) : ot = t[70];
+    t[72] !== o?.xAxis?.axis ? (ot = o?.xAxis?.axis || {}, t[72] = o?.xAxis?.axis, t[73] = ot) : ot = t[73];
     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 = {
+    t[74] !== d || t[75] !== ot ? (mt = {
       axis: {
         stroke: d,
-        ...mt
+        ...ot
       }
-    }, t[73] = d, t[74] = mt, t[75] = Y) : Y = t[75];
+    }, t[74] = d, t[75] = ot, t[76] = mt) : mt = t[76];
     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: {
+    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,
       ...o?.yAxis?.title || {}
-    }, 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: [
+    }, 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,
           strokeWidth: 1,
           ...o?.yAxis?.gridLines || {}
         }, className: n?.yAxis?.gridLines }),
-        /* @__PURE__ */ s.jsx("text", { x: -25, y: h(i), dy: "0.33em", className: ne("text-xs", n?.yAxis?.labels), style: {
+        /* @__PURE__ */ s.jsx("text", { x: -25, y: h(i), dy: "0.33em", className: le("text-xs", n?.yAxis?.labels), style: {
           textAnchor: "end",
           fill: d,
           ...o?.yAxis?.labels || {}
-        }, children: se(i, at, B, St, $t) })
-      ] }, Xt)),
+        }, children: ae(i, lt, B, Ot, Nt, at) })
+      ] }, Wt)),
       xt,
-      Mt
+      ft
     ] });
-    const Yt = g + 15, nt = g + 15, st = n?.xAxis?.axis;
+    const Et = g + 15, Xt = g + 15, nt = n?.xAxis?.axis;
     let C;
-    t[88] !== st ? (C = {
-      axis: st
-    }, t[88] = st, t[89] = C) : C = t[89];
+    t[89] !== nt ? (C = {
+      axis: nt
+    }, t[89] = nt, t[90] = C) : C = t[90];
     let k;
-    t[90] !== o?.xAxis?.axis ? (k = o?.xAxis?.axis || {}, t[90] = o?.xAxis?.axis, t[91] = k) : k = t[91];
+    t[91] !== o?.xAxis?.axis ? (k = o?.xAxis?.axis || {}, t[91] = o?.xAxis?.axis, t[92] = k) : k = t[92];
     let L;
-    t[92] !== f || t[93] !== k ? (L = {
+    t[93] !== f || t[94] !== k ? (L = {
       axis: {
         stroke: f,
         ...k
       }
-    }, t[92] = f, t[93] = k, t[94] = L) : L = t[94];
+    }, 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[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: {
+    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,
       ...o?.yAxis?.title || {}
-    }, 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: {
+    }, 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,
           strokeWidth: 1,
           ...o?.yAxis?.gridLines || {}
         }, className: n?.yAxis?.gridLines }),
-        /* @__PURE__ */ s.jsx("text", { x: g + 25, y: b(i), dy: "0.33em", dx: -2, style: {
+        /* @__PURE__ */ s.jsx("text", { x: g + 25, y: v(i), dy: "0.33em", dx: -2, style: {
           textAnchor: "start",
           fill: f,
           ...o?.yAxis?.labels || {}
-        }, className: ne("text-xs", n?.yAxis?.labels), children: se(i, at, B, Nt, ht) })
-      ] }, Xt)),
-      E,
-      ft
+        }, className: le("text-xs", n?.yAxis?.labels), children: ae(i, lt, B, St, ht, at) })
+      ] }, Wt)),
+      Y,
+      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);
+    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);
     }, onClick: () => {
-      (O || $) && (xe(T, i) && pt ? (yt(void 0), O?.(void 0)) : (yt(i), O?.(i)));
+      (O || $) && (fe(T, i) && pt ? (gt(void 0), O?.(void 0)) : (gt(i), O?.(i)));
     }, onMouseMove: (X) => {
-      rt(i), ct(X.clientY), u(X.clientX);
+      rt(i), ct(X.clientY), l(X.clientX);
     }, onMouseLeave: () => {
-      rt(void 0), u(void 0), ct(void 0), lt?.(void 0);
+      rt(void 0), l(void 0), ct(void 0), st?.(void 0);
     }, children: [
-      /* @__PURE__ */ s.jsx(Ht.rect, { variants: {
+      /* @__PURE__ */ s.jsx(Bt.rect, { variants: {
         initial: {
           attrY: h(0),
           height: 0,
@@ -178,7 +179,7 @@ function Ie(e) {
           opacity: 1,
           fill: d,
           transition: {
-            duration: a.duration
+            duration: r.duration
           }
         }
       }, initial: "initial", animate: D ? "whileInView" : "initial", exit: {
@@ -186,14 +187,14 @@ function Ie(e) {
         height: 0,
         opacity: 0,
         transition: {
-          duration: a.duration
+          duration: r.duration
         }
-      }, x: y(`${Xt}`), width: y.bandwidth() }),
-      kt && !me(i.bar) ? /* @__PURE__ */ s.jsx(Ht.text, { x: y(`${i.id}`) + y.bandwidth() / 2, exit: {
+      }, 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),
         opacity: 0,
         transition: {
-          duration: a.duration
+          duration: r.duration
         }
       }, variants: {
         initial: {
@@ -206,340 +207,341 @@ function Ie(e) {
           opacity: 1,
           fill: d,
           transition: {
-            duration: a.duration
+            duration: r.duration
           }
         }
       }, initial: "initial", animate: D ? "whileInView" : "initial", style: {
         textAnchor: "middle",
         ...o?.graphObjectValues || {}
-      }, 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
+      }, 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
     ] }, i.label));
-    let ie;
-    t[116] !== a.duration ? (ie = {
+    let ne;
+    t[117] !== r.duration ? (ne = {
       opacity: 0,
       transition: {
-        duration: a.duration
+        duration: r.duration
       }
-    }, t[116] = a.duration, t[117] = ie) : ie = t[117];
-    let oe;
-    t[118] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oe = {
+    }, t[117] = r.duration, t[118] = ne) : ne = t[118];
+    let se;
+    t[119] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = {
       fill: "none",
       strokeWidth: 2
-    }, t[118] = oe) : oe = t[118], P = /* @__PURE__ */ s.jsx(Ht.path, { exit: ie, variants: {
+    }, t[119] = se) : se = t[119], P = /* @__PURE__ */ s.jsx(Bt.path, { exit: ne, variants: {
       initial: {
-        d: Pt(x.map(Ee)),
+        d: Qt(x.map(Xe)),
         opacity: 0,
         stroke: f
       },
       whileInView: {
-        d: Pt(x),
+        d: Qt(x),
         opacity: 1,
         stroke: f,
         transition: {
-          duration: a.duration
+          duration: r.duration
         }
       }
-    }, 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);
+    }, 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);
     }, onClick: () => {
-      (O || $) && (xe(T, i) && pt ? (yt(void 0), O?.(void 0)) : (yt(i), O?.(i)));
+      (O || $) && (fe(T, i) && pt ? (gt(void 0), O?.(void 0)) : (gt(i), O?.(i)));
     }, onMouseMove: (X) => {
-      rt(i), ct(X.clientY), u(X.clientX);
+      rt(i), ct(X.clientY), l(X.clientX);
     }, onMouseLeave: () => {
-      rt(void 0), u(void 0), ct(void 0), lt?.(void 0);
+      rt(void 0), l(void 0), ct(void 0), st?.(void 0);
     }, children: [
-      /* @__PURE__ */ s.jsx(Ht.circle, { exit: {
-        cy: b(0),
+      /* @__PURE__ */ s.jsx(Bt.circle, { exit: {
+        cy: v(0),
         opacity: 0,
         transition: {
-          duration: a.duration
+          duration: r.duration
         }
       }, variants: {
         initial: {
-          cy: b(0),
+          cy: v(0),
           opacity: 0,
           fill: f
         },
         whileInView: {
-          cy: b(i.line),
+          cy: v(i.line),
           opacity: 1,
           fill: f,
           transition: {
-            duration: a.duration
+            duration: r.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 }),
-      kt ? /* @__PURE__ */ s.jsx(Ht.text, { x: y(`${i.id}`) + y.bandwidth() / 2, exit: {
-        y: b(0),
+      Lt ? /* @__PURE__ */ s.jsx(Bt.text, { x: y(`${i.id}`) + y.bandwidth() / 2, exit: {
+        y: v(0),
         opacity: 0,
         transition: {
-          duration: a.duration
+          duration: r.duration
         }
       }, style: {
         textAnchor: "middle",
         ...o?.graphObjectValues || {}
       }, variants: {
         initial: {
-          y: b(0),
+          y: v(0),
           opacity: 0,
           fill: f
         },
         whileInView: {
-          y: b(i.line),
+          y: v(i.line),
           opacity: 1,
           fill: f,
           transition: {
-            duration: a.duration
+            duration: r.duration
           }
         }
-      }, 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;
+      }, 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;
   } else
-    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];
+    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[119] !== w || t[120] !== I || t[121] !== P || t[122] !== U ? (Z = /* @__PURE__ */ s.jsxs(w, { children: [
+  t[120] !== w || t[121] !== I || t[122] !== P || t[123] !== 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];
+  ] }), 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];
   let _;
-  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: [
+  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: [
     K,
     Q,
     R,
     S,
     Z,
-    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];
+    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[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];
+  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];
   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];
+  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];
   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];
+  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[153] !== tt || t[154] !== et || t[155] !== it ? (vt = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return t[154] !== tt || t[155] !== et || t[156] !== 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;
+  ] }), t[154] = tt, t[155] = et, t[156] = it, t[157] = vt) : vt = t[157], vt;
 }
-function Pe(e) {
+function Ye(e) {
   return e.layer;
 }
-function Ye(e) {
+function Ee(e) {
   return e.position === "after";
 }
-function Ee(e) {
+function Xe(e) {
   return {
     ...e,
     line: 0
   };
 }
-function Xe(e) {
-  return e.layer;
-}
 function He(e) {
-  return e.position === "before";
+  return e.layer;
 }
 function We(e) {
-  return !me(e.line);
+  return e.position === "before";
 }
 function Be(e) {
-  return e != null;
+  return !xe(e.line);
 }
 function Ge(e) {
-  return e.line;
+  return e != null;
 }
 function Re(e) {
-  return e != null;
+  return e.line;
 }
 function Fe(e) {
-  return e.line;
+  return e != null;
 }
 function ze(e) {
-  return e != null;
+  return e.line;
 }
 function qe(e) {
-  return e.bar;
+  return e != null;
 }
 function Ue(e) {
-  return e != null;
+  return e.bar;
 }
 function Je(e) {
-  return e.bar;
+  return e != null;
 }
 function Ke(e) {
-  return e != null;
+  return e.bar;
 }
 function Qe(e) {
-  return e.line;
+  return e != null;
 }
 function Ze(e) {
-  return e != null;
+  return e.line;
 }
 function _e(e) {
-  return e.line;
+  return e != null;
 }
 function ti(e) {
-  return e != null;
+  return e.line;
 }
 function ei(e) {
-  return e.line;
+  return e != null;
 }
 function ii(e) {
-  return e != null;
+  return e.line;
 }
 function oi(e) {
-  return e.bar;
+  return e != null;
 }
 function ni(e) {
-  return e != null;
+  return e.bar;
 }
 function si(e) {
-  return e.bar;
+  return e != null;
 }
 function li(e) {
-  return e != null;
+  return e.bar;
 }
 function ai(e) {
-  return e.bar;
+  return e != null;
 }
 function ri(e) {
+  return e.bar;
+}
+function ci(e) {
   return `${e.id}`;
 }
-function ci(e, t) {
+function ui(e, t) {
   return {
     ...e,
     id: `${t}`
   };
 }
-function Ei(e) {
-  const t = de.c(90), {
+function Xi(e) {
+  const t = he.c(91), {
     data: p,
     graphTitle: H,
     sources: W,
     graphDescription: d,
     height: f,
-    width: m,
+    width: u,
     footNote: A,
-    padding: Qt,
-    lineColor: te,
-    barColor: Wt,
-    sameAxes: Bt,
-    backgroundColor: Ct,
-    leftMargin: kt,
-    rightMargin: lt,
-    topMargin: Gt,
-    bottomMargin: Lt,
-    lineAxisTitle: Rt,
+    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: $t,
-    dataDownload: Nt,
-    barPadding: St,
-    truncateBy: Ot,
+    graphDownload: Nt,
+    dataDownload: St,
+    barPadding: Ot,
+    truncateBy: Vt,
     showLabels: o,
     onSeriesMouseClick: n,
-    language: a,
+    language: r,
     colorLegendTitle: B,
     minHeight: V,
-    theme: at,
+    theme: lt,
     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;
+    resetSelectionOnDoubleClick: at,
+    detailsOnClick: qt,
+    showValues: Dt,
+    noOfTicks: D,
+    lineSuffix: Ut,
+    barSuffix: Tt,
+    linePrefix: rt,
+    barPrefix: T,
+    curveType: gt,
+    styles: m,
+    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] !== 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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = () => {
-    const Jt = new ResizeObserver((Et) => {
-      ae(Et[0].target.clientWidth || 620), _t(Et[0].target.clientHeight || 480);
+  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);
     });
-    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;
+    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] !== 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
+  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
   }, classNames: {
-    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];
+    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[25] !== p.length ? (C = p.length === 0 && /* @__PURE__ */ s.jsx(Ve, {}), t[25] = p.length, t[26] = C) : C = t[26];
+  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[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 ? {
+  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 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : At || {
+  } : bt || {
     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];
+  }, 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[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
+  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
   }, classNames: {
-    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: [
+    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: [
     nt,
-    st,
-    L,
+    C,
+    Y,
     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 ui(e) {
-  return e !== void 0;
+  ] }), 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;
 }
 function mi(e) {
   return e !== void 0;
 }
 function xi(e) {
-  return e.data;
+  return e !== void 0;
 }
 function fi(e) {
-  return e !== void 0;
+  return e.data;
 }
 function pi(e) {
+  return e !== void 0;
+}
+function di(e) {
   return e.data;
 }
 export {
-  Ei as ParetoChart
+  Xi as ParetoChart
 };
 //# sourceMappingURL=ParetoChart.js.map