@undp/data-viz 2.3.17 → 2.4.0

package/dist/ButterflyChart.js

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