@undp/data-viz 2.3.17 → 2.4.0

package/dist/DumbbellChart.js

@@ -1,168 +1,169 @@
-import { c as Ie, j as i, m as be } from "./index-CHPV5EwG-BCLAYDCV.js";
+import { c as Ie, j as a, m as ve } from "./index-CHPV5EwG-BzibaIRc.js";
 import { o as je } from "./index-BZQYSqar.js";
-import { f as Ne, p as He } from "./parse-Dv4of-PN.js";
-import { useRef as ve, useState as Ot, useEffect as De } from "react";
-import { g as Re, N as ze } from "./getSliderMarks-vXsR8RrR.js";
+import { f as De, p as He } from "./parse-Dv4of-PN.js";
+import { useRef as we, useState as It, useEffect as Ne } from "react";
+import { g as Re, N as ze } from "./getSliderMarks-X-_goqH9.js";
 import { i as Te } from "./index-Bwrro8-q.js";
-import { n as $e } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Se } from "./Tooltip-CohiIbLZ.js";
-import { c as Bt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as Fe } from "./AxisTitle-DGjX1_2v.js";
-import { A as qe } from "./Axis-RyGdzLrG.js";
-import { X as Ue } from "./XAxesLabels-IwjMJkYS.js";
-import { Y as Pe } from "./YTicksAndGridLines-C3GW1xFG.js";
-import { R as Je, a as Ke } from "./ReferenceLine-CNEjAYvv.js";
-import { X as Qe } from "./XTicksAndGridLines-BDmF9etl.js";
-import { Y as Ze } from "./YAxesLabels-DoGvgHdw.js";
-import { D as We } from "./DetailsModal-C3qlUyFK.js";
+import { n as $e } from "./numberFormattingFunction-DqMf_v1m.js";
+import { T as Se } from "./Tooltip-Bj-s__cI.js";
+import { c as Yt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { A as Fe } from "./AxisTitle-CyLCqpW6.js";
+import { A as qe } from "./Axis-CNZYWzH0.js";
+import { X as Ue } from "./XAxesLabels-B9gkjUiC.js";
+import { Y as We } from "./YTicksAndGridLines-CsNSq9W9.js";
+import { R as Je, a as Ke } from "./ReferenceLine-D41VuUhE.js";
+import { X as Qe } from "./XTicksAndGridLines-gdbGX2rm.js";
+import { Y as Ze } from "./YAxesLabels-hWEUCTvs.js";
+import { D as Pe } from "./DetailsModal-B2XBWR7w.js";
 import { a as Be } from "./linear-DNXM5Pdl.js";
 import { b as Xe } from "./band-DYty33LD.js";
-import { m as Wt } from "./proxy--_f6k3NR.js";
-import { u as Ye } from "./use-in-view-DqvKAveg.js";
-import { A as Ee } from "./index-Co3YGYe1.js";
+import { m as Xt } from "./proxy-BsxtcZKa.js";
+import { u as Ye } from "./use-in-view-KOXq5Kmc.js";
+import { A as Ee } from "./index-Cv_5q6Rb.js";
 import { e as Le } from "./ensureCompleteData-CDIukSG6.js";
-import { a as _e, G as ti } from "./GraphContainer-DwMxWRCi.js";
+import { a as _e, G as ti } from "./GraphContainer-B8ZqOzKI.js";
 import { GraphHeader as ei } from "./GraphHeader.js";
-import { P as ii, e as ni } from "./index-CZ0elhKR.js";
-import { GraphFooter as ai } from "./GraphFooter.js";
+import { P as ii, e as ai } from "./index-ApTBN0kp.js";
+import { GraphFooter as ni } from "./GraphFooter.js";
 import { ColorLegendWithMouseOver as oi } from "./ColorLegendWithMouseOver.js";
-import { E as si } from "./EmptyState-B3fPoH6L.js";
+import { E as si } from "./EmptyState-CaxXCkiN.js";
 import { Colors as li } from "./Colors.js";
 function ri(e) {
-  const t = Ie.c(148), {
+  const t = Ie.c(149), {
     data: c,
     leftMargin: qt,
-    rightMargin: ae,
+    rightMargin: ne,
     topMargin: Ut,
     bottomMargin: Jt,
-    dotColors: I,
-    barPadding: Xt,
-    showTicks: ct,
-    truncateBy: Lt,
+    dotColors: L,
+    barPadding: Et,
+    showTicks: rt,
+    truncateBy: Vt,
     width: gt,
     height: bt,
-    radius: xt,
+    radius: ft,
     showLabels: vt,
-    tooltip: b,
-    onSeriesMouseOver: st,
-    maxValue: $t,
-    minValue: k,
-    onSeriesMouseClick: dt,
+    tooltip: y,
+    onSeriesMouseOver: ot,
+    maxValue: jt,
+    minValue: w,
+    onSeriesMouseClick: ct,
     showValues: Kt,
-    suffix: ft,
-    prefix: P,
-    selectedColor: W,
-    arrowConnector: j,
-    connectorStrokeWidth: Yt,
+    suffix: pt,
+    prefix: S,
+    selectedColor: F,
+    arrowConnector: I,
+    connectorStrokeWidth: Gt,
     maxBarThickness: wt,
-    minBarThickness: It,
+    minBarThickness: Dt,
     resetSelectionOnDoubleClick: Qt,
-    detailsOnClick: V,
-    axisTitle: B,
-    noOfTicks: Et,
-    valueColor: Vt,
+    detailsOnClick: $,
+    axisTitle: W,
+    noOfTicks: Ht,
+    valueColor: Nt,
     styles: o,
     classNames: n,
-    labelOrder: y,
-    refValues: jt,
+    labelOrder: p,
+    refValues: Tt,
     animate: f,
-    precision: x,
-    customLayers: H,
-    highlightedDataPoints: X,
-    dimmedOpacity: mt,
-    hideAxisLine: R
-  } = e, z = qt === void 0 ? 20 : qt, Gt = ae === void 0 ? 20 : ae, Nt = Ut === void 0 ? 20 : Ut, Ht = Jt === void 0 ? 25 : Jt, ie = ve(null);
-  let Dt;
-  t[0] !== f.amount || t[1] !== f.once ? (Dt = {
+    precision: u,
+    customLayers: G,
+    highlightedDataPoints: P,
+    dimmedOpacity: dt,
+    hideAxisLine: H,
+    locale: ht
+  } = e, R = qt === void 0 ? 20 : qt, Zt = ne === void 0 ? 20 : ne, At = Ut === void 0 ? 20 : Ut, Rt = Jt === void 0 ? 25 : Jt, oe = we(null);
+  let kt;
+  t[0] !== f.amount || t[1] !== f.once ? (kt = {
     once: f.once,
     amount: f.amount
-  }, t[0] = f.amount, t[1] = f.once, t[2] = Dt) : Dt = t[2];
-  const v = Ye(ie, Dt), Zt = B ? z + 30 : z;
-  let p;
-  t[3] !== Ht || t[4] !== Gt || t[5] !== Zt || t[6] !== Nt ? (p = {
-    top: Nt,
-    bottom: Ht,
-    left: Zt,
-    right: Gt
-  }, t[3] = Ht, t[4] = Gt, t[5] = Zt, t[6] = Nt, t[7] = p) : p = t[7];
-  const a = p, N = gt - a.left - a.right, q = bt - a.top - a.bottom, [Tt, _t] = Ot(void 0), [Y, te] = Ot(void 0), [ht, St] = Ot(void 0), [Ft, Pt] = Ot(void 0);
-  let pt;
-  if (t[8] !== c || t[9] !== y) {
-    const m = /* @__PURE__ */ new Set(), w = c.map((h, rt) => {
-      const s = y ? `${h.label}` : `${rt}`;
-      return m.add(s), {
-        ...h,
-        id: s
+  }, t[0] = f.amount, t[1] = f.once, t[2] = kt) : kt = t[2];
+  const A = Ye(oe, kt), h = W ? R + 30 : R;
+  let x;
+  t[3] !== Rt || t[4] !== Zt || t[5] !== h || t[6] !== At ? (x = {
+    top: At,
+    bottom: Rt,
+    left: h,
+    right: Zt
+  }, t[3] = Rt, t[4] = Zt, t[5] = h, t[6] = At, t[7] = x) : x = t[7];
+  const r = x, V = gt - r.left - r.right, st = bt - r.top - r.bottom, [St, _t] = It(void 0), [B, Ft] = It(void 0), [Mt, te] = It(void 0), [yt, Wt] = It(void 0);
+  let Pt;
+  if (t[8] !== c || t[9] !== p) {
+    const m = /* @__PURE__ */ new Set(), g = c.map((s, ut) => {
+      const E = p ? `${s.label}` : `${ut}`;
+      return m.add(E), {
+        ...s,
+        id: E
       };
-    }), yt = y ? y.filter((h) => !m.has(h)) : [];
-    let C;
-    t[11] !== c[0] ? (C = (h) => ({
-      id: h,
-      label: h,
+    }), Ot = p ? p.filter((s) => !m.has(s)) : [];
+    let b;
+    t[11] !== c[0] ? (b = (s) => ({
+      id: s,
+      label: s,
       x: Array(c[0].x.length).fill(null)
-    }), t[11] = c[0], t[12] = C) : C = t[12], pt = [...w, ...yt.map(C)], t[8] = c, t[9] = y, t[10] = pt;
+    }), t[11] = c[0], t[12] = b) : b = t[12], Pt = [...g, ...Ot.map(b)], t[8] = c, t[9] = p, t[10] = Pt;
   } else
-    pt = t[10];
-  const O = pt;
+    Pt = t[10];
+  const M = Pt;
   let lt;
-  t[13] !== O || t[14] !== y ? (lt = y ?? O.map(bi), t[13] = O, t[14] = y, t[15] = lt) : lt = t[15];
-  const Rt = lt;
-  let U, J, K, Q, Z, D, T, M, E, _, tt, et, L, $, it;
-  if (t[16] !== f || t[17] !== j || t[18] !== B || t[19] !== Rt || t[20] !== Xt || t[21] !== n?.dataConnectors || t[22] !== n?.graphObjectValues || t[23] !== n?.xAxis?.axis || t[24] !== n?.xAxis?.labels || t[25] !== n?.yAxis?.gridLines || t[26] !== n?.yAxis?.labels || t[27] !== n?.yAxis?.title || t[28] !== Yt || t[29] !== H || t[30] !== O || t[31] !== V || t[32] !== mt || t[33] !== I || t[34] !== q || t[35] !== N || t[36] !== bt || t[37] !== R || t[38] !== X || t[39] !== v || t[40] !== z || t[41] !== a.bottom || t[42] !== a.left || t[43] !== a.right || t[44] !== a.top || t[45] !== wt || t[46] !== $t || t[47] !== It || t[48] !== k || t[49] !== Y || t[50] !== Et || t[51] !== dt || t[52] !== st || t[53] !== x || t[54] !== P || t[55] !== xt || t[56] !== jt || t[57] !== Qt || t[58] !== W || t[59] !== vt || t[60] !== ct || t[61] !== Kt || t[62] !== o?.dataConnectors || t[63] !== o?.graphObjectValues || t[64] !== o?.xAxis?.axis || t[65] !== o?.xAxis?.labels || t[66] !== o?.yAxis?.gridLines || t[67] !== o?.yAxis?.labels || t[68] !== o?.yAxis?.title || t[69] !== ft || t[70] !== Lt || t[71] !== Vt || t[72] !== gt) {
-    const m = Be().domain([k, $t]).range([q, 0]).nice(), w = Xe().domain(Rt).range([0, It ? Math.max(N, It * O.length) : wt ? Math.min(N, wt * O.length) : N]).paddingInner(Xt), yt = m.ticks(Et);
-    J = Wt.svg, E = `${gt}px`, _ = `${bt}px`, tt = `0 0 ${gt} ${bt}`, et = "ltr", L = ie, t[88] !== j ? ($ = j ? /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("marker", { id: "arrow", viewBox: "0 0 10 10", refX: "10", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto-start-reverse", children: /* @__PURE__ */ i.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", className: "fill-primary-gray-600 dark:fill-primary-gray-300" }) }) }) : null, t[88] = j, t[89] = $) : $ = t[89], Q = `translate(${a.left},${a.top})`;
-    let C;
-    t[90] !== k || t[91] !== x || t[92] !== P || t[93] !== ct || t[94] !== ft ? (C = ct ? $e(k < 0 ? 0 : k, "NA", x, P, ft) : void 0, t[90] = k, t[91] = x, t[92] = P, t[93] = ct, t[94] = ft, t[95] = C) : C = t[95];
-    const h = n?.xAxis?.axis, rt = n?.yAxis?.labels;
-    let s;
-    t[96] !== h || t[97] !== rt ? (s = {
-      axis: h,
-      label: rt
-    }, t[96] = h, t[97] = rt, t[98] = s) : s = t[98];
-    const zt = o?.xAxis?.axis, kt = o?.yAxis?.labels;
-    let ee;
-    t[99] !== zt || t[100] !== kt ? (ee = {
-      axis: zt,
-      label: kt
-    }, t[99] = zt, t[100] = kt, t[101] = ee) : ee = t[101], Z = /* @__PURE__ */ i.jsx(qe, { hideAxisLine: R, y1: m(k < 0 ? 0 : k), y2: m(k < 0 ? 0 : k), x1: 0 - z, x2: N + a.right, label: C, labelPos: {
-      x: 0 - z,
+  t[13] !== M || t[14] !== p ? (lt = p ?? M.map(bi), t[13] = M, t[14] = p, t[15] = lt) : lt = t[15];
+  const zt = lt;
+  let z, q, U, J, K, j, D, k, X, Q, Z, _, C, O, tt;
+  if (t[16] !== f || t[17] !== I || t[18] !== W || t[19] !== zt || t[20] !== Et || t[21] !== n?.dataConnectors || t[22] !== n?.graphObjectValues || t[23] !== n?.xAxis?.axis || t[24] !== n?.xAxis?.labels || t[25] !== n?.yAxis?.gridLines || t[26] !== n?.yAxis?.labels || t[27] !== n?.yAxis?.title || t[28] !== Gt || t[29] !== G || t[30] !== M || t[31] !== $ || t[32] !== dt || t[33] !== L || t[34] !== st || t[35] !== V || t[36] !== bt || t[37] !== H || t[38] !== P || t[39] !== A || t[40] !== R || t[41] !== ht || t[42] !== r.bottom || t[43] !== r.left || t[44] !== r.right || t[45] !== r.top || t[46] !== wt || t[47] !== jt || t[48] !== Dt || t[49] !== w || t[50] !== B || t[51] !== Ht || t[52] !== ct || t[53] !== ot || t[54] !== u || t[55] !== S || t[56] !== ft || t[57] !== Tt || t[58] !== Qt || t[59] !== F || t[60] !== vt || t[61] !== rt || t[62] !== Kt || t[63] !== o?.dataConnectors || t[64] !== o?.graphObjectValues || t[65] !== o?.xAxis?.axis || t[66] !== o?.xAxis?.labels || t[67] !== o?.yAxis?.gridLines || t[68] !== o?.yAxis?.labels || t[69] !== o?.yAxis?.title || t[70] !== pt || t[71] !== Vt || t[72] !== Nt || t[73] !== gt) {
+    const m = Be().domain([w, jt]).range([st, 0]).nice(), g = Xe().domain(zt).range([0, Dt ? Math.max(V, Dt * M.length) : wt ? Math.min(V, wt * M.length) : V]).paddingInner(Et), Ot = m.ticks(Ht);
+    q = Xt.svg, X = `${gt}px`, Q = `${bt}px`, Z = `0 0 ${gt} ${bt}`, _ = "ltr", C = oe, t[89] !== I ? (O = I ? /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("marker", { id: "arrow", viewBox: "0 0 10 10", refX: "10", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto-start-reverse", children: /* @__PURE__ */ a.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", className: "fill-primary-gray-600 dark:fill-primary-gray-300" }) }) }) : null, t[89] = I, t[90] = O) : O = t[90], J = `translate(${r.left},${r.top})`;
+    let b;
+    t[91] !== w || t[92] !== u || t[93] !== S || t[94] !== rt || t[95] !== pt ? (b = rt ? $e(w < 0 ? 0 : w, void 0, u, S, pt) : void 0, t[91] = w, t[92] = u, t[93] = S, t[94] = rt, t[95] = pt, t[96] = b) : b = t[96];
+    const s = n?.xAxis?.axis, ut = n?.yAxis?.labels;
+    let E;
+    t[97] !== s || t[98] !== ut ? (E = {
+      axis: s,
+      label: ut
+    }, t[97] = s, t[98] = ut, t[99] = E) : E = t[99];
+    const Bt = o?.xAxis?.axis, ee = o?.yAxis?.labels;
+    let Lt;
+    t[100] !== Bt || t[101] !== ee ? (Lt = {
+      axis: Bt,
+      label: ee
+    }, t[100] = Bt, t[101] = ee, t[102] = Lt) : Lt = t[102], K = /* @__PURE__ */ a.jsx(qe, { hideAxisLine: H, y1: m(w < 0 ? 0 : w), y2: m(w < 0 ? 0 : w), x1: 0 - R, x2: V + r.right, label: b, labelPos: {
+      x: 0 - R,
       dx: 0,
-      dy: $t < 0 ? "1em" : -5,
-      y: m(k < 0 ? 0 : k)
-    }, classNames: s, styles: ee }), D = ct ? /* @__PURE__ */ i.jsx(Pe, { values: yt.filter(gi), y: yt.filter(yi).map((l) => m(l)), x1: 0 - z, x2: N + a.right, styles: {
+      dy: jt < 0 ? "1em" : -5,
+      y: m(w < 0 ? 0 : w)
+    }, classNames: E, styles: Lt }), j = rt ? /* @__PURE__ */ a.jsx(We, { values: Ot.filter(gi), y: Ot.filter(yi).map((i) => m(i)), x1: 0 - R, x2: V + r.right, styles: {
       gridLines: o?.yAxis?.gridLines,
       labels: o?.yAxis?.labels
     }, classNames: {
       gridLines: n?.yAxis?.gridLines,
       labels: n?.yAxis?.labels
-    }, suffix: ft, prefix: P, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: x }) : null;
-    const Mt = 0 - z - 15, r = q / 2, A = o?.yAxis?.title, F = n?.yAxis?.title;
-    t[102] !== B || t[103] !== Mt || t[104] !== r || t[105] !== A || t[106] !== F ? (T = /* @__PURE__ */ i.jsx(Fe, { x: Mt, y: r, style: A, className: F, text: B, rotate90: !0 }), t[102] = B, t[103] = Mt, t[104] = r, t[105] = A, t[106] = F, t[107] = T) : T = t[107], t[108] !== H ? (M = H.filter(pi).map(hi), t[108] = H, t[109] = M) : M = t[109], U = Ee, it = O.map((l) => /* @__PURE__ */ i.jsxs(Wt.g, { className: "undp-viz-g-with-hover", variants: {
+    }, suffix: pt, prefix: S, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: u, locale: ht }) : null;
+    const ie = 0 - R - 15, l = st / 2, xt = o?.yAxis?.title, v = n?.yAxis?.title;
+    t[103] !== W || t[104] !== ie || t[105] !== l || t[106] !== xt || t[107] !== v ? (D = /* @__PURE__ */ a.jsx(Fe, { x: ie, y: l, style: xt, className: v, text: W, rotate90: !0 }), t[103] = W, t[104] = ie, t[105] = l, t[106] = xt, t[107] = v, t[108] = D) : D = t[108], t[109] !== G ? (k = G.filter(hi).map(pi), t[109] = G, t[110] = k) : k = t[110], z = Ee, tt = M.map((i) => /* @__PURE__ */ a.jsxs(Xt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
-        x: w(`${l.id}`) + w.bandwidth() / 2,
+        x: g(`${i.id}`) + g.bandwidth() / 2,
         y: 0,
-        opacity: X.length !== 0 ? X.indexOf(l.label) !== -1 ? 0.85 : mt : 0.85
+        opacity: P ? P.indexOf(i.label) !== -1 ? 0.85 : dt : 0.85
       },
       whileInView: {
-        x: w(`${l.id}`) + w.bandwidth() / 2,
+        x: g(`${i.id}`) + g.bandwidth() / 2,
         y: 0,
-        opacity: X.length !== 0 ? X.indexOf(l.label) !== -1 ? 0.85 : mt : 0.85,
+        opacity: P ? P.indexOf(i.label) !== -1 ? 0.85 : dt : 0.85,
         transition: {
           duration: f.duration
         }
       }
-    }, initial: "initial", animate: v ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: A ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: f.duration
       }
     }, children: [
-      vt ? /* @__PURE__ */ i.jsx(Ue, { value: `${l.label}`.length < Lt ? `${l.label}` : `${`${l.label}`.substring(0, Lt)}...`, y: q + 5, x: 0 - w.bandwidth() / 2, width: w.bandwidth(), height: a.bottom, style: o?.xAxis?.labels, className: n?.xAxis?.labels, alignment: "top", animate: f, isInView: v }) : null,
-      /* @__PURE__ */ i.jsx(Wt.line, { x1: 0, x2: 0, style: {
-        strokeWidth: Yt,
+      vt ? /* @__PURE__ */ a.jsx(Ue, { value: `${i.label}`.length < Vt ? `${i.label}` : `${`${i.label}`.substring(0, Vt)}...`, y: st + 5, x: 0 - g.bandwidth() / 2, width: g.bandwidth(), height: r.bottom, style: o?.xAxis?.labels, className: n?.xAxis?.labels, alignment: "top", animate: f, isInView: A }) : null,
+      /* @__PURE__ */ a.jsx(Xt.line, { x1: 0, x2: 0, style: {
+        strokeWidth: Gt,
         ...o?.dataConnectors || {},
-        opacity: W ? 0.3 : 1
-      }, className: be("stroke-primary-gray-600 dark:stroke-primary-gray-300", n?.dataConnectors), markerEnd: j && l.x.indexOf(Math.min(...l.x.filter(fi))) === 0 ? "url(#arrow)" : "", markerStart: j && l.x.indexOf(Math.min(...l.x.filter(xi))) === l.x.length - 1 ? "url(#arrow)" : "", exit: {
+        opacity: F ? 0.3 : 1
+      }, className: ve("stroke-primary-gray-600 dark:stroke-primary-gray-300", n?.dataConnectors), markerEnd: I && i.x.indexOf(Math.min(...i.x.filter(fi))) === 0 ? "url(#arrow)" : "", markerStart: I && i.x.indexOf(Math.min(...i.x.filter(xi))) === i.x.length - 1 ? "url(#arrow)" : "", exit: {
         opacity: 0,
         transition: {
           duration: f.duration
@@ -173,39 +174,39 @@ function ri(e) {
           y2: 0
         },
         whileInView: {
-          y1: m(Math.min(...l.x.filter(ui))) + xt,
-          y2: m(Math.max(...l.x.filter(mi))) - xt,
+          y1: m(Math.min(...i.x.filter(ui))) + ft,
+          y2: m(Math.max(...i.x.filter(mi))) - ft,
           transition: {
             duration: f.duration
           }
         }
-      }, initial: "initial", animate: v ? "whileInView" : "initial" }),
-      l.x.map((u, g) => /* @__PURE__ */ i.jsx(Wt.g, { onMouseEnter: (ne) => {
+      }, initial: "initial", animate: A ? "whileInView" : "initial" }),
+      i.x.map((T, nt) => /* @__PURE__ */ a.jsx(Xt.g, { onMouseEnter: (ae) => {
         _t({
-          ...l,
-          xIndex: g
-        }), Pt(ne.clientY), St(ne.clientX), st?.({
-          ...l,
-          xIndex: g
+          ...i,
+          xIndex: nt
+        }), Wt(ae.clientY), te(ae.clientX), ot?.({
+          ...i,
+          xIndex: nt
         });
       }, onClick: () => {
-        (dt || V) && (Te(Y, {
-          ...l,
-          xIndex: g
-        }) && Qt ? (te(void 0), dt?.(void 0)) : (te({
-          ...l,
-          xIndex: g
-        }), dt && dt({
-          ...l,
-          xIndex: g
+        (ct || $) && (Te(B, {
+          ...i,
+          xIndex: nt
+        }) && Qt ? (Ft(void 0), ct?.(void 0)) : (Ft({
+          ...i,
+          xIndex: nt
+        }), ct && ct({
+          ...i,
+          xIndex: nt
         })));
-      }, onMouseMove: (ne) => {
+      }, onMouseMove: (ae) => {
         _t({
-          ...l,
-          xIndex: g
-        }), Pt(ne.clientY), St(ne.clientX);
+          ...i,
+          xIndex: nt
+        }), Wt(ae.clientY), te(ae.clientX);
       }, onMouseLeave: () => {
-        _t(void 0), St(void 0), Pt(void 0), st?.(void 0);
+        _t(void 0), te(void 0), Wt(void 0), ot?.(void 0);
       }, exit: {
         opacity: 0,
         transition: {
@@ -213,19 +214,19 @@ function ri(e) {
         }
       }, variants: {
         initial: {
-          opacity: W ? I[g] === W ? 1 : 0.3 : 1
+          opacity: F ? L[nt] === F ? 1 : 0.3 : 1
         },
         whileInView: {
-          opacity: W ? I[g] === W ? 1 : 0.3 : 1,
+          opacity: F ? L[nt] === F ? 1 : 0.3 : 1,
           transition: {
             duration: f.duration
           }
         }
-      }, initial: "initial", animate: v ? "whileInView" : "initial", children: Bt(u) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-        /* @__PURE__ */ i.jsx(Wt.circle, { cx: 0, r: xt, style: {
-          fill: I[g],
+      }, initial: "initial", animate: A ? "whileInView" : "initial", children: Yt(T) ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsx(Xt.circle, { cx: 0, r: ft, style: {
+          fill: L[nt],
           fillOpacity: 0.85,
-          stroke: I[g],
+          stroke: L[nt],
           strokeWidth: 1
         }, exit: {
           opacity: 0,
@@ -238,17 +239,17 @@ function ri(e) {
             opacity: 0
           },
           whileInView: {
-            cy: m(u || 0),
-            opacity: Bt(u) ? 0 : 1,
+            cy: m(T || 0),
+            opacity: Yt(T) ? 0 : 1,
             transition: {
               duration: f.duration
             }
           }
-        }, initial: "initial", animate: v ? "whileInView" : "initial" }),
-        Kt ? /* @__PURE__ */ i.jsx(Wt.text, { x: 0, style: {
+        }, initial: "initial", animate: A ? "whileInView" : "initial" }),
+        Kt ? /* @__PURE__ */ a.jsx(Xt.text, { x: 0, style: {
           textAnchor: "start",
           ...o?.graphObjectValues || {}
-        }, className: be("graph-value text-sm font-bold", Bt(u) ? "opacity-0" : "opacity-100", n?.graphObjectValues), dx: xt + 3, dy: "0.33em", exit: {
+        }, className: ve("graph-value text-sm font-bold", Yt(T) ? "opacity-0" : "opacity-100", n?.graphObjectValues), dx: ft + 3, dy: "0.33em", exit: {
           opacity: 0,
           transition: {
             duration: f.duration
@@ -257,52 +258,52 @@ function ri(e) {
           initial: {
             y: m(0),
             opacity: 0,
-            fill: Vt || I[g]
+            fill: Nt || L[nt]
           },
           whileInView: {
-            y: m(u || 0),
-            fill: Vt || I[g],
+            y: m(T || 0),
+            fill: Nt || L[nt],
             opacity: 1,
             transition: {
               duration: f.duration
             }
           }
-        }, initial: "initial", animate: v ? "whileInView" : "initial", children: $e(u, "NA", x, P, ft) }) : null
-      ] }) }, g))
-    ] }, l.label)), K = jt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: jt.map((l, u) => /* @__PURE__ */ i.jsx(Ke, { text: l.text, color: l.color, y: m(l.value), x1: 0 - z, x2: N + a.right, classNames: l.classNames, styles: l.styles, animate: f, isInView: v }, u)) }) : null, t[16] = f, t[17] = j, t[18] = B, t[19] = Rt, t[20] = Xt, t[21] = n?.dataConnectors, t[22] = n?.graphObjectValues, t[23] = n?.xAxis?.axis, t[24] = n?.xAxis?.labels, t[25] = n?.yAxis?.gridLines, t[26] = n?.yAxis?.labels, t[27] = n?.yAxis?.title, t[28] = Yt, t[29] = H, t[30] = O, t[31] = V, t[32] = mt, t[33] = I, t[34] = q, t[35] = N, t[36] = bt, t[37] = R, t[38] = X, t[39] = v, t[40] = z, t[41] = a.bottom, t[42] = a.left, t[43] = a.right, t[44] = a.top, t[45] = wt, t[46] = $t, t[47] = It, t[48] = k, t[49] = Y, t[50] = Et, t[51] = dt, t[52] = st, t[53] = x, t[54] = P, t[55] = xt, t[56] = jt, t[57] = Qt, t[58] = W, t[59] = vt, t[60] = ct, t[61] = Kt, t[62] = o?.dataConnectors, t[63] = o?.graphObjectValues, t[64] = o?.xAxis?.axis, t[65] = o?.xAxis?.labels, t[66] = o?.yAxis?.gridLines, t[67] = o?.yAxis?.labels, t[68] = o?.yAxis?.title, t[69] = ft, t[70] = Lt, t[71] = Vt, t[72] = gt, t[73] = U, t[74] = J, t[75] = K, t[76] = Q, t[77] = Z, t[78] = D, t[79] = T, t[80] = M, t[81] = E, t[82] = _, t[83] = tt, t[84] = et, t[85] = L, t[86] = $, t[87] = it;
+        }, initial: "initial", animate: A ? "whileInView" : "initial", children: $e(T, void 0, u, S, pt, ht) }) : null
+      ] }) }, nt))
+    ] }, i.label)), U = Tt ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Tt.map((i, T) => /* @__PURE__ */ a.jsx(Ke, { text: i.text, color: i.color, y: m(i.value), x1: 0 - R, x2: V + r.right, classNames: i.classNames, styles: i.styles, animate: f, isInView: A }, T)) }) : null, t[16] = f, t[17] = I, t[18] = W, t[19] = zt, t[20] = Et, t[21] = n?.dataConnectors, t[22] = n?.graphObjectValues, t[23] = n?.xAxis?.axis, t[24] = n?.xAxis?.labels, t[25] = n?.yAxis?.gridLines, t[26] = n?.yAxis?.labels, t[27] = n?.yAxis?.title, t[28] = Gt, t[29] = G, t[30] = M, t[31] = $, t[32] = dt, t[33] = L, t[34] = st, t[35] = V, t[36] = bt, t[37] = H, t[38] = P, t[39] = A, t[40] = R, t[41] = ht, t[42] = r.bottom, t[43] = r.left, t[44] = r.right, t[45] = r.top, t[46] = wt, t[47] = jt, t[48] = Dt, t[49] = w, t[50] = B, t[51] = Ht, t[52] = ct, t[53] = ot, t[54] = u, t[55] = S, t[56] = ft, t[57] = Tt, t[58] = Qt, t[59] = F, t[60] = vt, t[61] = rt, t[62] = Kt, t[63] = o?.dataConnectors, t[64] = o?.graphObjectValues, t[65] = o?.xAxis?.axis, t[66] = o?.xAxis?.labels, t[67] = o?.yAxis?.gridLines, t[68] = o?.yAxis?.labels, t[69] = o?.yAxis?.title, t[70] = pt, t[71] = Vt, t[72] = Nt, t[73] = gt, t[74] = z, t[75] = q, t[76] = U, t[77] = J, t[78] = K, t[79] = j, t[80] = D, t[81] = k, t[82] = X, t[83] = Q, t[84] = Z, t[85] = _, t[86] = C, t[87] = O, t[88] = tt;
   } else
-    U = t[73], J = t[74], K = t[75], Q = t[76], Z = t[77], D = t[78], T = t[79], M = t[80], E = t[81], _ = t[82], tt = t[83], et = t[84], L = t[85], $ = t[86], it = t[87];
-  let nt;
-  t[110] !== U || t[111] !== K || t[112] !== it ? (nt = /* @__PURE__ */ i.jsxs(U, { children: [
-    it,
-    K
-  ] }), t[110] = U, t[111] = K, t[112] = it, t[113] = nt) : nt = t[113];
-  let at;
-  t[114] !== H ? (at = H.filter(di).map(ci), t[114] = H, t[115] = at) : at = t[115];
-  let ut;
-  t[116] !== Q || t[117] !== Z || t[118] !== D || t[119] !== T || t[120] !== M || t[121] !== nt || t[122] !== at ? (ut = /* @__PURE__ */ i.jsxs("g", { transform: Q, children: [
-    Z,
+    z = t[74], q = t[75], U = t[76], J = t[77], K = t[78], j = t[79], D = t[80], k = t[81], X = t[82], Q = t[83], Z = t[84], _ = t[85], C = t[86], O = t[87], tt = t[88];
+  let et;
+  t[111] !== z || t[112] !== U || t[113] !== tt ? (et = /* @__PURE__ */ a.jsxs(z, { children: [
+    tt,
+    U
+  ] }), t[111] = z, t[112] = U, t[113] = tt, t[114] = et) : et = t[114];
+  let it;
+  t[115] !== G ? (it = G.filter(di).map(ci), t[115] = G, t[116] = it) : it = t[116];
+  let mt;
+  t[117] !== J || t[118] !== K || t[119] !== j || t[120] !== D || t[121] !== k || t[122] !== et || t[123] !== it ? (mt = /* @__PURE__ */ a.jsxs("g", { transform: J, children: [
+    K,
+    j,
     D,
-    T,
-    M,
-    nt,
+    k,
+    et,
+    it
+  ] }), t[117] = J, t[118] = K, t[119] = j, t[120] = D, t[121] = k, t[122] = et, t[123] = it, t[124] = mt) : mt = t[124];
+  let N;
+  t[125] !== q || t[126] !== X || t[127] !== Q || t[128] !== Z || t[129] !== _ || t[130] !== C || t[131] !== O || t[132] !== mt ? (N = /* @__PURE__ */ a.jsxs(q, { width: X, height: Q, viewBox: Z, direction: _, ref: C, children: [
+    O,
+    mt
+  ] }), t[125] = q, t[126] = X, t[127] = Q, t[128] = Z, t[129] = _, t[130] = C, t[131] = O, t[132] = mt, t[133] = N) : N = t[133];
+  let Y;
+  t[134] !== n?.tooltip || t[135] !== Mt || t[136] !== yt || t[137] !== St || t[138] !== o?.tooltip || t[139] !== y ? (Y = St && y && Mt && yt ? /* @__PURE__ */ a.jsx(Se, { data: St, body: y, xPos: Mt, yPos: yt, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[134] = n?.tooltip, t[135] = Mt, t[136] = yt, t[137] = St, t[138] = o?.tooltip, t[139] = y, t[140] = Y) : Y = t[140];
+  let at;
+  t[141] !== n?.modal || t[142] !== $ || t[143] !== B ? (at = $ && B !== void 0 ? /* @__PURE__ */ a.jsx(Pe, { body: $, data: B, setData: Ft, className: n?.modal }) : null, t[141] = n?.modal, t[142] = $, t[143] = B, t[144] = at) : at = t[144];
+  let Ct;
+  return t[145] !== N || t[146] !== Y || t[147] !== at ? (Ct = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    N,
+    Y,
     at
-  ] }), t[116] = Q, t[117] = Z, t[118] = D, t[119] = T, t[120] = M, t[121] = nt, t[122] = at, t[123] = ut) : ut = t[123];
-  let S;
-  t[124] !== J || t[125] !== E || t[126] !== _ || t[127] !== tt || t[128] !== et || t[129] !== L || t[130] !== $ || t[131] !== ut ? (S = /* @__PURE__ */ i.jsxs(J, { width: E, height: _, viewBox: tt, direction: et, ref: L, children: [
-    $,
-    ut
-  ] }), t[124] = J, t[125] = E, t[126] = _, t[127] = tt, t[128] = et, t[129] = L, t[130] = $, t[131] = ut, t[132] = S) : S = t[132];
-  let G;
-  t[133] !== n?.tooltip || t[134] !== ht || t[135] !== Ft || t[136] !== Tt || t[137] !== o?.tooltip || t[138] !== b ? (G = Tt && b && ht && Ft ? /* @__PURE__ */ i.jsx(Se, { data: Tt, body: b, xPos: ht, yPos: Ft, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[133] = n?.tooltip, t[134] = ht, t[135] = Ft, t[136] = Tt, t[137] = o?.tooltip, t[138] = b, t[139] = G) : G = t[139];
-  let ot;
-  t[140] !== n?.modal || t[141] !== V || t[142] !== Y ? (ot = V && Y !== void 0 ? /* @__PURE__ */ i.jsx(We, { body: V, data: Y, setData: te, className: n?.modal }) : null, t[140] = n?.modal, t[141] = V, t[142] = Y, t[143] = ot) : ot = t[143];
-  let At;
-  return t[144] !== S || t[145] !== G || t[146] !== ot ? (At = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    S,
-    G,
-    ot
-  ] }), t[144] = S, t[145] = G, t[146] = ot, t[147] = At) : At = t[147], At;
+  ] }), t[145] = N, t[146] = Y, t[147] = at, t[148] = Ct) : Ct = t[148], Ct;
 }
 function ci(e) {
   return e.layer;
@@ -322,10 +323,10 @@ function xi(e) {
 function fi(e) {
   return e !== null;
 }
-function hi(e) {
+function pi(e) {
   return e.layer;
 }
-function pi(e) {
+function hi(e) {
   return e.position === "before";
 }
 function yi(e) {
@@ -338,134 +339,135 @@ function bi(e) {
   return `${e.id}`;
 }
 function vi(e) {
-  const t = Ie.c(139), {
+  const t = Ie.c(140), {
     data: c,
     leftMargin: qt,
-    rightMargin: ae,
+    rightMargin: ne,
     topMargin: Ut,
     bottomMargin: Jt,
-    dotColors: I,
-    suffix: Xt,
-    prefix: ct,
-    barPadding: Lt,
+    dotColors: L,
+    suffix: Et,
+    prefix: rt,
+    barPadding: Vt,
     showValues: gt,
     showTicks: bt,
-    truncateBy: xt,
+    truncateBy: ft,
     width: vt,
-    height: b,
-    radius: st,
-    showLabels: $t,
-    tooltip: k,
-    onSeriesMouseOver: dt,
+    height: y,
+    radius: ot,
+    showLabels: jt,
+    tooltip: w,
+    onSeriesMouseOver: ct,
     maxValue: Kt,
-    minValue: ft,
-    onSeriesMouseClick: P,
-    selectedColor: W,
-    arrowConnector: j,
-    connectorStrokeWidth: Yt,
+    minValue: pt,
+    onSeriesMouseClick: S,
+    selectedColor: F,
+    arrowConnector: I,
+    connectorStrokeWidth: Gt,
     maxBarThickness: wt,
-    minBarThickness: It,
+    minBarThickness: Dt,
     resetSelectionOnDoubleClick: Qt,
-    detailsOnClick: V,
-    axisTitle: B,
-    noOfTicks: Et,
-    valueColor: Vt,
+    detailsOnClick: $,
+    axisTitle: W,
+    noOfTicks: Ht,
+    valueColor: Nt,
     styles: o,
     classNames: n,
-    labelOrder: y,
-    refValues: jt,
+    labelOrder: p,
+    refValues: Tt,
     rtl: f,
-    animate: x,
-    precision: H,
-    customLayers: X,
-    highlightedDataPoints: mt,
-    dimmedOpacity: R
-  } = e, z = qt === void 0 ? 100 : qt, Gt = ae === void 0 ? 40 : ae, Nt = Ut === void 0 ? 20 : Ut, Ht = Jt === void 0 ? 10 : Jt, ie = ve(null);
-  let Dt;
-  t[0] !== x.amount || t[1] !== x.once ? (Dt = {
-    once: x.once,
-    amount: x.amount
-  }, t[0] = x.amount, t[1] = x.once, t[2] = Dt) : Dt = t[2];
-  const v = Ye(ie, Dt), Zt = B ? Nt + 25 : Nt;
-  let p;
-  t[3] !== Ht || t[4] !== z || t[5] !== Gt || t[6] !== Zt ? (p = {
-    top: Zt,
-    bottom: Ht,
-    left: z,
-    right: Gt
-  }, t[3] = Ht, t[4] = z, t[5] = Gt, t[6] = Zt, t[7] = p) : p = t[7];
-  const a = p, N = vt - a.left - a.right, q = b - a.top - a.bottom, [Tt, _t] = Ot(void 0), [Y, te] = Ot(void 0), [ht, St] = Ot(void 0), [Ft, Pt] = Ot(void 0);
-  let pt;
-  if (t[8] !== c || t[9] !== y) {
-    const m = /* @__PURE__ */ new Set(), w = c.map((h, rt) => {
-      const s = y ? `${h.label}` : `${rt}`;
-      return m.add(s), {
-        ...h,
-        id: s
+    animate: u,
+    precision: G,
+    customLayers: P,
+    highlightedDataPoints: dt,
+    dimmedOpacity: H,
+    locale: ht
+  } = e, R = qt === void 0 ? 100 : qt, Zt = ne === void 0 ? 40 : ne, At = Ut === void 0 ? 20 : Ut, Rt = Jt === void 0 ? 10 : Jt, oe = we(null);
+  let kt;
+  t[0] !== u.amount || t[1] !== u.once ? (kt = {
+    once: u.once,
+    amount: u.amount
+  }, t[0] = u.amount, t[1] = u.once, t[2] = kt) : kt = t[2];
+  const A = Ye(oe, kt), h = W ? At + 25 : At;
+  let x;
+  t[3] !== Rt || t[4] !== R || t[5] !== Zt || t[6] !== h ? (x = {
+    top: h,
+    bottom: Rt,
+    left: R,
+    right: Zt
+  }, t[3] = Rt, t[4] = R, t[5] = Zt, t[6] = h, t[7] = x) : x = t[7];
+  const r = x, V = vt - r.left - r.right, st = y - r.top - r.bottom, [St, _t] = It(void 0), [B, Ft] = It(void 0), [Mt, te] = It(void 0), [yt, Wt] = It(void 0);
+  let Pt;
+  if (t[8] !== c || t[9] !== p) {
+    const m = /* @__PURE__ */ new Set(), g = c.map((s, ut) => {
+      const E = p ? `${s.label}` : `${ut}`;
+      return m.add(E), {
+        ...s,
+        id: E
       };
-    }), yt = y ? y.filter((h) => !m.has(h)) : [];
-    let C;
-    t[11] !== c[0] ? (C = (h) => ({
-      id: h,
-      label: h,
+    }), Ot = p ? p.filter((s) => !m.has(s)) : [];
+    let b;
+    t[11] !== c[0] ? (b = (s) => ({
+      id: s,
+      label: s,
       x: Array(c[0].x.length).fill(null)
-    }), t[11] = c[0], t[12] = C) : C = t[12], pt = [...w, ...yt.map(C)], t[8] = c, t[9] = y, t[10] = pt;
+    }), t[11] = c[0], t[12] = b) : b = t[12], Pt = [...g, ...Ot.map(b)], t[8] = c, t[9] = p, t[10] = Pt;
   } else
-    pt = t[10];
-  const O = pt;
+    Pt = t[10];
+  const M = Pt;
   let lt;
-  t[13] !== O || t[14] !== y ? (lt = y ?? O.map(ji), t[13] = O, t[14] = y, t[15] = lt) : lt = t[15];
-  const Rt = lt;
-  let U, J, K, Q, Z, D, T, M, E, _, tt, et, L, $, it;
-  if (t[16] !== x || t[17] !== j || t[18] !== B || t[19] !== Rt || t[20] !== Lt || t[21] !== n?.dataConnectors || t[22] !== n?.graphObjectValues || t[23] !== n?.xAxis?.gridLines || t[24] !== n?.xAxis?.labels || t[25] !== n?.xAxis?.title || t[26] !== n?.yAxis?.gridLines || t[27] !== n?.yAxis?.labels || t[28] !== Yt || t[29] !== X || t[30] !== O || t[31] !== V || t[32] !== R || t[33] !== I || t[34] !== q || t[35] !== N || t[36] !== b || t[37] !== mt || t[38] !== v || t[39] !== a.bottom || t[40] !== a.left || t[41] !== a.top || t[42] !== wt || t[43] !== Kt || t[44] !== It || t[45] !== ft || t[46] !== Y || t[47] !== Et || t[48] !== P || t[49] !== dt || t[50] !== H || t[51] !== ct || t[52] !== st || t[53] !== jt || t[54] !== Qt || t[55] !== f || t[56] !== W || t[57] !== $t || t[58] !== bt || t[59] !== gt || t[60] !== o?.dataConnectors || t[61] !== o?.graphObjectValues || t[62] !== o?.xAxis?.gridLines || t[63] !== o?.xAxis?.labels || t[64] !== o?.xAxis?.title || t[65] !== o?.yAxis?.gridLines || t[66] !== o?.yAxis?.labels || t[67] !== Xt || t[68] !== Nt || t[69] !== xt || t[70] !== Vt || t[71] !== vt) {
-    const m = Be().domain([ft, Kt]).range([0, N]).nice(), w = Xe().domain(Rt).range([0, It ? Math.max(q, It * O.length) : wt ? Math.min(q, wt * O.length) : q]).paddingInner(Lt), yt = m.ticks(Et);
-    J = Wt.svg, E = `${vt}px`, _ = `${b}px`, tt = `0 0 ${vt} ${b}`, et = "ltr", L = ie, t[87] !== j ? ($ = j ? /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("marker", { id: "arrow", viewBox: "0 0 10 10", refX: "10", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto-start-reverse", children: /* @__PURE__ */ i.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", className: "fill-primary-gray-600 dark:fill-primary-gray-300" }) }) }) : null, t[87] = j, t[88] = $) : $ = t[88], Q = `translate(${a.left},${a.top})`, Z = bt ? /* @__PURE__ */ i.jsx(Qe, { values: yt.filter(Vi), x: yt.filter(Ii).map((r) => m(r)), y1: 0 - Nt, y2: q + a.bottom, styles: {
+  t[13] !== M || t[14] !== p ? (lt = p ?? M.map(ji), t[13] = M, t[14] = p, t[15] = lt) : lt = t[15];
+  const zt = lt;
+  let z, q, U, J, K, j, D, k, X, Q, Z, _, C, O, tt;
+  if (t[16] !== u || t[17] !== I || t[18] !== W || t[19] !== zt || t[20] !== Vt || t[21] !== n?.dataConnectors || t[22] !== n?.graphObjectValues || t[23] !== n?.xAxis?.gridLines || t[24] !== n?.xAxis?.labels || t[25] !== n?.xAxis?.title || t[26] !== n?.yAxis?.gridLines || t[27] !== n?.yAxis?.labels || t[28] !== Gt || t[29] !== P || t[30] !== M || t[31] !== $ || t[32] !== H || t[33] !== L || t[34] !== st || t[35] !== V || t[36] !== y || t[37] !== dt || t[38] !== A || t[39] !== ht || t[40] !== r.bottom || t[41] !== r.left || t[42] !== r.top || t[43] !== wt || t[44] !== Kt || t[45] !== Dt || t[46] !== pt || t[47] !== B || t[48] !== Ht || t[49] !== S || t[50] !== ct || t[51] !== G || t[52] !== rt || t[53] !== ot || t[54] !== Tt || t[55] !== Qt || t[56] !== f || t[57] !== F || t[58] !== jt || t[59] !== bt || t[60] !== gt || t[61] !== o?.dataConnectors || t[62] !== o?.graphObjectValues || t[63] !== o?.xAxis?.gridLines || t[64] !== o?.xAxis?.labels || t[65] !== o?.xAxis?.title || t[66] !== o?.yAxis?.gridLines || t[67] !== o?.yAxis?.labels || t[68] !== Et || t[69] !== At || t[70] !== ft || t[71] !== Nt || t[72] !== vt) {
+    const m = Be().domain([pt, Kt]).range([0, V]).nice(), g = Xe().domain(zt).range([0, Dt ? Math.max(st, Dt * M.length) : wt ? Math.min(st, wt * M.length) : st]).paddingInner(Vt), Ot = m.ticks(Ht);
+    q = Xt.svg, X = `${vt}px`, Q = `${y}px`, Z = `0 0 ${vt} ${y}`, _ = "ltr", C = oe, t[88] !== I ? (O = I ? /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("marker", { id: "arrow", viewBox: "0 0 10 10", refX: "10", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto-start-reverse", children: /* @__PURE__ */ a.jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", className: "fill-primary-gray-600 dark:fill-primary-gray-300" }) }) }) : null, t[88] = I, t[89] = O) : O = t[89], J = `translate(${r.left},${r.top})`, K = bt ? /* @__PURE__ */ a.jsx(Qe, { values: Ot.filter(Vi), x: Ot.filter(Ii).map((l) => m(l)), y1: 0 - At, y2: st + r.bottom, styles: {
       gridLines: o?.xAxis?.gridLines,
       labels: o?.xAxis?.labels
     }, classNames: {
       gridLines: n?.xAxis?.gridLines,
       labels: n?.xAxis?.labels
-    }, suffix: Xt, prefix: ct, labelType: "secondary", showGridLines: !0, precision: H }) : null;
-    const C = N / 2, h = 0 - a.top + 15, rt = o?.xAxis?.title, s = n?.xAxis?.title;
-    t[89] !== B || t[90] !== C || t[91] !== h || t[92] !== rt || t[93] !== s ? (D = /* @__PURE__ */ i.jsx(Fe, { x: C, y: h, style: rt, className: s, text: B }), t[89] = B, t[90] = C, t[91] = h, t[92] = rt, t[93] = s, t[94] = D) : D = t[94];
-    const zt = o?.yAxis?.gridLines;
-    let kt;
-    t[95] !== zt ? (kt = {
-      gridLines: zt
-    }, t[95] = zt, t[96] = kt) : kt = t[96];
-    const ee = n?.yAxis?.gridLines;
-    let Mt;
-    t[97] !== ee ? (Mt = {
-      gridLines: ee
-    }, t[97] = ee, t[98] = Mt) : Mt = t[98], T = /* @__PURE__ */ i.jsx(Pe, { y: O.map((r) => w(`${r.id}`) + w.bandwidth() / 2), x1: 0, x2: N, styles: kt, classNames: Mt, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: H }), t[99] !== X ? (M = X.filter($i).map(Li), t[99] = X, t[100] = M) : M = t[100], U = Ee, it = O.map((r) => /* @__PURE__ */ i.jsxs(Wt.g, { className: "undp-viz-g-with-hover", variants: {
+    }, suffix: Et, prefix: rt, labelType: "secondary", showGridLines: !0, precision: G, locale: ht }) : null;
+    const b = V / 2, s = 0 - r.top + 15, ut = o?.xAxis?.title, E = n?.xAxis?.title;
+    t[90] !== W || t[91] !== b || t[92] !== s || t[93] !== ut || t[94] !== E ? (j = /* @__PURE__ */ a.jsx(Fe, { x: b, y: s, style: ut, className: E, text: W }), t[90] = W, t[91] = b, t[92] = s, t[93] = ut, t[94] = E, t[95] = j) : j = t[95];
+    const Bt = o?.yAxis?.gridLines;
+    let ee;
+    t[96] !== Bt ? (ee = {
+      gridLines: Bt
+    }, t[96] = Bt, t[97] = ee) : ee = t[97];
+    const Lt = n?.yAxis?.gridLines;
+    let ie;
+    t[98] !== Lt ? (ie = {
+      gridLines: Lt
+    }, t[98] = Lt, t[99] = ie) : ie = t[99], D = /* @__PURE__ */ a.jsx(We, { y: M.map((l) => g(`${l.id}`) + g.bandwidth() / 2), x1: 0, x2: V, styles: ee, classNames: ie, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: G, locale: ht }), t[100] !== P ? (k = P.filter($i).map(Li), t[100] = P, t[101] = k) : k = t[101], z = Ee, tt = M.map((l) => /* @__PURE__ */ a.jsxs(Xt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         x: 0,
-        y: w(`${r.id}`) + w.bandwidth() / 2,
-        opacity: mt.length !== 0 ? mt.indexOf(r.label) !== -1 ? 0.85 : R : 0.85
+        y: g(`${l.id}`) + g.bandwidth() / 2,
+        opacity: dt ? dt.indexOf(l.label) !== -1 ? 0.85 : H : 0.85
       },
       whileInView: {
         x: 0,
-        y: w(`${r.id}`) + w.bandwidth() / 2,
-        opacity: mt.length !== 0 ? mt.indexOf(r.label) !== -1 ? 0.85 : R : 0.85,
+        y: g(`${l.id}`) + g.bandwidth() / 2,
+        opacity: dt ? dt.indexOf(l.label) !== -1 ? 0.85 : H : 0.85,
         transition: {
-          duration: x.duration
+          duration: u.duration
         }
       }
-    }, initial: "initial", animate: v ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: A ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: x.duration
+        duration: u.duration
       }
     }, children: [
-      $t ? /* @__PURE__ */ i.jsx(Ze, { value: `${r.label}`.length < xt ? `${r.label}` : `${`${r.label}`.substring(0, xt)}...`, y: 0 - w.bandwidth() / 2, x: 0 - a.left, width: a.left, height: w.bandwidth(), alignment: "right", style: o?.yAxis?.labels, className: n?.yAxis?.labels, animate: x, isInView: v }) : null,
-      /* @__PURE__ */ i.jsx(Wt.line, { y1: 0, y2: 0, style: {
-        strokeWidth: Yt,
+      jt ? /* @__PURE__ */ a.jsx(Ze, { value: `${l.label}`.length < ft ? `${l.label}` : `${`${l.label}`.substring(0, ft)}...`, y: 0 - g.bandwidth() / 2, x: 0 - r.left, width: r.left, height: g.bandwidth(), alignment: "right", style: o?.yAxis?.labels, className: n?.yAxis?.labels, animate: u, isInView: A }) : null,
+      /* @__PURE__ */ a.jsx(Xt.line, { y1: 0, y2: 0, style: {
+        strokeWidth: Gt,
         ...o?.dataConnectors || {},
-        opacity: W ? 0.3 : 1
-      }, className: be("stroke-primary-gray-600 dark:stroke-primary-gray-300", n?.dataConnectors), markerEnd: j && r.x.indexOf(Math.min(...r.x.filter(Oi))) === 0 ? "url(#arrow)" : "", markerStart: j && r.x.indexOf(Math.min(...r.x.filter(Ci))) === r.x.length - 1 ? "url(#arrow)" : "", exit: {
+        opacity: F ? 0.3 : 1
+      }, className: ve("stroke-primary-gray-600 dark:stroke-primary-gray-300", n?.dataConnectors), markerEnd: I && l.x.indexOf(Math.min(...l.x.filter(Oi))) === 0 ? "url(#arrow)" : "", markerStart: I && l.x.indexOf(Math.min(...l.x.filter(Ci))) === l.x.length - 1 ? "url(#arrow)" : "", exit: {
         opacity: 0,
         transition: {
-          duration: x.duration
+          duration: u.duration
         }
       }, variants: {
         initial: {
@@ -473,65 +475,65 @@ function vi(e) {
           x2: 0
         },
         whileInView: {
-          x1: m(Math.min(...r.x.filter(Mi))) + st,
-          x2: m(Math.max(...r.x.filter(ki))) - st,
+          x1: m(Math.min(...l.x.filter(Mi))) + ot,
+          x2: m(Math.max(...l.x.filter(ki))) - ot,
           transition: {
-            duration: x.duration
+            duration: u.duration
           }
         }
-      }, initial: "initial", animate: v ? "whileInView" : "initial" }),
-      r.x.map((A, F) => /* @__PURE__ */ i.jsx(Wt.g, { onMouseEnter: (l) => {
+      }, initial: "initial", animate: A ? "whileInView" : "initial" }),
+      l.x.map((xt, v) => /* @__PURE__ */ a.jsx(Xt.g, { onMouseEnter: (i) => {
         _t({
-          ...r,
-          xIndex: F
-        }), Pt(l.clientY), St(l.clientX), dt?.({
-          ...r,
-          xIndex: F
+          ...l,
+          xIndex: v
+        }), Wt(i.clientY), te(i.clientX), ct?.({
+          ...l,
+          xIndex: v
         });
       }, onClick: () => {
-        (P || V) && (Te(Y, {
-          ...r,
-          xIndex: F
-        }) && Qt ? (te(void 0), P?.(void 0)) : (te({
-          ...r,
-          xIndex: F
-        }), P && P({
-          ...r,
-          xIndex: F
+        (S || $) && (Te(B, {
+          ...l,
+          xIndex: v
+        }) && Qt ? (Ft(void 0), S?.(void 0)) : (Ft({
+          ...l,
+          xIndex: v
+        }), S && S({
+          ...l,
+          xIndex: v
         })));
-      }, onMouseMove: (l) => {
+      }, onMouseMove: (i) => {
         _t({
-          ...r,
-          xIndex: F
-        }), Pt(l.clientY), St(l.clientX);
+          ...l,
+          xIndex: v
+        }), Wt(i.clientY), te(i.clientX);
       }, onMouseLeave: () => {
-        _t(void 0), St(void 0), Pt(void 0), dt?.(void 0);
+        _t(void 0), te(void 0), Wt(void 0), ct?.(void 0);
       }, exit: {
         opacity: 0,
         transition: {
-          duration: x.duration
+          duration: u.duration
         }
       }, variants: {
         initial: {
-          opacity: W ? I[F] === W ? 1 : 0.3 : 1
+          opacity: F ? L[v] === F ? 1 : 0.3 : 1
         },
         whileInView: {
-          opacity: W ? I[F] === W ? 1 : 0.3 : 1,
+          opacity: F ? L[v] === F ? 1 : 0.3 : 1,
           transition: {
-            duration: x.duration
+            duration: u.duration
           }
         }
-      }, initial: "initial", animate: v ? "whileInView" : "initial", children: Bt(A) ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-        /* @__PURE__ */ i.jsx(Wt.circle, { cy: 0, r: st, style: {
-          fill: I[F],
+      }, initial: "initial", animate: A ? "whileInView" : "initial", children: Yt(xt) ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsx(Xt.circle, { cy: 0, r: ot, style: {
+          fill: L[v],
           fillOpacity: 0.85,
-          stroke: I[F],
+          stroke: L[v],
           strokeWidth: 1,
-          opacity: Bt(A) ? 0 : 1
+          opacity: Yt(xt) ? 0 : 1
         }, exit: {
           opacity: 0,
           transition: {
-            duration: x.duration
+            duration: u.duration
           }
         }, variants: {
           initial: {
@@ -539,71 +541,71 @@ function vi(e) {
             opacity: 0
           },
           whileInView: {
-            cx: m(A || 0),
-            opacity: Bt(A) ? 0 : 1,
+            cx: m(xt || 0),
+            opacity: Yt(xt) ? 0 : 1,
             transition: {
-              duration: x.duration
+              duration: u.duration
             }
           }
-        }, initial: "initial", animate: v ? "whileInView" : "initial" }),
-        gt ? /* @__PURE__ */ i.jsx(Wt.text, { y: 0, style: {
+        }, initial: "initial", animate: A ? "whileInView" : "initial" }),
+        gt ? /* @__PURE__ */ a.jsx(Xt.text, { y: 0, style: {
           textAnchor: "middle",
           ...o?.graphObjectValues || {}
-        }, dx: 0, dy: 0 - st - 3, className: be("graph-value text-sm font-bold", Bt(A) ? "0opacity-0" : "opacity-100", n?.graphObjectValues), exit: {
+        }, dx: 0, dy: 0 - ot - 3, className: ve("graph-value text-sm font-bold", Yt(xt) ? "0opacity-0" : "opacity-100", n?.graphObjectValues), exit: {
           opacity: 0,
           transition: {
-            duration: x.duration
+            duration: u.duration
           }
         }, variants: {
           initial: {
             x: m(0),
             opacity: 0,
-            fill: Vt || I[F]
+            fill: Nt || L[v]
           },
           whileInView: {
-            x: m(A || 0),
-            fill: Vt || I[F],
+            x: m(xt || 0),
+            fill: Nt || L[v],
             opacity: 1,
             transition: {
-              duration: x.duration
+              duration: u.duration
             }
           }
-        }, initial: "initial", animate: v ? "whileInView" : "initial", children: $e(A, "NA", H, ct, Xt) }) : null
-      ] }) }, F))
-    ] }, r.label)), K = jt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: jt.map((r, A) => /* @__PURE__ */ i.jsx(Je, { text: r.text, color: r.color, x: m(r.value), y1: 0 - a.top, y2: q + a.bottom, textSide: m(r.value) > N * 0.75 || f ? "left" : "right", classNames: r.classNames, styles: r.styles, animate: x, isInView: v }, A)) }) : null, t[16] = x, t[17] = j, t[18] = B, t[19] = Rt, t[20] = Lt, t[21] = n?.dataConnectors, t[22] = n?.graphObjectValues, t[23] = n?.xAxis?.gridLines, t[24] = n?.xAxis?.labels, t[25] = n?.xAxis?.title, t[26] = n?.yAxis?.gridLines, t[27] = n?.yAxis?.labels, t[28] = Yt, t[29] = X, t[30] = O, t[31] = V, t[32] = R, t[33] = I, t[34] = q, t[35] = N, t[36] = b, t[37] = mt, t[38] = v, t[39] = a.bottom, t[40] = a.left, t[41] = a.top, t[42] = wt, t[43] = Kt, t[44] = It, t[45] = ft, t[46] = Y, t[47] = Et, t[48] = P, t[49] = dt, t[50] = H, t[51] = ct, t[52] = st, t[53] = jt, t[54] = Qt, t[55] = f, t[56] = W, t[57] = $t, t[58] = bt, t[59] = gt, t[60] = o?.dataConnectors, t[61] = o?.graphObjectValues, t[62] = o?.xAxis?.gridLines, t[63] = o?.xAxis?.labels, t[64] = o?.xAxis?.title, t[65] = o?.yAxis?.gridLines, t[66] = o?.yAxis?.labels, t[67] = Xt, t[68] = Nt, t[69] = xt, t[70] = Vt, t[71] = vt, t[72] = U, t[73] = J, t[74] = K, t[75] = Q, t[76] = Z, t[77] = D, t[78] = T, t[79] = M, t[80] = E, t[81] = _, t[82] = tt, t[83] = et, t[84] = L, t[85] = $, t[86] = it;
+        }, initial: "initial", animate: A ? "whileInView" : "initial", children: $e(xt, void 0, G, rt, Et, ht) }) : null
+      ] }) }, v))
+    ] }, l.label)), U = Tt ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Tt.map((l, xt) => /* @__PURE__ */ a.jsx(Je, { text: l.text, color: l.color, x: m(l.value), y1: 0 - r.top, y2: st + r.bottom, textSide: m(l.value) > V * 0.75 || f ? "left" : "right", classNames: l.classNames, styles: l.styles, animate: u, isInView: A }, xt)) }) : null, t[16] = u, t[17] = I, t[18] = W, t[19] = zt, t[20] = Vt, t[21] = n?.dataConnectors, t[22] = n?.graphObjectValues, t[23] = n?.xAxis?.gridLines, t[24] = n?.xAxis?.labels, t[25] = n?.xAxis?.title, t[26] = n?.yAxis?.gridLines, t[27] = n?.yAxis?.labels, t[28] = Gt, t[29] = P, t[30] = M, t[31] = $, t[32] = H, t[33] = L, t[34] = st, t[35] = V, t[36] = y, t[37] = dt, t[38] = A, t[39] = ht, t[40] = r.bottom, t[41] = r.left, t[42] = r.top, t[43] = wt, t[44] = Kt, t[45] = Dt, t[46] = pt, t[47] = B, t[48] = Ht, t[49] = S, t[50] = ct, t[51] = G, t[52] = rt, t[53] = ot, t[54] = Tt, t[55] = Qt, t[56] = f, t[57] = F, t[58] = jt, t[59] = bt, t[60] = gt, t[61] = o?.dataConnectors, t[62] = o?.graphObjectValues, t[63] = o?.xAxis?.gridLines, t[64] = o?.xAxis?.labels, t[65] = o?.xAxis?.title, t[66] = o?.yAxis?.gridLines, t[67] = o?.yAxis?.labels, t[68] = Et, t[69] = At, t[70] = ft, t[71] = Nt, t[72] = vt, t[73] = z, t[74] = q, t[75] = U, t[76] = J, t[77] = K, t[78] = j, t[79] = D, t[80] = k, t[81] = X, t[82] = Q, t[83] = Z, t[84] = _, t[85] = C, t[86] = O, t[87] = tt;
   } else
-    U = t[72], J = t[73], K = t[74], Q = t[75], Z = t[76], D = t[77], T = t[78], M = t[79], E = t[80], _ = t[81], tt = t[82], et = t[83], L = t[84], $ = t[85], it = t[86];
-  let nt;
-  t[101] !== U || t[102] !== K || t[103] !== it ? (nt = /* @__PURE__ */ i.jsxs(U, { children: [
-    it,
-    K
-  ] }), t[101] = U, t[102] = K, t[103] = it, t[104] = nt) : nt = t[104];
-  let at;
-  t[105] !== X ? (at = X.filter(Ai).map(wi), t[105] = X, t[106] = at) : at = t[106];
-  let ut;
-  t[107] !== Q || t[108] !== Z || t[109] !== D || t[110] !== T || t[111] !== M || t[112] !== nt || t[113] !== at ? (ut = /* @__PURE__ */ i.jsxs("g", { transform: Q, children: [
-    Z,
+    z = t[73], q = t[74], U = t[75], J = t[76], K = t[77], j = t[78], D = t[79], k = t[80], X = t[81], Q = t[82], Z = t[83], _ = t[84], C = t[85], O = t[86], tt = t[87];
+  let et;
+  t[102] !== z || t[103] !== U || t[104] !== tt ? (et = /* @__PURE__ */ a.jsxs(z, { children: [
+    tt,
+    U
+  ] }), t[102] = z, t[103] = U, t[104] = tt, t[105] = et) : et = t[105];
+  let it;
+  t[106] !== P ? (it = P.filter(Ai).map(wi), t[106] = P, t[107] = it) : it = t[107];
+  let mt;
+  t[108] !== J || t[109] !== K || t[110] !== j || t[111] !== D || t[112] !== k || t[113] !== et || t[114] !== it ? (mt = /* @__PURE__ */ a.jsxs("g", { transform: J, children: [
+    K,
+    j,
     D,
-    T,
-    M,
-    nt,
+    k,
+    et,
+    it
+  ] }), t[108] = J, t[109] = K, t[110] = j, t[111] = D, t[112] = k, t[113] = et, t[114] = it, t[115] = mt) : mt = t[115];
+  let N;
+  t[116] !== q || t[117] !== X || t[118] !== Q || t[119] !== Z || t[120] !== _ || t[121] !== C || t[122] !== O || t[123] !== mt ? (N = /* @__PURE__ */ a.jsxs(q, { width: X, height: Q, viewBox: Z, direction: _, ref: C, children: [
+    O,
+    mt
+  ] }), t[116] = q, t[117] = X, t[118] = Q, t[119] = Z, t[120] = _, t[121] = C, t[122] = O, t[123] = mt, t[124] = N) : N = t[124];
+  let Y;
+  t[125] !== n?.tooltip || t[126] !== Mt || t[127] !== yt || t[128] !== St || t[129] !== o?.tooltip || t[130] !== w ? (Y = St && w && Mt && yt ? /* @__PURE__ */ a.jsx(Se, { data: St, body: w, xPos: Mt, yPos: yt, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[125] = n?.tooltip, t[126] = Mt, t[127] = yt, t[128] = St, t[129] = o?.tooltip, t[130] = w, t[131] = Y) : Y = t[131];
+  let at;
+  t[132] !== n?.modal || t[133] !== $ || t[134] !== B ? (at = $ && B !== void 0 ? /* @__PURE__ */ a.jsx(Pe, { body: $, data: B, setData: Ft, className: n?.modal }) : null, t[132] = n?.modal, t[133] = $, t[134] = B, t[135] = at) : at = t[135];
+  let Ct;
+  return t[136] !== N || t[137] !== Y || t[138] !== at ? (Ct = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    N,
+    Y,
     at
-  ] }), t[107] = Q, t[108] = Z, t[109] = D, t[110] = T, t[111] = M, t[112] = nt, t[113] = at, t[114] = ut) : ut = t[114];
-  let S;
-  t[115] !== J || t[116] !== E || t[117] !== _ || t[118] !== tt || t[119] !== et || t[120] !== L || t[121] !== $ || t[122] !== ut ? (S = /* @__PURE__ */ i.jsxs(J, { width: E, height: _, viewBox: tt, direction: et, ref: L, children: [
-    $,
-    ut
-  ] }), t[115] = J, t[116] = E, t[117] = _, t[118] = tt, t[119] = et, t[120] = L, t[121] = $, t[122] = ut, t[123] = S) : S = t[123];
-  let G;
-  t[124] !== n?.tooltip || t[125] !== ht || t[126] !== Ft || t[127] !== Tt || t[128] !== o?.tooltip || t[129] !== k ? (G = Tt && k && ht && Ft ? /* @__PURE__ */ i.jsx(Se, { data: Tt, body: k, xPos: ht, yPos: Ft, backgroundStyle: o?.tooltip, className: n?.tooltip }) : null, t[124] = n?.tooltip, t[125] = ht, t[126] = Ft, t[127] = Tt, t[128] = o?.tooltip, t[129] = k, t[130] = G) : G = t[130];
-  let ot;
-  t[131] !== n?.modal || t[132] !== V || t[133] !== Y ? (ot = V && Y !== void 0 ? /* @__PURE__ */ i.jsx(We, { body: V, data: Y, setData: te, className: n?.modal }) : null, t[131] = n?.modal, t[132] = V, t[133] = Y, t[134] = ot) : ot = t[134];
-  let At;
-  return t[135] !== S || t[136] !== G || t[137] !== ot ? (At = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    S,
-    G,
-    ot
-  ] }), t[135] = S, t[136] = G, t[137] = ot, t[138] = At) : At = t[138], At;
+  ] }), t[136] = N, t[137] = Y, t[138] = at, t[139] = Ct) : Ct = t[139], Ct;
 }
 function wi(e) {
   return e.layer;
@@ -638,169 +640,167 @@ function Vi(e, t) {
 function ji(e) {
   return `${e.id}`;
 }
-function $n(e) {
-  const t = Ie.c(131), {
+function La(e) {
+  const t = Ie.c(130), {
     data: c,
     graphTitle: qt,
-    colors: ae,
+    colors: ne,
     sources: Ut,
     graphDescription: Jt,
-    barPadding: I,
-    showTicks: Xt,
-    leftMargin: ct,
-    rightMargin: Lt,
+    barPadding: L,
+    showTicks: Et,
+    leftMargin: rt,
+    rightMargin: Vt,
     topMargin: gt,
     bottomMargin: bt,
-    truncateBy: xt,
+    truncateBy: ft,
     height: vt,
-    width: b,
-    footNote: st,
-    colorDomain: $t,
-    colorLegendTitle: k,
-    padding: dt,
+    width: y,
+    footNote: ot,
+    colorDomain: jt,
+    colorLegendTitle: w,
+    padding: ct,
     backgroundColor: Kt,
-    radius: ft,
-    tooltip: P,
-    showLabels: W,
-    relativeHeight: j,
-    onSeriesMouseOver: Yt,
+    radius: pt,
+    tooltip: S,
+    showLabels: F,
+    relativeHeight: I,
+    onSeriesMouseOver: Gt,
     graphID: wt,
-    suffix: It,
+    suffix: Dt,
     prefix: Qt,
-    maxValue: V,
-    minValue: B,
-    onSeriesMouseClick: Et,
-    graphDownload: Vt,
+    maxValue: $,
+    minValue: W,
+    onSeriesMouseClick: Ht,
+    graphDownload: Nt,
     dataDownload: o,
     showValues: n,
-    sortParameter: y,
-    arrowConnector: jt,
+    sortParameter: p,
+    arrowConnector: Tt,
     connectorStrokeWidth: f,
-    language: x,
-    minHeight: H,
-    theme: X,
-    maxBarThickness: mt,
-    maxNumberOfBars: R,
-    minBarThickness: z,
-    ariaLabel: Gt,
-    resetSelectionOnDoubleClick: Nt,
-    detailsOnClick: Ht,
-    axisTitle: ie,
-    noOfTicks: Dt,
-    valueColor: v,
-    orientation: Zt,
-    styles: p,
-    classNames: a,
-    labelOrder: N,
-    refValues: q,
-    filterNA: Tt,
-    animate: _t,
-    precision: Y,
-    showColorScale: te,
-    customLayers: ht,
-    highlightedDataPoints: St,
-    dimmedOpacity: Ft,
-    timeline: Pt,
-    sortData: pt,
-    hideAxisLine: O
-  } = e, lt = ae === void 0 ? li.light.categoricalColors.colors : ae, Rt = I === void 0 ? 0.25 : I, U = Xt === void 0 ? !0 : Xt, J = xt === void 0 ? 999 : xt, K = Kt === void 0 ? !0 : Kt, Q = ft === void 0 ? 3 : ft, Z = W === void 0 ? !0 : W, D = It === void 0 ? "" : It, T = Qt === void 0 ? "" : Qt, M = Vt === void 0 ? !1 : Vt, E = o === void 0 ? !1 : o, _ = n === void 0 ? !0 : n, tt = jt === void 0 ? !1 : jt, et = f === void 0 ? 2 : f, L = x === void 0 ? "en" : x, $ = H === void 0 ? 0 : H, it = X === void 0 ? "light" : X, nt = Nt === void 0 ? !0 : Nt, at = Dt === void 0 ? 5 : Dt, ut = Zt === void 0 ? "vertical" : Zt, S = Tt === void 0 ? !0 : Tt, G = _t === void 0 ? !1 : _t, ot = Y === void 0 ? 2 : Y, At = te === void 0 ? !0 : te;
+    language: u,
+    minHeight: G,
+    theme: P,
+    maxBarThickness: dt,
+    maxNumberOfBars: H,
+    minBarThickness: ht,
+    ariaLabel: R,
+    resetSelectionOnDoubleClick: Zt,
+    detailsOnClick: At,
+    axisTitle: Rt,
+    noOfTicks: oe,
+    valueColor: kt,
+    orientation: A,
+    styles: h,
+    classNames: x,
+    labelOrder: r,
+    refValues: V,
+    filterNA: st,
+    animate: St,
+    precision: _t,
+    showColorScale: B,
+    customLayers: Ft,
+    highlightedDataPoints: Mt,
+    dimmedOpacity: te,
+    timeline: yt,
+    sortData: Wt,
+    hideAxisLine: Pt,
+    locale: M
+  } = e, lt = ne === void 0 ? li.light.categoricalColors.colors : ne, zt = L === void 0 ? 0.25 : L, z = Et === void 0 ? !0 : Et, q = ft === void 0 ? 999 : ft, U = Kt === void 0 ? !0 : Kt, J = pt === void 0 ? 3 : pt, K = F === void 0 ? !0 : F, j = Dt === void 0 ? "" : Dt, D = Qt === void 0 ? "" : Qt, k = Nt === void 0 ? !1 : Nt, X = o === void 0 ? !1 : o, Q = n === void 0 ? !0 : n, Z = Tt === void 0 ? !1 : Tt, _ = f === void 0 ? 2 : f, C = u === void 0 ? "en" : u, O = G === void 0 ? 0 : G, tt = P === void 0 ? "light" : P, et = Zt === void 0 ? !0 : Zt, it = oe === void 0 ? 5 : oe, mt = A === void 0 ? "vertical" : A, N = st === void 0 ? !0 : st, Y = St === void 0 ? !1 : St, at = _t === void 0 ? 2 : _t, Ct = B === void 0 ? !0 : B;
   let m;
-  t[0] !== ht ? (m = ht === void 0 ? [] : ht, t[0] = ht, t[1] = m) : m = t[1];
-  const w = m;
-  let yt;
-  t[2] !== St ? (yt = St === void 0 ? [] : St, t[2] = St, t[3] = yt) : yt = t[3];
-  const C = yt, h = Ft === void 0 ? 0.3 : Ft;
-  let rt;
-  t[4] !== Pt ? (rt = Pt === void 0 ? {
+  t[0] !== Ft ? (m = Ft === void 0 ? [] : Ft, t[0] = Ft, t[1] = m) : m = t[1];
+  const g = m, Ot = te === void 0 ? 0.3 : te;
+  let b;
+  t[2] !== yt ? (b = yt === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : Pt, t[4] = Pt, t[5] = rt) : rt = t[5];
-  const s = rt, zt = O === void 0 ? !1 : O, [kt, ee] = Ot(0), [Mt, r] = Ot(0), [A, F] = Ot(s.autoplay);
-  let l;
-  if (t[6] !== c || t[7] !== s.dateFormat) {
+  } : yt, t[2] = yt, t[3] = b) : b = t[3];
+  const s = b, ut = Pt === void 0 ? !1 : Pt, E = M === void 0 ? "en" : M, [Bt, ee] = It(0), [Lt, ie] = It(0), [l, xt] = It(s.autoplay);
+  let v;
+  if (t[4] !== c || t[5] !== s.dateFormat) {
     let d;
-    t[9] !== s.dateFormat ? (d = (Ct) => He(`${Ct.date}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[9] = s.dateFormat, t[10] = d) : d = t[10], l = [...new Set(c.filter(Ki).map(d))], l.sort(Ji), t[6] = c, t[7] = s.dateFormat, t[8] = l;
+    t[7] !== s.dateFormat ? (d = ($t) => He(`${$t.date}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[7] = s.dateFormat, t[8] = d) : d = t[8], v = [...new Set(c.filter(Ki).map(d))], v.sort(Ji), t[4] = c, t[5] = s.dateFormat, t[6] = v;
   } else
-    l = t[8];
-  const u = l, [g, ne] = Ot(s.autoplay ? 0 : u.length - 1), [we, Ge] = Ot(void 0), Ae = ve(null), Ve = ve(null);
-  let ue, xe;
-  t[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ue = () => {
-    const d = new ResizeObserver((Ct) => {
-      ee(Ct[0].target.clientWidth || 620), r(Ct[0].target.clientHeight || 480);
+    v = t[6];
+  const i = v, [T, nt] = It(s.autoplay ? 0 : i.length - 1), [ae, Ge] = It(void 0), Ae = we(null), Ve = we(null);
+  let xe, fe;
+  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (xe = () => {
+    const d = new ResizeObserver(($t) => {
+      ee($t[0].target.clientWidth || 620), ie($t[0].target.clientHeight || 480);
     });
     return Ae.current && d.observe(Ae.current), () => d.disconnect();
-  }, xe = [], t[11] = ue, t[12] = xe) : (ue = t[11], xe = t[12]), De(ue, xe);
-  let fe, he;
-  t[13] !== A || t[14] !== s.speed || t[15] !== u ? (fe = () => {
+  }, fe = [], t[9] = xe, t[10] = fe) : (xe = t[9], fe = t[10]), Ne(xe, fe);
+  let pe, he;
+  t[11] !== l || t[12] !== s.speed || t[13] !== i ? (pe = () => {
     const d = setInterval(() => {
-      ne((Ct) => Ct < u.length - 1 ? Ct + 1 : 0);
+      nt(($t) => $t < i.length - 1 ? $t + 1 : 0);
     }, (s.speed || 2) * 1e3);
-    return A || clearInterval(d), () => clearInterval(d);
-  }, he = [u, A, s.speed], t[13] = A, t[14] = s.speed, t[15] = u, t[16] = fe, t[17] = he) : (fe = t[16], he = t[17]), De(fe, he);
+    return l || clearInterval(d), () => clearInterval(d);
+  }, he = [i, l, s.speed], t[11] = l, t[12] = s.speed, t[13] = i, t[14] = pe, t[15] = he) : (pe = t[14], he = t[15]), Ne(pe, he);
   const ke = s.dateFormat || "yyyy";
-  let pe;
-  t[18] !== g || t[19] !== ke || t[20] !== s.showOnlyActiveDate || t[21] !== u ? (pe = Re(u, g, s.showOnlyActiveDate, ke), t[18] = g, t[19] = ke, t[20] = s.showOnlyActiveDate, t[21] = u, t[22] = pe) : pe = t[22];
-  const ye = pe, Me = ut === "horizontal" ? vi : ri, Ce = a?.graphContainer, Oe = p?.graphContainer;
-  let oe;
-  t[23] !== a?.description || t[24] !== a?.title || t[25] !== c || t[26] !== E || t[27] !== Jt || t[28] !== M || t[29] !== qt || t[30] !== p?.description || t[31] !== p?.title || t[32] !== b ? (oe = qt || Jt || M || E ? /* @__PURE__ */ i.jsx(ei, { styles: {
-    title: p?.title,
-    description: p?.description
-  }, classNames: {
-    title: a?.title,
-    description: a?.description
-  }, graphTitle: qt, graphDescription: Jt, width: b, graphDownload: M ? Ve : void 0, dataDownload: E ? c.map(Ui).filter(qi).length > 0 ? c.map(zi).filter(Ri) : c.filter(Hi) : null }) : null, t[23] = a?.description, t[24] = a?.title, t[25] = c, t[26] = E, t[27] = Jt, t[28] = M, t[29] = qt, t[30] = p?.description, t[31] = p?.title, t[32] = b, t[33] = oe) : oe = t[33];
+  let ye;
+  t[16] !== T || t[17] !== ke || t[18] !== s.showOnlyActiveDate || t[19] !== i ? (ye = Re(i, T, s.showOnlyActiveDate, ke), t[16] = T, t[17] = ke, t[18] = s.showOnlyActiveDate, t[19] = i, t[20] = ye) : ye = t[20];
+  const ge = ye, Me = mt === "horizontal" ? vi : ri, Ce = x?.graphContainer, Oe = h?.graphContainer;
   let se;
-  t[34] !== g || t[35] !== ye || t[36] !== A || t[37] !== s.enabled || t[38] !== u ? (se = s.enabled && u.length > 0 && ye ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
-    /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
-      F(!A);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": A ? "Click to pause animation" : "Click to play animation", children: A ? /* @__PURE__ */ i.jsx(ii, {}) : /* @__PURE__ */ i.jsx(ni, {}) }),
-    /* @__PURE__ */ i.jsx(ze, { min: u[0], max: u[u.length - 1], marks: ye, step: null, defaultValue: u[u.length - 1], value: u[g], onChangeComplete: (d) => {
-      ne(u.indexOf(d));
+  t[21] !== x?.description || t[22] !== x?.title || t[23] !== c || t[24] !== X || t[25] !== Jt || t[26] !== k || t[27] !== qt || t[28] !== h?.description || t[29] !== h?.title || t[30] !== y ? (se = qt || Jt || k || X ? /* @__PURE__ */ a.jsx(ei, { styles: {
+    title: h?.title,
+    description: h?.description
+  }, classNames: {
+    title: x?.title,
+    description: x?.description
+  }, graphTitle: qt, graphDescription: Jt, width: y, graphDownload: k ? Ve : void 0, dataDownload: X ? c.map(Ui).filter(qi).length > 0 ? c.map(zi).filter(Ri) : c.filter(Hi) : null }) : null, t[21] = x?.description, t[22] = x?.title, t[23] = c, t[24] = X, t[25] = Jt, t[26] = k, t[27] = qt, t[28] = h?.description, t[29] = h?.title, t[30] = y, t[31] = se) : se = t[31];
+  let le;
+  t[32] !== T || t[33] !== ge || t[34] !== l || t[35] !== s.enabled || t[36] !== i ? (le = s.enabled && i.length > 0 && ge ? /* @__PURE__ */ a.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+    /* @__PURE__ */ a.jsx("button", { type: "button", onClick: () => {
+      xt(!l);
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": l ? "Click to pause animation" : "Click to play animation", children: l ? /* @__PURE__ */ a.jsx(ii, {}) : /* @__PURE__ */ a.jsx(ai, {}) }),
+    /* @__PURE__ */ a.jsx(ze, { min: i[0], max: i[i.length - 1], marks: ge, step: null, defaultValue: i[i.length - 1], value: i[T], onChangeComplete: (d) => {
+      nt(i.indexOf(d));
     }, onChange: (d) => {
-      ne(u.indexOf(d));
+      nt(i.indexOf(d));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, t[34] = g, t[35] = ye, t[36] = A, t[37] = s.enabled, t[38] = u, t[39] = se) : se = t[39];
-  let le;
-  t[40] !== a?.colorLegend || t[41] !== $t || t[42] !== k || t[43] !== lt || t[44] !== c.length || t[45] !== At || t[46] !== b ? (le = At && c.length > 0 ? /* @__PURE__ */ i.jsx(oi, { width: b, colorDomain: $t, colors: lt, colorLegendTitle: k, setSelectedColor: Ge, showNAColor: !1, className: a?.colorLegend }) : null, t[40] = a?.colorLegend, t[41] = $t, t[42] = k, t[43] = lt, t[44] = c.length, t[45] = At, t[46] = b, t[47] = le) : le = t[47];
+  ] }) : null, t[32] = T, t[33] = ge, t[34] = l, t[35] = s.enabled, t[36] = i, t[37] = le) : le = t[37];
   let re;
-  t[48] !== c.length ? (re = c.length === 0 && /* @__PURE__ */ i.jsx(si, {}), t[48] = c.length, t[49] = re) : re = t[49];
+  t[38] !== x?.colorLegend || t[39] !== jt || t[40] !== w || t[41] !== lt || t[42] !== c.length || t[43] !== Ct || t[44] !== y ? (re = Ct && c.length > 0 ? /* @__PURE__ */ a.jsx(oi, { width: y, colorDomain: jt, colors: lt, colorLegendTitle: w, setSelectedColor: Ge, showNAColor: !1, className: x?.colorLegend }) : null, t[38] = x?.colorLegend, t[39] = jt, t[40] = w, t[41] = lt, t[42] = c.length, t[43] = Ct, t[44] = y, t[45] = re) : re = t[45];
   let ce;
-  t[50] !== Me || t[51] !== G || t[52] !== tt || t[53] !== ie || t[54] !== Rt || t[55] !== bt || t[56] !== a || t[57] !== lt || t[58] !== et || t[59] !== w || t[60] !== c || t[61] !== Ht || t[62] !== h || t[63] !== S || t[64] !== zt || t[65] !== C || t[66] !== g || t[67] !== N || t[68] !== L || t[69] !== ct || t[70] !== mt || t[71] !== R || t[72] !== V || t[73] !== z || t[74] !== B || t[75] !== at || t[76] !== Et || t[77] !== Yt || t[78] !== ot || t[79] !== T || t[80] !== Q || t[81] !== q || t[82] !== nt || t[83] !== Lt || t[84] !== we || t[85] !== Z || t[86] !== U || t[87] !== _ || t[88] !== pt || t[89] !== y || t[90] !== p || t[91] !== D || t[92] !== Mt || t[93] !== kt || t[94] !== s.dateFormat || t[95] !== s.enabled || t[96] !== P || t[97] !== gt || t[98] !== J || t[99] !== u || t[100] !== v ? (ce = kt && Mt && c.length > 0 ? /* @__PURE__ */ i.jsx(Me, { hideAxisLine: zt, data: y !== void 0 ? y === "diff" ? je(Le(c, s.dateFormat || "yyyy").filter((d) => s.enabled ? `${d.date}` === Ne(new Date(u[g]), s.dateFormat || "yyyy") : d).filter((d) => S ? !d.x.every(Gi) : d), Ei, [pt || "asc"]).filter((d, Ct) => R ? Ct < R : !0) : je(Le(c, s.dateFormat || "yyyy").filter((d) => s.enabled ? `${d.date}` === Ne(new Date(u[g]), s.dateFormat || "yyyy") : d).filter((d) => S ? !d.x.every(Yi) : d), (d) => Bt(d.x[y]) ? -1 / 0 : d.x[y], [pt || "asc"]).filter((d, Ct) => R ? Ct < R : !0) : Le(c, s.dateFormat || "yyyy").filter((d) => S ? !d.x.every(Xi) : d).filter((d, Ct) => R ? Ct < R : !0), dotColors: lt, width: kt, height: Mt, radius: Q, barPadding: Rt, showTicks: U, leftMargin: ct, rightMargin: Lt, topMargin: gt, bottomMargin: bt, truncateBy: J, showLabels: Z, showValues: _, tooltip: P, suffix: D, prefix: T, onSeriesMouseOver: Yt, maxValue: Bt(V) ? Math.max(...c.map(Wi)) < 0 ? 0 : Math.max(...c.map(Fi)) : V, minValue: Bt(B) ? Math.min(...c.map(Ti)) > 0 ? 0 : Math.min(...c.map(Ni)) : B, onSeriesMouseClick: Et, selectedColor: we, arrowConnector: tt, connectorStrokeWidth: et, maxBarThickness: mt, minBarThickness: z, resetSelectionOnDoubleClick: nt, detailsOnClick: Ht, axisTitle: ie, noOfTicks: at, valueColor: v, styles: p, classNames: a, labelOrder: N, refValues: q, animate: G === !0 ? {
+  t[46] !== c.length ? (ce = c.length === 0 && /* @__PURE__ */ a.jsx(si, {}), t[46] = c.length, t[47] = ce) : ce = t[47];
+  let de;
+  t[48] !== Me || t[49] !== Y || t[50] !== Z || t[51] !== Rt || t[52] !== zt || t[53] !== bt || t[54] !== x || t[55] !== lt || t[56] !== _ || t[57] !== g || t[58] !== c || t[59] !== At || t[60] !== Ot || t[61] !== N || t[62] !== ut || t[63] !== Mt || t[64] !== T || t[65] !== r || t[66] !== C || t[67] !== rt || t[68] !== E || t[69] !== dt || t[70] !== H || t[71] !== $ || t[72] !== ht || t[73] !== W || t[74] !== it || t[75] !== Ht || t[76] !== Gt || t[77] !== at || t[78] !== D || t[79] !== J || t[80] !== V || t[81] !== et || t[82] !== Vt || t[83] !== ae || t[84] !== K || t[85] !== z || t[86] !== Q || t[87] !== Wt || t[88] !== p || t[89] !== h || t[90] !== j || t[91] !== Lt || t[92] !== Bt || t[93] !== s.dateFormat || t[94] !== s.enabled || t[95] !== S || t[96] !== gt || t[97] !== q || t[98] !== i || t[99] !== kt ? (de = Bt && Lt && c.length > 0 ? /* @__PURE__ */ a.jsx(Me, { hideAxisLine: ut, data: p !== void 0 ? p === "diff" ? je(Le(c, s.dateFormat || "yyyy").filter((d) => s.enabled ? `${d.date}` === De(new Date(i[T]), s.dateFormat || "yyyy") : d).filter((d) => N ? !d.x.every(Gi) : d), Ei, [Wt || "asc"]).filter((d, $t) => H ? $t < H : !0) : je(Le(c, s.dateFormat || "yyyy").filter((d) => s.enabled ? `${d.date}` === De(new Date(i[T]), s.dateFormat || "yyyy") : d).filter((d) => N ? !d.x.every(Yi) : d), (d) => Yt(d.x[p]) ? -1 / 0 : d.x[p], [Wt || "asc"]).filter((d, $t) => H ? $t < H : !0) : Le(c, s.dateFormat || "yyyy").filter((d) => N ? !d.x.every(Xi) : d).filter((d, $t) => H ? $t < H : !0), dotColors: lt, width: Bt, height: Lt, radius: J, barPadding: zt, showTicks: z, leftMargin: rt, rightMargin: Vt, topMargin: gt, bottomMargin: bt, truncateBy: q, showLabels: K, showValues: Q, tooltip: S, suffix: j, prefix: D, onSeriesMouseOver: Gt, maxValue: Yt($) ? Math.max(...c.map(Pi)) < 0 ? 0 : Math.max(...c.map(Fi)) : $, minValue: Yt(W) ? Math.min(...c.map(Ti)) > 0 ? 0 : Math.min(...c.map(Di)) : W, onSeriesMouseClick: Ht, selectedColor: ae, arrowConnector: Z, connectorStrokeWidth: _, maxBarThickness: dt, minBarThickness: ht, resetSelectionOnDoubleClick: et, detailsOnClick: At, axisTitle: Rt, noOfTicks: it, valueColor: kt, styles: h, classNames: x, labelOrder: r, refValues: V, animate: Y === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : G || {
+  } : Y || {
     duration: 0,
     once: !0,
     amount: 0
-  }, precision: ot, customLayers: w, highlightedDataPoints: C, dimmedOpacity: h, rtl: L === "ar" || L === "he" }) : null, t[50] = Me, t[51] = G, t[52] = tt, t[53] = ie, t[54] = Rt, t[55] = bt, t[56] = a, t[57] = lt, t[58] = et, t[59] = w, t[60] = c, t[61] = Ht, t[62] = h, t[63] = S, t[64] = zt, t[65] = C, t[66] = g, t[67] = N, t[68] = L, t[69] = ct, t[70] = mt, t[71] = R, t[72] = V, t[73] = z, t[74] = B, t[75] = at, t[76] = Et, t[77] = Yt, t[78] = ot, t[79] = T, t[80] = Q, t[81] = q, t[82] = nt, t[83] = Lt, t[84] = we, t[85] = Z, t[86] = U, t[87] = _, t[88] = pt, t[89] = y, t[90] = p, t[91] = D, t[92] = Mt, t[93] = kt, t[94] = s.dateFormat, t[95] = s.enabled, t[96] = P, t[97] = gt, t[98] = J, t[99] = u, t[100] = v, t[101] = ce) : ce = t[101];
-  let de;
-  t[102] !== re || t[103] !== ce ? (de = /* @__PURE__ */ i.jsxs(_e, { ref: Ae, children: [
-    re,
-    ce
-  ] }), t[102] = re, t[103] = ce, t[104] = de) : de = t[104];
+  }, precision: at, customLayers: g, highlightedDataPoints: Mt, dimmedOpacity: Ot, rtl: C === "ar" || C === "he", locale: E }) : null, t[48] = Me, t[49] = Y, t[50] = Z, t[51] = Rt, t[52] = zt, t[53] = bt, t[54] = x, t[55] = lt, t[56] = _, t[57] = g, t[58] = c, t[59] = At, t[60] = Ot, t[61] = N, t[62] = ut, t[63] = Mt, t[64] = T, t[65] = r, t[66] = C, t[67] = rt, t[68] = E, t[69] = dt, t[70] = H, t[71] = $, t[72] = ht, t[73] = W, t[74] = it, t[75] = Ht, t[76] = Gt, t[77] = at, t[78] = D, t[79] = J, t[80] = V, t[81] = et, t[82] = Vt, t[83] = ae, t[84] = K, t[85] = z, t[86] = Q, t[87] = Wt, t[88] = p, t[89] = h, t[90] = j, t[91] = Lt, t[92] = Bt, t[93] = s.dateFormat, t[94] = s.enabled, t[95] = S, t[96] = gt, t[97] = q, t[98] = i, t[99] = kt, t[100] = de) : de = t[100];
   let me;
-  t[105] !== a?.footnote || t[106] !== a?.source || t[107] !== st || t[108] !== Ut || t[109] !== p?.footnote || t[110] !== p?.source || t[111] !== b ? (me = Ut || st ? /* @__PURE__ */ i.jsx(ai, { styles: {
-    footnote: p?.footnote,
-    source: p?.source
+  t[101] !== ce || t[102] !== de ? (me = /* @__PURE__ */ a.jsxs(_e, { ref: Ae, children: [
+    ce,
+    de
+  ] }), t[101] = ce, t[102] = de, t[103] = me) : me = t[103];
+  let ue;
+  t[104] !== x?.footnote || t[105] !== x?.source || t[106] !== ot || t[107] !== Ut || t[108] !== h?.footnote || t[109] !== h?.source || t[110] !== y ? (ue = Ut || ot ? /* @__PURE__ */ a.jsx(ni, { styles: {
+    footnote: h?.footnote,
+    source: h?.source
   }, classNames: {
-    footnote: a?.footnote,
-    source: a?.source
-  }, sources: Ut, footNote: st, width: b }) : null, t[105] = a?.footnote, t[106] = a?.source, t[107] = st, t[108] = Ut, t[109] = p?.footnote, t[110] = p?.source, t[111] = b, t[112] = me) : me = t[112];
-  let ge;
-  return t[113] !== Gt || t[114] !== K || t[115] !== wt || t[116] !== vt || t[117] !== L || t[118] !== $ || t[119] !== dt || t[120] !== j || t[121] !== Ce || t[122] !== Oe || t[123] !== oe || t[124] !== se || t[125] !== le || t[126] !== de || t[127] !== me || t[128] !== it || t[129] !== b ? (ge = /* @__PURE__ */ i.jsxs(ti, { className: Ce, style: Oe, id: wt, ref: Ve, "aria-label": Gt, backgroundColor: K, theme: it, language: L, minHeight: $, width: b, height: vt, relativeHeight: j, padding: dt, children: [
-    oe,
+    footnote: x?.footnote,
+    source: x?.source
+  }, sources: Ut, footNote: ot, width: y }) : null, t[104] = x?.footnote, t[105] = x?.source, t[106] = ot, t[107] = Ut, t[108] = h?.footnote, t[109] = h?.source, t[110] = y, t[111] = ue) : ue = t[111];
+  let be;
+  return t[112] !== R || t[113] !== U || t[114] !== wt || t[115] !== vt || t[116] !== C || t[117] !== O || t[118] !== ct || t[119] !== I || t[120] !== Ce || t[121] !== Oe || t[122] !== se || t[123] !== le || t[124] !== re || t[125] !== me || t[126] !== ue || t[127] !== tt || t[128] !== y ? (be = /* @__PURE__ */ a.jsxs(ti, { className: Ce, style: Oe, id: wt, ref: Ve, "aria-label": R, backgroundColor: U, theme: tt, language: C, minHeight: O, width: y, height: vt, relativeHeight: I, padding: ct, children: [
     se,
     le,
-    de,
-    me
-  ] }), t[113] = Gt, t[114] = K, t[115] = wt, t[116] = vt, t[117] = L, t[118] = $, t[119] = dt, t[120] = j, t[121] = Ce, t[122] = Oe, t[123] = oe, t[124] = se, t[125] = le, t[126] = de, t[127] = me, t[128] = it, t[129] = b, t[130] = ge) : ge = t[130], ge;
-}
-function Ni(e) {
-  return Math.min(...e.x.filter(Di));
+    re,
+    me,
+    ue
+  ] }), t[112] = R, t[113] = U, t[114] = wt, t[115] = vt, t[116] = C, t[117] = O, t[118] = ct, t[119] = I, t[120] = Ce, t[121] = Oe, t[122] = se, t[123] = le, t[124] = re, t[125] = me, t[126] = ue, t[127] = tt, t[128] = y, t[129] = be) : be = t[129], be;
 }
 function Di(e) {
+  return Math.min(...e.x.filter(Ni));
+}
+function Ni(e) {
   return e !== null;
 }
 function Ti(e) {
@@ -810,12 +810,12 @@ function Si(e) {
   return e !== null;
 }
 function Fi(e) {
-  return Math.max(...e.x.filter(Pi));
+  return Math.max(...e.x.filter(Wi));
 }
-function Pi(e) {
+function Wi(e) {
   return e !== null;
 }
-function Wi(e) {
+function Pi(e) {
   return Math.max(...e.x.filter(Bi));
 }
 function Bi(e) {
@@ -828,7 +828,7 @@ function Yi(e) {
   return e == null;
 }
 function Ei(e) {
-  return Bt(e.x[e.x.length - 1]) || Bt(e.x[0]) ? -1 / 0 : e.x[e.x.length - 1] - e.x[0];
+  return Yt(e.x[e.x.length - 1]) || Yt(e.x[0]) ? -1 / 0 : e.x[e.x.length - 1] - e.x[0];
 }
 function Gi(e) {
   return e == null;
@@ -855,6 +855,6 @@ function Ki(e) {
   return e.date;
 }
 export {
-  $n as DumbbellChart
+  La as DumbbellChart
 };
 //# sourceMappingURL=DumbbellChart.js.map