@undp/data-viz 2.4.1 → 2.5.1

package/dist/ButterflyChart.js

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