@undp/data-viz 2.3.16 → 2.3.19

package/dist/WaterfallChart.js

@@ -1,137 +1,138 @@
-import { c as re, j as s, m as ae } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as oe, useState as bt, useEffect as le } from "react";
-import { i as ce } from "./index-Bwrro8-q.js";
-import { n as ne } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as me } from "./Tooltip-CohiIbLZ.js";
-import { c as Gt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { Colors as yt } from "./Colors.js";
-import { A as ue } from "./AxisTitle-DGjX1_2v.js";
-import { A as fe } from "./Axis-RyGdzLrG.js";
-import { a as de } from "./ReferenceLine-CNEjAYvv.js";
-import { Y as he } from "./YTicksAndGridLines-C3GW1xFG.js";
-import { X as pe } from "./XAxesLabels-IwjMJkYS.js";
-import { D as ge } from "./DetailsModal-C3qlUyFK.js";
-import { g as Wt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
-import { a as xe } from "./linear-DNXM5Pdl.js";
-import { b as ve } from "./band-DYty33LD.js";
-import { m as ie } from "./proxy--_f6k3NR.js";
-import { u as be } from "./use-in-view-DqvKAveg.js";
-import { A as ye } from "./index-Co3YGYe1.js";
-import { ColorLegendWithMouseOver as we } from "./ColorLegendWithMouseOver.js";
-import { E as Ae } from "./EmptyState-B3fPoH6L.js";
-import { a as Me, G as Oe } from "./GraphContainer-DwMxWRCi.js";
-import { GraphFooter as Ce } from "./GraphFooter.js";
-import { GraphHeader as $e } from "./GraphHeader.js";
-import { u as se } from "./uniqBy-BHy4I8PK.js";
-function Le(i) {
-  let t = 0, o = 0, A = 0;
+import { c as le, j as s, m as ce } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as se, useState as gt, useEffect as me } from "react";
+import { i as ue } from "./index-Bwrro8-q.js";
+import { n as ae } from "./numberFormattingFunction-DqMf_v1m.js";
+import { T as fe } from "./Tooltip-Bj-s__cI.js";
+import { c as Ht } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { Colors as xt } from "./Colors.js";
+import { A as de } from "./AxisTitle-CyLCqpW6.js";
+import { A as he } from "./Axis-CNZYWzH0.js";
+import { a as pe } from "./ReferenceLine-D41VuUhE.js";
+import { Y as ge } from "./YTicksAndGridLines-CsNSq9W9.js";
+import { X as xe } from "./XAxesLabels-B9gkjUiC.js";
+import { D as ve } from "./DetailsModal-B2XBWR7w.js";
+import { g as Gt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
+import { a as be } from "./linear-DNXM5Pdl.js";
+import { b as ye } from "./band-DYty33LD.js";
+import { m as ne } from "./proxy-BsxtcZKa.js";
+import { u as we } from "./use-in-view-KOXq5Kmc.js";
+import { A as Ae } from "./index-Cv_5q6Rb.js";
+import { ColorLegendWithMouseOver as Me } from "./ColorLegendWithMouseOver.js";
+import { E as Oe } from "./EmptyState-CaxXCkiN.js";
+import { a as Ce, G as $e } from "./GraphContainer-B8ZqOzKI.js";
+import { GraphFooter as Le } from "./GraphFooter.js";
+import { GraphHeader as je } from "./GraphHeader.js";
+import { u as re } from "./uniqBy-BHy4I8PK.js";
+function De(i) {
+  let t = 0, n = 0, M = 0;
   for (const d of i)
-    t += d || 0, t > o && (o = t), t < A && (A = t);
+    t += d || 0, t > n && (n = t), t < M && (M = t);
   return {
-    max: o,
-    min: A
+    max: n,
+    min: M
   };
 }
-function je(i) {
-  const t = re.c(46), {
-    leftMargin: o,
-    rightMargin: A,
+function ke(i) {
+  const t = le.c(46), {
+    leftMargin: n,
+    rightMargin: M,
     topMargin: d,
-    bottomMargin: Ht,
+    bottomMargin: Yt,
     data: h,
-    width: wt,
+    width: vt,
     height: z,
     barColor: p,
-    suffix: At,
-    prefix: Mt,
+    suffix: bt,
+    prefix: yt,
     barPadding: Qt,
-    showLabels: Yt,
+    showLabels: Rt,
     showValues: u,
     showTicks: nt,
     colorDomain: g,
-    truncateBy: Ot,
+    truncateBy: wt,
     tooltip: k,
-    onSeriesMouseOver: Ct,
-    refValues: Rt,
+    onSeriesMouseOver: At,
+    refValues: Xt,
     selectedColor: B,
-    maxValue: $t,
-    minValue: Lt,
+    maxValue: Mt,
+    minValue: Ot,
     highlightedDataPoints: P,
-    onSeriesMouseClick: jt,
+    onSeriesMouseClick: Ct,
     labelOrder: v,
-    maxBarThickness: Dt,
-    minBarThickness: kt,
+    maxBarThickness: $t,
+    minBarThickness: Lt,
     detailsOnClick: N,
     barAxisTitle: st,
-    noOfTicks: Xt,
+    noOfTicks: Ft,
     styles: f,
     classNames: l,
     dimmedOpacity: $,
     animate: c,
-    precision: Nt,
+    precision: jt,
     customLayers: L,
-    naLabel: Ft,
-    hideAxisLine: Zt
-  } = i, j = o === void 0 ? 20 : o, Tt = A === void 0 ? 20 : A, rt = d === void 0 ? 20 : d, E = Ht === void 0 ? 25 : Ht, Vt = oe(null);
+    naLabel: Zt,
+    hideAxisLine: _t,
+    locale: Dt
+  } = i, j = n === void 0 ? 20 : n, at = M === void 0 ? 20 : M, E = d === void 0 ? 20 : d, rt = Yt === void 0 ? 25 : Yt, kt = se(null);
   let W;
   t[0] !== c.amount || t[1] !== c.once ? (W = {
     once: c.once,
     amount: c.amount
   }, t[0] = c.amount, t[1] = c.once, t[2] = W) : W = t[2];
-  const T = be(Vt, W), at = st ? j + 30 : j;
-  let lt;
-  t[3] !== E || t[4] !== Tt || t[5] !== at || t[6] !== rt ? (lt = {
-    top: rt,
-    bottom: E,
-    left: at,
-    right: Tt
-  }, t[3] = E, t[4] = Tt, t[5] = at, t[6] = rt, t[7] = lt) : lt = t[7];
-  const n = lt, {
-    max: a,
-    min: _t
-  } = Le(h.map(Ge)), qt = Gt($t) ? a : $t, b = Gt(Lt) ? _t : Lt, [ct, G] = bt(void 0), [H, Y] = bt(void 0), [R, mt] = bt(void 0), [X, ut] = bt(void 0), D = wt - n.left - n.right, It = z - n.top - n.bottom;
-  let V;
+  const T = we(kt, W), Nt = st ? j + 30 : j;
+  let r;
+  t[3] !== rt || t[4] !== at || t[5] !== Nt || t[6] !== E ? (r = {
+    top: E,
+    bottom: rt,
+    left: Nt,
+    right: at
+  }, t[3] = rt, t[4] = at, t[5] = Nt, t[6] = E, t[7] = r) : r = t[7];
+  const o = r, {
+    max: te,
+    min: ee
+  } = De(h.map(Ye)), qt = Ht(Mt) ? te : Mt, b = Ht(Ot) ? ee : Ot, [V, Tt] = gt(void 0), [G, H] = gt(void 0), [Y, lt] = gt(void 0), [R, ct] = gt(void 0), D = vt - o.left - o.right, Vt = z - o.top - o.bottom;
+  let I;
   if (t[8] !== h || t[9] !== v) {
-    const e = /* @__PURE__ */ new Set(), O = h.map((it, ot) => {
-      const S = v ? `${it.label}` : `${ot}`;
+    const e = /* @__PURE__ */ new Set(), C = h.map((ot, Kt) => {
+      const S = v ? `${ot.label}` : `${Kt}`;
       return e.add(S), {
-        ...it,
+        ...ot,
         id: S
       };
-    }), C = v ? v.filter((it) => !e.has(it)) : [];
-    V = [...O, ...C.map(We)], t[8] = h, t[9] = v, t[10] = V;
+    }), w = v ? v.filter((ot) => !e.has(ot)) : [];
+    I = [...C, ...w.map(He)], t[8] = h, t[9] = v, t[10] = I;
   } else
-    V = t[10];
-  const F = V;
-  let q;
-  t[11] !== F || t[12] !== v ? (q = v ?? F.map(Ee), t[11] = F, t[12] = v, t[13] = q) : q = t[13];
-  const ft = q, r = xe().domain([b, qt]).range([It, 0]).nice(), m = ve().domain(ft).range([0, kt ? Math.max(D, kt * ft.length) : Dt ? Math.min(D, Dt * ft.length) : D]).paddingInner(Qt), dt = r.ticks(Xt);
+    I = t[10];
+  const X = I;
+  let F;
+  t[11] !== X || t[12] !== v ? (F = v ?? X.map(Ge), t[11] = X, t[12] = v, t[13] = F) : F = t[13];
+  const mt = F, a = be().domain([b, qt]).range([Vt, 0]).nice(), m = ye().domain(mt).range([0, Lt ? Math.max(D, Lt * mt.length) : $t ? Math.min(D, $t * mt.length) : D]).paddingInner(Qt), ut = a.ticks(Ft);
   let y = 0;
-  const Ut = F.map((e) => {
-    const O = y;
+  const Ut = X.map((e) => {
+    const C = y;
     return y = y + (e.size || 0), {
       ...e,
-      start: O,
+      start: C,
       end: y
     };
-  }), ht = l?.xAxis?.axis, x = l?.yAxis?.labels;
-  let U;
-  t[14] !== x || t[15] !== ht ? (U = {
-    axis: ht,
+  }), ft = l?.xAxis?.axis, x = l?.yAxis?.labels;
+  let q;
+  t[14] !== x || t[15] !== ft ? (q = {
+    axis: ft,
     label: x
-  }, t[14] = x, t[15] = ht, t[16] = U) : U = t[16];
-  const M = f?.xAxis?.axis, J = f?.yAxis?.labels;
-  let K;
-  t[17] !== M || t[18] !== J ? (K = {
-    axis: M,
-    label: J
-  }, t[17] = M, t[18] = J, t[19] = K) : K = t[19];
-  const pt = 0 - j - 15, Q = It / 2, gt = f?.yAxis?.title, xt = l?.yAxis?.title;
+  }, t[14] = x, t[15] = ft, t[16] = q) : q = t[16];
+  const O = f?.xAxis?.axis, U = f?.yAxis?.labels;
+  let J;
+  t[17] !== O || t[18] !== U ? (J = {
+    axis: O,
+    label: U
+  }, t[17] = O, t[18] = U, t[19] = J) : J = t[19];
+  const dt = 0 - j - 15, K = Vt / 2, ht = f?.yAxis?.title, pt = l?.yAxis?.title;
+  let Q;
+  t[20] !== st || t[21] !== dt || t[22] !== K || t[23] !== ht || t[24] !== pt ? (Q = /* @__PURE__ */ s.jsx(de, { x: dt, y: K, style: ht, className: pt, text: st, rotate90: !0 }), t[20] = st, t[21] = dt, t[22] = K, t[23] = ht, t[24] = pt, t[25] = Q) : Q = t[25];
   let Z;
-  t[20] !== st || t[21] !== pt || t[22] !== Q || t[23] !== gt || t[24] !== xt ? (Z = /* @__PURE__ */ s.jsx(ue, { x: pt, y: Q, style: gt, className: xt, text: st, rotate90: !0 }), t[20] = st, t[21] = pt, t[22] = Q, t[23] = gt, t[24] = xt, t[25] = Z) : Z = t[25];
-  let I;
-  t[26] !== L ? (I = L.filter(ze).map(Se), t[26] = L, t[27] = I) : I = t[27];
-  const Jt = ye, _ = Ut.map((e, O) => Gt(m(e.id)) ? null : /* @__PURE__ */ s.jsxs(ie.g, { className: "undp-viz-g-with-hover", initial: "initial", animate: T ? "whileInView" : "initial", variants: {
+  t[26] !== L ? (Z = L.filter(Pe).map(Be), t[26] = L, t[27] = Z) : Z = t[27];
+  const _ = Ae, Jt = Ut.map((e, C) => Ht(m(e.id)) ? null : /* @__PURE__ */ s.jsxs(ne.g, { className: "undp-viz-g-with-hover", initial: "initial", animate: T ? "whileInView" : "initial", variants: {
     initial: {
       opacity: B ? e.color && p[g.indexOf(e.color)] === B ? 1 : $ : P.length !== 0 ? P.indexOf(e.label) !== -1 ? 0.85 : $ : 0.85
     },
@@ -146,53 +147,53 @@ function je(i) {
     transition: {
       duration: c.duration
     }
-  }, onMouseEnter: (C) => {
-    G(e), ut(C.clientY), mt(C.clientX), Ct?.(e);
+  }, onMouseEnter: (w) => {
+    Tt(e), ct(w.clientY), lt(w.clientX), At?.(e);
   }, onClick: () => {
-    (jt || N) && (ce(H, e) ? (Y(void 0), jt?.(void 0)) : (Y(e), jt?.(e)));
-  }, onMouseMove: (C) => {
-    G(e), ut(C.clientY), mt(C.clientX);
+    (Ct || N) && (ue(G, e) ? (H(void 0), Ct?.(void 0)) : (H(e), Ct?.(e)));
+  }, onMouseMove: (w) => {
+    Tt(e), ct(w.clientY), lt(w.clientX);
   }, onMouseLeave: () => {
-    G(void 0), mt(void 0), ut(void 0), Ct?.(void 0);
+    Tt(void 0), lt(void 0), ct(void 0), At?.(void 0);
   }, children: [
-    e.size ? /* @__PURE__ */ s.jsx(ie.rect, { width: m.bandwidth(), initial: "initial", animate: T ? "whileInView" : "initial", variants: {
+    e.size ? /* @__PURE__ */ s.jsx(ne.rect, { width: m.bandwidth(), initial: "initial", animate: T ? "whileInView" : "initial", variants: {
       initial: {
         height: 0,
         x: m(`${e.id}`),
-        y: r(e.start),
-        fill: h.filter(Ie).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : yt.gray
+        y: a(e.start),
+        fill: h.filter(ze).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : xt.gray
       },
       whileInView: {
-        height: Math.abs(r(e.start) - r(e.end)),
-        y: r(Math.max(e.start, e.end)),
+        height: Math.abs(a(e.start) - a(e.end)),
+        y: a(Math.max(e.start, e.end)),
         x: m(`${e.id}`),
-        fill: h.filter(Ve).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : yt.gray,
+        fill: h.filter(Se).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : xt.gray,
         transition: {
           duration: c.duration
         }
       }
     }, exit: {
       height: 0,
-      y: r(e.start),
+      y: a(e.start),
       transition: {
         duration: c.duration
       }
     } }) : null,
-    Yt ? /* @__PURE__ */ s.jsx(pe, { value: `${e.label}`.length < Ot ? `${e.label}` : `${`${e.label}`.substring(0, Ot)}...`, y: r(0) + 5, x: m(`${e.id}`), width: m.bandwidth(), height: n.bottom, style: f?.xAxis?.labels, className: l?.xAxis?.labels, alignment: "top", animate: c, isInView: T }) : null,
-    u && Math.abs(r(e.start) - r(e.end)) > 16 ? /* @__PURE__ */ s.jsx(ie.text, { style: {
+    Rt ? /* @__PURE__ */ s.jsx(xe, { value: `${e.label}`.length < wt ? `${e.label}` : `${`${e.label}`.substring(0, wt)}...`, y: a(0) + 5, x: m(`${e.id}`), width: m.bandwidth(), height: o.bottom, style: f?.xAxis?.labels, className: l?.xAxis?.labels, alignment: "top", animate: c, isInView: T }) : null,
+    u && Math.abs(a(e.start) - a(e.end)) > 16 ? /* @__PURE__ */ s.jsx(ne.text, { style: {
       textAnchor: "middle",
       ...f?.graphObjectValues || {}
-    }, className: ae("graph-value text-sm", l?.graphObjectValues), dy: "0.33em", variants: {
+    }, className: ce("graph-value text-sm", l?.graphObjectValues), dy: "0.33em", variants: {
       initial: {
         x: m(`${e.id}`) + m.bandwidth() / 2,
-        y: (r(e.start) + r(e.end)) / 2,
+        y: (a(e.start) + a(e.end)) / 2,
         opacity: 0,
-        fill: h.filter(Te).length === 0 ? Wt(p[0]) : e.color ? Wt(p[g.indexOf(e.color)]) : Wt(yt.gray)
+        fill: h.filter(Ie).length === 0 ? Gt(p[0]) : e.color ? Gt(p[g.indexOf(e.color)]) : Gt(xt.gray)
       },
       whileInView: {
         x: m(`${e.id}`) + m.bandwidth() / 2,
-        y: (r(e.start) + r(e.end)) / 2,
-        fill: h.filter(Ne).length === 0 ? Wt(p[0]) : e.color ? Wt(p[g.indexOf(e.color)]) : Wt(yt.gray),
+        y: (a(e.start) + a(e.end)) / 2,
+        fill: h.filter(Ve).length === 0 ? Gt(p[0]) : e.color ? Gt(p[g.indexOf(e.color)]) : Gt(xt.gray),
         opacity: 1,
         transition: {
           duration: c.duration
@@ -203,76 +204,76 @@ function je(i) {
       transition: {
         duration: c.duration
       }
-    }, children: ne(e.size ? Math.abs(e.size) : e.size, Ft, Nt, Mt, At) }) : null
-  ] }, e.label)), Kt = Rt ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Rt.map((e, O) => /* @__PURE__ */ s.jsx(de, { text: e.text, color: e.color, y: r(e.value), x1: 0 - j, x2: D + n.right, classNames: e.classNames, styles: e.styles, animate: c, isInView: T }, O)) }) : null;
-  let tt;
-  t[28] !== Jt || t[29] !== _ || t[30] !== Kt ? (tt = /* @__PURE__ */ s.jsxs(Jt, { children: [
-    _,
-    Kt
-  ] }), t[28] = Jt, t[29] = _, t[30] = Kt, t[31] = tt) : tt = t[31];
-  let St;
-  t[32] !== L ? (St = L.filter(ke).map(De), t[32] = L, t[33] = St) : St = t[33];
+    }, children: ae(e.size ? Math.abs(e.size) : e.size, Zt, jt, yt, bt, Dt) }) : null
+  ] }, e.label)), tt = Xt ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Xt.map((e, C) => /* @__PURE__ */ s.jsx(pe, { text: e.text, color: e.color, y: a(e.value), x1: 0 - j, x2: D + o.right, classNames: e.classNames, styles: e.styles, animate: c, isInView: T }, C)) }) : null;
+  let It;
+  t[28] !== _ || t[29] !== Jt || t[30] !== tt ? (It = /* @__PURE__ */ s.jsxs(_, { children: [
+    Jt,
+    tt
+  ] }), t[28] = _, t[29] = Jt, t[30] = tt, t[31] = It) : It = t[31];
   let et;
-  t[34] !== l?.tooltip || t[35] !== R || t[36] !== X || t[37] !== ct || t[38] !== f?.tooltip || t[39] !== k ? (et = ct && k && R && X ? /* @__PURE__ */ s.jsx(me, { data: ct, body: k, xPos: R, yPos: X, backgroundStyle: f?.tooltip, className: l?.tooltip }) : null, t[34] = l?.tooltip, t[35] = R, t[36] = X, t[37] = ct, t[38] = f?.tooltip, t[39] = k, t[40] = et) : et = t[40];
-  let vt;
-  return t[41] !== l?.modal || t[42] !== N || t[43] !== H || t[44] !== Y ? (vt = N && H !== void 0 ? /* @__PURE__ */ s.jsx(ge, { body: N, data: H, setData: Y, className: l?.modal }) : null, t[41] = l?.modal, t[42] = N, t[43] = H, t[44] = Y, t[45] = vt) : vt = t[45], /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ie.svg, { ref: Vt, width: `${wt}px`, height: `${z}px`, viewBox: `0 0 ${wt} ${z}`, direction: "ltr", children: /* @__PURE__ */ s.jsxs("g", { transform: `translate(${n.left},${n.top})`, children: [
-      /* @__PURE__ */ s.jsx(fe, { y1: r(b < 0 ? 0 : b), y2: r(b < 0 ? 0 : b), x1: 0 - j, x2: D + n.right, hideAxisLine: Zt, label: nt ? ne(b < 0 ? 0 : b, Ft, Nt, Mt, At) : void 0, labelPos: {
+  t[32] !== L ? (et = L.filter(Te).map(Ne), t[32] = L, t[33] = et) : et = t[33];
+  let St;
+  t[34] !== l?.tooltip || t[35] !== Y || t[36] !== R || t[37] !== V || t[38] !== f?.tooltip || t[39] !== k ? (St = V && k && Y && R ? /* @__PURE__ */ s.jsx(fe, { data: V, body: k, xPos: Y, yPos: R, backgroundStyle: f?.tooltip, className: l?.tooltip }) : null, t[34] = l?.tooltip, t[35] = Y, t[36] = R, t[37] = V, t[38] = f?.tooltip, t[39] = k, t[40] = St) : St = t[40];
+  let it;
+  return t[41] !== l?.modal || t[42] !== N || t[43] !== G || t[44] !== H ? (it = N && G !== void 0 ? /* @__PURE__ */ s.jsx(ve, { body: N, data: G, setData: H, className: l?.modal }) : null, t[41] = l?.modal, t[42] = N, t[43] = G, t[44] = H, t[45] = it) : it = t[45], /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(ne.svg, { ref: kt, width: `${vt}px`, height: `${z}px`, viewBox: `0 0 ${vt} ${z}`, direction: "ltr", children: /* @__PURE__ */ s.jsxs("g", { transform: `translate(${o.left},${o.top})`, children: [
+      /* @__PURE__ */ s.jsx(he, { y1: a(b < 0 ? 0 : b), y2: a(b < 0 ? 0 : b), x1: 0 - j, x2: D + o.right, hideAxisLine: _t, label: nt ? ae(b < 0 ? 0 : b, void 0, jt, yt, bt, Dt) : void 0, labelPos: {
         x: 0 - j,
         dx: 0,
         dy: qt < 0 ? "1em" : -5,
-        y: r(b < 0 ? 0 : b)
-      }, classNames: U, styles: K }),
-      nt ? /* @__PURE__ */ s.jsx(he, { values: dt.filter(Pe), y: dt.filter(Be).map((e) => r(e)), x1: 0 - j, x2: D + n.right, styles: {
+        y: a(b < 0 ? 0 : b)
+      }, classNames: q, styles: J }),
+      nt ? /* @__PURE__ */ s.jsx(ge, { values: ut.filter(We), y: ut.filter(Ee).map((e) => a(e)), x1: 0 - j, x2: D + o.right, styles: {
         gridLines: f?.yAxis?.gridLines,
         labels: f?.yAxis?.labels
       }, classNames: {
         gridLines: l?.yAxis?.gridLines,
         labels: l?.yAxis?.labels
-      }, suffix: At, prefix: Mt, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: Nt }) : null,
+      }, suffix: bt, prefix: yt, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: jt, locale: Dt }) : null,
+      Q,
       Z,
-      I,
-      tt,
-      St
+      It,
+      et
     ] }) }),
-    et,
-    vt
+    St,
+    it
   ] });
 }
-function De(i) {
+function Ne(i) {
   return i.layer;
 }
-function ke(i) {
+function Te(i) {
   return i.position === "after";
 }
-function Ne(i) {
+function Ve(i) {
   return i.color;
 }
-function Te(i) {
+function Ie(i) {
   return i.color;
 }
-function Ve(i) {
+function Se(i) {
   return i.color;
 }
-function Ie(i) {
+function ze(i) {
   return i.color;
 }
-function Se(i) {
+function Be(i) {
   return i.layer;
 }
-function ze(i) {
+function Pe(i) {
   return i.position === "before";
 }
-function Be(i) {
+function Ee(i) {
   return i !== 0;
 }
-function Pe(i) {
+function We(i) {
   return i !== 0;
 }
-function Ee(i) {
+function Ge(i) {
   return `${i.id}`;
 }
-function We(i) {
+function He(i) {
   return {
     id: i,
     label: i,
@@ -280,150 +281,151 @@ function We(i) {
     size: null
   };
 }
-function Ge(i) {
+function Ye(i) {
   return i.size;
 }
-function wi(i) {
-  const t = re.c(101), {
-    data: o,
-    graphTitle: A,
+function Mi(i) {
+  const t = le.c(102), {
+    data: n,
+    graphTitle: M,
     colors: d,
-    suffix: Ht,
+    suffix: Yt,
     sources: h,
-    prefix: wt,
+    prefix: vt,
     graphDescription: z,
     barPadding: p,
-    showValues: At,
-    showTicks: Mt,
+    showValues: bt,
+    showTicks: yt,
     truncateBy: Qt,
-    height: Yt,
+    height: Rt,
     width: u,
     footNote: nt,
     colorDomain: g,
-    colorLegendTitle: Ot,
+    colorLegendTitle: wt,
     highlightedDataPoints: k,
-    padding: Ct,
-    backgroundColor: Rt,
+    padding: At,
+    backgroundColor: Xt,
     topMargin: B,
-    bottomMargin: $t,
-    leftMargin: Lt,
+    bottomMargin: Mt,
+    leftMargin: Ot,
     rightMargin: P,
-    showLabels: jt,
+    showLabels: Ct,
     relativeHeight: v,
-    tooltip: Dt,
-    onSeriesMouseOver: kt,
+    tooltip: $t,
+    onSeriesMouseOver: Lt,
     refValues: N,
     showColorScale: st,
-    graphID: Xt,
+    graphID: Ft,
     maxValue: f,
     minValue: l,
     onSeriesMouseClick: $,
     graphDownload: c,
-    dataDownload: Nt,
+    dataDownload: jt,
     labelOrder: L,
-    language: Ft,
-    showNAColor: Zt,
-    minHeight: j,
-    theme: Tt,
-    maxBarThickness: rt,
+    language: Zt,
+    showNAColor: _t,
+    minHeight: Dt,
+    theme: j,
+    maxBarThickness: at,
     maxNumberOfBars: E,
-    minBarThickness: Vt,
-    ariaLabel: W,
-    detailsOnClick: T,
-    barAxisTitle: at,
-    noOfTicks: lt,
-    styles: n,
-    classNames: a,
-    filterNA: _t,
-    animate: qt,
-    dimmedOpacity: b,
-    precision: ct,
-    customLayers: G,
-    naLabel: H,
-    hideAxisLine: Y
-  } = i, R = Ht === void 0 ? "" : Ht, mt = wt === void 0 ? "" : wt, X = p === void 0 ? 0.25 : p, ut = At === void 0 ? !0 : At, D = Mt === void 0 ? !0 : Mt, It = Qt === void 0 ? 999 : Qt;
-  let V;
-  t[0] !== k ? (V = k === void 0 ? [] : k, t[0] = k, t[1] = V) : V = t[1];
-  const F = V, q = Rt === void 0 ? !1 : Rt, ft = jt === void 0 ? !0 : jt, r = st === void 0 ? !0 : st, m = c === void 0 ? !1 : c, dt = Nt === void 0 ? !1 : Nt, y = Ft === void 0 ? "en" : Ft, Ut = Zt === void 0 ? !0 : Zt, ht = j === void 0 ? 0 : j, x = Tt === void 0 ? "light" : Tt, U = lt === void 0 ? 5 : lt, M = _t === void 0 ? !0 : _t, J = qt === void 0 ? !1 : qt, K = b === void 0 ? 0.3 : b, pt = ct === void 0 ? 2 : ct;
-  let Q;
-  t[2] !== G ? (Q = G === void 0 ? [] : G, t[2] = G, t[3] = Q) : Q = t[3];
-  const gt = Q, xt = H === void 0 ? "NA" : H, Z = Y === void 0 ? !1 : Y, [I, Jt] = bt(0), [_, Kt] = bt(0), [tt, St] = bt(void 0), et = oe(null), vt = oe(null);
-  let e, O;
-  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = () => {
-    const w = new ResizeObserver((ee) => {
-      Jt(ee[0].target.clientWidth || 620), Kt(ee[0].target.clientHeight || 480);
+    minBarThickness: rt,
+    ariaLabel: kt,
+    detailsOnClick: W,
+    barAxisTitle: T,
+    noOfTicks: Nt,
+    styles: r,
+    classNames: o,
+    filterNA: te,
+    animate: ee,
+    dimmedOpacity: qt,
+    precision: b,
+    customLayers: V,
+    naLabel: Tt,
+    hideAxisLine: G,
+    locale: H
+  } = i, Y = Yt === void 0 ? "" : Yt, lt = vt === void 0 ? "" : vt, R = p === void 0 ? 0.25 : p, ct = bt === void 0 ? !0 : bt, D = yt === void 0 ? !0 : yt, Vt = Qt === void 0 ? 999 : Qt;
+  let I;
+  t[0] !== k ? (I = k === void 0 ? [] : k, t[0] = k, t[1] = I) : I = t[1];
+  const X = I, F = Xt === void 0 ? !1 : Xt, mt = Ct === void 0 ? !0 : Ct, a = st === void 0 ? !0 : st, m = c === void 0 ? !1 : c, ut = jt === void 0 ? !1 : jt, y = Zt === void 0 ? "en" : Zt, Ut = _t === void 0 ? !0 : _t, ft = Dt === void 0 ? 0 : Dt, x = j === void 0 ? "light" : j, q = Nt === void 0 ? 5 : Nt, O = te === void 0 ? !0 : te, U = ee === void 0 ? !1 : ee, J = qt === void 0 ? 0.3 : qt, dt = b === void 0 ? 2 : b;
+  let K;
+  t[2] !== V ? (K = V === void 0 ? [] : V, t[2] = V, t[3] = K) : K = t[3];
+  const ht = K, pt = Tt === void 0 ? "NA" : Tt, Q = G === void 0 ? !1 : G, Z = H === void 0 ? "en" : H, [_, Jt] = gt(0), [tt, It] = gt(0), [et, St] = gt(void 0), it = se(null), e = se(null);
+  let C, w;
+  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+    const A = new ResizeObserver((oe) => {
+      Jt(oe[0].target.clientWidth || 620), It(oe[0].target.clientHeight || 480);
     });
-    return et.current && w.observe(et.current), () => w.disconnect();
-  }, O = [], t[4] = e, t[5] = O) : (e = t[4], O = t[5]), le(e, O);
-  const C = a?.graphContainer, it = n?.graphContainer;
-  let ot;
-  t[6] !== a?.description || t[7] !== a?.title || t[8] !== o || t[9] !== dt || t[10] !== z || t[11] !== m || t[12] !== A || t[13] !== n?.description || t[14] !== n?.title || t[15] !== u ? (ot = A || z || m || dt ? /* @__PURE__ */ s.jsx($e, { styles: {
-    title: n?.title,
-    description: n?.description
-  }, classNames: {
-    title: a?.title,
-    description: a?.description
-  }, graphTitle: A, graphDescription: z, width: u, graphDownload: m ? vt : void 0, dataDownload: dt ? o.map(Je).filter(Ue).length > 0 ? o.map(qe).filter(Fe) : o.filter(Xe) : null }) : null, t[6] = a?.description, t[7] = a?.title, t[8] = o, t[9] = dt, t[10] = z, t[11] = m, t[12] = A, t[13] = n?.description, t[14] = n?.title, t[15] = u, t[16] = ot) : ot = t[16];
+    return it.current && A.observe(it.current), () => A.disconnect();
+  }, w = [], t[4] = C, t[5] = w) : (C = t[4], w = t[5]), me(C, w);
+  const ot = o?.graphContainer, Kt = r?.graphContainer;
   let S;
-  t[17] !== a?.colorLegend || t[18] !== g || t[19] !== Ot || t[20] !== d || t[21] !== o || t[22] !== r || t[23] !== Ut || t[24] !== x || t[25] !== u ? (S = r && o.filter(Re).length !== 0 && o.length > 0 ? /* @__PURE__ */ s.jsx(we, { width: u, colorLegendTitle: Ot, colors: d || yt[x].categoricalColors.colors, colorDomain: g || se(o, "color", !0), setSelectedColor: St, showNAColor: Ut, className: a?.colorLegend }) : null, t[17] = a?.colorLegend, t[18] = g, t[19] = Ot, t[20] = d, t[21] = o, t[22] = r, t[23] = Ut, t[24] = x, t[25] = u, t[26] = S) : S = t[26];
+  t[6] !== o?.description || t[7] !== o?.title || t[8] !== n || t[9] !== ut || t[10] !== z || t[11] !== m || t[12] !== M || t[13] !== r?.description || t[14] !== r?.title || t[15] !== u ? (S = M || z || m || ut ? /* @__PURE__ */ s.jsx(je, { styles: {
+    title: r?.title,
+    description: r?.description
+  }, classNames: {
+    title: o?.title,
+    description: o?.description
+  }, graphTitle: M, graphDescription: z, width: u, graphDownload: m ? e : void 0, dataDownload: ut ? n.map(Qe).filter(Ke).length > 0 ? n.map(Je).filter(Ue) : n.filter(qe) : null }) : null, t[6] = o?.description, t[7] = o?.title, t[8] = n, t[9] = ut, t[10] = z, t[11] = m, t[12] = M, t[13] = r?.description, t[14] = r?.title, t[15] = u, t[16] = S) : S = t[16];
   let zt;
-  t[27] !== o || t[28] !== M ? (zt = o.filter((w) => M ? !Gt(w.size) : w).length === 0 && /* @__PURE__ */ s.jsx(Ae, {}), t[27] = o, t[28] = M, t[29] = zt) : zt = t[29];
+  t[17] !== o?.colorLegend || t[18] !== g || t[19] !== wt || t[20] !== d || t[21] !== n || t[22] !== a || t[23] !== Ut || t[24] !== x || t[25] !== u ? (zt = a && n.filter(Fe).length !== 0 && n.length > 0 ? /* @__PURE__ */ s.jsx(Me, { width: u, colorLegendTitle: wt, colors: d || xt[x].categoricalColors.colors, colorDomain: g || re(n, "color", !0), setSelectedColor: St, showNAColor: Ut, className: o?.colorLegend }) : null, t[17] = o?.colorLegend, t[18] = g, t[19] = wt, t[20] = d, t[21] = n, t[22] = a, t[23] = Ut, t[24] = x, t[25] = u, t[26] = zt) : zt = t[26];
   let Bt;
-  t[30] !== J || t[31] !== at || t[32] !== X || t[33] !== $t || t[34] !== a || t[35] !== g || t[36] !== d || t[37] !== gt || t[38] !== o || t[39] !== T || t[40] !== K || t[41] !== M || t[42] !== Z || t[43] !== F || t[44] !== L || t[45] !== y || t[46] !== Lt || t[47] !== rt || t[48] !== E || t[49] !== f || t[50] !== Vt || t[51] !== l || t[52] !== xt || t[53] !== U || t[54] !== $ || t[55] !== kt || t[56] !== pt || t[57] !== mt || t[58] !== N || t[59] !== P || t[60] !== tt || t[61] !== ft || t[62] !== D || t[63] !== ut || t[64] !== n || t[65] !== R || t[66] !== _ || t[67] !== I || t[68] !== x || t[69] !== Dt || t[70] !== B || t[71] !== It ? (Bt = I && _ && o.filter((w) => M ? !Gt(w.size) : w).length > 0 ? /* @__PURE__ */ s.jsx(je, { hideAxisLine: Z, data: o.filter((w) => M ? !Gt(w.size) : w).filter((w, ee) => E ? ee < E : !0), barColor: o.filter(Ye).length === 0 ? d ? [d] : [yt.primaryColors["blue-600"]] : d || yt[x].categoricalColors.colors, colorDomain: o.filter(He).length === 0 ? [] : g || se(o, "color", !0), selectedColor: tt, width: I, height: _, suffix: R, prefix: mt, barPadding: X, showValues: ut, showTicks: D, leftMargin: Lt, rightMargin: P, topMargin: B, bottomMargin: $t, truncateBy: It, showLabels: ft, tooltip: Dt, onSeriesMouseOver: kt, refValues: N, maxValue: f, minValue: l, highlightedDataPoints: F, onSeriesMouseClick: $, labelOrder: L, rtl: y === "he" || y === "ar", maxBarThickness: rt, minBarThickness: Vt, detailsOnClick: T, barAxisTitle: at, noOfTicks: U, classNames: a, styles: n, animate: J === !0 ? {
+  t[27] !== n || t[28] !== O ? (Bt = n.filter((A) => O ? !Ht(A.size) : A).length === 0 && /* @__PURE__ */ s.jsx(Oe, {}), t[27] = n, t[28] = O, t[29] = Bt) : Bt = t[29];
+  let Pt;
+  t[30] !== U || t[31] !== T || t[32] !== R || t[33] !== Mt || t[34] !== o || t[35] !== g || t[36] !== d || t[37] !== ht || t[38] !== n || t[39] !== W || t[40] !== J || t[41] !== O || t[42] !== Q || t[43] !== X || t[44] !== L || t[45] !== y || t[46] !== Ot || t[47] !== Z || t[48] !== at || t[49] !== E || t[50] !== f || t[51] !== rt || t[52] !== l || t[53] !== pt || t[54] !== q || t[55] !== $ || t[56] !== Lt || t[57] !== dt || t[58] !== lt || t[59] !== N || t[60] !== P || t[61] !== et || t[62] !== mt || t[63] !== D || t[64] !== ct || t[65] !== r || t[66] !== Y || t[67] !== tt || t[68] !== _ || t[69] !== x || t[70] !== $t || t[71] !== B || t[72] !== Vt ? (Pt = _ && tt && n.filter((A) => O ? !Ht(A.size) : A).length > 0 ? /* @__PURE__ */ s.jsx(ke, { hideAxisLine: Q, data: n.filter((A) => O ? !Ht(A.size) : A).filter((A, oe) => E ? oe < E : !0), barColor: n.filter(Xe).length === 0 ? d ? [d] : [xt.primaryColors["blue-600"]] : d || xt[x].categoricalColors.colors, colorDomain: n.filter(Re).length === 0 ? [] : g || re(n, "color", !0), selectedColor: et, width: _, height: tt, suffix: Y, prefix: lt, barPadding: R, showValues: ct, showTicks: D, leftMargin: Ot, rightMargin: P, topMargin: B, bottomMargin: Mt, truncateBy: Vt, showLabels: mt, tooltip: $t, onSeriesMouseOver: Lt, refValues: N, maxValue: f, minValue: l, highlightedDataPoints: X, onSeriesMouseClick: $, labelOrder: L, rtl: y === "he" || y === "ar", maxBarThickness: at, minBarThickness: rt, detailsOnClick: W, barAxisTitle: T, noOfTicks: q, classNames: o, styles: r, animate: U === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : J || {
+  } : U || {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: K, precision: pt, customLayers: gt, naLabel: xt }) : null, t[30] = J, t[31] = at, t[32] = X, t[33] = $t, t[34] = a, t[35] = g, t[36] = d, t[37] = gt, t[38] = o, t[39] = T, t[40] = K, t[41] = M, t[42] = Z, t[43] = F, t[44] = L, t[45] = y, t[46] = Lt, t[47] = rt, t[48] = E, t[49] = f, t[50] = Vt, t[51] = l, t[52] = xt, t[53] = U, t[54] = $, t[55] = kt, t[56] = pt, t[57] = mt, t[58] = N, t[59] = P, t[60] = tt, t[61] = ft, t[62] = D, t[63] = ut, t[64] = n, t[65] = R, t[66] = _, t[67] = I, t[68] = x, t[69] = Dt, t[70] = B, t[71] = It, t[72] = Bt) : Bt = t[72];
-  let Pt;
-  t[73] !== zt || t[74] !== Bt ? (Pt = /* @__PURE__ */ s.jsxs(Me, { ref: et, children: [
-    zt,
-    Bt
-  ] }), t[73] = zt, t[74] = Bt, t[75] = Pt) : Pt = t[75];
+  }, dimmedOpacity: J, precision: dt, customLayers: ht, naLabel: pt, locale: Z }) : null, t[30] = U, t[31] = T, t[32] = R, t[33] = Mt, t[34] = o, t[35] = g, t[36] = d, t[37] = ht, t[38] = n, t[39] = W, t[40] = J, t[41] = O, t[42] = Q, t[43] = X, t[44] = L, t[45] = y, t[46] = Ot, t[47] = Z, t[48] = at, t[49] = E, t[50] = f, t[51] = rt, t[52] = l, t[53] = pt, t[54] = q, t[55] = $, t[56] = Lt, t[57] = dt, t[58] = lt, t[59] = N, t[60] = P, t[61] = et, t[62] = mt, t[63] = D, t[64] = ct, t[65] = r, t[66] = Y, t[67] = tt, t[68] = _, t[69] = x, t[70] = $t, t[71] = B, t[72] = Vt, t[73] = Pt) : Pt = t[73];
   let Et;
-  t[76] !== a?.footnote || t[77] !== a?.source || t[78] !== nt || t[79] !== h || t[80] !== n?.footnote || t[81] !== n?.source || t[82] !== u ? (Et = h || nt ? /* @__PURE__ */ s.jsx(Ce, { sources: h, footNote: nt, width: u, styles: {
-    footnote: n?.footnote,
-    source: n?.source
+  t[74] !== Bt || t[75] !== Pt ? (Et = /* @__PURE__ */ s.jsxs(Ce, { ref: it, children: [
+    Bt,
+    Pt
+  ] }), t[74] = Bt, t[75] = Pt, t[76] = Et) : Et = t[76];
+  let Wt;
+  t[77] !== o?.footnote || t[78] !== o?.source || t[79] !== nt || t[80] !== h || t[81] !== r?.footnote || t[82] !== r?.source || t[83] !== u ? (Wt = h || nt ? /* @__PURE__ */ s.jsx(Le, { sources: h, footNote: nt, width: u, styles: {
+    footnote: r?.footnote,
+    source: r?.source
   }, classNames: {
-    footnote: a?.footnote,
-    source: a?.source
-  } }) : null, t[76] = a?.footnote, t[77] = a?.source, t[78] = nt, t[79] = h, t[80] = n?.footnote, t[81] = n?.source, t[82] = u, t[83] = Et) : Et = t[83];
-  let te;
-  return t[84] !== W || t[85] !== q || t[86] !== Xt || t[87] !== Yt || t[88] !== y || t[89] !== ht || t[90] !== Ct || t[91] !== v || t[92] !== C || t[93] !== it || t[94] !== ot || t[95] !== S || t[96] !== Pt || t[97] !== Et || t[98] !== x || t[99] !== u ? (te = /* @__PURE__ */ s.jsxs(Oe, { className: C, style: it, id: Xt, ref: vt, "aria-label": W, backgroundColor: q, theme: x, language: y, minHeight: ht, width: u, height: Yt, relativeHeight: v, padding: Ct, children: [
-    ot,
+    footnote: o?.footnote,
+    source: o?.source
+  } }) : null, t[77] = o?.footnote, t[78] = o?.source, t[79] = nt, t[80] = h, t[81] = r?.footnote, t[82] = r?.source, t[83] = u, t[84] = Wt) : Wt = t[84];
+  let ie;
+  return t[85] !== kt || t[86] !== F || t[87] !== Ft || t[88] !== Rt || t[89] !== y || t[90] !== ft || t[91] !== At || t[92] !== v || t[93] !== ot || t[94] !== Kt || t[95] !== S || t[96] !== zt || t[97] !== Et || t[98] !== Wt || t[99] !== x || t[100] !== u ? (ie = /* @__PURE__ */ s.jsxs($e, { className: ot, style: Kt, id: Ft, ref: e, "aria-label": kt, backgroundColor: F, theme: x, language: y, minHeight: ft, width: u, height: Rt, relativeHeight: v, padding: At, children: [
     S,
-    Pt,
-    Et
-  ] }), t[84] = W, t[85] = q, t[86] = Xt, t[87] = Yt, t[88] = y, t[89] = ht, t[90] = Ct, t[91] = v, t[92] = C, t[93] = it, t[94] = ot, t[95] = S, t[96] = Pt, t[97] = Et, t[98] = x, t[99] = u, t[100] = te) : te = t[100], te;
+    zt,
+    Et,
+    Wt
+  ] }), t[85] = kt, t[86] = F, t[87] = Ft, t[88] = Rt, t[89] = y, t[90] = ft, t[91] = At, t[92] = v, t[93] = ot, t[94] = Kt, t[95] = S, t[96] = zt, t[97] = Et, t[98] = Wt, t[99] = x, t[100] = u, t[101] = ie) : ie = t[101], ie;
 }
-function He(i) {
+function Re(i) {
   return i.color;
 }
-function Ye(i) {
+function Xe(i) {
   return i.color;
 }
-function Re(i) {
+function Fe(i) {
   return i.color;
 }
-function Xe(i) {
+function qe(i) {
   return i !== void 0;
 }
-function Fe(i) {
+function Ue(i) {
   return i !== void 0;
 }
-function qe(i) {
+function Je(i) {
   return i.data;
 }
-function Ue(i) {
+function Ke(i) {
   return i !== void 0;
 }
-function Je(i) {
+function Qe(i) {
   return i.data;
 }
 export {
-  wi as WaterfallChart
+  Mi as WaterfallChart
 };
 //# sourceMappingURL=WaterfallChart.js.map