@undp/data-viz 2.1.0 → 2.1.2

package/dist/ButterflyChart.js

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