@undp/data-viz 2.5.3 → 2.6.0

package/dist/DumbbellChart.js

@@ -1,32 +1,34 @@
-import { c as Me, j as i, m as ye } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as Me, j as i } from "./compiler-runtime-qHgugrLy.js";
 import { o as Ce } from "./index-BZQYSqar.js";
 import { f as Oe, p as We } from "./parse-Dv4of-PN.js";
-import { useRef as ge, useState as Vt, useEffect as Le } from "react";
-import { g as Pe, N as Be } from "./getSliderMarks-X-_goqH9.js";
+import { useRef as ye, useState as Vt, useEffect as Le } from "react";
+import { SliderUI as Pe } from "@undp/design-system-react/SliderUI";
 import { i as $e } from "./index-Bwrro8-q.js";
+import { cn as ge } from "@undp/design-system-react/cn";
 import { n as ke } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Ie } from "./Tooltip-3EYDVa3w.js";
+import { T as Ie } from "./Tooltip-DO56mY4b.js";
 import { c as Gt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as Ve } from "./AxisTitle-CyLCqpW6.js";
-import { A as Xe } from "./Axis-CNZYWzH0.js";
-import { X as Ye } from "./XAxesLabels-B9gkjUiC.js";
-import { Y as je } from "./YTicksAndGridLines-BbujwxOB.js";
-import { R as Ee, a as Ge } from "./ReferenceLine-D41VuUhE.js";
-import { X as He } from "./XTicksAndGridLines-CkYwVshF.js";
-import { Y as Re } from "./YAxesLabels-hWEUCTvs.js";
-import { D as De } from "./DetailsModal-GqEbGHY2.js";
+import { A as Ve } from "./AxisTitle-B9F80_Z0.js";
+import { A as Be } from "./Axis-RRx-0Rlw.js";
+import { X as Xe } from "./XAxesLabels-CPZX3OJN.js";
+import { Y as je } from "./YTicksAndGridLines-wtuAKNeT.js";
+import { R as Ye, a as Ee } from "./ReferenceLine-NF4g3Reh.js";
+import { X as Ge } from "./XTicksAndGridLines-obTK2e7G.js";
+import { Y as He } from "./YAxesLabels-CwVnFG2a.js";
+import { D as De } from "./DetailsModal-k-Me_U_T.js";
 import { a as Ne } from "./linear-DNXM5Pdl.js";
-import { b as Te } from "./band-DYty33LD.js";
-import { m as Et } from "./proxy-BsxtcZKa.js";
-import { u as Se } from "./use-in-view-KOXq5Kmc.js";
-import { A as Fe } from "./index-Cv_5q6Rb.js";
+import { b as Se } from "./band-DYty33LD.js";
+import { m as Et } from "./proxy-D31SA_aE.js";
+import { u as Te } from "./use-in-view-Co5SmzfT.js";
+import { A as Fe } from "./index-CNUlPiEL.js";
 import { e as Ae } from "./ensureCompleteData-CDIukSG6.js";
-import { a as ze, G as Ze } from "./GraphContainer-B8ZqOzKI.js";
-import { GraphHeader as qe } from "./GraphHeader.js";
-import { P as Ue, e as Je } from "./index-ApTBN0kp.js";
+import { g as Re } from "./getSliderMarks-DSxFGb1f.js";
+import { a as ze, G as Ze } from "./GraphContainer-DcOM2CI6.js";
+import { GraphHeader as Ue } from "./GraphHeader.js";
+import { P as qe, e as Je } from "./index-D_ls5oK8.js";
 import { GraphFooter as Ke } from "./GraphFooter.js";
 import { ColorLegendWithMouseOver as Qe } from "./ColorLegendWithMouseOver.js";
-import { E as _e } from "./EmptyState-CaxXCkiN.js";
+import { E as _e } from "./EmptyState-prZ8OnEs.js";
 import { Colors as ti } from "./Colors.js";
 function ei(e) {
   const t = Me.c(152), {
@@ -57,14 +59,14 @@ function ei(e) {
     maxBarThickness: kt,
     minBarThickness: gt,
     resetSelectionOnDoubleClick: Nt,
-    detailsOnClick: T,
+    detailsOnClick: S,
     axisTitle: rt,
     noOfTicks: te,
-    valueColor: Tt,
+    valueColor: St,
     styles: n,
     classNames: a,
     labelOrder: j,
-    refValues: St,
+    refValues: Tt,
     animate: h,
     precision: u,
     customLayers: B,
@@ -72,14 +74,14 @@ function ei(e) {
     dimmedOpacity: ft,
     hideAxisLine: Ft,
     locale: ct,
-    padZeros: q
-  } = e, U = Jt === void 0 ? 20 : Jt, ee = se === void 0 ? 20 : se, Mt = Kt === void 0 ? 20 : Kt, ie = Qt === void 0 ? 25 : Qt, C = ge(null);
+    padZeros: U
+  } = e, q = Jt === void 0 ? 20 : Jt, ee = se === void 0 ? 20 : se, Mt = Kt === void 0 ? 20 : Kt, ie = Qt === void 0 ? 25 : Qt, C = ye(null);
   let f;
   t[0] !== h.amount || t[1] !== h.once ? (f = {
     once: h.once,
     amount: h.amount
   }, t[0] = h.amount, t[1] = h.once, t[2] = f) : f = t[2];
-  const w = Se(C, f), zt = rt ? U + 30 : U;
+  const w = Te(C, f), zt = rt ? q + 30 : q;
   let Wt;
   t[3] !== ie || t[4] !== ee || t[5] !== zt || t[6] !== Mt ? (Wt = {
     top: Mt,
@@ -96,25 +98,25 @@ function ei(e) {
         ...y,
         id: d
       };
-    }), Ut = j ? j.filter((y) => !x.has(y)) : [];
+    }), qt = j ? j.filter((y) => !x.has(y)) : [];
     let p;
     t[11] !== c[0] ? (p = (y) => ({
       id: y,
       label: y,
       x: Array(c[0].x.length).fill(null)
-    }), t[11] = c[0], t[12] = p) : p = t[12], Ot = [...b, ...Ut.map(p)], t[8] = c, t[9] = j, t[10] = Ot;
+    }), t[11] = c[0], t[12] = p) : p = t[12], Ot = [...b, ...qt.map(p)], t[8] = c, t[9] = j, t[10] = Ot;
   } else
     Ot = t[10];
   const O = Ot;
   let Lt;
   t[13] !== O || t[14] !== j ? (Lt = j ?? O.map(ui), t[13] = O, t[14] = j, t[15] = Lt) : Lt = t[15];
-  const qt = Lt;
-  let J, E, G, K, Q, S, k, I, _, tt, et, pt, F, L, it;
-  if (t[16] !== h || t[17] !== N || t[18] !== rt || t[19] !== qt || t[20] !== Ht || t[21] !== a?.dataConnectors || t[22] !== a?.graphObjectValues || t[23] !== a?.xAxis?.axis || t[24] !== a?.xAxis?.labels || t[25] !== a?.yAxis?.gridLines || t[26] !== a?.yAxis?.labels || t[27] !== a?.yAxis?.title || t[28] !== Rt || t[29] !== B || t[30] !== O || t[31] !== T || t[32] !== ft || t[33] !== V || t[34] !== Y || t[35] !== X || t[36] !== wt || t[37] !== Ft || t[38] !== g || t[39] !== w || t[40] !== U || t[41] !== ct || t[42] !== r.bottom || t[43] !== r.left || t[44] !== r.right || t[45] !== r.top || t[46] !== kt || t[47] !== Dt || t[48] !== gt || t[49] !== M || t[50] !== D || t[51] !== te || t[52] !== xt || t[53] !== lt || t[54] !== q || t[55] !== u || t[56] !== W || t[57] !== ht || t[58] !== St || t[59] !== Nt || t[60] !== P || t[61] !== At || t[62] !== ut || t[63] !== _t || t[64] !== n?.dataConnectors || t[65] !== n?.graphObjectValues || t[66] !== n?.xAxis?.axis || t[67] !== n?.xAxis?.labels || t[68] !== n?.yAxis?.gridLines || t[69] !== n?.yAxis?.labels || t[70] !== n?.yAxis?.title || t[71] !== yt || t[72] !== jt || t[73] !== Tt || t[74] !== vt) {
-    const x = Ne().domain([M, Dt]).range([Y, 0]).nice(), b = Te().domain(qt).range([0, gt ? Math.max(X, gt * O.length) : kt ? Math.min(X, kt * O.length) : X]).paddingInner(Ht), Ut = x.ticks(te);
+  const Ut = Lt;
+  let J, E, G, K, Q, T, k, I, _, tt, et, pt, F, L, it;
+  if (t[16] !== h || t[17] !== N || t[18] !== rt || t[19] !== Ut || t[20] !== Ht || t[21] !== a?.dataConnectors || t[22] !== a?.graphObjectValues || t[23] !== a?.xAxis?.axis || t[24] !== a?.xAxis?.labels || t[25] !== a?.yAxis?.gridLines || t[26] !== a?.yAxis?.labels || t[27] !== a?.yAxis?.title || t[28] !== Rt || t[29] !== B || t[30] !== O || t[31] !== S || t[32] !== ft || t[33] !== V || t[34] !== Y || t[35] !== X || t[36] !== wt || t[37] !== Ft || t[38] !== g || t[39] !== w || t[40] !== q || t[41] !== ct || t[42] !== r.bottom || t[43] !== r.left || t[44] !== r.right || t[45] !== r.top || t[46] !== kt || t[47] !== Dt || t[48] !== gt || t[49] !== M || t[50] !== D || t[51] !== te || t[52] !== xt || t[53] !== lt || t[54] !== U || t[55] !== u || t[56] !== W || t[57] !== ht || t[58] !== Tt || t[59] !== Nt || t[60] !== P || t[61] !== At || t[62] !== ut || t[63] !== _t || t[64] !== n?.dataConnectors || t[65] !== n?.graphObjectValues || t[66] !== n?.xAxis?.axis || t[67] !== n?.xAxis?.labels || t[68] !== n?.yAxis?.gridLines || t[69] !== n?.yAxis?.labels || t[70] !== n?.yAxis?.title || t[71] !== yt || t[72] !== jt || t[73] !== St || t[74] !== vt) {
+    const x = Ne().domain([M, Dt]).range([Y, 0]).nice(), b = Se().domain(Ut).range([0, gt ? Math.max(X, gt * O.length) : kt ? Math.min(X, kt * O.length) : X]).paddingInner(Ht), qt = x.ticks(te);
     E = Et.svg, _ = `${vt}px`, tt = `${wt}px`, et = `0 0 ${vt} ${wt}`, pt = "ltr", F = C, t[90] !== N ? (L = N ? /* @__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[90] = N, t[91] = L) : L = t[91], K = `translate(${r.left},${r.top})`;
     let p;
-    t[92] !== ct || t[93] !== M || t[94] !== q || t[95] !== u || t[96] !== W || t[97] !== ut || t[98] !== yt ? (p = ut ? ke(M < 0 ? 0 : M, void 0, u, W, yt, ct, q) : void 0, t[92] = ct, t[93] = M, t[94] = q, t[95] = u, t[96] = W, t[97] = ut, t[98] = yt, t[99] = p) : p = t[99];
+    t[92] !== ct || t[93] !== M || t[94] !== U || t[95] !== u || t[96] !== W || t[97] !== ut || t[98] !== yt ? (p = ut ? ke(M < 0 ? 0 : M, void 0, u, W, yt, ct, U) : void 0, t[92] = ct, t[93] = M, t[94] = U, t[95] = u, t[96] = W, t[97] = ut, t[98] = yt, t[99] = p) : p = t[99];
     const y = a?.xAxis?.axis, st = a?.yAxis?.labels;
     let d;
     t[100] !== y || t[101] !== st ? (d = {
@@ -126,19 +128,19 @@ function ei(e) {
     t[103] !== z || t[104] !== Xt ? (Yt = {
       axis: z,
       label: Xt
-    }, t[103] = z, t[104] = Xt, t[105] = Yt) : Yt = t[105], Q = /* @__PURE__ */ i.jsx(Xe, { hideAxisLine: Ft, y1: x(M < 0 ? 0 : M), y2: x(M < 0 ? 0 : M), x1: 0 - U, x2: X + r.right, label: p, labelPos: {
-      x: 0 - U,
+    }, t[103] = z, t[104] = Xt, t[105] = Yt) : Yt = t[105], Q = /* @__PURE__ */ i.jsx(Be, { hideAxisLine: Ft, y1: x(M < 0 ? 0 : M), y2: x(M < 0 ? 0 : M), x1: 0 - q, x2: X + r.right, label: p, labelPos: {
+      x: 0 - q,
       dx: 0,
       dy: Dt < 0 ? "1em" : -5,
       y: x(M < 0 ? 0 : M)
-    }, classNames: d, styles: Yt }), S = ut ? /* @__PURE__ */ i.jsx(je, { values: Ut.filter(mi), y: Ut.filter(di).map((l) => x(l)), x1: 0 - U, x2: X + r.right, styles: {
+    }, classNames: d, styles: Yt }), T = ut ? /* @__PURE__ */ i.jsx(je, { values: qt.filter(mi), y: qt.filter(di).map((l) => x(l)), x1: 0 - q, x2: X + r.right, styles: {
       gridLines: n?.yAxis?.gridLines,
       labels: n?.yAxis?.labels
     }, classNames: {
       gridLines: a?.yAxis?.gridLines,
       labels: a?.yAxis?.labels
-    }, suffix: yt, prefix: W, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: u, locale: ct, padZeros: q }) : null;
-    const ne = 0 - U - 15, s = Y / 2, mt = n?.yAxis?.title, $ = a?.yAxis?.title;
+    }, suffix: yt, prefix: W, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: u, locale: ct, padZeros: U }) : null;
+    const ne = 0 - q - 15, s = Y / 2, mt = n?.yAxis?.title, $ = a?.yAxis?.title;
     t[106] !== rt || t[107] !== ne || t[108] !== s || t[109] !== mt || t[110] !== $ ? (k = /* @__PURE__ */ i.jsx(Ve, { x: ne, y: s, style: mt, className: $, text: rt, rotate90: !0 }), t[106] = rt, t[107] = ne, t[108] = s, t[109] = mt, t[110] = $, t[111] = k) : k = t[111], t[112] !== B ? (I = B.filter(ci).map(ri), t[112] = B, t[113] = I) : I = t[113], J = Fe, it = O.map((l) => /* @__PURE__ */ i.jsxs(Et.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         x: b(`${l.id}`) + b.bandwidth() / 2,
@@ -159,12 +161,12 @@ function ei(e) {
         duration: h.duration
       }
     }, children: [
-      At ? /* @__PURE__ */ i.jsx(Ye, { value: `${l.label}`.length < jt ? `${l.label}` : `${`${l.label}`.substring(0, jt)}...`, y: Y + 5, x: 0 - b.bandwidth() / 2, width: b.bandwidth(), height: r.bottom, style: n?.xAxis?.labels, className: a?.xAxis?.labels, alignment: "top", animate: h, isInView: w }) : null,
+      At ? /* @__PURE__ */ i.jsx(Xe, { value: `${l.label}`.length < jt ? `${l.label}` : `${`${l.label}`.substring(0, jt)}...`, y: Y + 5, x: 0 - b.bandwidth() / 2, width: b.bandwidth(), height: r.bottom, style: n?.xAxis?.labels, className: a?.xAxis?.labels, alignment: "top", animate: h, isInView: w }) : null,
       /* @__PURE__ */ i.jsx(Et.line, { x1: 0, x2: 0, style: {
         strokeWidth: Rt,
         ...n?.dataConnectors || {},
         opacity: P ? 0.3 : 1
-      }, className: ye("stroke-primary-gray-600 dark:stroke-primary-gray-300", a?.dataConnectors), markerEnd: N && l.x.indexOf(Math.min(...l.x.filter(li))) === 0 ? "url(#arrow)" : "", markerStart: N && l.x.indexOf(Math.min(...l.x.filter(si))) === l.x.length - 1 ? "url(#arrow)" : "", exit: {
+      }, className: ge("stroke-primary-gray-600 dark:stroke-primary-gray-300", a?.dataConnectors), markerEnd: N && l.x.indexOf(Math.min(...l.x.filter(li))) === 0 ? "url(#arrow)" : "", markerStart: N && l.x.indexOf(Math.min(...l.x.filter(si))) === l.x.length - 1 ? "url(#arrow)" : "", exit: {
         opacity: 0,
         transition: {
           duration: h.duration
@@ -191,7 +193,7 @@ function ei(e) {
           xIndex: Z
         });
       }, onClick: () => {
-        (xt || T) && ($e(D, {
+        (xt || S) && ($e(D, {
           ...l,
           xIndex: Z
         }) && Nt ? (Pt(void 0), xt?.(void 0)) : (Pt({
@@ -250,7 +252,7 @@ function ei(e) {
         _t ? /* @__PURE__ */ i.jsx(Et.text, { x: 0, style: {
           textAnchor: "start",
           ...n?.graphObjectValues || {}
-        }, className: ye("graph-value text-sm font-bold", Gt($t) ? "opacity-0" : "opacity-100", a?.graphObjectValues), dx: ht + 3, dy: "0.33em", exit: {
+        }, className: ge("graph-value text-sm font-bold", Gt($t) ? "opacity-0" : "opacity-100", a?.graphObjectValues), dx: ht + 3, dy: "0.33em", exit: {
           opacity: 0,
           transition: {
             duration: h.duration
@@ -259,21 +261,21 @@ function ei(e) {
           initial: {
             y: x(0),
             opacity: 0,
-            fill: Tt || V[Z]
+            fill: St || V[Z]
           },
           whileInView: {
             y: x($t || 0),
-            fill: Tt || V[Z],
+            fill: St || V[Z],
             opacity: 1,
             transition: {
               duration: h.duration
             }
           }
-        }, initial: "initial", animate: w ? "whileInView" : "initial", children: ke($t, void 0, u, W, yt, ct, q) }) : null
+        }, initial: "initial", animate: w ? "whileInView" : "initial", children: ke($t, void 0, u, W, yt, ct, U) }) : null
       ] }) }, Z))
-    ] }, l.label)), G = St ? /* @__PURE__ */ i.jsx(i.Fragment, { children: St.map((l, $t) => /* @__PURE__ */ i.jsx(Ge, { text: l.text, color: l.color, y: x(l.value), x1: 0 - U, x2: X + r.right, classNames: l.classNames, styles: l.styles, animate: h, isInView: w }, $t)) }) : null, t[16] = h, t[17] = N, t[18] = rt, t[19] = qt, t[20] = Ht, t[21] = a?.dataConnectors, t[22] = a?.graphObjectValues, t[23] = a?.xAxis?.axis, t[24] = a?.xAxis?.labels, t[25] = a?.yAxis?.gridLines, t[26] = a?.yAxis?.labels, t[27] = a?.yAxis?.title, t[28] = Rt, t[29] = B, t[30] = O, t[31] = T, t[32] = ft, t[33] = V, t[34] = Y, t[35] = X, t[36] = wt, t[37] = Ft, t[38] = g, t[39] = w, t[40] = U, t[41] = ct, t[42] = r.bottom, t[43] = r.left, t[44] = r.right, t[45] = r.top, t[46] = kt, t[47] = Dt, t[48] = gt, t[49] = M, t[50] = D, t[51] = te, t[52] = xt, t[53] = lt, t[54] = q, t[55] = u, t[56] = W, t[57] = ht, t[58] = St, t[59] = Nt, t[60] = P, t[61] = At, t[62] = ut, t[63] = _t, t[64] = n?.dataConnectors, t[65] = n?.graphObjectValues, t[66] = n?.xAxis?.axis, t[67] = n?.xAxis?.labels, t[68] = n?.yAxis?.gridLines, t[69] = n?.yAxis?.labels, t[70] = n?.yAxis?.title, t[71] = yt, t[72] = jt, t[73] = Tt, t[74] = vt, t[75] = J, t[76] = E, t[77] = G, t[78] = K, t[79] = Q, t[80] = S, t[81] = k, t[82] = I, t[83] = _, t[84] = tt, t[85] = et, t[86] = pt, t[87] = F, t[88] = L, t[89] = it;
+    ] }, l.label)), G = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((l, $t) => /* @__PURE__ */ i.jsx(Ee, { text: l.text, color: l.color, y: x(l.value), x1: 0 - q, x2: X + r.right, classNames: l.classNames, styles: l.styles, animate: h, isInView: w }, $t)) }) : null, t[16] = h, t[17] = N, t[18] = rt, t[19] = Ut, t[20] = Ht, t[21] = a?.dataConnectors, t[22] = a?.graphObjectValues, t[23] = a?.xAxis?.axis, t[24] = a?.xAxis?.labels, t[25] = a?.yAxis?.gridLines, t[26] = a?.yAxis?.labels, t[27] = a?.yAxis?.title, t[28] = Rt, t[29] = B, t[30] = O, t[31] = S, t[32] = ft, t[33] = V, t[34] = Y, t[35] = X, t[36] = wt, t[37] = Ft, t[38] = g, t[39] = w, t[40] = q, t[41] = ct, t[42] = r.bottom, t[43] = r.left, t[44] = r.right, t[45] = r.top, t[46] = kt, t[47] = Dt, t[48] = gt, t[49] = M, t[50] = D, t[51] = te, t[52] = xt, t[53] = lt, t[54] = U, t[55] = u, t[56] = W, t[57] = ht, t[58] = Tt, t[59] = Nt, t[60] = P, t[61] = At, t[62] = ut, t[63] = _t, t[64] = n?.dataConnectors, t[65] = n?.graphObjectValues, t[66] = n?.xAxis?.axis, t[67] = n?.xAxis?.labels, t[68] = n?.yAxis?.gridLines, t[69] = n?.yAxis?.labels, t[70] = n?.yAxis?.title, t[71] = yt, t[72] = jt, t[73] = St, t[74] = vt, t[75] = J, t[76] = E, t[77] = G, t[78] = K, t[79] = Q, t[80] = T, t[81] = k, t[82] = I, t[83] = _, t[84] = tt, t[85] = et, t[86] = pt, t[87] = F, t[88] = L, t[89] = it;
   } else
-    J = t[75], E = t[76], G = t[77], K = t[78], Q = t[79], S = t[80], k = t[81], I = t[82], _ = t[83], tt = t[84], et = t[85], pt = t[86], F = t[87], L = t[88], it = t[89];
+    J = t[75], E = t[76], G = t[77], K = t[78], Q = t[79], T = t[80], k = t[81], I = t[82], _ = t[83], tt = t[84], et = t[85], pt = t[86], F = t[87], L = t[88], it = t[89];
   let H;
   t[114] !== J || t[115] !== G || t[116] !== it ? (H = /* @__PURE__ */ i.jsxs(J, { children: [
     it,
@@ -282,14 +284,14 @@ function ei(e) {
   let at;
   t[118] !== B ? (at = B.filter(ai).map(ii), t[118] = B, t[119] = at) : at = t[119];
   let nt;
-  t[120] !== K || t[121] !== Q || t[122] !== S || t[123] !== k || t[124] !== I || t[125] !== H || t[126] !== at ? (nt = /* @__PURE__ */ i.jsxs("g", { transform: K, children: [
+  t[120] !== K || t[121] !== Q || t[122] !== T || t[123] !== k || t[124] !== I || t[125] !== H || t[126] !== at ? (nt = /* @__PURE__ */ i.jsxs("g", { transform: K, children: [
     Q,
-    S,
+    T,
     k,
     I,
     H,
     at
-  ] }), t[120] = K, t[121] = Q, t[122] = S, t[123] = k, t[124] = I, t[125] = H, t[126] = at, t[127] = nt) : nt = t[127];
+  ] }), t[120] = K, t[121] = Q, t[122] = T, t[123] = k, t[124] = I, t[125] = H, t[126] = at, t[127] = nt) : nt = t[127];
   let R;
   t[128] !== E || t[129] !== _ || t[130] !== tt || t[131] !== et || t[132] !== pt || t[133] !== F || t[134] !== L || t[135] !== nt ? (R = /* @__PURE__ */ i.jsxs(E, { width: _, height: tt, viewBox: et, direction: pt, ref: F, children: [
     L,
@@ -298,7 +300,7 @@ function ei(e) {
   let o;
   t[137] !== a?.tooltip || t[138] !== Bt || t[139] !== dt || t[140] !== Ct || t[141] !== n?.tooltip || t[142] !== v ? (o = Ct && v && Bt && dt ? /* @__PURE__ */ i.jsx(Ie, { data: Ct, body: v, xPos: Bt, yPos: dt, backgroundStyle: n?.tooltip, className: a?.tooltip }) : null, t[137] = a?.tooltip, t[138] = Bt, t[139] = dt, t[140] = Ct, t[141] = n?.tooltip, t[142] = v, t[143] = o) : o = t[143];
   let ot;
-  t[144] !== a?.modal || t[145] !== T || t[146] !== D ? (ot = T && D !== void 0 ? /* @__PURE__ */ i.jsx(De, { body: T, data: D, setData: Pt, className: a?.modal }) : null, t[144] = a?.modal, t[145] = T, t[146] = D, t[147] = ot) : ot = t[147];
+  t[144] !== a?.modal || t[145] !== S || t[146] !== D ? (ot = S && D !== void 0 ? /* @__PURE__ */ i.jsx(De, { body: S, data: D, setData: Pt, className: a?.modal }) : null, t[144] = a?.modal, t[145] = S, t[146] = D, t[147] = ot) : ot = t[147];
   let bt;
   return t[148] !== R || t[149] !== o || t[150] !== ot ? (bt = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     R,
@@ -368,14 +370,14 @@ function xi(e) {
     maxBarThickness: kt,
     minBarThickness: gt,
     resetSelectionOnDoubleClick: Nt,
-    detailsOnClick: T,
+    detailsOnClick: S,
     axisTitle: rt,
     noOfTicks: te,
-    valueColor: Tt,
+    valueColor: St,
     styles: n,
     classNames: a,
     labelOrder: j,
-    refValues: St,
+    refValues: Tt,
     rtl: h,
     animate: u,
     precision: B,
@@ -383,21 +385,21 @@ function xi(e) {
     highlightedDataPoints: ft,
     dimmedOpacity: Ft,
     locale: ct,
-    padZeros: q
-  } = e, U = Jt === void 0 ? 100 : Jt, ee = se === void 0 ? 40 : se, Mt = Kt === void 0 ? 20 : Kt, ie = Qt === void 0 ? 10 : Qt, C = ge(null);
+    padZeros: U
+  } = e, q = Jt === void 0 ? 100 : Jt, ee = se === void 0 ? 40 : se, Mt = Kt === void 0 ? 20 : Kt, ie = Qt === void 0 ? 10 : Qt, C = ye(null);
   let f;
   t[0] !== u.amount || t[1] !== u.once ? (f = {
     once: u.once,
     amount: u.amount
   }, t[0] = u.amount, t[1] = u.once, t[2] = f) : f = t[2];
-  const w = Se(C, f), zt = rt ? Mt + 25 : Mt;
+  const w = Te(C, f), zt = rt ? Mt + 25 : Mt;
   let Wt;
-  t[3] !== ie || t[4] !== U || t[5] !== ee || t[6] !== zt ? (Wt = {
+  t[3] !== ie || t[4] !== q || t[5] !== ee || t[6] !== zt ? (Wt = {
     top: zt,
     bottom: ie,
-    left: U,
+    left: q,
     right: ee
-  }, t[3] = ie, t[4] = U, t[5] = ee, t[6] = zt, t[7] = Wt) : Wt = t[7];
+  }, t[3] = ie, t[4] = q, t[5] = ee, t[6] = zt, t[7] = Wt) : Wt = t[7];
   const r = Wt, X = At - r.left - r.right, Y = v - r.top - r.bottom, [Ct, ae] = Vt(void 0), [D, Pt] = Vt(void 0), [Bt, A] = Vt(void 0), [dt, Zt] = Vt(void 0);
   let Ot;
   if (t[8] !== c || t[9] !== j) {
@@ -407,31 +409,31 @@ function xi(e) {
         ...y,
         id: d
       };
-    }), Ut = j ? j.filter((y) => !x.has(y)) : [];
+    }), qt = j ? j.filter((y) => !x.has(y)) : [];
     let p;
     t[11] !== c[0] ? (p = (y) => ({
       id: y,
       label: y,
       x: Array(c[0].x.length).fill(null)
-    }), t[11] = c[0], t[12] = p) : p = t[12], Ot = [...b, ...Ut.map(p)], t[8] = c, t[9] = j, t[10] = Ot;
+    }), t[11] = c[0], t[12] = p) : p = t[12], Ot = [...b, ...qt.map(p)], t[8] = c, t[9] = j, t[10] = Ot;
   } else
     Ot = t[10];
   const O = Ot;
   let Lt;
   t[13] !== O || t[14] !== j ? (Lt = j ?? O.map(Mi), t[13] = O, t[14] = j, t[15] = Lt) : Lt = t[15];
-  const qt = Lt;
-  let J, E, G, K, Q, S, k, I, _, tt, et, pt, F, L, it;
-  if (t[16] !== u || t[17] !== N || t[18] !== rt || t[19] !== qt || t[20] !== jt || t[21] !== a?.dataConnectors || t[22] !== a?.graphObjectValues || t[23] !== a?.xAxis?.gridLines || t[24] !== a?.xAxis?.labels || t[25] !== a?.xAxis?.title || t[26] !== a?.yAxis?.gridLines || t[27] !== a?.yAxis?.labels || t[28] !== Rt || t[29] !== g || t[30] !== O || t[31] !== T || t[32] !== Ft || t[33] !== V || t[34] !== Y || t[35] !== X || t[36] !== v || t[37] !== ft || t[38] !== w || t[39] !== ct || t[40] !== r.bottom || t[41] !== r.left || t[42] !== r.top || t[43] !== kt || t[44] !== _t || t[45] !== gt || t[46] !== yt || t[47] !== D || t[48] !== te || t[49] !== W || t[50] !== xt || t[51] !== q || t[52] !== B || t[53] !== ut || t[54] !== lt || t[55] !== St || t[56] !== Nt || t[57] !== h || t[58] !== P || t[59] !== Dt || t[60] !== wt || t[61] !== vt || t[62] !== n?.dataConnectors || t[63] !== n?.graphObjectValues || t[64] !== n?.xAxis?.gridLines || t[65] !== n?.xAxis?.labels || t[66] !== n?.xAxis?.title || t[67] !== n?.yAxis?.gridLines || t[68] !== n?.yAxis?.labels || t[69] !== Ht || t[70] !== Mt || t[71] !== ht || t[72] !== Tt || t[73] !== At) {
-    const x = Ne().domain([yt, _t]).range([0, X]).nice(), b = Te().domain(qt).range([0, gt ? Math.max(Y, gt * O.length) : kt ? Math.min(Y, kt * O.length) : Y]).paddingInner(jt), Ut = x.ticks(te);
-    E = Et.svg, _ = `${At}px`, tt = `${v}px`, et = `0 0 ${At} ${v}`, pt = "ltr", F = C, t[89] !== N ? (L = N ? /* @__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[89] = N, t[90] = L) : L = t[90], K = `translate(${r.left},${r.top})`, Q = wt ? /* @__PURE__ */ i.jsx(He, { values: Ut.filter(ki), x: Ut.filter(Ai).map((s) => x(s)), y1: 0 - Mt, y2: Y + r.bottom, styles: {
+  const Ut = Lt;
+  let J, E, G, K, Q, T, k, I, _, tt, et, pt, F, L, it;
+  if (t[16] !== u || t[17] !== N || t[18] !== rt || t[19] !== Ut || t[20] !== jt || t[21] !== a?.dataConnectors || t[22] !== a?.graphObjectValues || t[23] !== a?.xAxis?.gridLines || t[24] !== a?.xAxis?.labels || t[25] !== a?.xAxis?.title || t[26] !== a?.yAxis?.gridLines || t[27] !== a?.yAxis?.labels || t[28] !== Rt || t[29] !== g || t[30] !== O || t[31] !== S || t[32] !== Ft || t[33] !== V || t[34] !== Y || t[35] !== X || t[36] !== v || t[37] !== ft || t[38] !== w || t[39] !== ct || t[40] !== r.bottom || t[41] !== r.left || t[42] !== r.top || t[43] !== kt || t[44] !== _t || t[45] !== gt || t[46] !== yt || t[47] !== D || t[48] !== te || t[49] !== W || t[50] !== xt || t[51] !== U || t[52] !== B || t[53] !== ut || t[54] !== lt || t[55] !== Tt || t[56] !== Nt || t[57] !== h || t[58] !== P || t[59] !== Dt || t[60] !== wt || t[61] !== vt || t[62] !== n?.dataConnectors || t[63] !== n?.graphObjectValues || t[64] !== n?.xAxis?.gridLines || t[65] !== n?.xAxis?.labels || t[66] !== n?.xAxis?.title || t[67] !== n?.yAxis?.gridLines || t[68] !== n?.yAxis?.labels || t[69] !== Ht || t[70] !== Mt || t[71] !== ht || t[72] !== St || t[73] !== At) {
+    const x = Ne().domain([yt, _t]).range([0, X]).nice(), b = Se().domain(Ut).range([0, gt ? Math.max(Y, gt * O.length) : kt ? Math.min(Y, kt * O.length) : Y]).paddingInner(jt), qt = x.ticks(te);
+    E = Et.svg, _ = `${At}px`, tt = `${v}px`, et = `0 0 ${At} ${v}`, pt = "ltr", F = C, t[89] !== N ? (L = N ? /* @__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[89] = N, t[90] = L) : L = t[90], K = `translate(${r.left},${r.top})`, Q = wt ? /* @__PURE__ */ i.jsx(Ge, { values: qt.filter(ki), x: qt.filter(Ai).map((s) => x(s)), y1: 0 - Mt, y2: Y + r.bottom, styles: {
       gridLines: n?.xAxis?.gridLines,
       labels: n?.xAxis?.labels
     }, classNames: {
       gridLines: a?.xAxis?.gridLines,
       labels: a?.xAxis?.labels
-    }, suffix: Ht, prefix: ut, labelType: "secondary", showGridLines: !0, precision: B, locale: ct, padZeros: q }) : null;
+    }, suffix: Ht, prefix: ut, labelType: "secondary", showGridLines: !0, precision: B, locale: ct, padZeros: U }) : null;
     const p = X / 2, y = 0 - r.top + 15, st = n?.xAxis?.title, d = a?.xAxis?.title;
-    t[91] !== rt || t[92] !== p || t[93] !== y || t[94] !== st || t[95] !== d ? (S = /* @__PURE__ */ i.jsx(Ve, { x: p, y, style: st, className: d, text: rt }), t[91] = rt, t[92] = p, t[93] = y, t[94] = st, t[95] = d, t[96] = S) : S = t[96];
+    t[91] !== rt || t[92] !== p || t[93] !== y || t[94] !== st || t[95] !== d ? (T = /* @__PURE__ */ i.jsx(Ve, { x: p, y, style: st, className: d, text: rt }), t[91] = rt, t[92] = p, t[93] = y, t[94] = st, t[95] = d, t[96] = T) : T = t[96];
     const z = n?.yAxis?.gridLines;
     let Xt;
     t[97] !== z ? (Xt = {
@@ -441,7 +443,7 @@ function xi(e) {
     let ne;
     t[99] !== Yt ? (ne = {
       gridLines: Yt
-    }, t[99] = Yt, t[100] = ne) : ne = t[100], k = /* @__PURE__ */ i.jsx(je, { y: O.map((s) => b(`${s.id}`) + b.bandwidth() / 2), x1: 0, x2: X, styles: Xt, classNames: ne, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: B, locale: ct, padZeros: q }), t[101] !== g ? (I = g.filter(wi).map(vi), t[101] = g, t[102] = I) : I = t[102], J = Fe, it = O.map((s) => /* @__PURE__ */ i.jsxs(Et.g, { className: "undp-viz-g-with-hover", variants: {
+    }, t[99] = Yt, t[100] = ne) : ne = t[100], k = /* @__PURE__ */ i.jsx(je, { y: O.map((s) => b(`${s.id}`) + b.bandwidth() / 2), x1: 0, x2: X, styles: Xt, classNames: ne, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: B, locale: ct, padZeros: U }), t[101] !== g ? (I = g.filter(wi).map(vi), t[101] = g, t[102] = I) : I = t[102], J = Fe, it = O.map((s) => /* @__PURE__ */ i.jsxs(Et.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         x: 0,
         y: b(`${s.id}`) + b.bandwidth() / 2,
@@ -461,12 +463,12 @@ function xi(e) {
         duration: u.duration
       }
     }, children: [
-      Dt ? /* @__PURE__ */ i.jsx(Re, { value: `${s.label}`.length < ht ? `${s.label}` : `${`${s.label}`.substring(0, ht)}...`, y: 0 - b.bandwidth() / 2, x: 0 - r.left, width: r.left, height: b.bandwidth(), alignment: "right", style: n?.yAxis?.labels, className: a?.yAxis?.labels, animate: u, isInView: w }) : null,
+      Dt ? /* @__PURE__ */ i.jsx(He, { value: `${s.label}`.length < ht ? `${s.label}` : `${`${s.label}`.substring(0, ht)}...`, y: 0 - b.bandwidth() / 2, x: 0 - r.left, width: r.left, height: b.bandwidth(), alignment: "right", style: n?.yAxis?.labels, className: a?.yAxis?.labels, animate: u, isInView: w }) : null,
       /* @__PURE__ */ i.jsx(Et.line, { y1: 0, y2: 0, style: {
         strokeWidth: Rt,
         ...n?.dataConnectors || {},
         opacity: P ? 0.3 : 1
-      }, className: ye("stroke-primary-gray-600 dark:stroke-primary-gray-300", a?.dataConnectors), markerEnd: N && s.x.indexOf(Math.min(...s.x.filter(bi))) === 0 ? "url(#arrow)" : "", markerStart: N && s.x.indexOf(Math.min(...s.x.filter(gi))) === s.x.length - 1 ? "url(#arrow)" : "", exit: {
+      }, className: ge("stroke-primary-gray-600 dark:stroke-primary-gray-300", a?.dataConnectors), markerEnd: N && s.x.indexOf(Math.min(...s.x.filter(bi))) === 0 ? "url(#arrow)" : "", markerStart: N && s.x.indexOf(Math.min(...s.x.filter(gi))) === s.x.length - 1 ? "url(#arrow)" : "", exit: {
         opacity: 0,
         transition: {
           duration: u.duration
@@ -493,7 +495,7 @@ function xi(e) {
           xIndex: $
         });
       }, onClick: () => {
-        (W || T) && ($e(D, {
+        (W || S) && ($e(D, {
           ...s,
           xIndex: $
         }) && Nt ? (Pt(void 0), W?.(void 0)) : (Pt({
@@ -553,7 +555,7 @@ function xi(e) {
         vt ? /* @__PURE__ */ i.jsx(Et.text, { y: 0, style: {
           textAnchor: "middle",
           ...n?.graphObjectValues || {}
-        }, dx: 0, dy: 0 - lt - 3, className: ye("graph-value text-sm font-bold", Gt(mt) ? "0opacity-0" : "opacity-100", a?.graphObjectValues), exit: {
+        }, dx: 0, dy: 0 - lt - 3, className: ge("graph-value text-sm font-bold", Gt(mt) ? "0opacity-0" : "opacity-100", a?.graphObjectValues), exit: {
           opacity: 0,
           transition: {
             duration: u.duration
@@ -562,21 +564,21 @@ function xi(e) {
           initial: {
             x: x(0),
             opacity: 0,
-            fill: Tt || V[$]
+            fill: St || V[$]
           },
           whileInView: {
             x: x(mt || 0),
-            fill: Tt || V[$],
+            fill: St || V[$],
             opacity: 1,
             transition: {
               duration: u.duration
             }
           }
-        }, initial: "initial", animate: w ? "whileInView" : "initial", children: ke(mt, void 0, B, ut, Ht, ct, q) }) : null
+        }, initial: "initial", animate: w ? "whileInView" : "initial", children: ke(mt, void 0, B, ut, Ht, ct, U) }) : null
       ] }) }, $))
-    ] }, s.label)), G = St ? /* @__PURE__ */ i.jsx(i.Fragment, { children: St.map((s, mt) => /* @__PURE__ */ i.jsx(Ee, { text: s.text, color: s.color, x: x(s.value), y1: 0 - r.top, y2: Y + r.bottom, textSide: x(s.value) > X * 0.75 || h ? "left" : "right", classNames: s.classNames, styles: s.styles, animate: u, isInView: w }, mt)) }) : null, t[16] = u, t[17] = N, t[18] = rt, t[19] = qt, t[20] = jt, t[21] = a?.dataConnectors, t[22] = a?.graphObjectValues, t[23] = a?.xAxis?.gridLines, t[24] = a?.xAxis?.labels, t[25] = a?.xAxis?.title, t[26] = a?.yAxis?.gridLines, t[27] = a?.yAxis?.labels, t[28] = Rt, t[29] = g, t[30] = O, t[31] = T, t[32] = Ft, t[33] = V, t[34] = Y, t[35] = X, t[36] = v, t[37] = ft, t[38] = w, t[39] = ct, t[40] = r.bottom, t[41] = r.left, t[42] = r.top, t[43] = kt, t[44] = _t, t[45] = gt, t[46] = yt, t[47] = D, t[48] = te, t[49] = W, t[50] = xt, t[51] = q, t[52] = B, t[53] = ut, t[54] = lt, t[55] = St, t[56] = Nt, t[57] = h, t[58] = P, t[59] = Dt, t[60] = wt, t[61] = vt, t[62] = n?.dataConnectors, t[63] = n?.graphObjectValues, t[64] = n?.xAxis?.gridLines, t[65] = n?.xAxis?.labels, t[66] = n?.xAxis?.title, t[67] = n?.yAxis?.gridLines, t[68] = n?.yAxis?.labels, t[69] = Ht, t[70] = Mt, t[71] = ht, t[72] = Tt, t[73] = At, t[74] = J, t[75] = E, t[76] = G, t[77] = K, t[78] = Q, t[79] = S, t[80] = k, t[81] = I, t[82] = _, t[83] = tt, t[84] = et, t[85] = pt, t[86] = F, t[87] = L, t[88] = it;
+    ] }, s.label)), G = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((s, mt) => /* @__PURE__ */ i.jsx(Ye, { text: s.text, color: s.color, x: x(s.value), y1: 0 - r.top, y2: Y + r.bottom, textSide: x(s.value) > X * 0.75 || h ? "left" : "right", classNames: s.classNames, styles: s.styles, animate: u, isInView: w }, mt)) }) : null, t[16] = u, t[17] = N, t[18] = rt, t[19] = Ut, t[20] = jt, t[21] = a?.dataConnectors, t[22] = a?.graphObjectValues, t[23] = a?.xAxis?.gridLines, t[24] = a?.xAxis?.labels, t[25] = a?.xAxis?.title, t[26] = a?.yAxis?.gridLines, t[27] = a?.yAxis?.labels, t[28] = Rt, t[29] = g, t[30] = O, t[31] = S, t[32] = Ft, t[33] = V, t[34] = Y, t[35] = X, t[36] = v, t[37] = ft, t[38] = w, t[39] = ct, t[40] = r.bottom, t[41] = r.left, t[42] = r.top, t[43] = kt, t[44] = _t, t[45] = gt, t[46] = yt, t[47] = D, t[48] = te, t[49] = W, t[50] = xt, t[51] = U, t[52] = B, t[53] = ut, t[54] = lt, t[55] = Tt, t[56] = Nt, t[57] = h, t[58] = P, t[59] = Dt, t[60] = wt, t[61] = vt, t[62] = n?.dataConnectors, t[63] = n?.graphObjectValues, t[64] = n?.xAxis?.gridLines, t[65] = n?.xAxis?.labels, t[66] = n?.xAxis?.title, t[67] = n?.yAxis?.gridLines, t[68] = n?.yAxis?.labels, t[69] = Ht, t[70] = Mt, t[71] = ht, t[72] = St, t[73] = At, t[74] = J, t[75] = E, t[76] = G, t[77] = K, t[78] = Q, t[79] = T, t[80] = k, t[81] = I, t[82] = _, t[83] = tt, t[84] = et, t[85] = pt, t[86] = F, t[87] = L, t[88] = it;
   } else
-    J = t[74], E = t[75], G = t[76], K = t[77], Q = t[78], S = t[79], k = t[80], I = t[81], _ = t[82], tt = t[83], et = t[84], pt = t[85], F = t[86], L = t[87], it = t[88];
+    J = t[74], E = t[75], G = t[76], K = t[77], Q = t[78], T = t[79], k = t[80], I = t[81], _ = t[82], tt = t[83], et = t[84], pt = t[85], F = t[86], L = t[87], it = t[88];
   let H;
   t[103] !== J || t[104] !== G || t[105] !== it ? (H = /* @__PURE__ */ i.jsxs(J, { children: [
     it,
@@ -585,14 +587,14 @@ function xi(e) {
   let at;
   t[107] !== g ? (at = g.filter(pi).map(fi), t[107] = g, t[108] = at) : at = t[108];
   let nt;
-  t[109] !== K || t[110] !== Q || t[111] !== S || t[112] !== k || t[113] !== I || t[114] !== H || t[115] !== at ? (nt = /* @__PURE__ */ i.jsxs("g", { transform: K, children: [
+  t[109] !== K || t[110] !== Q || t[111] !== T || t[112] !== k || t[113] !== I || t[114] !== H || t[115] !== at ? (nt = /* @__PURE__ */ i.jsxs("g", { transform: K, children: [
     Q,
-    S,
+    T,
     k,
     I,
     H,
     at
-  ] }), t[109] = K, t[110] = Q, t[111] = S, t[112] = k, t[113] = I, t[114] = H, t[115] = at, t[116] = nt) : nt = t[116];
+  ] }), t[109] = K, t[110] = Q, t[111] = T, t[112] = k, t[113] = I, t[114] = H, t[115] = at, t[116] = nt) : nt = t[116];
   let R;
   t[117] !== E || t[118] !== _ || t[119] !== tt || t[120] !== et || t[121] !== pt || t[122] !== F || t[123] !== L || t[124] !== nt ? (R = /* @__PURE__ */ i.jsxs(E, { width: _, height: tt, viewBox: et, direction: pt, ref: F, children: [
     L,
@@ -601,7 +603,7 @@ function xi(e) {
   let o;
   t[126] !== a?.tooltip || t[127] !== Bt || t[128] !== dt || t[129] !== Ct || t[130] !== n?.tooltip || t[131] !== M ? (o = Ct && M && Bt && dt ? /* @__PURE__ */ i.jsx(Ie, { data: Ct, body: M, xPos: Bt, yPos: dt, backgroundStyle: n?.tooltip, className: a?.tooltip }) : null, t[126] = a?.tooltip, t[127] = Bt, t[128] = dt, t[129] = Ct, t[130] = n?.tooltip, t[131] = M, t[132] = o) : o = t[132];
   let ot;
-  t[133] !== a?.modal || t[134] !== T || t[135] !== D ? (ot = T && D !== void 0 ? /* @__PURE__ */ i.jsx(De, { body: T, data: D, setData: Pt, className: a?.modal }) : null, t[133] = a?.modal, t[134] = T, t[135] = D, t[136] = ot) : ot = t[136];
+  t[133] !== a?.modal || t[134] !== S || t[135] !== D ? (ot = S && D !== void 0 ? /* @__PURE__ */ i.jsx(De, { body: S, data: D, setData: Pt, className: a?.modal }) : null, t[133] = a?.modal, t[134] = S, t[135] = D, t[136] = ot) : ot = t[136];
   let bt;
   return t[137] !== R || t[138] !== o || t[139] !== ot ? (bt = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     R,
@@ -642,7 +644,7 @@ function ki(e, t) {
 function Mi(e) {
   return `${e.id}`;
 }
-function va(e) {
+function Aa(e) {
   const t = Me.c(131), {
     data: c,
     graphTitle: Jt,
@@ -671,14 +673,14 @@ function va(e) {
     graphID: kt,
     maxValue: gt,
     minValue: Nt,
-    onSeriesMouseClick: T,
+    onSeriesMouseClick: S,
     graphDownload: rt,
     dataDownload: te,
-    showValues: Tt,
+    showValues: St,
     sortParameter: n,
     arrowConnector: a,
     connectorStrokeWidth: j,
-    language: St,
+    language: Tt,
     minHeight: h,
     theme: u,
     maxBarThickness: B,
@@ -686,8 +688,8 @@ function va(e) {
     minBarThickness: ft,
     ariaLabel: Ft,
     resetSelectionOnDoubleClick: ct,
-    detailsOnClick: q,
-    axisTitle: U,
+    detailsOnClick: U,
+    axisTitle: q,
     noOfTicks: ee,
     valueColor: Mt,
     orientation: ie,
@@ -705,7 +707,7 @@ function va(e) {
     sortData: Pt,
     hideAxisLine: Bt,
     numberDisplayOptions: A
-  } = e, dt = se === void 0 ? ti.light.categoricalColors.colors : se, Zt = V === void 0 ? 0.25 : V, Ot = Ht === void 0 ? !0 : Ht, O = ht === void 0 ? 999 : ht, Lt = _t === void 0 ? !0 : _t, qt = yt === void 0 ? 3 : yt, J = P === void 0 ? !0 : P, E = rt === void 0 ? !1 : rt, G = te === void 0 ? !1 : te, K = Tt === void 0 ? !0 : Tt, Q = a === void 0 ? !1 : a, S = j === void 0 ? 2 : j, k = St === void 0 ? "en" : St, I = h === void 0 ? 0 : h, _ = u === void 0 ? "light" : u, tt = ct === void 0 ? !0 : ct, et = ee === void 0 ? 5 : ee, pt = ie === void 0 ? "vertical" : ie, F = Wt === void 0 ? !0 : Wt, L = r === void 0 ? !1 : r, it = X === void 0 ? !0 : X;
+  } = e, dt = se === void 0 ? ti.light.categoricalColors.colors : se, Zt = V === void 0 ? 0.25 : V, Ot = Ht === void 0 ? !0 : Ht, O = ht === void 0 ? 999 : ht, Lt = _t === void 0 ? !0 : _t, Ut = yt === void 0 ? 3 : yt, J = P === void 0 ? !0 : P, E = rt === void 0 ? !1 : rt, G = te === void 0 ? !1 : te, K = St === void 0 ? !0 : St, Q = a === void 0 ? !1 : a, T = j === void 0 ? 2 : j, k = Tt === void 0 ? "en" : Tt, I = h === void 0 ? 0 : h, _ = u === void 0 ? "light" : u, tt = ct === void 0 ? !0 : ct, et = ee === void 0 ? 5 : ee, pt = ie === void 0 ? "vertical" : ie, F = Wt === void 0 ? !0 : Wt, L = r === void 0 ? !1 : r, it = X === void 0 ? !0 : X;
   let H;
   t[0] !== Y ? (H = Y === void 0 ? [] : Y, t[0] = Y, t[1] = H) : H = t[1];
   const at = H, nt = ae === void 0 ? 0.3 : ae;
@@ -715,18 +717,18 @@ function va(e) {
     autoplay: !1,
     showOnlyActiveDate: !0
   } : D, t[2] = D, t[3] = R) : R = t[3];
-  const o = R, ot = Bt === void 0 ? !1 : Bt, [bt, x] = Vt(0), [b, Ut] = Vt(0), [p, y] = Vt(o.autoplay);
+  const o = R, ot = Bt === void 0 ? !1 : Bt, [bt, x] = Vt(0), [b, qt] = Vt(0), [p, y] = Vt(o.autoplay);
   let st;
   if (t[4] !== c || t[5] !== o.dateFormat) {
     let m;
     t[7] !== o.dateFormat ? (m = (It) => We(`${It.date}`, o.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[7] = o.dateFormat, t[8] = m) : m = t[8], st = [...new Set(c.filter(Gi).map(m))], st.sort(Ei), t[4] = c, t[5] = o.dateFormat, t[6] = st;
   } else
     st = t[6];
-  const d = st, [z, Xt] = Vt(o.autoplay ? 0 : d.length - 1), [Yt, ne] = Vt(void 0), s = ge(null), mt = ge(null);
+  const d = st, [z, Xt] = Vt(o.autoplay ? 0 : d.length - 1), [Yt, ne] = Vt(void 0), s = ye(null), mt = ye(null);
   let $, l;
   t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = () => {
     const m = new ResizeObserver((It) => {
-      x(It[0].target.clientWidth || 620), Ut(It[0].target.clientHeight || 480);
+      x(It[0].target.clientWidth || 620), qt(It[0].target.clientHeight || 480);
     });
     return s.current && m.observe(s.current), () => m.disconnect();
   }, l = [], t[9] = $, t[10] = l) : ($ = t[9], l = t[10]), Le($, l);
@@ -739,10 +741,10 @@ function va(e) {
   }, Z = [d, p, o.speed], t[11] = p, t[12] = o.speed, t[13] = d, t[14] = $t, t[15] = Z) : ($t = t[14], Z = t[15]), Le($t, Z);
   const oe = o.dateFormat || "yyyy";
   let fe;
-  t[16] !== z || t[17] !== oe || t[18] !== o.showOnlyActiveDate || t[19] !== d ? (fe = Pe(d, z, o.showOnlyActiveDate, oe), t[16] = z, t[17] = oe, t[18] = o.showOnlyActiveDate, t[19] = d, t[20] = fe) : fe = t[20];
+  t[16] !== z || t[17] !== oe || t[18] !== o.showOnlyActiveDate || t[19] !== d ? (fe = Re(d, z, o.showOnlyActiveDate, oe), t[16] = z, t[17] = oe, t[18] = o.showOnlyActiveDate, t[19] = d, t[20] = fe) : fe = t[20];
   const pe = fe, be = pt === "horizontal" ? xi : ei, ve = f?.graphContainer, we = C?.graphContainer;
   let le;
-  t[21] !== f?.description || t[22] !== f?.title || t[23] !== c || t[24] !== G || t[25] !== Qt || t[26] !== E || t[27] !== Jt || t[28] !== C?.description || t[29] !== C?.title || t[30] !== v ? (le = Jt || Qt || E || G ? /* @__PURE__ */ i.jsx(qe, { styles: {
+  t[21] !== f?.description || t[22] !== f?.title || t[23] !== c || t[24] !== G || t[25] !== Qt || t[26] !== E || t[27] !== Jt || t[28] !== C?.description || t[29] !== C?.title || t[30] !== v ? (le = Jt || Qt || E || G ? /* @__PURE__ */ i.jsx(Ue, { styles: {
     title: C?.title,
     description: C?.description
   }, classNames: {
@@ -753,8 +755,8 @@ function va(e) {
   t[32] !== z || t[33] !== pe || t[34] !== p || t[35] !== o.enabled || t[36] !== d ? (re = o.enabled && d.length > 0 && pe ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
       y(!p);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": p ? "Click to pause animation" : "Click to play animation", children: p ? /* @__PURE__ */ i.jsx(Ue, {}) : /* @__PURE__ */ i.jsx(Je, {}) }),
-    /* @__PURE__ */ i.jsx(Be, { min: d[0], max: d[d.length - 1], marks: pe, step: null, defaultValue: d[d.length - 1], value: d[z], onChangeComplete: (m) => {
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": p ? "Click to pause animation" : "Click to play animation", children: p ? /* @__PURE__ */ i.jsx(qe, {}) : /* @__PURE__ */ i.jsx(Je, {}) }),
+    /* @__PURE__ */ i.jsx(Pe, { min: d[0], max: d[d.length - 1], marks: pe, step: null, defaultValue: d[d.length - 1], value: d[z], onChangeComplete: (m) => {
       Xt(d.indexOf(m));
     }, onChange: (m) => {
       Xt(d.indexOf(m));
@@ -765,7 +767,7 @@ function va(e) {
   let de;
   t[46] !== c.length ? (de = c.length === 0 && /* @__PURE__ */ i.jsx(_e, {}), t[46] = c.length, t[47] = de) : de = t[47];
   let me;
-  t[48] !== be || t[49] !== L || t[50] !== Q || t[51] !== U || t[52] !== Zt || t[53] !== wt || t[54] !== f || t[55] !== dt || t[56] !== S || t[57] !== at || t[58] !== c || t[59] !== q || t[60] !== nt || t[61] !== F || t[62] !== ot || t[63] !== Ct || t[64] !== z || t[65] !== w || t[66] !== k || t[67] !== ut || t[68] !== B || t[69] !== g || t[70] !== gt || t[71] !== ft || t[72] !== Nt || t[73] !== et || t[74] !== A?.locale || t[75] !== A?.padZeros || t[76] !== A?.precision || t[77] !== A?.prefix || t[78] !== A?.suffix || t[79] !== T || t[80] !== Rt || t[81] !== qt || t[82] !== zt || t[83] !== tt || t[84] !== jt || t[85] !== Yt || t[86] !== J || t[87] !== Ot || t[88] !== K || t[89] !== Pt || t[90] !== n || t[91] !== C || t[92] !== b || t[93] !== bt || t[94] !== o.dateFormat || t[95] !== o.enabled || t[96] !== W || t[97] !== vt || t[98] !== O || t[99] !== d || t[100] !== Mt ? (me = bt && b && c.length > 0 ? /* @__PURE__ */ i.jsx(be, { hideAxisLine: ot, data: n !== void 0 ? n === "diff" ? Ce(Ae(c, o.dateFormat || "yyyy").filter((m) => o.enabled ? `${m.date}` === Oe(new Date(d[z]), o.dateFormat || "yyyy") : m).filter((m) => F ? !m.x.every(Fi) : m), Si, [Pt || "asc"]).filter((m, It) => g ? It < g : !0) : Ce(Ae(c, o.dateFormat || "yyyy").filter((m) => o.enabled ? `${m.date}` === Oe(new Date(d[z]), o.dateFormat || "yyyy") : m).filter((m) => F ? !m.x.every(Ti) : m), (m) => Gt(m.x[n]) ? -1 / 0 : m.x[n], [Pt || "asc"]).filter((m, It) => g ? It < g : !0) : Ae(c, o.dateFormat || "yyyy").filter((m) => F ? !m.x.every(Ni) : m).filter((m, It) => g ? It < g : !0), dotColors: dt, width: bt, height: b, radius: qt, barPadding: Zt, showTicks: Ot, leftMargin: ut, rightMargin: jt, topMargin: vt, bottomMargin: wt, truncateBy: O, showLabels: J, showValues: K, tooltip: W, onSeriesMouseOver: Rt, maxValue: Gt(gt) ? Math.max(...c.map(ji)) < 0 ? 0 : Math.max(...c.map(Ii)) : gt, minValue: Gt(Nt) ? Math.min(...c.map(Li)) > 0 ? 0 : Math.min(...c.map(Ci)) : Nt, onSeriesMouseClick: T, selectedColor: Yt, arrowConnector: Q, connectorStrokeWidth: S, maxBarThickness: B, minBarThickness: ft, resetSelectionOnDoubleClick: tt, detailsOnClick: q, axisTitle: U, noOfTicks: et, valueColor: Mt, styles: C, classNames: f, labelOrder: w, refValues: zt, animate: L === !0 ? {
+  t[48] !== be || t[49] !== L || t[50] !== Q || t[51] !== q || t[52] !== Zt || t[53] !== wt || t[54] !== f || t[55] !== dt || t[56] !== T || t[57] !== at || t[58] !== c || t[59] !== U || t[60] !== nt || t[61] !== F || t[62] !== ot || t[63] !== Ct || t[64] !== z || t[65] !== w || t[66] !== k || t[67] !== ut || t[68] !== B || t[69] !== g || t[70] !== gt || t[71] !== ft || t[72] !== Nt || t[73] !== et || t[74] !== A?.locale || t[75] !== A?.padZeros || t[76] !== A?.precision || t[77] !== A?.prefix || t[78] !== A?.suffix || t[79] !== S || t[80] !== Rt || t[81] !== Ut || t[82] !== zt || t[83] !== tt || t[84] !== jt || t[85] !== Yt || t[86] !== J || t[87] !== Ot || t[88] !== K || t[89] !== Pt || t[90] !== n || t[91] !== C || t[92] !== b || t[93] !== bt || t[94] !== o.dateFormat || t[95] !== o.enabled || t[96] !== W || t[97] !== vt || t[98] !== O || t[99] !== d || t[100] !== Mt ? (me = bt && b && c.length > 0 ? /* @__PURE__ */ i.jsx(be, { hideAxisLine: ot, data: n !== void 0 ? n === "diff" ? Ce(Ae(c, o.dateFormat || "yyyy").filter((m) => o.enabled ? `${m.date}` === Oe(new Date(d[z]), o.dateFormat || "yyyy") : m).filter((m) => F ? !m.x.every(Fi) : m), Ti, [Pt || "asc"]).filter((m, It) => g ? It < g : !0) : Ce(Ae(c, o.dateFormat || "yyyy").filter((m) => o.enabled ? `${m.date}` === Oe(new Date(d[z]), o.dateFormat || "yyyy") : m).filter((m) => F ? !m.x.every(Si) : m), (m) => Gt(m.x[n]) ? -1 / 0 : m.x[n], [Pt || "asc"]).filter((m, It) => g ? It < g : !0) : Ae(c, o.dateFormat || "yyyy").filter((m) => F ? !m.x.every(Ni) : m).filter((m, It) => g ? It < g : !0), dotColors: dt, width: bt, height: b, radius: Ut, barPadding: Zt, showTicks: Ot, leftMargin: ut, rightMargin: jt, topMargin: vt, bottomMargin: wt, truncateBy: O, showLabels: J, showValues: K, tooltip: W, onSeriesMouseOver: Rt, maxValue: Gt(gt) ? Math.max(...c.map(ji)) < 0 ? 0 : Math.max(...c.map(Ii)) : gt, minValue: Gt(Nt) ? Math.min(...c.map(Li)) > 0 ? 0 : Math.min(...c.map(Ci)) : Nt, onSeriesMouseClick: S, selectedColor: Yt, arrowConnector: Q, connectorStrokeWidth: T, maxBarThickness: B, minBarThickness: ft, resetSelectionOnDoubleClick: tt, detailsOnClick: U, axisTitle: q, noOfTicks: et, valueColor: Mt, styles: C, classNames: f, labelOrder: w, refValues: zt, animate: L === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -773,7 +775,7 @@ function va(e) {
     duration: 0,
     once: !0,
     amount: 0
-  }, customLayers: at, highlightedDataPoints: Ct, dimmedOpacity: nt, rtl: k === "ar" || k === "he", locale: A?.locale || "en", padZeros: A?.padZeros || !1, suffix: A?.suffix || "", prefix: A?.prefix || "", precision: A?.precision ?? 2 }) : null, t[48] = be, t[49] = L, t[50] = Q, t[51] = U, t[52] = Zt, t[53] = wt, t[54] = f, t[55] = dt, t[56] = S, t[57] = at, t[58] = c, t[59] = q, t[60] = nt, t[61] = F, t[62] = ot, t[63] = Ct, t[64] = z, t[65] = w, t[66] = k, t[67] = ut, t[68] = B, t[69] = g, t[70] = gt, t[71] = ft, t[72] = Nt, t[73] = et, t[74] = A?.locale, t[75] = A?.padZeros, t[76] = A?.precision, t[77] = A?.prefix, t[78] = A?.suffix, t[79] = T, t[80] = Rt, t[81] = qt, t[82] = zt, t[83] = tt, t[84] = jt, t[85] = Yt, t[86] = J, t[87] = Ot, t[88] = K, t[89] = Pt, t[90] = n, t[91] = C, t[92] = b, t[93] = bt, t[94] = o.dateFormat, t[95] = o.enabled, t[96] = W, t[97] = vt, t[98] = O, t[99] = d, t[100] = Mt, t[101] = me) : me = t[101];
+  }, customLayers: at, highlightedDataPoints: Ct, dimmedOpacity: nt, rtl: k === "ar" || k === "he", locale: A?.locale || "en", padZeros: A?.padZeros || !1, suffix: A?.suffix || "", prefix: A?.prefix || "", precision: A?.precision ?? 2 }) : null, t[48] = be, t[49] = L, t[50] = Q, t[51] = q, t[52] = Zt, t[53] = wt, t[54] = f, t[55] = dt, t[56] = T, t[57] = at, t[58] = c, t[59] = U, t[60] = nt, t[61] = F, t[62] = ot, t[63] = Ct, t[64] = z, t[65] = w, t[66] = k, t[67] = ut, t[68] = B, t[69] = g, t[70] = gt, t[71] = ft, t[72] = Nt, t[73] = et, t[74] = A?.locale, t[75] = A?.padZeros, t[76] = A?.precision, t[77] = A?.prefix, t[78] = A?.suffix, t[79] = S, t[80] = Rt, t[81] = Ut, t[82] = zt, t[83] = tt, t[84] = jt, t[85] = Yt, t[86] = J, t[87] = Ot, t[88] = K, t[89] = Pt, t[90] = n, t[91] = C, t[92] = b, t[93] = bt, t[94] = o.dateFormat, t[95] = o.enabled, t[96] = W, t[97] = vt, t[98] = O, t[99] = d, t[100] = Mt, t[101] = me) : me = t[101];
   let ue;
   t[102] !== de || t[103] !== me ? (ue = /* @__PURE__ */ i.jsxs(ze, { ref: s, children: [
     de,
@@ -823,10 +825,10 @@ function Di(e) {
 function Ni(e) {
   return e == null;
 }
-function Ti(e) {
+function Si(e) {
   return e == null;
 }
-function Si(e) {
+function Ti(e) {
   return Gt(e.x[e.x.length - 1]) || Gt(e.x[0]) ? -1 / 0 : e.x[e.x.length - 1] - e.x[0];
 }
 function Fi(e) {
@@ -854,6 +856,6 @@ function Gi(e) {
   return e.date;
 }
 export {
-  va as DumbbellChart
+  Aa as DumbbellChart
 };
 //# sourceMappingURL=DumbbellChart.js.map