@undp/data-viz 2.3.17 → 2.4.0

package/dist/WaterfallChart.js

@@ -1,248 +1,249 @@
-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 { 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-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 { 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 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 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 { 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-B3fPoH6L.js";
-import { a as Me, G as Oe } from "./GraphContainer-DwMxWRCi.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, o = 0, A = 0;
+  let t = 0, n = 0, y = 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 < y && (y = t);
   return {
-    max: o,
-    min: A
+    max: n,
+    min: y
   };
 }
 function je(i) {
   const t = re.c(46), {
-    leftMargin: o,
-    rightMargin: A,
+    leftMargin: n,
+    rightMargin: y,
     topMargin: d,
-    bottomMargin: Ht,
+    bottomMargin: Yt,
     data: h,
-    width: wt,
-    height: z,
+    width: bt,
+    height: P,
     barColor: p,
-    suffix: At,
-    prefix: Mt,
-    barPadding: Qt,
-    showLabels: Yt,
+    suffix: yt,
+    prefix: wt,
+    barPadding: Jt,
+    showLabels: Rt,
     showValues: u,
-    showTicks: nt,
+    showTicks: it,
     colorDomain: g,
-    truncateBy: Ot,
-    tooltip: k,
-    onSeriesMouseOver: Ct,
-    refValues: Rt,
-    selectedColor: B,
-    maxValue: $t,
-    minValue: Lt,
-    highlightedDataPoints: P,
-    onSeriesMouseClick: jt,
-    labelOrder: v,
-    maxBarThickness: Dt,
-    minBarThickness: kt,
-    detailsOnClick: N,
-    barAxisTitle: st,
-    noOfTicks: Xt,
+    truncateBy: At,
+    tooltip: E,
+    onSeriesMouseOver: Mt,
+    refValues: Xt,
+    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: Nt,
-    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] = 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,
+    classNames: c,
+    dimmedOpacity: C,
+    animate: m,
+    precision: kt,
+    customLayers: $,
+    naLabel: Kt,
+    hideAxisLine: Qt,
+    locale: Dt
+  } = 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 = 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
+  } = 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
       };
-    }), C = v ? v.filter((it) => !e.has(it)) : [];
-    V = [...O, ...C.map(We)], t[8] = h, t[9] = v, t[10] = V;
+    }), M = x ? x.filter((O) => !e.has(O)) : [];
+    U = [...k, ...M.map(We)], t[8] = h, t[9] = x, t[10] = U;
   } 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);
-  let y = 0;
-  const Ut = F.map((e) => {
-    const O = 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: O,
-      end: y
+      start: k,
+      end: Z
     };
-  }), 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[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[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];
+  }), 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[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[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: (C) => {
-    G(e), ut(C.clientY), mt(C.clientX), Ct?.(e);
+  }, onMouseEnter: (M) => {
+    Vt(e), at(M.clientY), rt(M.clientX), Mt?.(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);
+    ($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: () => {
-    G(void 0), mt(void 0), ut(void 0), Ct?.(void 0);
+    Vt(void 0), rt(void 0), at(void 0), Mt?.(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(ie.rect, { width: l.bandwidth(), initial: "initial", animate: N ? "whileInView" : "initial", variants: {
       initial: {
         height: 0,
-        x: m(`${e.id}`),
+        x: l(`${e.id}`),
         y: r(e.start),
-        fill: h.filter(Ie).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : yt.gray
+        fill: h.filter(Ie).length === 0 ? p[0] : e.color ? p[g.indexOf(e.color)] : vt.gray
       },
       whileInView: {
         height: Math.abs(r(e.start) - r(e.end)),
         y: r(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,
+        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: r(e.start),
       transition: {
-        duration: c.duration
+        duration: m.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,
+    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: ae("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,
+        x: l(`${e.id}`) + l.bandwidth() / 2,
         y: (r(e.start) + r(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(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,
+        x: l(`${e.id}`) + l.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),
+        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: 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;
+    }, 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[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[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,
+  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: 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: 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: At, prefix: Mt, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: Nt }) : null,
-      Z,
-      I,
-      tt,
-      St
+        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
     ] }) }),
-    et,
-    vt
+    gt,
+    z
   ] });
 }
-function De(i) {
+function ke(i) {
   return i.layer;
 }
-function ke(i) {
+function De(i) {
   return i.position === "after";
 }
 function Ne(i) {
@@ -284,120 +285,118 @@ function Ge(i) {
   return i.size;
 }
 function wi(i) {
-  const t = re.c(101), {
-    data: o,
-    graphTitle: A,
+  const t = re.c(100), {
+    data: n,
+    graphTitle: y,
     colors: d,
-    suffix: Ht,
+    suffix: Yt,
     sources: h,
-    prefix: wt,
-    graphDescription: z,
+    prefix: bt,
+    graphDescription: P,
     barPadding: p,
-    showValues: At,
-    showTicks: Mt,
-    truncateBy: Qt,
-    height: Yt,
+    showValues: yt,
+    showTicks: wt,
+    truncateBy: Jt,
+    height: Rt,
     width: u,
-    footNote: nt,
+    footNote: it,
     colorDomain: g,
-    colorLegendTitle: Ot,
-    highlightedDataPoints: k,
-    padding: Ct,
-    backgroundColor: Rt,
-    topMargin: B,
-    bottomMargin: $t,
-    leftMargin: Lt,
-    rightMargin: P,
-    showLabels: jt,
-    relativeHeight: v,
-    tooltip: Dt,
-    onSeriesMouseOver: kt,
-    refValues: N,
-    showColorScale: st,
-    graphID: Xt,
+    colorLegendTitle: At,
+    highlightedDataPoints: E,
+    padding: Mt,
+    backgroundColor: Xt,
+    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: Nt,
-    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);
+    minValue: c,
+    onSeriesMouseClick: C,
+    graphDownload: m,
+    dataDownload: kt,
+    labelOrder: $,
+    language: Kt,
+    showNAColor: Qt,
+    minHeight: Dt,
+    theme: L,
+    maxBarThickness: nt,
+    maxNumberOfBars: H,
+    minBarThickness: st,
+    ariaLabel: Nt,
+    detailsOnClick: Y,
+    barAxisTitle: N,
+    noOfTicks: Tt,
+    styles: a,
+    classNames: o,
+    filterNA: Zt,
+    animate: _t,
+    dimmedOpacity: 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] !== 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 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: {
+    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
-  }, 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 ? {
+  }, classNames: {
+    title: o?.title,
+    description: o?.description
+  }, 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[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
-  } : J || {
+  } : V || {
     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: 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[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: {
+  t[72] !== B || t[73] !== Pt ? (Et = /* @__PURE__ */ s.jsxs(Me, { ref: tt, children: [
+    B,
+    Pt
+  ] }), t[72] = B, t[73] = Pt, t[74] = Et) : Et = t[74];
+  let Wt;
+  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
-  } }) : 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];
+  }, classNames: {
+    footnote: o?.footnote,
+    source: o?.source
+  } }) : 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[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;
+  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[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 He(i) {
   return i.color;