@undp/data-viz 2.1.1 → 2.1.3

package/dist/DumbbellChart.js

@@ -1,7 +1,7 @@
 import { c as Oe, j as i, m as ge } from "./index-CHPV5EwG-Curnpaqc.js";
-import { o as Ie } from "./index-BZQYSqar.js";
-import { f as $e, p as Be } from "./parse-DlCRUFh_.js";
-import { useRef as be, useState as $t, useEffect as Ve } from "react";
+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";
@@ -20,7 +20,7 @@ import { b as Fe } from "./band-DHUZ2X7J.js";
 import { u as Pe } 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-DNKEGRiP.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";
@@ -84,7 +84,7 @@ function ai(e) {
     left: z,
     right: Et
   }, 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] = $t(void 0), [ht, yt] = $t(void 0), [qt, Mt] = $t(void 0), [Ct, Ut] = $t(void 0);
+  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) => {
@@ -106,10 +106,10 @@ function ai(e) {
   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;
+  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, $ = `${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})`;
+    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 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];
@@ -137,7 +137,7 @@ function ai(e) {
       labels: a?.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 ? (I = H.filter(mi).map(di), t[106] = H, t[107] = I) : I = t[107], gt = We, T = Y.map((m) => /* @__PURE__ */ i.jsxs(Pt.g, { className: "undp-viz-g-with-hover", variants: {
+    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: {
       initial: {
         x: p(`${m.id}`) + p.bandwidth() / 2,
         y: 0,
@@ -269,9 +269,9 @@ function ai(e) {
           }
         }, 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] = I, t[80] = $, t[81] = Z, t[82] = _, t[83] = tt, t[84] = k, t[85] = D, t[86] = T;
+    ] }, 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;
   } else
-    gt = t[72], q = t[73], U = t[74], J = t[75], K = t[76], Q = t[77], A = t[78], I = t[79], $ = 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], 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];
   let et;
   t[108] !== gt || t[109] !== U || t[110] !== T ? (et = /* @__PURE__ */ i.jsxs(gt, { children: [
     T,
@@ -280,19 +280,19 @@ function ai(e) {
   let it;
   t[112] !== H ? (it = H.filter(oi).map(ni), 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] !== I || 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] !== A || t[118] !== $ || t[119] !== et || t[120] !== it ? (dt = /* @__PURE__ */ i.jsxs("g", { transform: J, children: [
     K,
     Q,
     A,
-    I,
+    $,
     et,
     it
-  ] }), t[114] = J, t[115] = K, t[116] = Q, t[117] = A, t[118] = I, t[119] = et, t[120] = it, t[121] = dt) : dt = t[121];
+  ] }), 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];
   let S;
-  t[122] !== q || t[123] !== $ || t[124] !== Z || t[125] !== _ || t[126] !== tt || t[127] !== k || t[128] !== D || t[129] !== dt ? (S = /* @__PURE__ */ i.jsxs(q, { width: $, height: Z, viewBox: _, direction: tt, ref: k, children: [
+  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: [
     D,
     dt
-  ] }), t[122] = q, t[123] = $, 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] = I, t[124] = Z, t[125] = _, t[126] = tt, t[127] = k, 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;
@@ -394,7 +394,7 @@ function pi(e) {
     left: Et,
     right: Gt
   }, 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] = $t(void 0), [yt, qt] = $t(void 0), [Mt, Ct] = $t(void 0), [Ut, Ot] = $t(void 0);
+  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) => {
@@ -416,7 +416,7 @@ function pi(e) {
   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];
   const gt = Ft;
-  let q, U, J, K, Q, A, I, $, Z, _, tt, k, D, T, et;
+  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: {
@@ -437,7 +437,7 @@ function pi(e) {
     let G;
     t[97] !== ae ? (G = {
       gridLines: ae
-    }, t[97] = ae, t[98] = G) : G = t[98], I = /* @__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 ? ($ = X.filter(ki).map(Ai), t[99] = X, t[100] = $) : $ = t[100], q = We, et = N.map((c) => /* @__PURE__ */ i.jsxs(Pt.g, { className: "undp-viz-g-with-hover", variants: {
+    }, 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: {
       initial: {
         x: 0,
         y: V(`${c.id}`) + V.bandwidth() / 2,
@@ -570,9 +570,9 @@ function pi(e) {
           }
         }, initial: "initial", animate: z ? "whileInView" : "initial", children: Ce(F, "NA", H, Vt, 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] = I, t[79] = $, 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(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;
   } else
-    q = t[72], U = t[73], J = t[74], K = t[75], Q = t[76], A = t[77], I = t[78], $ = 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], 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];
   let it;
   t[101] !== q || t[102] !== J || t[103] !== et ? (it = /* @__PURE__ */ i.jsxs(q, { children: [
     et,
@@ -581,14 +581,14 @@ function pi(e) {
   let dt;
   t[105] !== X ? (dt = X.filter(yi).map(hi), t[105] = X, t[106] = dt) : dt = t[106];
   let S;
-  t[107] !== K || t[108] !== Q || t[109] !== A || t[110] !== I || t[111] !== $ || t[112] !== it || t[113] !== dt ? (S = /* @__PURE__ */ i.jsxs("g", { transform: K, children: [
+  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: [
     Q,
     A,
-    I,
     $,
+    I,
     it,
     dt
-  ] }), t[107] = K, t[108] = Q, t[109] = A, t[110] = I, t[111] = $, t[112] = it, t[113] = dt, t[114] = S) : S = t[114];
+  ] }), 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];
   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,
@@ -638,7 +638,7 @@ function Ci(e, t) {
 function Oi(e) {
   return `${e.id}`;
 }
-function wa(e) {
+function Aa(e) {
   const t = Oe.c(120), {
     data: u,
     graphTitle: Jt,
@@ -702,7 +702,7 @@ function wa(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, I = Dt === void 0 ? !1 : Dt, $ = 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, 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;
   let h;
   t[0] !== Mt ? (h = Mt === void 0 ? [] : Mt, t[0] = Mt, t[1] = h) : h = t[1];
   const p = h;
@@ -715,25 +715,25 @@ function wa(e) {
     autoplay: !1,
     showOnlyActiveDate: !0
   } : Ot, t[4] = Ot, t[5] = w) : w = t[5];
-  const s = w, [xt, ie] = $t(0), [bt, ae] = $t(0), [G, c] = $t(s.autoplay);
+  const s = w, [xt, ie] = It(0), [bt, ae] = It(0), [G, c] = It(s.autoplay);
   let F;
   if (t[6] !== u || t[7] !== s.dateFormat) {
     let d;
-    t[9] !== s.dateFormat ? (d = (It) => Be(`${It}`, s.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[9] = s.dateFormat, t[10] = d) : d = t[10], F = [...new Set(u.map(d))], F.sort(Hi), t[6] = u, t[7] = s.dateFormat, t[8] = F;
+    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;
   } else
     F = t[8];
-  const l = F, [L, se] = $t(s.autoplay ? 0 : l.length - 1), [m, ee] = $t(void 0), nt = be(null), oe = be(null);
+  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((It) => {
-      ie(It[0].target.clientWidth || 620), ae(It[0].target.clientHeight || 480);
+    const d = new ResizeObserver(($t) => {
+      ie($t[0].target.clientWidth || 620), ae($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(() => {
-      se((It) => It < l.length - 1 ? It + 1 : 0);
+      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);
@@ -742,13 +742,13 @@ function wa(e) {
   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;
   let le;
-  t[23] !== o?.description || t[24] !== o?.title || t[25] !== u || t[26] !== $ || t[27] !== Qt || t[28] !== I || 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] !== 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: {
     title: r?.title,
     description: r?.description
   }, classNames: {
     title: o?.title,
     description: o?.description
-  }, graphTitle: Jt, graphDescription: Qt, width: g, graphDownload: I ? oe : void 0, dataDownload: $ ? 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] = $, 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];
+  }, 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];
   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: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
@@ -763,7 +763,7 @@ function wa(e) {
   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" ? Ie(Me(u, s.dateFormat || "yyyy").filter((d) => s.enabled ? d.date === $e(new Date(l[L]), s.dateFormat || "yyyy") : d).filter((d) => S ? !d.x.every(Wi) : d), Pi, [Y || "asc"]).filter((d, It) => b ? It < b : !0) : Ie(Me(u, s.dateFormat || "yyyy").filter((d) => s.enabled ? d.date === $e(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, It) => b ? It < b : !0) : Me(u, s.dateFormat || "yyyy").filter((d) => S ? !d.x.every(Si) : d).filter((d, It) => b ? It < 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(Ii)) : 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 ? {
+    /* @__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
@@ -789,10 +789,10 @@ function wa(e) {
     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 Ii(e) {
-  return Math.min(...e.x.filter($i));
-}
 function $i(e) {
+  return Math.min(...e.x.filter(Ii));
+}
+function Ii(e) {
   return e !== null;
 }
 function Vi(e) {
@@ -843,7 +843,10 @@ function Gi(e) {
 function Hi(e, t) {
   return e - t;
 }
+function Ri(e) {
+  return e.date;
+}
 export {
-  wa as DumbbellChart
+  Aa as DumbbellChart
 };
 //# sourceMappingURL=DumbbellChart.js.map