@undp/data-viz 2.3.19 → 2.4.0

package/dist/WaterfallChart.js

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