@undp/data-viz 2.5.3 → 2.6.0

package/dist/ButterflyChart.js

@@ -1,29 +1,31 @@
-import { c as ve, j as i, m as re } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as de, useState as It, useEffect as fe } from "react";
-import { g as we, N as Ae } from "./getSliderMarks-X-_goqH9.js";
-import { f as je, p as Be } from "./parse-Dv4of-PN.js";
+import { c as ve, j as i } from "./compiler-runtime-qHgugrLy.js";
+import { useRef as de, useState as Ft, useEffect as fe } from "react";
+import { SliderUI as we } from "@undp/design-system-react/SliderUI";
+import { f as Ae, p as je } from "./parse-Dv4of-PN.js";
 import { i as ue } from "./index-Bwrro8-q.js";
+import { cn as re } from "@undp/design-system-react/cn";
 import { n as xe } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Le } from "./Tooltip-3EYDVa3w.js";
-import { X as he } from "./XTicksAndGridLines-CkYwVshF.js";
-import { A as pe } from "./Axis-CNZYWzH0.js";
-import { Y as Me } from "./YAxesLabels-hWEUCTvs.js";
-import { R as ge } from "./ReferenceLine-D41VuUhE.js";
-import { D as Ce } from "./DetailsModal-GqEbGHY2.js";
-import { b as $e } from "./band-DYty33LD.js";
+import { T as Be } from "./Tooltip-DO56mY4b.js";
+import { X as he } from "./XTicksAndGridLines-obTK2e7G.js";
+import { A as pe } from "./Axis-RRx-0Rlw.js";
+import { Y as Le } from "./YAxesLabels-CwVnFG2a.js";
+import { R as ge } from "./ReferenceLine-NF4g3Reh.js";
+import { D as Me } from "./DetailsModal-k-Me_U_T.js";
+import { b as Ce } from "./band-DYty33LD.js";
 import { a as ye } from "./linear-DNXM5Pdl.js";
-import { m as Ft } from "./proxy-BsxtcZKa.js";
-import { u as ke } from "./use-in-view-KOXq5Kmc.js";
-import { A as ce } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as Ve } from "./GraphFooter.js";
-import { GraphHeader as Ne } from "./GraphHeader.js";
+import { m as It } from "./proxy-D31SA_aE.js";
+import { u as $e } from "./use-in-view-Co5SmzfT.js";
+import { A as ce } from "./index-CNUlPiEL.js";
+import { GraphFooter as ke } from "./GraphFooter.js";
+import { GraphHeader as Ve } from "./GraphHeader.js";
 import { ColorLegend as Oe } from "./ColorLegend.js";
 import { Colors as be } from "./Colors.js";
-import { E as De } from "./EmptyState-CaxXCkiN.js";
-import { P as Te, e as Se } from "./index-ApTBN0kp.js";
+import { E as De } from "./EmptyState-prZ8OnEs.js";
+import { P as Ne, e as Te } from "./index-D_ls5oK8.js";
+import { g as Se } from "./getSliderMarks-DSxFGb1f.js";
 import { c as me } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { c as Fe } from "./ensureCompleteData-CDIukSG6.js";
-import { a as Ie, G as Ge } from "./GraphContainer-B8ZqOzKI.js";
+import { c as Ie } from "./ensureCompleteData-CDIukSG6.js";
+import { a as Fe, G as Ge } from "./GraphContainer-DcOM2CI6.js";
 function Re(a) {
   const t = ve.c(143), {
     data: l,
@@ -44,18 +46,18 @@ function Re(a) {
     onSeriesMouseOver: ut,
     barPadding: Rt,
     truncateBy: Bt,
-    onSeriesMouseClick: D,
+    onSeriesMouseClick: N,
     showTicks: Lt,
     suffix: xt,
     prefix: ht,
     resetSelectionOnDoubleClick: Mt,
-    detailsOnClick: F,
+    detailsOnClick: I,
     styles: n,
     classNames: s,
     noOfTicks: k,
     animate: d,
     precision: pt,
-    customLayers: I,
+    customLayers: F,
     minValueLeftBar: G,
     minValueRightBar: R,
     naLabel: Pt,
@@ -68,7 +70,7 @@ function Re(a) {
     once: d.once,
     amount: d.amount
   }, t[0] = d.amount, t[1] = d.once, t[2] = Et) : Et = t[2];
-  const V = ke(ee, Et), [u, c] = It(void 0), [P, $t] = It(void 0), [bt, E] = It(void 0), [Xt, vt] = It(void 0);
+  const V = $e(ee, Et), [u, c] = Ft(void 0), [P, $t] = Ft(void 0), [bt, E] = Ft(void 0), [Xt, vt] = Ft(void 0);
   let p;
   t[3] !== te || t[4] !== _t || t[5] !== Qt || t[6] !== J ? (p = {
     top: J,
@@ -77,21 +79,21 @@ function Re(a) {
     right: Qt
   }, t[3] = te, t[4] = _t, t[5] = Qt, t[6] = J, t[7] = p) : p = t[7];
   const m = p, B = $ - m.left - m.right, L = A - m.top - m.bottom;
-  let K, Q, _, tt, N, O, et, it, at, T, X, st, lt, ot;
-  if (t[8] !== d || t[9] !== f[0] || t[10] !== f[1] || t[11] !== Rt || t[12] !== j || t[13] !== s?.graphObjectValues || t[14] !== s?.xAxis?.gridLines || t[15] !== s?.xAxis?.labels || t[16] !== s?.yAxis?.axis || t[17] !== s?.yAxis?.labels || t[18] !== I || t[19] !== l || t[20] !== F || t[21] !== L || t[22] !== B || t[23] !== A || t[24] !== Ct || t[25] !== V || t[26] !== gt || t[27] !== m.bottom || t[28] !== m.left || t[29] !== m.top || t[30] !== mt || t[31] !== jt || t[32] !== G || t[33] !== R || t[34] !== P || t[35] !== Pt || t[36] !== k || t[37] !== D || t[38] !== ut || t[39] !== yt || t[40] !== pt || t[41] !== ht || t[42] !== h || t[43] !== Mt || t[44] !== Lt || t[45] !== dt || t[46] !== n?.graphObjectValues || t[47] !== n?.xAxis?.gridLines || t[48] !== n?.xAxis?.labels || t[49] !== n?.yAxis?.axis || t[50] !== n?.yAxis?.labels || t[51] !== xt || t[52] !== J || t[53] !== Bt || t[54] !== $) {
-    const M = l.map(Ue), C = $e().domain(M.map(qe)).range([L, 0]).paddingInner(Rt), g = ye().domain([jt, mt]).range([0, (B - j) / 2]).nice(), oe = g.ticks(k), x = ye().domain([jt, mt]).range([(B - j) / 2, 0]).nice(), qt = x.ticks(k);
-    _ = Ft.svg, lt = `${$}px`, ot = `${A}px`, tt = `0 0 ${$} ${A}`, N = "ltr", O = ee, at = `translate(${m.left},${m.top})`, t[69] !== I ? (T = I.filter(ze).map(Ze), t[69] = I, t[70] = T) : T = t[70];
-    const Dt = s?.yAxis?.axis;
+  let K, Q, _, tt, O, D, et, it, at, T, X, st, lt, ot;
+  if (t[8] !== d || t[9] !== f[0] || t[10] !== f[1] || t[11] !== Rt || t[12] !== j || t[13] !== s?.graphObjectValues || t[14] !== s?.xAxis?.gridLines || t[15] !== s?.xAxis?.labels || t[16] !== s?.yAxis?.axis || t[17] !== s?.yAxis?.labels || t[18] !== F || t[19] !== l || t[20] !== I || t[21] !== L || t[22] !== B || t[23] !== A || t[24] !== Ct || t[25] !== V || t[26] !== gt || t[27] !== m.bottom || t[28] !== m.left || t[29] !== m.top || t[30] !== mt || t[31] !== jt || t[32] !== G || t[33] !== R || t[34] !== P || t[35] !== Pt || t[36] !== k || t[37] !== N || t[38] !== ut || t[39] !== yt || t[40] !== pt || t[41] !== ht || t[42] !== h || t[43] !== Mt || t[44] !== Lt || t[45] !== dt || t[46] !== n?.graphObjectValues || t[47] !== n?.xAxis?.gridLines || t[48] !== n?.xAxis?.labels || t[49] !== n?.yAxis?.axis || t[50] !== n?.yAxis?.labels || t[51] !== xt || t[52] !== J || t[53] !== Bt || t[54] !== $) {
+    const M = l.map(qe), C = Ce().domain(M.map(Ue)).range([L, 0]).paddingInner(Rt), g = ye().domain([jt, mt]).range([0, (B - j) / 2]).nice(), oe = g.ticks(k), x = ye().domain([jt, mt]).range([(B - j) / 2, 0]).nice(), Ut = x.ticks(k);
+    _ = It.svg, lt = `${$}px`, ot = `${A}px`, tt = `0 0 ${$} ${A}`, O = "ltr", D = ee, at = `translate(${m.left},${m.top})`, t[69] !== F ? (T = F.filter(ze).map(Ze), t[69] = F, t[70] = T) : T = t[70];
+    const Nt = s?.yAxis?.axis;
     let wt;
-    t[71] !== Dt ? (wt = {
-      axis: Dt
-    }, t[71] = Dt, t[72] = wt) : wt = t[72];
-    const Ut = n?.yAxis?.axis;
+    t[71] !== Nt ? (wt = {
+      axis: Nt
+    }, t[71] = Nt, t[72] = wt) : wt = t[72];
+    const qt = n?.yAxis?.axis;
     let At;
-    t[73] !== Ut ? (At = {
-      axis: Ut
-    }, t[73] = Ut, t[74] = At) : At = t[74], X = /* @__PURE__ */ i.jsxs("g", { transform: "translate(0,0)", children: [
-      Lt ? /* @__PURE__ */ i.jsx(he, { values: qt.filter(We), x: qt.filter(Ye).map((e) => x(e)), y1: 0 - J, y2: L + m.bottom, styles: {
+    t[73] !== qt ? (At = {
+      axis: qt
+    }, t[73] = qt, t[74] = At) : At = t[74], X = /* @__PURE__ */ i.jsxs("g", { transform: "translate(0,0)", children: [
+      Lt ? /* @__PURE__ */ i.jsx(he, { values: Ut.filter(We), x: Ut.filter(Ye).map((e) => x(e)), y1: 0 - J, y2: L + m.bottom, styles: {
         gridLines: n?.xAxis?.gridLines,
         labels: n?.xAxis?.labels
       }, classNames: {
@@ -99,16 +101,16 @@ function Re(a) {
         labels: s?.xAxis?.labels
       }, suffix: xt, prefix: ht, labelType: "secondary", showGridLines: !0, leftLabel: !0, precision: pt, padZeros: yt, locale: gt }) : null,
       /* @__PURE__ */ i.jsxs(ce, { children: [
-        M.map((e, y) => /* @__PURE__ */ i.jsxs(Ft.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
+        M.map((e, y) => /* @__PURE__ */ i.jsxs(It.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
           c(e), vt(b.clientY), E(b.clientX), ut?.(e);
         }, onClick: () => {
-          (D || F) && (ue(P, e) && Mt ? ($t(void 0), D?.(void 0)) : ($t(e), D?.(e)));
+          (N || I) && (ue(P, e) && Mt ? ($t(void 0), N?.(void 0)) : ($t(e), N?.(e)));
         }, onMouseMove: (b) => {
           c(e), vt(b.clientY), E(b.clientX);
         }, onMouseLeave: () => {
           c(void 0), E(void 0), vt(void 0), ut?.(void 0);
         }, children: [
-          e.leftBar ? /* @__PURE__ */ i.jsx(Ft.rect, { y: C(`${y}`), style: {
+          e.leftBar ? /* @__PURE__ */ i.jsx(It.rect, { y: C(`${y}`), style: {
             fill: f[0]
           }, height: C.bandwidth(), variants: {
             initial: {
@@ -129,7 +131,7 @@ function Re(a) {
               duration: d.duration
             }
           } }) : null,
-          dt ? /* @__PURE__ */ i.jsx(Ft.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
+          dt ? /* @__PURE__ */ i.jsx(It.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
             textAnchor: e.leftBar && e.leftBar > 0 ? "end" : "start",
             ...n?.graphObjectValues || {}
           }, dx: e.leftBar && e.leftBar > 0 ? -5 : 5, dy: "0.33em", className: re("graph-value text-sm", s?.graphObjectValues), exit: {
@@ -163,10 +165,10 @@ function Re(a) {
       axis: Tt
     }, t[75] = Tt, t[76] = St) : St = t[76];
     const Jt = n?.yAxis?.axis;
-    let U;
-    t[77] !== Jt ? (U = {
+    let q;
+    t[77] !== Jt ? (q = {
       axis: Jt
-    }, t[77] = Jt, t[78] = U) : U = t[78], st = /* @__PURE__ */ i.jsxs("g", { transform: `translate(${(B + j) / 2},0)`, children: [
+    }, t[77] = Jt, t[78] = q) : q = t[78], st = /* @__PURE__ */ i.jsxs("g", { transform: `translate(${(B + j) / 2},0)`, children: [
       Lt ? /* @__PURE__ */ i.jsx(he, { values: oe.filter(He), x: oe.filter(Xe).map((e) => g(e)), y1: 0 - J, y2: L + m.bottom, styles: {
         gridLines: n?.xAxis?.gridLines,
         labels: n?.xAxis?.labels
@@ -175,16 +177,16 @@ function Re(a) {
         labels: s?.xAxis?.labels
       }, suffix: xt, prefix: ht, labelType: "secondary", showGridLines: !0, precision: pt, padZeros: yt, locale: gt }) : null,
       /* @__PURE__ */ i.jsxs(ce, { children: [
-        M.map((e, y) => /* @__PURE__ */ i.jsxs(Ft.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
+        M.map((e, y) => /* @__PURE__ */ i.jsxs(It.g, { className: "undp-viz-g-with-hover", opacity: 0.85, onMouseEnter: (b) => {
           c(e), vt(b.clientY), E(b.clientX), ut?.(e);
         }, onClick: () => {
-          (D || F) && (ue(P, e) && Mt ? ($t(void 0), D?.(void 0)) : ($t(e), D?.(e)));
+          (N || I) && (ue(P, e) && Mt ? ($t(void 0), N?.(void 0)) : ($t(e), N?.(e)));
         }, onMouseMove: (b) => {
           c(e), vt(b.clientY), E(b.clientX);
         }, onMouseLeave: () => {
           c(void 0), E(void 0), vt(void 0), ut?.(void 0);
         }, children: [
-          e.rightBar ? /* @__PURE__ */ i.jsx(Ft.rect, { y: C(`${y}`), style: {
+          e.rightBar ? /* @__PURE__ */ i.jsx(It.rect, { y: C(`${y}`), style: {
             fill: f[1]
           }, height: C.bandwidth(), exit: {
             x: g(0),
@@ -205,7 +207,7 @@ function Re(a) {
               }
             }
           }, initial: "initial", animate: V ? "whileInView" : "initial" }) : null,
-          dt ? /* @__PURE__ */ i.jsx(Ft.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
+          dt ? /* @__PURE__ */ i.jsx(It.text, { y: C(`${y}`) + C.bandwidth() / 2, style: {
             textAnchor: e.rightBar && e.rightBar < 0 ? "end" : "start",
             ...n?.graphObjectValues || {}
           }, className: re("graph-value text-sm", s?.graphObjectValues), dx: e.rightBar && e.rightBar < 0 ? -5 : 5, dy: "0.33em", exit: {
@@ -229,12 +231,12 @@ function Re(a) {
             }
           }, initial: "initial", animate: V ? "whileInView" : "initial", children: xe(e.rightBar, Pt, pt, ht, xt, gt, yt) }) : null
         ] }, y)),
-        /* @__PURE__ */ i.jsx(pe, { hideAxisLine: Ct, y1: -2.5, y2: L + m.bottom, x1: g(R < 0 ? 0 : R), x2: g(R < 0 ? 0 : R), classNames: St, styles: U }),
+        /* @__PURE__ */ i.jsx(pe, { hideAxisLine: Ct, y1: -2.5, y2: L + m.bottom, x1: g(R < 0 ? 0 : R), x2: g(R < 0 ? 0 : R), classNames: St, styles: q }),
         h ? /* @__PURE__ */ i.jsx(i.Fragment, { children: h.map((e, y) => /* @__PURE__ */ i.jsx(ge, { text: e.text, color: e.color, x: g(e.value), y1: 0 - m.top, y2: L + m.bottom, textSide: "right", classNames: e.classNames, styles: e.styles, animate: d, isInView: V }, y)) }) : null
       ] })
-    ] }), Q = ce, K = Ft.g, et = `translate(${B / 2},0)`, it = M.map((e, y) => /* @__PURE__ */ i.jsx(Me, { value: `${e.label}`.length < Bt ? `${e.label}` : `${`${e.label}`.substring(0, Bt)}...`, y: C(`${e.id}`), x: 0 - j / 2, width: j, height: C.bandwidth(), alignment: "center", style: n?.yAxis?.labels, className: s?.yAxis?.labels, animate: d, isInView: V }, y)), t[8] = d, t[9] = f[0], t[10] = f[1], t[11] = Rt, t[12] = j, t[13] = s?.graphObjectValues, t[14] = s?.xAxis?.gridLines, t[15] = s?.xAxis?.labels, t[16] = s?.yAxis?.axis, t[17] = s?.yAxis?.labels, t[18] = I, t[19] = l, t[20] = F, t[21] = L, t[22] = B, t[23] = A, t[24] = Ct, t[25] = V, t[26] = gt, t[27] = m.bottom, t[28] = m.left, t[29] = m.top, t[30] = mt, t[31] = jt, t[32] = G, t[33] = R, t[34] = P, t[35] = Pt, t[36] = k, t[37] = D, t[38] = ut, t[39] = yt, t[40] = pt, t[41] = ht, t[42] = h, t[43] = Mt, t[44] = Lt, t[45] = dt, t[46] = n?.graphObjectValues, t[47] = n?.xAxis?.gridLines, t[48] = n?.xAxis?.labels, t[49] = n?.yAxis?.axis, t[50] = n?.yAxis?.labels, t[51] = xt, t[52] = J, t[53] = Bt, t[54] = $, t[55] = K, t[56] = Q, t[57] = _, t[58] = tt, t[59] = N, t[60] = O, t[61] = et, t[62] = it, t[63] = at, t[64] = T, t[65] = X, t[66] = st, t[67] = lt, t[68] = ot;
+    ] }), Q = ce, K = It.g, et = `translate(${B / 2},0)`, it = M.map((e, y) => /* @__PURE__ */ i.jsx(Le, { value: `${e.label}`.length < Bt ? `${e.label}` : `${`${e.label}`.substring(0, Bt)}...`, y: C(`${e.id}`), x: 0 - j / 2, width: j, height: C.bandwidth(), alignment: "center", style: n?.yAxis?.labels, className: s?.yAxis?.labels, animate: d, isInView: V }, y)), t[8] = d, t[9] = f[0], t[10] = f[1], t[11] = Rt, t[12] = j, t[13] = s?.graphObjectValues, t[14] = s?.xAxis?.gridLines, t[15] = s?.xAxis?.labels, t[16] = s?.yAxis?.axis, t[17] = s?.yAxis?.labels, t[18] = F, t[19] = l, t[20] = I, t[21] = L, t[22] = B, t[23] = A, t[24] = Ct, t[25] = V, t[26] = gt, t[27] = m.bottom, t[28] = m.left, t[29] = m.top, t[30] = mt, t[31] = jt, t[32] = G, t[33] = R, t[34] = P, t[35] = Pt, t[36] = k, t[37] = N, t[38] = ut, t[39] = yt, t[40] = pt, t[41] = ht, t[42] = h, t[43] = Mt, t[44] = Lt, t[45] = dt, t[46] = n?.graphObjectValues, t[47] = n?.xAxis?.gridLines, t[48] = n?.xAxis?.labels, t[49] = n?.yAxis?.axis, t[50] = n?.yAxis?.labels, t[51] = xt, t[52] = J, t[53] = Bt, t[54] = $, t[55] = K, t[56] = Q, t[57] = _, t[58] = tt, t[59] = O, t[60] = D, t[61] = et, t[62] = it, t[63] = at, t[64] = T, t[65] = X, t[66] = st, t[67] = lt, t[68] = ot;
   } else
-    K = t[55], Q = t[56], _ = t[57], tt = t[58], N = t[59], O = t[60], et = t[61], it = t[62], at = t[63], T = t[64], X = t[65], st = t[66], lt = t[67], ot = t[68];
+    K = t[55], Q = t[56], _ = t[57], tt = t[58], O = t[59], D = t[60], et = t[61], it = t[62], at = t[63], T = t[64], X = t[65], st = t[66], lt = t[67], ot = t[68];
   let H;
   t[79] !== K || t[80] !== et || t[81] !== it ? (H = /* @__PURE__ */ i.jsx(K, { transform: et, children: it }), t[79] = K, t[80] = et, t[81] = it, t[82] = H) : H = t[82];
   let Y;
@@ -270,29 +272,29 @@ function Re(a) {
     W,
     z
   ] }), t[106] = Ht, t[107] = W, t[108] = z, t[109] = Vt) : Vt = t[109];
-  let q;
-  t[110] !== I ? (q = I.filter(Ee).map(Pe), t[110] = I, t[111] = q) : q = t[111];
-  let Nt;
-  t[112] !== Y || t[113] !== Vt || t[114] !== q || t[115] !== at || t[116] !== T || t[117] !== X || t[118] !== st ? (Nt = /* @__PURE__ */ i.jsxs("g", { transform: at, children: [
+  let U;
+  t[110] !== F ? (U = F.filter(Ee).map(Pe), t[110] = F, t[111] = U) : U = t[111];
+  let Ot;
+  t[112] !== Y || t[113] !== Vt || t[114] !== U || t[115] !== at || t[116] !== T || t[117] !== X || t[118] !== st ? (Ot = /* @__PURE__ */ i.jsxs("g", { transform: at, children: [
     T,
     X,
     st,
     Y,
     Vt,
-    q
-  ] }), t[112] = Y, t[113] = Vt, t[114] = q, t[115] = at, t[116] = T, t[117] = X, t[118] = st, t[119] = Nt) : Nt = t[119];
+    U
+  ] }), t[112] = Y, t[113] = Vt, t[114] = U, t[115] = at, t[116] = T, t[117] = X, t[118] = st, t[119] = Ot) : Ot = t[119];
   let w;
-  t[120] !== _ || t[121] !== tt || t[122] !== N || t[123] !== O || t[124] !== Nt || t[125] !== lt || t[126] !== ot ? (w = /* @__PURE__ */ i.jsx(_, { width: lt, height: ot, viewBox: tt, direction: N, ref: O, children: Nt }), t[120] = _, t[121] = tt, t[122] = N, t[123] = O, t[124] = Nt, t[125] = lt, t[126] = ot, t[127] = w) : w = t[127];
-  let Ot;
-  t[128] !== s?.tooltip || t[129] !== bt || t[130] !== Xt || t[131] !== u || t[132] !== n?.tooltip || t[133] !== Gt ? (Ot = u && Gt && bt && Xt ? /* @__PURE__ */ i.jsx(Le, { data: u, body: Gt, xPos: bt, yPos: Xt, backgroundStyle: n?.tooltip, className: s?.tooltip }) : null, t[128] = s?.tooltip, t[129] = bt, t[130] = Xt, t[131] = u, t[132] = n?.tooltip, t[133] = Gt, t[134] = Ot) : Ot = t[134];
+  t[120] !== _ || t[121] !== tt || t[122] !== O || t[123] !== D || t[124] !== Ot || t[125] !== lt || t[126] !== ot ? (w = /* @__PURE__ */ i.jsx(_, { width: lt, height: ot, viewBox: tt, direction: O, ref: D, children: Ot }), t[120] = _, t[121] = tt, t[122] = O, t[123] = D, t[124] = Ot, t[125] = lt, t[126] = ot, t[127] = w) : w = t[127];
+  let Dt;
+  t[128] !== s?.tooltip || t[129] !== bt || t[130] !== Xt || t[131] !== u || t[132] !== n?.tooltip || t[133] !== Gt ? (Dt = u && Gt && bt && Xt ? /* @__PURE__ */ i.jsx(Be, { data: u, body: Gt, xPos: bt, yPos: Xt, backgroundStyle: n?.tooltip, className: s?.tooltip }) : null, t[128] = s?.tooltip, t[129] = bt, t[130] = Xt, t[131] = u, t[132] = n?.tooltip, t[133] = Gt, t[134] = Dt) : Dt = t[134];
   let S;
-  t[135] !== s?.modal || t[136] !== F || t[137] !== P ? (S = F && P !== void 0 ? /* @__PURE__ */ i.jsx(Ce, { body: F, data: P, setData: $t, className: s?.modal }) : null, t[135] = s?.modal, t[136] = F, t[137] = P, t[138] = S) : S = t[138];
+  t[135] !== s?.modal || t[136] !== I || t[137] !== P ? (S = I && P !== void 0 ? /* @__PURE__ */ i.jsx(Me, { body: I, data: P, setData: $t, className: s?.modal }) : null, t[135] = s?.modal, t[136] = I, t[137] = P, t[138] = S) : S = t[138];
   let r;
-  return t[139] !== w || t[140] !== Ot || t[141] !== S ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  return t[139] !== w || t[140] !== Dt || t[141] !== S ? (r = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     w,
-    Ot,
+    Dt,
     S
-  ] }), t[139] = w, t[140] = Ot, t[141] = S, t[142] = r) : r = t[142], r;
+  ] }), t[139] = w, t[140] = Dt, t[141] = S, t[142] = r) : r = t[142], r;
 }
 function Pe(a) {
   return a.layer;
@@ -318,10 +320,10 @@ function Ze(a) {
 function ze(a) {
   return a.position === "before";
 }
-function qe(a) {
+function Ue(a) {
   return `${a.id}`;
 }
-function Ue(a, t) {
+function qe(a, t) {
   return {
     ...a,
     id: `${t}`
@@ -334,7 +336,7 @@ function le(a, t, l, $) {
     max: j
   };
 }
-function ki(a) {
+function Oi(a) {
   const t = ve.c(121), {
     data: l,
     graphTitle: $,
@@ -354,18 +356,18 @@ function ki(a) {
     leftBarTitle: ut,
     tooltip: Rt,
     relativeHeight: Bt,
-    onSeriesMouseOver: D,
+    onSeriesMouseOver: N,
     graphID: Lt,
     barPadding: xt,
     truncateBy: ht,
     onSeriesMouseClick: Mt,
-    centerGap: F,
+    centerGap: I,
     showValues: n,
     maxValue: s,
     minValue: k,
     refValues: d,
     showTicks: pt,
-    showColorScale: I,
+    showColorScale: F,
     graphDownload: G,
     dataDownload: R,
     language: Pt,
@@ -387,10 +389,10 @@ function ki(a) {
   } = a;
   let m;
   t[0] !== dt ? (m = dt === void 0 ? [be.light.categoricalColors.colors[0], be.light.categoricalColors.colors[1]] : dt, t[0] = dt, t[1] = m) : m = t[1];
-  const B = m, L = ft === void 0 ? !1 : ft, K = Qt === void 0 ? 20 : Qt, Q = _t === void 0 ? 20 : _t, _ = J === void 0 ? 25 : J, tt = te === void 0 ? 30 : te, N = Gt === void 0 ? "Right bar graph" : Gt, O = ut === void 0 ? "Left bar graph" : ut, et = xt === void 0 ? 0.25 : xt, it = ht === void 0 ? 999 : ht, at = F === void 0 ? 100 : F, T = n === void 0 ? !0 : n;
+  const B = m, L = ft === void 0 ? !1 : ft, K = Qt === void 0 ? 20 : Qt, Q = _t === void 0 ? 20 : _t, _ = J === void 0 ? 25 : J, tt = te === void 0 ? 30 : te, O = Gt === void 0 ? "Right bar graph" : Gt, D = ut === void 0 ? "Left bar graph" : ut, et = xt === void 0 ? 0.25 : xt, it = ht === void 0 ? 999 : ht, at = I === void 0 ? 100 : I, T = n === void 0 ? !0 : n;
   let X;
   t[2] !== d ? (X = d === void 0 ? [] : d, t[2] = d, t[3] = X) : X = t[3];
-  const st = X, lt = pt === void 0 ? !0 : pt, ot = I === void 0 ? !1 : I, H = G === void 0 ? !1 : G, Y = R === void 0 ? !1 : R, Ht = Pt === void 0 ? "en" : Pt, Yt = gt === void 0 ? 0 : gt, nt = yt === void 0 ? "light" : yt, Wt = Et === void 0 ? !0 : Et, rt = P === void 0 ? 5 : P, kt = $t === void 0 ? !1 : $t;
+  const st = X, lt = pt === void 0 ? !0 : pt, ot = F === void 0 ? !1 : F, H = G === void 0 ? !1 : G, Y = R === void 0 ? !1 : R, Ht = Pt === void 0 ? "en" : Pt, Yt = gt === void 0 ? 0 : gt, nt = yt === void 0 ? "light" : yt, Wt = Et === void 0 ? !0 : Et, rt = P === void 0 ? 5 : P, kt = $t === void 0 ? !1 : $t;
   let W;
   t[4] !== bt ? (W = bt === void 0 ? [] : bt, t[4] = bt, t[5] = W) : W = t[5];
   const Zt = W;
@@ -400,57 +402,57 @@ function ki(a) {
     autoplay: !1,
     showOnlyActiveDate: !0
   } : E, t[6] = E, t[7] = Z) : Z = t[7];
-  const o = Z, ct = Xt === void 0 ? "NA" : Xt, zt = vt === void 0 ? !1 : vt, [z, Vt] = It(0), [q, Nt] = It(0), [w, Ot] = It(o.autoplay);
+  const o = Z, ct = Xt === void 0 ? "NA" : Xt, zt = vt === void 0 ? !1 : vt, [z, Vt] = Ft(0), [U, Ot] = Ft(0), [w, Dt] = Ft(o.autoplay);
   let S;
   if (t[8] !== l || t[9] !== o.dateFormat) {
     let v;
-    t[11] !== o.dateFormat ? (v = (Kt) => Be(`${Kt.date}`, o.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[11] = o.dateFormat, t[12] = v) : v = t[12], S = [...new Set(l.filter(ii).map(v))], S.sort(ei), t[8] = l, t[9] = o.dateFormat, t[10] = S;
+    t[11] !== o.dateFormat ? (v = (Kt) => je(`${Kt.date}`, o.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[11] = o.dateFormat, t[12] = v) : v = t[12], S = [...new Set(l.filter(ii).map(v))], S.sort(ei), t[8] = l, t[9] = o.dateFormat, t[10] = S;
   } else
     S = t[10];
-  const r = S, [M, C] = It(o.autoplay ? 0 : r.length - 1), g = de(null), oe = de(null);
-  let x, qt;
+  const r = S, [M, C] = Ft(o.autoplay ? 0 : r.length - 1), g = de(null), oe = de(null);
+  let x, Ut;
   t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
     const v = new ResizeObserver((Kt) => {
-      Vt(Kt[0].target.clientWidth || 620), Nt(Kt[0].target.clientHeight || 480);
+      Vt(Kt[0].target.clientWidth || 620), Ot(Kt[0].target.clientHeight || 480);
     });
     return g.current && v.observe(g.current), () => v.disconnect();
-  }, qt = [], t[13] = x, t[14] = qt) : (x = t[13], qt = t[14]), fe(x, qt);
-  let Dt, wt;
-  t[15] !== w || t[16] !== o.speed || t[17] !== r ? (Dt = () => {
+  }, Ut = [], t[13] = x, t[14] = Ut) : (x = t[13], Ut = t[14]), fe(x, Ut);
+  let Nt, wt;
+  t[15] !== w || t[16] !== o.speed || t[17] !== r ? (Nt = () => {
     const v = setInterval(() => {
       C((Kt) => Kt < r.length - 1 ? Kt + 1 : 0);
     }, (o.speed || 2) * 1e3);
     return w || clearInterval(v), () => clearInterval(v);
-  }, wt = [r, w, o.speed], t[15] = w, t[16] = o.speed, t[17] = r, t[18] = Dt, t[19] = wt) : (Dt = t[18], wt = t[19]), fe(Dt, wt);
-  const Ut = o.dateFormat || "yyyy";
+  }, wt = [r, w, o.speed], t[15] = w, t[16] = o.speed, t[17] = r, t[18] = Nt, t[19] = wt) : (Nt = t[18], wt = t[19]), fe(Nt, wt);
+  const qt = o.dateFormat || "yyyy";
   let At;
-  t[20] !== M || t[21] !== Ut || t[22] !== o.showOnlyActiveDate || t[23] !== r ? (At = we(r, M, o.showOnlyActiveDate, Ut), t[20] = M, t[21] = Ut, t[22] = o.showOnlyActiveDate, t[23] = r, t[24] = At) : At = t[24];
+  t[20] !== M || t[21] !== qt || t[22] !== o.showOnlyActiveDate || t[23] !== r ? (At = Se(r, M, o.showOnlyActiveDate, qt), t[20] = M, t[21] = qt, t[22] = o.showOnlyActiveDate, t[23] = r, t[24] = At) : At = t[24];
   const Tt = At, St = c?.graphContainer, Jt = u?.graphContainer;
-  let U;
-  t[25] !== c?.description || t[26] !== c?.title || t[27] !== l || t[28] !== Y || t[29] !== f || t[30] !== H || t[31] !== $ || t[32] !== u?.description || t[33] !== u?.title || t[34] !== h ? (U = $ || f || H || Y ? /* @__PURE__ */ i.jsx(Ne, { styles: {
+  let q;
+  t[25] !== c?.description || t[26] !== c?.title || t[27] !== l || t[28] !== Y || t[29] !== f || t[30] !== H || t[31] !== $ || t[32] !== u?.description || t[33] !== u?.title || t[34] !== h ? (q = $ || f || H || Y ? /* @__PURE__ */ i.jsx(Ve, { styles: {
     title: u?.title,
     description: u?.description
   }, classNames: {
     title: c?.title,
     description: c?.description
-  }, graphTitle: $, graphDescription: f, width: h, graphDownload: H ? oe : void 0, dataDownload: Y ? l.map(ti).filter(_e).length > 0 ? l.map(Qe).filter(Ke) : l.filter(Je) : null }) : null, t[25] = c?.description, t[26] = c?.title, t[27] = l, t[28] = Y, t[29] = f, t[30] = H, t[31] = $, t[32] = u?.description, t[33] = u?.title, t[34] = h, t[35] = U) : U = t[35];
+  }, graphTitle: $, graphDescription: f, width: h, graphDownload: H ? oe : void 0, dataDownload: Y ? l.map(ti).filter(_e).length > 0 ? l.map(Qe).filter(Ke) : l.filter(Je) : null }) : null, t[25] = c?.description, t[26] = c?.title, t[27] = l, t[28] = Y, t[29] = f, t[30] = H, t[31] = $, t[32] = u?.description, t[33] = u?.title, t[34] = h, t[35] = q) : q = t[35];
   let e;
   t[36] !== M || t[37] !== Tt || t[38] !== w || t[39] !== o.enabled || t[40] !== r ? (e = o.enabled && r.length > 0 && Tt ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
-      Ot(!w);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": w ? "Click to pause animation" : "Click to play animation", children: w ? /* @__PURE__ */ i.jsx(Te, {}) : /* @__PURE__ */ i.jsx(Se, {}) }),
-    /* @__PURE__ */ i.jsx(Ae, { min: r[0], max: r[r.length - 1], marks: Tt, step: null, defaultValue: r[r.length - 1], value: r[M], onChangeComplete: (v) => {
+      Dt(!w);
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": w ? "Click to pause animation" : "Click to play animation", children: w ? /* @__PURE__ */ i.jsx(Ne, {}) : /* @__PURE__ */ i.jsx(Te, {}) }),
+    /* @__PURE__ */ i.jsx(we, { min: r[0], max: r[r.length - 1], marks: Tt, step: null, defaultValue: r[r.length - 1], value: r[M], onChangeComplete: (v) => {
       C(r.indexOf(v));
     }, onChange: (v) => {
       C(r.indexOf(v));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, t[36] = M, t[37] = Tt, t[38] = w, t[39] = o.enabled, t[40] = r, t[41] = e) : e = t[41];
   let y;
-  t[42] !== B || t[43] !== c?.colorLegend || t[44] !== Ct || t[45] !== l.length || t[46] !== O || t[47] !== N || t[48] !== ot ? (y = ot && l.length > 0 ? /* @__PURE__ */ i.jsx(Oe, { colorLegendTitle: Ct, colorDomain: [O, N], colors: B, showNAColor: !1, className: c?.colorLegend }) : null, t[42] = B, t[43] = c?.colorLegend, t[44] = Ct, t[45] = l.length, t[46] = O, t[47] = N, t[48] = ot, t[49] = y) : y = t[49];
+  t[42] !== B || t[43] !== c?.colorLegend || t[44] !== Ct || t[45] !== l.length || t[46] !== D || t[47] !== O || t[48] !== ot ? (y = ot && l.length > 0 ? /* @__PURE__ */ i.jsx(Oe, { colorLegendTitle: Ct, colorDomain: [D, O], colors: B, showNAColor: !1, className: c?.colorLegend }) : null, t[42] = B, t[43] = c?.colorLegend, t[44] = Ct, t[45] = l.length, t[46] = D, t[47] = O, t[48] = ot, t[49] = y) : y = t[49];
   let b;
   t[50] !== l.length ? (b = l.length === 0 && /* @__PURE__ */ i.jsx(De, {}), t[50] = l.length, t[51] = b) : b = t[51];
   let ie;
-  t[52] !== kt || t[53] !== B || t[54] !== et || t[55] !== tt || t[56] !== at || t[57] !== c || t[58] !== Zt || t[59] !== l || t[60] !== V || t[61] !== zt || t[62] !== M || t[63] !== O || t[64] !== K || t[65] !== s || t[66] !== k || t[67] !== ct || t[68] !== rt || t[69] !== p?.locale || t[70] !== p?.padZeros || t[71] !== p?.precision || t[72] !== p?.prefix || t[73] !== p?.suffix || t[74] !== Mt || t[75] !== D || t[76] !== st || t[77] !== Wt || t[78] !== N || t[79] !== Q || t[80] !== lt || t[81] !== T || t[82] !== u || t[83] !== q || t[84] !== z || t[85] !== o.dateFormat || t[86] !== o.enabled || t[87] !== Rt || t[88] !== _ || t[89] !== it || t[90] !== r ? (ie = z && q && l.length > 0 ? /* @__PURE__ */ i.jsx(Re, { hideAxisLine: zt, data: Fe(l, o.dateFormat || "yyyy").filter((v) => o.enabled ? `${v.date}` === je(new Date(r[M]), o.dateFormat || "yyyy") : v), barColors: B, width: z, centerGap: at, height: q, truncateBy: it, leftMargin: K, rightMargin: Q, topMargin: _, bottomMargin: tt, axisTitles: [O, N], tooltip: Rt, onSeriesMouseOver: D, barPadding: et, refValues: st, maxValue: Math.max(le(l, "leftBar", k, s).max, le(l, "rightBar", k, s).max), minValue: Math.min(le(l, "leftBar", k, s).min, le(l, "rightBar", k, s).min), minValueLeftBar: le(l, "leftBar", k, s).min, minValueRightBar: le(l, "rightBar", k, s).min, showValues: T, onSeriesMouseClick: Mt, showTicks: lt, resetSelectionOnDoubleClick: Wt, detailsOnClick: V, styles: u, classNames: c, noOfTicks: rt, animate: kt === !0 ? {
+  t[52] !== kt || t[53] !== B || t[54] !== et || t[55] !== tt || t[56] !== at || t[57] !== c || t[58] !== Zt || t[59] !== l || t[60] !== V || t[61] !== zt || t[62] !== M || t[63] !== D || t[64] !== K || t[65] !== s || t[66] !== k || t[67] !== ct || t[68] !== rt || t[69] !== p?.locale || t[70] !== p?.padZeros || t[71] !== p?.precision || t[72] !== p?.prefix || t[73] !== p?.suffix || t[74] !== Mt || t[75] !== N || t[76] !== st || t[77] !== Wt || t[78] !== O || t[79] !== Q || t[80] !== lt || t[81] !== T || t[82] !== u || t[83] !== U || t[84] !== z || t[85] !== o.dateFormat || t[86] !== o.enabled || t[87] !== Rt || t[88] !== _ || t[89] !== it || t[90] !== r ? (ie = z && U && l.length > 0 ? /* @__PURE__ */ i.jsx(Re, { hideAxisLine: zt, data: Ie(l, o.dateFormat || "yyyy").filter((v) => o.enabled ? `${v.date}` === Ae(new Date(r[M]), o.dateFormat || "yyyy") : v), barColors: B, width: z, centerGap: at, height: U, truncateBy: it, leftMargin: K, rightMargin: Q, topMargin: _, bottomMargin: tt, axisTitles: [D, O], tooltip: Rt, onSeriesMouseOver: N, barPadding: et, refValues: st, maxValue: Math.max(le(l, "leftBar", k, s).max, le(l, "rightBar", k, s).max), minValue: Math.min(le(l, "leftBar", k, s).min, le(l, "rightBar", k, s).min), minValueLeftBar: le(l, "leftBar", k, s).min, minValueRightBar: le(l, "rightBar", k, s).min, showValues: T, onSeriesMouseClick: Mt, showTicks: lt, resetSelectionOnDoubleClick: Wt, detailsOnClick: V, styles: u, classNames: c, noOfTicks: rt, animate: kt === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -458,14 +460,14 @@ function ki(a) {
     duration: 0,
     once: !0,
     amount: 0
-  }, customLayers: Zt, naLabel: ct, locale: p?.locale || "en", padZeros: p?.padZeros || !1, suffix: p?.suffix || "", prefix: p?.prefix || "", precision: p?.precision ?? 2 }) : null, t[52] = kt, t[53] = B, t[54] = et, t[55] = tt, t[56] = at, t[57] = c, t[58] = Zt, t[59] = l, t[60] = V, t[61] = zt, t[62] = M, t[63] = O, t[64] = K, t[65] = s, t[66] = k, t[67] = ct, t[68] = rt, t[69] = p?.locale, t[70] = p?.padZeros, t[71] = p?.precision, t[72] = p?.prefix, t[73] = p?.suffix, t[74] = Mt, t[75] = D, t[76] = st, t[77] = Wt, t[78] = N, t[79] = Q, t[80] = lt, t[81] = T, t[82] = u, t[83] = q, t[84] = z, t[85] = o.dateFormat, t[86] = o.enabled, t[87] = Rt, t[88] = _, t[89] = it, t[90] = r, t[91] = ie) : ie = t[91];
+  }, customLayers: Zt, naLabel: ct, locale: p?.locale || "en", padZeros: p?.padZeros || !1, suffix: p?.suffix || "", prefix: p?.prefix || "", precision: p?.precision ?? 2 }) : null, t[52] = kt, t[53] = B, t[54] = et, t[55] = tt, t[56] = at, t[57] = c, t[58] = Zt, t[59] = l, t[60] = V, t[61] = zt, t[62] = M, t[63] = D, t[64] = K, t[65] = s, t[66] = k, t[67] = ct, t[68] = rt, t[69] = p?.locale, t[70] = p?.padZeros, t[71] = p?.precision, t[72] = p?.prefix, t[73] = p?.suffix, t[74] = Mt, t[75] = N, t[76] = st, t[77] = Wt, t[78] = O, t[79] = Q, t[80] = lt, t[81] = T, t[82] = u, t[83] = U, t[84] = z, t[85] = o.dateFormat, t[86] = o.enabled, t[87] = Rt, t[88] = _, t[89] = it, t[90] = r, t[91] = ie) : ie = t[91];
   let ae;
-  t[92] !== b || t[93] !== ie ? (ae = /* @__PURE__ */ i.jsxs(Ie, { ref: g, children: [
+  t[92] !== b || t[93] !== ie ? (ae = /* @__PURE__ */ i.jsxs(Fe, { ref: g, children: [
     b,
     ie
   ] }), t[92] = b, t[93] = ie, t[94] = ae) : ae = t[94];
   let se;
-  t[95] !== c?.footnote || t[96] !== c?.source || t[97] !== mt || t[98] !== A || t[99] !== u?.footnote || t[100] !== u?.source || t[101] !== h ? (se = A || mt ? /* @__PURE__ */ i.jsx(Ve, { styles: {
+  t[95] !== c?.footnote || t[96] !== c?.source || t[97] !== mt || t[98] !== A || t[99] !== u?.footnote || t[100] !== u?.source || t[101] !== h ? (se = A || mt ? /* @__PURE__ */ i.jsx(ke, { styles: {
     footnote: u?.footnote,
     source: u?.source
   }, classNames: {
@@ -473,13 +475,13 @@ function ki(a) {
     source: c?.source
   }, sources: A, footNote: mt, width: h }) : null, t[95] = c?.footnote, t[96] = c?.source, t[97] = mt, t[98] = A, t[99] = u?.footnote, t[100] = u?.source, t[101] = h, t[102] = se) : se = t[102];
   let ne;
-  return t[103] !== ee || t[104] !== L || t[105] !== Lt || t[106] !== j || t[107] !== Ht || t[108] !== Yt || t[109] !== jt || t[110] !== Bt || t[111] !== St || t[112] !== Jt || t[113] !== U || t[114] !== e || t[115] !== y || t[116] !== ae || t[117] !== se || t[118] !== nt || t[119] !== h ? (ne = /* @__PURE__ */ i.jsxs(Ge, { className: St, style: Jt, id: Lt, ref: oe, "aria-label": ee, backgroundColor: L, theme: nt, language: Ht, minHeight: Yt, width: h, height: j, relativeHeight: Bt, padding: jt, children: [
-    U,
+  return t[103] !== ee || t[104] !== L || t[105] !== Lt || t[106] !== j || t[107] !== Ht || t[108] !== Yt || t[109] !== jt || t[110] !== Bt || t[111] !== St || t[112] !== Jt || t[113] !== q || t[114] !== e || t[115] !== y || t[116] !== ae || t[117] !== se || t[118] !== nt || t[119] !== h ? (ne = /* @__PURE__ */ i.jsxs(Ge, { className: St, style: Jt, id: Lt, ref: oe, "aria-label": ee, backgroundColor: L, theme: nt, language: Ht, minHeight: Yt, width: h, height: j, relativeHeight: Bt, padding: jt, children: [
+    q,
     e,
     y,
     ae,
     se
-  ] }), t[103] = ee, t[104] = L, t[105] = Lt, t[106] = j, t[107] = Ht, t[108] = Yt, t[109] = jt, t[110] = Bt, t[111] = St, t[112] = Jt, t[113] = U, t[114] = e, t[115] = y, t[116] = ae, t[117] = se, t[118] = nt, t[119] = h, t[120] = ne) : ne = t[120], ne;
+  ] }), t[103] = ee, t[104] = L, t[105] = Lt, t[106] = j, t[107] = Ht, t[108] = Yt, t[109] = jt, t[110] = Bt, t[111] = St, t[112] = Jt, t[113] = q, t[114] = e, t[115] = y, t[116] = ae, t[117] = se, t[118] = nt, t[119] = h, t[120] = ne) : ne = t[120], ne;
 }
 function Je(a) {
   return a !== void 0;
@@ -503,6 +505,6 @@ function ii(a) {
   return a.date;
 }
 export {
-  ki as ButterflyChart
+  Oi as ButterflyChart
 };
 //# sourceMappingURL=ButterflyChart.js.map