@undp/data-viz 2.0.9 → 2.1.0

package/dist/DumbbellChart.js

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