@undp/data-viz 2.2.2 → 2.3.0

package/dist/ButterflyChart.js

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