@undp/data-viz 2.1.3 → 2.1.4

package/dist/DumbbellChart.js

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