@undp/data-viz 2.2.2 → 2.3.0

package/dist/WaterfallChart.js

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