@undp/data-viz 2.0.0 → 2.0.1

package/dist/BarGraph.js

@@ -37,81 +37,81 @@ import { g as Te } from "./getTextColorBasedOnBgColor-CDY808zi.js";
 function ei(e) {
   const t = xe.c(122), {
     data: m,
-    leftMargin: z,
+    leftMargin: D,
     rightMargin: Xt,
     topMargin: St,
     bottomMargin: gt,
-    barColors: et,
-    barPadding: dt,
-    showTicks: V,
-    truncateBy: N,
-    width: f,
-    height: H,
-    suffix: zt,
-    prefix: ct,
-    showValues: Nt,
-    showLabels: X,
-    tooltip: it,
-    onSeriesMouseOver: xt,
-    refValues: mt,
+    barColors: tt,
+    barPadding: ut,
+    showTicks: C,
+    truncateBy: T,
+    width: y,
+    height: P,
+    suffix: Dt,
+    prefix: rt,
+    showValues: zt,
+    showLabels: F,
+    tooltip: et,
+    onSeriesMouseOver: dt,
+    refValues: xt,
     maxValue: Tt,
     minValue: w,
-    onSeriesMouseClick: st,
-    selectedColor: q,
-    rtl: G,
-    labelOrder: Q,
-    maxBarThickness: O,
-    resetSelectionOnDoubleClick: Y,
-    detailsOnClick: M,
-    barAxisTitle: U,
-    valueColor: S,
+    onSeriesMouseClick: it,
+    selectedColor: W,
+    rtl: Y,
+    labelOrder: K,
+    maxBarThickness: R,
+    resetSelectionOnDoubleClick: H,
+    detailsOnClick: O,
+    barAxisTitle: q,
+    valueColor: I,
     noOfTicks: a,
     styles: s,
     classNames: n,
     animate: u,
     colorDomain: d,
-    precision: p,
+    precision: f,
     customLayers: x,
     naLabel: $
-  } = e, Z = z === void 0 ? 100 : z, J = Xt === void 0 ? 40 : Xt, ut = St === void 0 ? 25 : St, Ft = gt === void 0 ? 10 : gt, Yt = de(null);
-  let W;
-  t[0] !== u.amount || t[1] !== u.once ? (W = {
+  } = e, Q = D === void 0 ? 100 : D, U = Xt === void 0 ? 40 : Xt, ct = St === void 0 ? 25 : St, Ft = gt === void 0 ? 10 : gt, Yt = de(null);
+  let E;
+  t[0] !== u.amount || t[1] !== u.once ? (E = {
     once: u.once,
     amount: u.amount
-  }, t[0] = u.amount, t[1] = u.once, t[2] = W) : W = t[2];
-  const yt = Ve(Yt, W), Bt = U ? ut + 25 : ut;
+  }, t[0] = u.amount, t[1] = u.once, t[2] = E) : E = t[2];
+  const yt = Ve(Yt, E), Bt = q ? ct + 25 : ct;
   let r;
-  t[3] !== Ft || t[4] !== Z || t[5] !== J || t[6] !== Bt ? (r = {
+  t[3] !== Ft || t[4] !== Q || t[5] !== U || t[6] !== Bt ? (r = {
     top: Bt,
     bottom: Ft,
-    left: Z,
-    right: J
-  }, t[3] = Ft, t[4] = Z, t[5] = J, t[6] = Bt, t[7] = r) : r = t[7];
-  const c = r, [F, h] = Wt(void 0), [L, B] = Wt(void 0), [A, jt] = Wt(void 0), [bt, ot] = Wt(void 0), ht = f - c.left - c.right, j = H - c.top - c.bottom;
-  let y, _, tt, K, D, ft, Ct, nt, Vt, R, lt, E, P, pt;
-  if (t[8] !== u || t[9] !== U || t[10] !== et || t[11] !== dt || t[12] !== n?.graphObjectValues || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.axis || t[17] !== n?.yAxis?.labels || t[18] !== d || t[19] !== x || t[20] !== m || t[21] !== M || t[22] !== j || t[23] !== ht || t[24] !== H || t[25] !== yt || t[26] !== Q || t[27] !== c.bottom || t[28] !== c.left || t[29] !== c.top || t[30] !== O || t[31] !== Tt || t[32] !== w || t[33] !== L || t[34] !== $ || t[35] !== a || t[36] !== st || t[37] !== xt || t[38] !== p || t[39] !== ct || t[40] !== mt || t[41] !== Y || t[42] !== G || t[43] !== q || t[44] !== X || t[45] !== V || t[46] !== Nt || t[47] !== s?.graphObjectValues || t[48] !== s?.xAxis?.gridLines || t[49] !== s?.xAxis?.labels || t[50] !== s?.xAxis?.title || t[51] !== s?.yAxis?.axis || t[52] !== s?.yAxis?.labels || t[53] !== zt || t[54] !== ut || t[55] !== N || t[56] !== S || t[57] !== f) {
-    let rt;
-    t[72] !== Q ? (rt = (v, C) => ({
+    left: Q,
+    right: U
+  }, t[3] = Ft, t[4] = Q, t[5] = U, t[6] = Bt, t[7] = r) : r = t[7];
+  const c = r, [B, h] = Wt(void 0), [V, S] = Wt(void 0), [A, Lt] = Wt(void 0), [bt, st] = Wt(void 0), mt = y - c.left - c.right, L = P - c.top - c.bottom;
+  let g, Z, _, J, j, ht, kt, ot, Ct, G, nt, X, ft, pt;
+  if (t[8] !== u || t[9] !== q || t[10] !== tt || t[11] !== ut || t[12] !== n?.graphObjectValues || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.axis || t[17] !== n?.yAxis?.labels || t[18] !== d || t[19] !== x || t[20] !== m || t[21] !== O || t[22] !== L || t[23] !== mt || t[24] !== P || t[25] !== yt || t[26] !== K || t[27] !== c.bottom || t[28] !== c.left || t[29] !== c.top || t[30] !== R || t[31] !== Tt || t[32] !== w || t[33] !== V || t[34] !== $ || t[35] !== a || t[36] !== it || t[37] !== dt || t[38] !== f || t[39] !== rt || t[40] !== xt || t[41] !== H || t[42] !== Y || t[43] !== W || t[44] !== F || t[45] !== C || t[46] !== zt || t[47] !== s?.graphObjectValues || t[48] !== s?.xAxis?.gridLines || t[49] !== s?.xAxis?.labels || t[50] !== s?.xAxis?.title || t[51] !== s?.yAxis?.axis || t[52] !== s?.yAxis?.labels || t[53] !== Dt || t[54] !== ct || t[55] !== T || t[56] !== I || t[57] !== y) {
+    let at;
+    t[72] !== K ? (at = (v, k) => ({
       ...v,
-      id: Q ? `${v.label}` : `${C}`
-    }), t[72] = Q, t[73] = rt) : rt = t[73];
-    const It = m.map(rt), Et = Q || It.map(ci), k = Le().domain([w, Tt]).range([0, ht]).nice(), Rt = ge().domain(Et).range([0, O ? Math.min(j, O * Et.length) : j]).paddingInner(dt), Mt = ge().domain(m[0].size.map(ri)).range([0, Rt.bandwidth()]).paddingInner(0.1), Kt = k.ticks(a);
-    _ = Zt.svg, Ct = Yt, nt = `${f}px`, Vt = `${H}px`, R = `0 0 ${f} ${H}`, lt = "ltr", tt = `translate(${c.left},${c.top})`, K = V ? /* @__PURE__ */ i.jsx(Fe, { values: Kt.filter(ai), x: Kt.filter(li).map((v) => k(v)), y1: 0 - ut, y2: j + c.bottom, styles: {
+      id: K ? `${v.label}` : `${k}`
+    }), t[72] = K, t[73] = at) : at = t[73];
+    const It = m.map(at), Et = K || It.map(ci), M = Le().domain([w, Tt]).range([0, mt]).nice(), qt = ge().domain(Et).range([0, R ? Math.min(L, R * Et.length) : L]).paddingInner(ut), Nt = ge().domain(m[0].size.map(ri)).range([0, qt.bandwidth()]).paddingInner(0.1), Kt = M.ticks(a);
+    Z = Zt.svg, kt = Yt, ot = `${y}px`, Ct = `${P}px`, G = `0 0 ${y} ${P}`, nt = "ltr", _ = `translate(${c.left},${c.top})`, J = C ? /* @__PURE__ */ i.jsx(Fe, { values: Kt.filter(ai), x: Kt.filter(li).map((v) => M(v)), y1: 0 - ct, y2: L + c.bottom, styles: {
       gridLines: s?.xAxis?.gridLines,
       labels: s?.xAxis?.labels
     }, classNames: {
       gridLines: n?.xAxis?.gridLines,
       labels: n?.xAxis?.labels
-    }, suffix: zt, prefix: ct, labelType: "secondary", showGridLines: !0, precision: p }) : null;
-    const Dt = ht / 2, Qt = 0 - c.top + 15, Ut = s?.xAxis?.title, Ht = n?.xAxis?.title;
-    t[74] !== U || t[75] !== Dt || t[76] !== Qt || t[77] !== Ut || t[78] !== Ht ? (D = /* @__PURE__ */ i.jsx(Ce, { x: Dt, y: Qt, style: Ut, className: Ht, text: U }), t[74] = U, t[75] = Dt, t[76] = Qt, t[77] = Ut, t[78] = Ht, t[79] = D) : D = t[79], t[80] !== x ? (ft = x.filter(ni).map(oi), t[80] = x, t[81] = ft) : ft = t[81], y = je, E = It.map((v) => _t(Rt(v.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { variants: {
+    }, suffix: Dt, prefix: rt, labelType: "secondary", showGridLines: !0, precision: f }) : null;
+    const jt = mt / 2, Qt = 0 - c.top + 15, Ut = s?.xAxis?.title, Ht = n?.xAxis?.title;
+    t[74] !== q || t[75] !== jt || t[76] !== Qt || t[77] !== Ut || t[78] !== Ht ? (j = /* @__PURE__ */ i.jsx(Ce, { x: jt, y: Qt, style: Ut, className: Ht, text: q }), t[74] = q, t[75] = jt, t[76] = Qt, t[77] = Ut, t[78] = Ht, t[79] = j) : j = t[79], t[80] !== x ? (ht = x.filter(ni).map(oi), t[80] = x, t[81] = ht) : ht = t[81], g = je, X = It.map((v) => _t(qt(v.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { variants: {
       initial: {
         x: 0,
-        y: Rt(`${v.id}`)
+        y: qt(`${v.id}`)
       },
       whileInView: {
         x: 0,
-        y: Rt(`${v.id}`),
+        y: qt(`${v.id}`),
         transition: {
           duration: u.duration
         }
@@ -122,67 +122,67 @@ function ei(e) {
         duration: u.duration
       }
     }, children: [
-      v.size.map((C, o) => /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", opacity: q ? et[o] === q ? 1 : 0.3 : 0.85, onMouseEnter: (g) => {
+      v.size.map((k, o) => /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", opacity: W ? tt[o] === W ? 1 : 0.3 : 0.85, onMouseEnter: (p) => {
         h({
           ...v,
           sizeIndex: o
-        }), ot(g.clientY), jt(g.clientX), xt?.({
+        }), st(p.clientY), Lt(p.clientX), dt?.({
           ...v,
           sizeIndex: o
         });
-      }, onMouseMove: (g) => {
+      }, onMouseMove: (p) => {
         h({
           ...v,
           sizeIndex: o
-        }), ot(g.clientY), jt(g.clientX);
+        }), st(p.clientY), Lt(p.clientX);
       }, onMouseLeave: () => {
-        h(void 0), jt(void 0), ot(void 0), xt?.(void 0);
+        h(void 0), Lt(void 0), st(void 0), dt?.(void 0);
       }, onClick: () => {
-        (st || M) && (Ae(L, {
+        (it || O) && (Ae(V, {
           ...v,
           sizeIndex: o
-        }) && Y ? (B(void 0), st?.(void 0)) : (B({
+        }) && H ? (S(void 0), it?.(void 0)) : (S({
           ...v,
           sizeIndex: o
-        }), st && st({
+        }), it && it({
           ...v,
           sizeIndex: o
         })));
       }, children: [
-        _t(C) ? null : /* @__PURE__ */ i.jsx(Zt.rect, { y: Mt(`${o}`), variants: {
+        _t(k) ? null : /* @__PURE__ */ i.jsx(Zt.rect, { y: Nt(`${o}`), variants: {
           initial: {
             width: 0,
-            x: k(0),
-            fill: et[o]
+            x: M(0),
+            fill: tt[o]
           },
           whileInView: {
-            width: _t(C) ? 0 : C >= 0 ? k(C) - k(0) : k(0) - k(C),
-            x: C >= 0 ? k(0) : k(C),
-            fill: et[o],
+            width: _t(k) ? 0 : k >= 0 ? M(k) - M(0) : M(0) - M(k),
+            x: k >= 0 ? M(0) : M(k),
+            fill: tt[o],
             transition: {
               duration: u.duration
             }
           }
         }, exit: {
           width: 0,
-          x: k(0),
+          x: M(0),
           transition: {
             duration: u.duration
           }
-        }, height: Mt.bandwidth(), initial: "initial", animate: yt ? "whileInView" : "initial" }),
-        Nt ? /* @__PURE__ */ i.jsx(Zt.text, { y: Mt(`${o}`) + Mt.bandwidth() / 2, style: {
-          textAnchor: C && C < 0 ? "end" : "start",
+        }, height: Nt.bandwidth(), initial: "initial", animate: yt ? "whileInView" : "initial" }),
+        zt ? /* @__PURE__ */ i.jsx(Zt.text, { y: Nt(`${o}`) + Nt.bandwidth() / 2, style: {
+          textAnchor: k && k < 0 ? "end" : "start",
           ...s?.graphObjectValues || {}
-        }, className: pe("graph-value text-sm", n?.graphObjectValues), dx: C && C < 0 ? -5 : 5, dy: "0.33em", variants: {
+        }, className: pe("graph-value text-sm", n?.graphObjectValues), dx: k && k < 0 ? -5 : 5, dy: "0.33em", variants: {
           initial: {
-            x: k(0),
+            x: M(0),
             opacity: 0,
-            fill: S || et[o]
+            fill: I || tt[o]
           },
           whileInView: {
-            x: k(C || 0),
+            x: M(k || 0),
             opacity: 1,
-            fill: S || et[o],
+            fill: I || tt[o],
             transition: {
               duration: u.duration
             }
@@ -192,48 +192,48 @@ function ei(e) {
           transition: {
             duration: u.duration
           }
-        }, children: ue(C, $, p, ct, zt) }) : null
+        }, children: ue(k, $, f, rt, Dt) }) : null
       ] }, `${v.label}-${d[o] || o}`)),
-      X ? /* @__PURE__ */ i.jsx(Pe, { value: `${v.label}`.length < N ? `${v.label}` : `${`${v.label}`.substring(0, N)}...`, y: 0, x: 0 - c.left, width: k(w < 0 ? 0 : w) + c.left, height: Rt.bandwidth(), style: s?.yAxis?.labels, className: n?.yAxis?.labels, animate: u, isInView: yt }) : null
+      F ? /* @__PURE__ */ i.jsx(Pe, { value: `${v.label}`.length < T ? `${v.label}` : `${`${v.label}`.substring(0, T)}...`, y: 0, x: 0 - c.left, width: M(w < 0 ? 0 : w) + c.left, height: qt.bandwidth(), style: s?.yAxis?.labels, className: n?.yAxis?.labels, animate: u, isInView: yt }) : null
     ] }, v.label));
-    const kt = n?.yAxis?.axis;
-    let qt;
-    t[82] !== kt ? (qt = {
-      axis: kt
-    }, t[82] = kt, t[83] = qt) : qt = t[83];
+    const Mt = n?.yAxis?.axis;
+    let Rt;
+    t[82] !== Mt ? (Rt = {
+      axis: Mt
+    }, t[82] = Mt, t[83] = Rt) : Rt = t[83];
     const Jt = s?.yAxis?.axis;
-    let I;
-    t[84] !== Jt ? (I = {
+    let N;
+    t[84] !== Jt ? (N = {
       axis: Jt
-    }, t[84] = Jt, t[85] = I) : I = t[85], P = /* @__PURE__ */ i.jsx(ke, { x1: k(w < 0 ? 0 : w), x2: k(w < 0 ? 0 : w), y1: -2.5, y2: j + c.bottom, classNames: qt, styles: I }), pt = mt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: mt.map((v, C) => /* @__PURE__ */ i.jsx(He, { text: v.text, color: v.color, x: k(v.value), y1: 0 - c.top, y2: j + c.bottom, textSide: k(v.value) > ht * 0.75 || G ? "left" : "right", classNames: v.classNames, styles: v.styles, animate: u, isInView: yt }, C)) }) : null, t[8] = u, t[9] = U, t[10] = et, t[11] = dt, t[12] = n?.graphObjectValues, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.axis, t[17] = n?.yAxis?.labels, t[18] = d, t[19] = x, t[20] = m, t[21] = M, t[22] = j, t[23] = ht, t[24] = H, t[25] = yt, t[26] = Q, t[27] = c.bottom, t[28] = c.left, t[29] = c.top, t[30] = O, t[31] = Tt, t[32] = w, t[33] = L, t[34] = $, t[35] = a, t[36] = st, t[37] = xt, t[38] = p, t[39] = ct, t[40] = mt, t[41] = Y, t[42] = G, t[43] = q, t[44] = X, t[45] = V, t[46] = Nt, t[47] = s?.graphObjectValues, t[48] = s?.xAxis?.gridLines, t[49] = s?.xAxis?.labels, t[50] = s?.xAxis?.title, t[51] = s?.yAxis?.axis, t[52] = s?.yAxis?.labels, t[53] = zt, t[54] = ut, t[55] = N, t[56] = S, t[57] = f, t[58] = y, t[59] = _, t[60] = tt, t[61] = K, t[62] = D, t[63] = ft, t[64] = Ct, t[65] = nt, t[66] = Vt, t[67] = R, t[68] = lt, t[69] = E, t[70] = P, t[71] = pt;
+    }, t[84] = Jt, t[85] = N) : N = t[85], ft = /* @__PURE__ */ i.jsx(ke, { x1: M(w < 0 ? 0 : w), x2: M(w < 0 ? 0 : w), y1: -2.5, y2: L + c.bottom, classNames: Rt, styles: N }), pt = xt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: xt.map((v, k) => /* @__PURE__ */ i.jsx(He, { text: v.text, color: v.color, x: M(v.value), y1: 0 - c.top, y2: L + c.bottom, textSide: M(v.value) > mt * 0.75 || Y ? "left" : "right", classNames: v.classNames, styles: v.styles, animate: u, isInView: yt }, k)) }) : null, t[8] = u, t[9] = q, t[10] = tt, t[11] = ut, t[12] = n?.graphObjectValues, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.axis, t[17] = n?.yAxis?.labels, t[18] = d, t[19] = x, t[20] = m, t[21] = O, t[22] = L, t[23] = mt, t[24] = P, t[25] = yt, t[26] = K, t[27] = c.bottom, t[28] = c.left, t[29] = c.top, t[30] = R, t[31] = Tt, t[32] = w, t[33] = V, t[34] = $, t[35] = a, t[36] = it, t[37] = dt, t[38] = f, t[39] = rt, t[40] = xt, t[41] = H, t[42] = Y, t[43] = W, t[44] = F, t[45] = C, t[46] = zt, t[47] = s?.graphObjectValues, t[48] = s?.xAxis?.gridLines, t[49] = s?.xAxis?.labels, t[50] = s?.xAxis?.title, t[51] = s?.yAxis?.axis, t[52] = s?.yAxis?.labels, t[53] = Dt, t[54] = ct, t[55] = T, t[56] = I, t[57] = y, t[58] = g, t[59] = Z, t[60] = _, t[61] = J, t[62] = j, t[63] = ht, t[64] = kt, t[65] = ot, t[66] = Ct, t[67] = G, t[68] = nt, t[69] = X, t[70] = ft, t[71] = pt;
   } else
-    y = t[58], _ = t[59], tt = t[60], K = t[61], D = t[62], ft = t[63], Ct = t[64], nt = t[65], Vt = t[66], R = t[67], lt = t[68], E = t[69], P = t[70], pt = t[71];
+    g = t[58], Z = t[59], _ = t[60], J = t[61], j = t[62], ht = t[63], kt = t[64], ot = t[65], Ct = t[66], G = t[67], nt = t[68], X = t[69], ft = t[70], pt = t[71];
   let vt;
-  t[86] !== y || t[87] !== E || t[88] !== P || t[89] !== pt ? (vt = /* @__PURE__ */ i.jsxs(y, { children: [
-    E,
-    P,
+  t[86] !== g || t[87] !== X || t[88] !== ft || t[89] !== pt ? (vt = /* @__PURE__ */ i.jsxs(g, { children: [
+    X,
+    ft,
     pt
-  ] }), t[86] = y, t[87] = E, t[88] = P, t[89] = pt, t[90] = vt) : vt = t[90];
+  ] }), t[86] = g, t[87] = X, t[88] = ft, t[89] = pt, t[90] = vt) : vt = t[90];
   let wt;
   t[91] !== x ? (wt = x.filter(si).map(ii), t[91] = x, t[92] = wt) : wt = t[92];
-  let at;
-  t[93] !== tt || t[94] !== K || t[95] !== D || t[96] !== ft || t[97] !== vt || t[98] !== wt ? (at = /* @__PURE__ */ i.jsxs("g", { transform: tt, children: [
-    K,
-    D,
-    ft,
+  let lt;
+  t[93] !== _ || t[94] !== J || t[95] !== j || t[96] !== ht || t[97] !== vt || t[98] !== wt ? (lt = /* @__PURE__ */ i.jsxs("g", { transform: _, children: [
+    J,
+    j,
+    ht,
     vt,
     wt
-  ] }), t[93] = tt, t[94] = K, t[95] = D, t[96] = ft, t[97] = vt, t[98] = wt, t[99] = at) : at = t[99];
+  ] }), t[93] = _, t[94] = J, t[95] = j, t[96] = ht, t[97] = vt, t[98] = wt, t[99] = lt) : lt = t[99];
   let At;
-  t[100] !== _ || t[101] !== Ct || t[102] !== nt || t[103] !== Vt || t[104] !== R || t[105] !== lt || t[106] !== at ? (At = /* @__PURE__ */ i.jsx(_, { ref: Ct, width: nt, height: Vt, viewBox: R, direction: lt, children: at }), t[100] = _, t[101] = Ct, t[102] = nt, t[103] = Vt, t[104] = R, t[105] = lt, t[106] = at, t[107] = At) : At = t[107];
+  t[100] !== Z || t[101] !== kt || t[102] !== ot || t[103] !== Ct || t[104] !== G || t[105] !== nt || t[106] !== lt ? (At = /* @__PURE__ */ i.jsx(Z, { ref: kt, width: ot, height: Ct, viewBox: G, direction: nt, children: lt }), t[100] = Z, t[101] = kt, t[102] = ot, t[103] = Ct, t[104] = G, t[105] = nt, t[106] = lt, t[107] = At) : At = t[107];
   let $t;
-  t[108] !== n?.tooltip || t[109] !== A || t[110] !== bt || t[111] !== F || t[112] !== s?.tooltip || t[113] !== it ? ($t = F && it && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: F, body: it, xPos: A, yPos: bt, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[108] = n?.tooltip, t[109] = A, t[110] = bt, t[111] = F, t[112] = s?.tooltip, t[113] = it, t[114] = $t) : $t = t[114];
+  t[108] !== n?.tooltip || t[109] !== A || t[110] !== bt || t[111] !== B || t[112] !== s?.tooltip || t[113] !== et ? ($t = B && et && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: B, body: et, xPos: A, yPos: bt, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[108] = n?.tooltip, t[109] = A, t[110] = bt, t[111] = B, t[112] = s?.tooltip, t[113] = et, t[114] = $t) : $t = t[114];
   let Ot;
-  t[115] !== M || t[116] !== L ? (Ot = M && L !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: L !== void 0, onClose: () => {
-    B(void 0);
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof M == "string" ? {
-    __html: Me(M, L)
-  } : void 0, children: typeof M == "function" ? M(L) : null }) }) : null, t[115] = M, t[116] = L, t[117] = Ot) : Ot = t[117];
+  t[115] !== O || t[116] !== V ? (Ot = O && V !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: V !== void 0, onClose: () => {
+    S(void 0);
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof O == "string" ? {
+    __html: Me(O, V)
+  } : void 0, children: typeof O == "function" ? O(V) : null }) }) : null, t[115] = O, t[116] = V, t[117] = Ot) : Ot = t[117];
   let b;
   return t[118] !== At || t[119] !== $t || t[120] !== Ot ? (b = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     At,
@@ -268,148 +268,148 @@ function ci(e) {
 function ui(e) {
   const t = xe.c(130), {
     data: m,
-    leftMargin: z,
+    leftMargin: D,
     rightMargin: Xt,
     topMargin: St,
     bottomMargin: gt,
-    width: et,
-    height: dt,
-    barColors: V,
-    suffix: N,
-    prefix: f,
-    barPadding: H,
-    showLabels: zt,
-    showValues: ct,
-    showTicks: Nt,
-    truncateBy: X,
-    tooltip: it,
-    onSeriesMouseOver: xt,
-    refValues: mt,
+    width: tt,
+    height: ut,
+    barColors: C,
+    suffix: T,
+    prefix: y,
+    barPadding: P,
+    showLabels: Dt,
+    showValues: rt,
+    showTicks: zt,
+    truncateBy: F,
+    tooltip: et,
+    onSeriesMouseOver: dt,
+    refValues: xt,
     maxValue: Tt,
     minValue: w,
-    onSeriesMouseClick: st,
-    selectedColor: q,
-    labelOrder: G,
-    maxBarThickness: Q,
-    resetSelectionOnDoubleClick: O,
-    detailsOnClick: Y,
-    barAxisTitle: M,
-    valueColor: U,
-    noOfTicks: S,
+    onSeriesMouseClick: it,
+    selectedColor: W,
+    labelOrder: Y,
+    maxBarThickness: K,
+    resetSelectionOnDoubleClick: R,
+    detailsOnClick: H,
+    barAxisTitle: O,
+    valueColor: q,
+    noOfTicks: I,
     styles: a,
     classNames: s,
     animate: n,
     colorDomain: u,
     precision: d,
-    customLayers: p,
+    customLayers: f,
     naLabel: x
-  } = e, $ = z === void 0 ? 20 : z, Z = Xt === void 0 ? 20 : Xt, J = St === void 0 ? 20 : St, ut = gt === void 0 ? 25 : gt, Ft = de(null);
+  } = e, $ = D === void 0 ? 20 : D, Q = Xt === void 0 ? 20 : Xt, U = St === void 0 ? 20 : St, ct = gt === void 0 ? 25 : gt, Ft = de(null);
   let Yt;
   t[0] !== n.amount || t[1] !== n.once ? (Yt = {
     once: n.once,
     amount: n.amount
   }, t[0] = n.amount, t[1] = n.once, t[2] = Yt) : Yt = t[2];
-  const W = Ve(Ft, Yt), yt = M ? $ + 30 : $;
+  const E = Ve(Ft, Yt), yt = O ? $ + 30 : $;
   let Bt;
-  t[3] !== ut || t[4] !== Z || t[5] !== yt || t[6] !== J ? (Bt = {
-    top: J,
-    bottom: ut,
+  t[3] !== ct || t[4] !== Q || t[5] !== yt || t[6] !== U ? (Bt = {
+    top: U,
+    bottom: ct,
     left: yt,
-    right: Z
-  }, t[3] = ut, t[4] = Z, t[5] = yt, t[6] = J, t[7] = Bt) : Bt = t[7];
-  const r = Bt, [c, F] = Wt(void 0), [h, L] = Wt(void 0), [B, A] = Wt(void 0), [jt, bt] = Wt(void 0), ot = et - r.left - r.right, ht = dt - r.top - r.bottom;
-  let j, y, _, tt, K, D, ft, Ct, nt, Vt, R, lt, E, P;
-  if (t[8] !== n || t[9] !== M || t[10] !== V || t[11] !== H || t[12] !== s?.graphObjectValues || t[13] !== s?.xAxis?.axis || t[14] !== s?.xAxis?.labels || t[15] !== s?.yAxis?.gridLines || t[16] !== s?.yAxis?.labels || t[17] !== s?.yAxis?.title || t[18] !== u || t[19] !== p || t[20] !== m || t[21] !== Y || t[22] !== ht || t[23] !== ot || t[24] !== dt || t[25] !== W || t[26] !== G || t[27] !== $ || t[28] !== r.bottom || t[29] !== r.left || t[30] !== r.right || t[31] !== r.top || t[32] !== Q || t[33] !== Tt || t[34] !== w || t[35] !== h || t[36] !== x || t[37] !== S || t[38] !== st || t[39] !== xt || t[40] !== d || t[41] !== f || t[42] !== mt || t[43] !== O || t[44] !== q || t[45] !== zt || t[46] !== Nt || t[47] !== ct || t[48] !== a?.graphObjectValues || t[49] !== a?.xAxis?.axis || t[50] !== a?.xAxis?.labels || t[51] !== a?.yAxis?.gridLines || t[52] !== a?.yAxis?.labels || t[53] !== a?.yAxis?.title || t[54] !== N || t[55] !== X || t[56] !== U || t[57] !== et) {
-    const b = Le().domain([w, Tt]).range([ht, 0]).nice();
-    let rt;
-    t[72] !== G ? (rt = (T, Lt) => ({
-      ...T,
-      id: G ? `${T.label}` : `${Lt}`
-    }), t[72] = G, t[73] = rt) : rt = t[73];
-    const It = m.map(rt), Et = G || It.map(yi), k = ge().domain(Et).range([0, Q ? Math.min(ot, Q * Et.length) : ot]).paddingInner(H), Rt = ge().domain(m[0].size.map(gi)).range([0, k.bandwidth()]).paddingInner(0.1), Mt = b.ticks(S);
-    y = Zt.svg, ft = `${et}px`, Ct = `${dt}px`, nt = `0 0 ${et} ${dt}`, Vt = "ltr", R = Ft, P = `translate(${r.left},${r.top})`;
-    const Kt = b(w < 0 ? 0 : w), Dt = b(w < 0 ? 0 : w), Qt = w < 0 ? 0 : w;
+    right: Q
+  }, t[3] = ct, t[4] = Q, t[5] = yt, t[6] = U, t[7] = Bt) : Bt = t[7];
+  const r = Bt, [c, B] = Wt(void 0), [h, V] = Wt(void 0), [S, A] = Wt(void 0), [Lt, bt] = Wt(void 0), st = tt - r.left - r.right, mt = ut - r.top - r.bottom;
+  let L, g, Z, _, J, j, ht, kt, ot, Ct, G, nt, X, ft;
+  if (t[8] !== n || t[9] !== O || t[10] !== C || t[11] !== P || t[12] !== s?.graphObjectValues || t[13] !== s?.xAxis?.axis || t[14] !== s?.xAxis?.labels || t[15] !== s?.yAxis?.gridLines || t[16] !== s?.yAxis?.labels || t[17] !== s?.yAxis?.title || t[18] !== u || t[19] !== f || t[20] !== m || t[21] !== H || t[22] !== mt || t[23] !== st || t[24] !== ut || t[25] !== E || t[26] !== Y || t[27] !== $ || t[28] !== r.bottom || t[29] !== r.left || t[30] !== r.right || t[31] !== r.top || t[32] !== K || t[33] !== Tt || t[34] !== w || t[35] !== h || t[36] !== x || t[37] !== I || t[38] !== it || t[39] !== dt || t[40] !== d || t[41] !== y || t[42] !== xt || t[43] !== R || t[44] !== W || t[45] !== Dt || t[46] !== zt || t[47] !== rt || t[48] !== a?.graphObjectValues || t[49] !== a?.xAxis?.axis || t[50] !== a?.xAxis?.labels || t[51] !== a?.yAxis?.gridLines || t[52] !== a?.yAxis?.labels || t[53] !== a?.yAxis?.title || t[54] !== T || t[55] !== F || t[56] !== q || t[57] !== tt) {
+    const b = Le().domain([w, Tt]).range([mt, 0]).nice();
+    let at;
+    t[72] !== Y ? (at = (z, Vt) => ({
+      ...z,
+      id: Y ? `${z.label}` : `${Vt}`
+    }), t[72] = Y, t[73] = at) : at = t[73];
+    const It = m.map(at), Et = Y || It.map(yi), M = ge().domain(Et).range([0, K ? Math.min(st, K * Et.length) : st]).paddingInner(P), qt = ge().domain(m[0].size.map(gi)).range([0, M.bandwidth()]).paddingInner(0.1), Nt = b.ticks(I);
+    g = Zt.svg, ht = `${tt}px`, kt = `${ut}px`, ot = `0 0 ${tt} ${ut}`, Ct = "ltr", G = Ft, ft = `translate(${r.left},${r.top})`;
+    const Kt = b(w < 0 ? 0 : w), jt = b(w < 0 ? 0 : w), Qt = w < 0 ? 0 : w;
     let Ut;
-    t[74] !== x || t[75] !== d || t[76] !== f || t[77] !== N || t[78] !== Qt ? (Ut = ue(Qt, x, d, f, N), t[74] = x, t[75] = d, t[76] = f, t[77] = N, t[78] = Qt, t[79] = Ut) : Ut = t[79];
-    const Ht = s?.xAxis?.axis, kt = s?.yAxis?.labels;
-    let qt;
-    t[80] !== Ht || t[81] !== kt ? (qt = {
+    t[74] !== x || t[75] !== d || t[76] !== y || t[77] !== T || t[78] !== Qt ? (Ut = ue(Qt, x, d, y, T), t[74] = x, t[75] = d, t[76] = y, t[77] = T, t[78] = Qt, t[79] = Ut) : Ut = t[79];
+    const Ht = s?.xAxis?.axis, Mt = s?.yAxis?.labels;
+    let Rt;
+    t[80] !== Ht || t[81] !== Mt ? (Rt = {
       axis: Ht,
-      label: kt
-    }, t[80] = Ht, t[81] = kt, t[82] = qt) : qt = t[82];
-    const Jt = a?.xAxis?.axis, I = a?.yAxis?.labels;
+      label: Mt
+    }, t[80] = Ht, t[81] = Mt, t[82] = Rt) : Rt = t[82];
+    const Jt = a?.xAxis?.axis, N = a?.yAxis?.labels;
     let v;
-    t[83] !== Jt || t[84] !== I ? (v = {
+    t[83] !== Jt || t[84] !== N ? (v = {
       axis: Jt,
-      label: I
-    }, t[83] = Jt, t[84] = I, t[85] = v) : v = t[85], _ = /* @__PURE__ */ i.jsx(ke, { y1: Kt, y2: Dt, x1: 0 - $, x2: ot + r.right, label: Ut, labelPos: {
+      label: N
+    }, t[83] = Jt, t[84] = N, t[85] = v) : v = t[85], Z = /* @__PURE__ */ i.jsx(ke, { y1: Kt, y2: jt, x1: 0 - $, x2: st + r.right, label: Ut, labelPos: {
       x: 0 - $,
       dx: 0,
       dy: Tt < 0 ? "1em" : -5,
       y: b(w < 0 ? 0 : w)
-    }, classNames: qt, styles: v }), tt = Nt ? /* @__PURE__ */ i.jsx(Ye, { values: Mt.filter(pi), y: Mt.filter(fi).map((T) => b(T)), x1: 0 - $, x2: ot + r.right, styles: {
+    }, classNames: Rt, styles: v }), _ = zt ? /* @__PURE__ */ i.jsx(Ye, { values: Nt.filter(pi), y: Nt.filter(fi).map((z) => b(z)), x1: 0 - $, x2: st + r.right, styles: {
       gridLines: a?.yAxis?.gridLines,
       labels: a?.yAxis?.labels
     }, classNames: {
       gridLines: s?.yAxis?.gridLines,
       labels: s?.yAxis?.labels
-    }, suffix: N, prefix: f, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: d }) : null;
-    const C = 0 - $ - 15, o = ht / 2, g = a?.yAxis?.title, ee = s?.yAxis?.title;
-    t[86] !== M || t[87] !== C || t[88] !== o || t[89] !== g || t[90] !== ee ? (K = /* @__PURE__ */ i.jsx(Ce, { x: C, y: o, style: g, className: ee, text: M, rotate90: !0 }), t[86] = M, t[87] = C, t[88] = o, t[89] = g, t[90] = ee, t[91] = K) : K = t[91], t[92] !== p ? (D = p.filter(hi).map(mi), t[92] = p, t[93] = D) : D = t[93], j = je, lt = It.map((T) => _t(k(T.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { variants: {
+    }, suffix: T, prefix: y, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: d }) : null;
+    const k = 0 - $ - 15, o = mt / 2, p = a?.yAxis?.title, ee = s?.yAxis?.title;
+    t[86] !== O || t[87] !== k || t[88] !== o || t[89] !== p || t[90] !== ee ? (J = /* @__PURE__ */ i.jsx(Ce, { x: k, y: o, style: p, className: ee, text: O, rotate90: !0 }), t[86] = O, t[87] = k, t[88] = o, t[89] = p, t[90] = ee, t[91] = J) : J = t[91], t[92] !== f ? (j = f.filter(hi).map(mi), t[92] = f, t[93] = j) : j = t[93], L = je, nt = It.map((z) => _t(M(z.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { variants: {
       initial: {
-        x: k(`${T.id}`),
+        x: M(`${z.id}`),
         y: 0
       },
       whileInView: {
-        x: k(`${T.id}`),
+        x: M(`${z.id}`),
         y: 0,
         transition: {
           duration: n.duration
         }
       }
-    }, initial: "initial", animate: W ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: n.duration
       }
     }, children: [
-      T.size.map((Lt, l) => /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", opacity: q ? V[l] === q ? 1 : 0.3 : 0.85, onMouseEnter: (ie) => {
-        F({
-          ...T,
+      z.size.map((Vt, l) => /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", opacity: W ? C[l] === W ? 1 : 0.3 : 0.85, onMouseEnter: (ie) => {
+        B({
+          ...z,
           sizeIndex: l
-        }), bt(ie.clientY), A(ie.clientX), xt?.({
-          ...T,
+        }), bt(ie.clientY), A(ie.clientX), dt?.({
+          ...z,
           sizeIndex: l
         });
       }, onMouseMove: (ie) => {
-        F({
-          ...T,
+        B({
+          ...z,
           sizeIndex: l
         }), bt(ie.clientY), A(ie.clientX);
       }, onMouseLeave: () => {
-        F(void 0), A(void 0), bt(void 0), xt?.(void 0);
+        B(void 0), A(void 0), bt(void 0), dt?.(void 0);
       }, onClick: () => {
-        (st || Y) && (Ae(h, {
-          ...T,
+        (it || H) && (Ae(h, {
+          ...z,
           sizeIndex: l
-        }) && O ? (L(void 0), st?.(void 0)) : (L({
-          ...T,
+        }) && R ? (V(void 0), it?.(void 0)) : (V({
+          ...z,
           sizeIndex: l
-        }), st && st({
-          ...T,
+        }), it && it({
+          ...z,
           sizeIndex: l
         })));
       }, children: [
-        /* @__PURE__ */ i.jsx(Zt.rect, { x: Rt(`${l}`), width: Rt.bandwidth(), variants: {
+        /* @__PURE__ */ i.jsx(Zt.rect, { x: qt(`${l}`), width: qt.bandwidth(), variants: {
           initial: {
             height: 0,
             y: b(0),
-            fill: V[l]
+            fill: C[l]
           },
           whileInView: {
-            height: _t(Lt) ? 0 : Math.abs(b(Lt) - b(0)),
-            y: _t(Lt) ? b(0) : Lt > 0 ? b(Lt) : b(0),
-            fill: V[l],
+            height: _t(Vt) ? 0 : Math.abs(b(Vt) - b(0)),
+            y: _t(Vt) ? b(0) : Vt > 0 ? b(Vt) : b(0),
+            fill: C[l],
             transition: {
               duration: n.duration
             }
@@ -420,67 +420,67 @@ function ui(e) {
           transition: {
             duration: n.duration
           }
-        }, initial: "initial", animate: W ? "whileInView" : "initial" }),
-        ct ? /* @__PURE__ */ i.jsx(Zt.text, { x: Rt(`${l}`) + Rt.bandwidth() / 2, style: {
+        }, initial: "initial", animate: E ? "whileInView" : "initial" }),
+        rt ? /* @__PURE__ */ i.jsx(Zt.text, { x: qt(`${l}`) + qt.bandwidth() / 2, style: {
           textAnchor: "middle",
           ...a?.graphObjectValues || {}
-        }, className: pe("graph-value text-sm", s?.graphObjectValues), dy: Lt ? Lt >= 0 ? "-5px" : "1em" : "-5px", variants: {
+        }, className: pe("graph-value text-sm", s?.graphObjectValues), dy: Vt ? Vt >= 0 ? "-5px" : "1em" : "-5px", variants: {
           initial: {
             y: b(0),
             opacity: 0,
-            fill: U || V[l]
+            fill: q || C[l]
           },
           whileInView: {
-            y: b(Lt || 0),
+            y: b(Vt || 0),
             opacity: 1,
-            fill: U || V[l],
+            fill: q || C[l],
             transition: {
               duration: n.duration
             }
           }
-        }, initial: "initial", animate: W ? "whileInView" : "initial", exit: {
+        }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
           opacity: 0,
           transition: {
             duration: n.duration
           }
-        }, children: ue(Lt, x, d, f, N) }) : null
-      ] }, `${T.label}-${u[l] || l}`)),
-      zt ? /* @__PURE__ */ i.jsx(Ee, { value: `${T.label}`.length < X ? `${T.label}` : `${`${T.label}`.substring(0, X)}...`, y: b(0) + 5, x: 0, width: k.bandwidth(), height: r.bottom, style: a?.xAxis?.labels, className: s?.xAxis?.labels, alignment: "top", animate: n, isInView: W }) : null
-    ] }, T.label)), E = mt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: mt.map((T, Lt) => /* @__PURE__ */ i.jsx(Xe, { text: T.text, color: T.color, y: b(T.value), x1: 0 - $, x2: ot + r.right, classNames: T.classNames, styles: T.styles, animate: n, isInView: W }, Lt)) }) : null, t[8] = n, t[9] = M, t[10] = V, t[11] = H, t[12] = s?.graphObjectValues, t[13] = s?.xAxis?.axis, t[14] = s?.xAxis?.labels, t[15] = s?.yAxis?.gridLines, t[16] = s?.yAxis?.labels, t[17] = s?.yAxis?.title, t[18] = u, t[19] = p, t[20] = m, t[21] = Y, t[22] = ht, t[23] = ot, t[24] = dt, t[25] = W, t[26] = G, t[27] = $, t[28] = r.bottom, t[29] = r.left, t[30] = r.right, t[31] = r.top, t[32] = Q, t[33] = Tt, t[34] = w, t[35] = h, t[36] = x, t[37] = S, t[38] = st, t[39] = xt, t[40] = d, t[41] = f, t[42] = mt, t[43] = O, t[44] = q, t[45] = zt, t[46] = Nt, t[47] = ct, t[48] = a?.graphObjectValues, t[49] = a?.xAxis?.axis, t[50] = a?.xAxis?.labels, t[51] = a?.yAxis?.gridLines, t[52] = a?.yAxis?.labels, t[53] = a?.yAxis?.title, t[54] = N, t[55] = X, t[56] = U, t[57] = et, t[58] = j, t[59] = y, t[60] = _, t[61] = tt, t[62] = K, t[63] = D, t[64] = ft, t[65] = Ct, t[66] = nt, t[67] = Vt, t[68] = R, t[69] = lt, t[70] = E, t[71] = P;
+        }, children: ue(Vt, x, d, y, T) }) : null
+      ] }, `${z.label}-${u[l] || l}`)),
+      Dt ? /* @__PURE__ */ i.jsx(Ee, { value: `${z.label}`.length < F ? `${z.label}` : `${`${z.label}`.substring(0, F)}...`, y: b(0) + 5, x: 0, width: M.bandwidth(), height: r.bottom, style: a?.xAxis?.labels, className: s?.xAxis?.labels, alignment: "top", animate: n, isInView: E }) : null
+    ] }, z.label)), X = xt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: xt.map((z, Vt) => /* @__PURE__ */ i.jsx(Xe, { text: z.text, color: z.color, y: b(z.value), x1: 0 - $, x2: st + r.right, classNames: z.classNames, styles: z.styles, animate: n, isInView: E }, Vt)) }) : null, t[8] = n, t[9] = O, t[10] = C, t[11] = P, t[12] = s?.graphObjectValues, t[13] = s?.xAxis?.axis, t[14] = s?.xAxis?.labels, t[15] = s?.yAxis?.gridLines, t[16] = s?.yAxis?.labels, t[17] = s?.yAxis?.title, t[18] = u, t[19] = f, t[20] = m, t[21] = H, t[22] = mt, t[23] = st, t[24] = ut, t[25] = E, t[26] = Y, t[27] = $, t[28] = r.bottom, t[29] = r.left, t[30] = r.right, t[31] = r.top, t[32] = K, t[33] = Tt, t[34] = w, t[35] = h, t[36] = x, t[37] = I, t[38] = it, t[39] = dt, t[40] = d, t[41] = y, t[42] = xt, t[43] = R, t[44] = W, t[45] = Dt, t[46] = zt, t[47] = rt, t[48] = a?.graphObjectValues, t[49] = a?.xAxis?.axis, t[50] = a?.xAxis?.labels, t[51] = a?.yAxis?.gridLines, t[52] = a?.yAxis?.labels, t[53] = a?.yAxis?.title, t[54] = T, t[55] = F, t[56] = q, t[57] = tt, t[58] = L, t[59] = g, t[60] = Z, t[61] = _, t[62] = J, t[63] = j, t[64] = ht, t[65] = kt, t[66] = ot, t[67] = Ct, t[68] = G, t[69] = nt, t[70] = X, t[71] = ft;
   } else
-    j = t[58], y = t[59], _ = t[60], tt = t[61], K = t[62], D = t[63], ft = t[64], Ct = t[65], nt = t[66], Vt = t[67], R = t[68], lt = t[69], E = t[70], P = t[71];
+    L = t[58], g = t[59], Z = t[60], _ = t[61], J = t[62], j = t[63], ht = t[64], kt = t[65], ot = t[66], Ct = t[67], G = t[68], nt = t[69], X = t[70], ft = t[71];
   let pt;
-  t[94] !== j || t[95] !== lt || t[96] !== E ? (pt = /* @__PURE__ */ i.jsxs(j, { children: [
-    lt,
-    E
-  ] }), t[94] = j, t[95] = lt, t[96] = E, t[97] = pt) : pt = t[97];
+  t[94] !== L || t[95] !== nt || t[96] !== X ? (pt = /* @__PURE__ */ i.jsxs(L, { children: [
+    nt,
+    X
+  ] }), t[94] = L, t[95] = nt, t[96] = X, t[97] = pt) : pt = t[97];
   let vt;
-  t[98] !== p ? (vt = p.filter(xi).map(di), t[98] = p, t[99] = vt) : vt = t[99];
+  t[98] !== f ? (vt = f.filter(xi).map(di), t[98] = f, t[99] = vt) : vt = t[99];
   let wt;
-  t[100] !== _ || t[101] !== tt || t[102] !== K || t[103] !== D || t[104] !== pt || t[105] !== vt || t[106] !== P ? (wt = /* @__PURE__ */ i.jsxs("g", { transform: P, children: [
+  t[100] !== Z || t[101] !== _ || t[102] !== J || t[103] !== j || t[104] !== pt || t[105] !== vt || t[106] !== ft ? (wt = /* @__PURE__ */ i.jsxs("g", { transform: ft, children: [
+    Z,
     _,
-    tt,
-    K,
-    D,
+    J,
+    j,
     pt,
     vt
-  ] }), t[100] = _, t[101] = tt, t[102] = K, t[103] = D, t[104] = pt, t[105] = vt, t[106] = P, t[107] = wt) : wt = t[107];
-  let at;
-  t[108] !== y || t[109] !== ft || t[110] !== Ct || t[111] !== nt || t[112] !== Vt || t[113] !== R || t[114] !== wt ? (at = /* @__PURE__ */ i.jsx(y, { width: ft, height: Ct, viewBox: nt, direction: Vt, ref: R, children: wt }), t[108] = y, t[109] = ft, t[110] = Ct, t[111] = nt, t[112] = Vt, t[113] = R, t[114] = wt, t[115] = at) : at = t[115];
+  ] }), t[100] = Z, t[101] = _, t[102] = J, t[103] = j, t[104] = pt, t[105] = vt, t[106] = ft, t[107] = wt) : wt = t[107];
+  let lt;
+  t[108] !== g || t[109] !== ht || t[110] !== kt || t[111] !== ot || t[112] !== Ct || t[113] !== G || t[114] !== wt ? (lt = /* @__PURE__ */ i.jsx(g, { width: ht, height: kt, viewBox: ot, direction: Ct, ref: G, children: wt }), t[108] = g, t[109] = ht, t[110] = kt, t[111] = ot, t[112] = Ct, t[113] = G, t[114] = wt, t[115] = lt) : lt = t[115];
   let At;
-  t[116] !== s?.tooltip || t[117] !== B || t[118] !== jt || t[119] !== c || t[120] !== a?.tooltip || t[121] !== it ? (At = c && it && B && jt ? /* @__PURE__ */ i.jsx(Oe, { data: c, body: it, xPos: B, yPos: jt, backgroundStyle: a?.tooltip, className: s?.tooltip }) : null, t[116] = s?.tooltip, t[117] = B, t[118] = jt, t[119] = c, t[120] = a?.tooltip, t[121] = it, t[122] = At) : At = t[122];
+  t[116] !== s?.tooltip || t[117] !== S || t[118] !== Lt || t[119] !== c || t[120] !== a?.tooltip || t[121] !== et ? (At = c && et && S && Lt ? /* @__PURE__ */ i.jsx(Oe, { data: c, body: et, xPos: S, yPos: Lt, backgroundStyle: a?.tooltip, className: s?.tooltip }) : null, t[116] = s?.tooltip, t[117] = S, t[118] = Lt, t[119] = c, t[120] = a?.tooltip, t[121] = et, t[122] = At) : At = t[122];
   let $t;
-  t[123] !== Y || t[124] !== h ? ($t = Y && h !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: h !== void 0, onClose: () => {
-    L(void 0);
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof Y == "string" ? {
-    __html: Me(Y, h)
-  } : void 0, children: typeof Y == "function" ? Y(h) : null }) }) : null, t[123] = Y, t[124] = h, t[125] = $t) : $t = t[125];
+  t[123] !== H || t[124] !== h ? ($t = H && h !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: h !== void 0, onClose: () => {
+    V(void 0);
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof H == "string" ? {
+    __html: Me(H, h)
+  } : void 0, children: typeof H == "function" ? H(h) : null }) }) : null, t[123] = H, t[124] = h, t[125] = $t) : $t = t[125];
   let Ot;
-  return t[126] !== at || t[127] !== At || t[128] !== $t ? (Ot = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    at,
+  return t[126] !== lt || t[127] !== At || t[128] !== $t ? (Ot = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    lt,
     At,
     $t
-  ] }), t[126] = at, t[127] = At, t[128] = $t, t[129] = Ot) : Ot = t[129], Ot;
+  ] }), t[126] = lt, t[127] = At, t[128] = $t, t[129] = Ot) : Ot = t[129], Ot;
 }
 function di(e) {
   return e.layer;
@@ -509,102 +509,102 @@ function yi(e) {
 function bi(e) {
   const t = xe.c(43), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     sources: St,
     graphDescription: gt,
-    barPadding: et,
-    showTicks: dt,
-    truncateBy: V,
-    height: N,
-    width: f,
-    footNote: H,
-    colorDomain: zt,
-    colorLegendTitle: ct,
-    suffix: Nt,
-    prefix: X,
-    showValues: it,
-    showColorScale: xt,
-    padding: mt,
+    barPadding: tt,
+    showTicks: ut,
+    truncateBy: C,
+    height: T,
+    width: y,
+    footNote: P,
+    colorDomain: Dt,
+    colorLegendTitle: rt,
+    suffix: zt,
+    prefix: F,
+    showValues: et,
+    showColorScale: dt,
+    padding: xt,
     backgroundColor: Tt,
     leftMargin: w,
-    rightMargin: st,
-    topMargin: q,
-    bottomMargin: G,
-    showLabels: Q,
-    relativeHeight: O,
-    tooltip: Y,
-    onSeriesMouseOver: M,
-    refValues: U,
-    graphID: S,
+    rightMargin: it,
+    topMargin: W,
+    bottomMargin: Y,
+    showLabels: K,
+    relativeHeight: R,
+    tooltip: H,
+    onSeriesMouseOver: O,
+    refValues: q,
+    graphID: I,
     maxValue: a,
     minValue: s,
     onSeriesMouseClick: n,
     graphDownload: u,
     dataDownload: d,
-    language: p,
+    language: f,
     labelOrder: x,
     minHeight: $,
-    theme: Z,
-    maxBarThickness: J,
-    ariaLabel: ut,
+    theme: Q,
+    maxBarThickness: U,
+    ariaLabel: ct,
     resetSelectionOnDoubleClick: Ft,
     detailsOnClick: Yt,
-    barAxisTitle: W,
+    barAxisTitle: E,
     noOfTicks: yt,
     valueColor: Bt,
     styles: r,
     classNames: c,
-    filterNA: F,
+    filterNA: B,
     animate: h,
-    precision: L,
-    customLayers: B,
+    precision: V,
+    customLayers: S,
     timeline: A,
-    naLabel: jt,
+    naLabel: Lt,
     sortParameter: bt,
-    sortData: ot,
-    orientation: ht
-  } = e, j = Xt === void 0 ? ce.light.categoricalColors.colors : Xt, y = et === void 0 ? 0.25 : et, _ = dt === void 0 ? !0 : dt, tt = V === void 0 ? 999 : V, K = Nt === void 0 ? "" : Nt, D = X === void 0 ? "" : X, ft = it === void 0 ? !0 : it, Ct = xt === void 0 ? !0 : xt, nt = Tt === void 0 ? !1 : Tt, Vt = Q === void 0 ? !0 : Q, R = u === void 0 ? !1 : u, lt = d === void 0 ? !1 : d, E = p === void 0 ? "en" : p, P = $ === void 0 ? 0 : $, pt = Z === void 0 ? "light" : Z, vt = Ft === void 0 ? !0 : Ft, wt = yt === void 0 ? 5 : yt, at = F === void 0 ? !0 : F, At = h === void 0 ? !1 : h, $t = L === void 0 ? 2 : L;
+    sortData: st,
+    orientation: mt
+  } = e, L = Xt === void 0 ? ce.light.categoricalColors.colors : Xt, g = tt === void 0 ? 0.25 : tt, Z = ut === void 0 ? !0 : ut, _ = C === void 0 ? 999 : C, J = zt === void 0 ? "" : zt, j = F === void 0 ? "" : F, ht = et === void 0 ? !0 : et, kt = dt === void 0 ? !0 : dt, ot = Tt === void 0 ? !1 : Tt, Ct = K === void 0 ? !0 : K, G = u === void 0 ? !1 : u, nt = d === void 0 ? !1 : d, X = f === void 0 ? "en" : f, ft = $ === void 0 ? 0 : $, pt = Q === void 0 ? "light" : Q, vt = Ft === void 0 ? !0 : Ft, wt = yt === void 0 ? 5 : yt, lt = B === void 0 ? !0 : B, At = h === void 0 ? !1 : h, $t = V === void 0 ? 2 : V;
   let Ot;
-  t[0] !== B ? (Ot = B === void 0 ? [] : B, t[0] = B, t[1] = Ot) : Ot = t[1];
-  const b = Ot, rt = A === void 0 ? {
+  t[0] !== S ? (Ot = S === void 0 ? [] : S, t[0] = S, t[1] = Ot) : Ot = t[1];
+  const b = Ot, at = A === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : A, It = jt === void 0 ? "NA" : jt, k = (ht === void 0 ? "vertical" : ht) === "horizontal" ? ei : ui, [Rt, Mt] = Wt(0), [Kt, Dt] = Wt(0), [Qt, Ut] = Wt(rt.autoplay), Ht = Ze(De(m, "date", !0).map((Gt) => Be(`${Gt}`, rt.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), Pi), [kt, qt] = Wt(rt.autoplay ? 0 : Ht.length - 1), [Jt, I] = Wt(void 0), v = de(null), C = de(null);
-  let o, g;
+  } : A, It = Lt === void 0 ? "NA" : Lt, M = (mt === void 0 ? "vertical" : mt) === "horizontal" ? ei : ui, [qt, Nt] = Wt(0), [Kt, jt] = Wt(0), [Qt, Ut] = Wt(at.autoplay), Ht = Ze(De(m, "date", !0).map((Gt) => Be(`${Gt}`, at.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), Pi), [Mt, Rt] = Wt(at.autoplay ? 0 : Ht.length - 1), [Jt, N] = Wt(void 0), v = de(null), k = de(null);
+  let o, p;
   t[2] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
     const Gt = new ResizeObserver((Pt) => {
-      Mt(Pt[0].target.clientWidth || 620), Dt(Pt[0].target.clientHeight || 480);
+      Nt(Pt[0].target.clientWidth || 620), jt(Pt[0].target.clientHeight || 480);
     });
     return v.current && Gt.observe(v.current), () => Gt.disconnect();
-  }, g = [], t[2] = o, t[3] = g) : (o = t[2], g = t[3]), we(o, g), we(() => {
+  }, p = [], t[2] = o, t[3] = p) : (o = t[2], p = t[3]), we(o, p), we(() => {
     const Gt = setInterval(() => {
-      qt((Pt) => Pt < Ht.length - 1 ? Pt + 1 : 0);
-    }, (rt.speed || 2) * 1e3);
+      Rt((Pt) => Pt < Ht.length - 1 ? Pt + 1 : 0);
+    }, (at.speed || 2) * 1e3);
     return Qt || clearInterval(Gt), () => clearInterval(Gt);
-  }, [Ht, Qt, rt.speed]);
-  const ee = Ie(Ht, kt, rt.showOnlyActiveDate, rt.dateFormat || "yyyy"), T = Qe, Lt = c?.graphContainer, l = r?.graphContainer;
+  }, [Ht, Qt, at.speed]);
+  const ee = Ie(Ht, Mt, at.showOnlyActiveDate, at.dateFormat || "yyyy"), z = Qe, Vt = c?.graphContainer, l = r?.graphContainer;
   let ie;
-  t[4] !== c?.description || t[5] !== c?.title || t[6] !== m || t[7] !== lt || t[8] !== gt || t[9] !== R || t[10] !== z || t[11] !== r?.description || t[12] !== r?.title || t[13] !== f ? (ie = z || gt || R || lt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
+  t[4] !== c?.description || t[5] !== c?.title || t[6] !== m || t[7] !== nt || t[8] !== gt || t[9] !== G || t[10] !== D || t[11] !== r?.description || t[12] !== r?.title || t[13] !== y ? (ie = D || gt || G || nt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
     title: r?.title,
     description: r?.description
   }, classNames: {
     title: c?.title,
     description: c?.description
-  }, graphTitle: z, graphDescription: gt, width: f, graphDownload: R ? C : void 0, dataDownload: lt ? m.map(Bi).filter(Si).length > 0 ? m.map(Ii).filter(Ti) : m.filter(Ni) : null }) : null, t[4] = c?.description, t[5] = c?.title, t[6] = m, t[7] = lt, t[8] = gt, t[9] = R, t[10] = z, t[11] = r?.description, t[12] = r?.title, t[13] = f, t[14] = ie) : ie = t[14];
-  const se = rt.enabled && Ht.length > 0 && ee ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  }, graphTitle: D, graphDescription: gt, width: y, graphDownload: G ? k : void 0, dataDownload: nt ? m.map(Bi).filter(Si).length > 0 ? m.map(Ii).filter(Ti) : m.filter(Ni) : null }) : null, t[4] = c?.description, t[5] = c?.title, t[6] = m, t[7] = nt, t[8] = gt, t[9] = G, t[10] = D, t[11] = r?.description, t[12] = r?.title, t[13] = y, t[14] = ie) : ie = t[14];
+  const se = at.enabled && Ht.length > 0 && ee ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
       Ut(!Qt);
     }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": Qt ? "Click to pause animation" : "Click to play animation", children: Qt ? /* @__PURE__ */ i.jsx(Ue, {}) : /* @__PURE__ */ i.jsx(Je, {}) }),
-    /* @__PURE__ */ i.jsx(Se, { min: Ht[0], max: Ht[Ht.length - 1], marks: ee, step: null, defaultValue: Ht[Ht.length - 1], value: Ht[kt], onChangeComplete: (Gt) => {
-      qt(Ht.indexOf(Gt));
+    /* @__PURE__ */ i.jsx(Se, { min: Ht[0], max: Ht[Ht.length - 1], marks: ee, step: null, defaultValue: Ht[Ht.length - 1], value: Ht[Mt], onChangeComplete: (Gt) => {
+      Rt(Ht.indexOf(Gt));
     }, onChange: (Gt) => {
-      qt(Ht.indexOf(Gt));
+      Rt(Ht.indexOf(Gt));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, me = "grow flex flex-col justify-center gap-3 w-full", fe = m.length === 0 ? /* @__PURE__ */ i.jsx(qe, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    Ct ? /* @__PURE__ */ i.jsx(Re, { width: f, colorDomain: zt, colors: j, colorLegendTitle: ct, setSelectedColor: I, showNAColor: !1, className: c?.colorLegend }) : null,
-    /* @__PURE__ */ i.jsx(Ke, { ref: v, children: Rt && Kt ? /* @__PURE__ */ i.jsx(k, { data: bt !== void 0 ? bt === "total" ? ze(ve(m, rt.dateFormat || "yyyy").filter((Gt) => rt.enabled ? Gt.date === ye(new Date(Ht[kt]), rt.dateFormat || "yyyy") : Gt).filter((Gt) => at ? !Gt.size.every(zi) : Gt), ji, [ot || "asc"]) : ze(ve(m, rt.dateFormat || "yyyy").filter((Gt) => rt.enabled ? Gt.date === ye(new Date(Ht[kt]), rt.dateFormat || "yyyy") : Gt).filter((Gt) => at ? !Gt.size.every(Li) : Gt), (Gt) => _t(Gt.size[bt]) ? -1 / 0 : Gt.size[bt], [ot || "asc"]) : ve(m, rt.dateFormat || "yyyy").filter((Gt) => at ? !Gt.size.every(Vi) : Gt), barColors: j, width: f || Rt, height: Math.max(P, N || (O ? P ? (f || Rt) * O > P ? (f || Rt) * O : P : (f || Rt) * O : Kt)), suffix: K, prefix: D, showValues: ft, barPadding: y, showTicks: _, leftMargin: w, rightMargin: st, topMargin: q, bottomMargin: G, truncateBy: tt, showLabels: Vt, tooltip: Y, onSeriesMouseOver: M, refValues: U, maxValue: _t(a) ? Math.max(...m.map(ki)) < 0 ? 0 : Math.max(...m.map(Oi)) : a, minValue: _t(s) ? Math.min(...m.map(Ai)) >= 0 ? 0 : Math.min(...m.map(vi)) : s, onSeriesMouseClick: n, selectedColor: Jt, labelOrder: x, rtl: E === "he" || E === "ar", maxBarThickness: J, resetSelectionOnDoubleClick: vt, detailsOnClick: Yt, barAxisTitle: W, noOfTicks: wt, valueColor: Bt, styles: r, classNames: c, colorDomain: zt, animate: At === !0 ? {
+    kt ? /* @__PURE__ */ i.jsx(Re, { width: y, colorDomain: Dt, colors: L, colorLegendTitle: rt, setSelectedColor: N, showNAColor: !1, className: c?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(Ke, { ref: v, children: qt && Kt ? /* @__PURE__ */ i.jsx(M, { data: bt !== void 0 ? bt === "total" ? ze(ve(m, at.dateFormat || "yyyy").filter((Gt) => at.enabled ? Gt.date === ye(new Date(Ht[Mt]), at.dateFormat || "yyyy") : Gt).filter((Gt) => lt ? !Gt.size.every(zi) : Gt), ji, [st || "asc"]) : ze(ve(m, at.dateFormat || "yyyy").filter((Gt) => at.enabled ? Gt.date === ye(new Date(Ht[Mt]), at.dateFormat || "yyyy") : Gt).filter((Gt) => lt ? !Gt.size.every(Li) : Gt), (Gt) => _t(Gt.size[bt]) ? -1 / 0 : Gt.size[bt], [st || "asc"]) : ve(m, at.dateFormat || "yyyy").filter((Gt) => lt ? !Gt.size.every(Vi) : Gt), barColors: L, width: qt, height: Kt, suffix: J, prefix: j, showValues: ht, barPadding: g, showTicks: Z, leftMargin: w, rightMargin: it, topMargin: W, bottomMargin: Y, truncateBy: _, showLabels: Ct, tooltip: H, onSeriesMouseOver: O, refValues: q, maxValue: _t(a) ? Math.max(...m.map(ki)) < 0 ? 0 : Math.max(...m.map(Oi)) : a, minValue: _t(s) ? Math.min(...m.map(Ai)) >= 0 ? 0 : Math.min(...m.map(vi)) : s, onSeriesMouseClick: n, selectedColor: Jt, labelOrder: x, rtl: X === "he" || X === "ar", maxBarThickness: U, resetSelectionOnDoubleClick: vt, detailsOnClick: Yt, barAxisTitle: E, noOfTicks: wt, valueColor: Bt, styles: r, classNames: c, colorDomain: Dt, animate: At === !0 ? {
       duration: 0.5,
       once: !0,
       amount: 0.5
@@ -617,20 +617,20 @@ function bi(e) {
   let re;
   t[15] !== fe ? (re = /* @__PURE__ */ i.jsx("div", { className: me, children: fe }), t[15] = fe, t[16] = re) : re = t[16];
   let oe;
-  t[17] !== c?.footnote || t[18] !== c?.source || t[19] !== H || t[20] !== St || t[21] !== r?.footnote || t[22] !== r?.source || t[23] !== f ? (oe = St || H ? /* @__PURE__ */ i.jsx(We, { styles: {
+  t[17] !== c?.footnote || t[18] !== c?.source || t[19] !== P || t[20] !== St || t[21] !== r?.footnote || t[22] !== r?.source || t[23] !== y ? (oe = St || P ? /* @__PURE__ */ i.jsx(We, { styles: {
     footnote: r?.footnote,
     source: r?.source
   }, classNames: {
     footnote: c?.footnote,
     source: c?.source
-  }, sources: St, footNote: H, width: f }) : null, t[17] = c?.footnote, t[18] = c?.source, t[19] = H, t[20] = St, t[21] = r?.footnote, t[22] = r?.source, t[23] = f, t[24] = oe) : oe = t[24];
+  }, sources: St, footNote: P, width: y }) : null, t[17] = c?.footnote, t[18] = c?.source, t[19] = P, t[20] = St, t[21] = r?.footnote, t[22] = r?.source, t[23] = y, t[24] = oe) : oe = t[24];
   let le;
-  return t[25] !== T || t[26] !== ut || t[27] !== nt || t[28] !== S || t[29] !== N || t[30] !== E || t[31] !== P || t[32] !== mt || t[33] !== O || t[34] !== Lt || t[35] !== l || t[36] !== ie || t[37] !== se || t[38] !== re || t[39] !== oe || t[40] !== pt || t[41] !== f ? (le = /* @__PURE__ */ i.jsxs(T, { className: Lt, style: l, id: S, ref: C, "aria-label": ut, backgroundColor: nt, theme: pt, language: E, minHeight: P, width: f, height: N, relativeHeight: O, padding: mt, children: [
+  return t[25] !== z || t[26] !== ct || t[27] !== ot || t[28] !== I || t[29] !== T || t[30] !== X || t[31] !== ft || t[32] !== xt || t[33] !== R || t[34] !== Vt || t[35] !== l || t[36] !== ie || t[37] !== se || t[38] !== re || t[39] !== oe || t[40] !== pt || t[41] !== y ? (le = /* @__PURE__ */ i.jsxs(z, { className: Vt, style: l, id: I, ref: k, "aria-label": ct, backgroundColor: ot, theme: pt, language: X, minHeight: ft, width: y, height: T, relativeHeight: R, padding: xt, children: [
     ie,
     se,
     re,
     oe
-  ] }), t[25] = T, t[26] = ut, t[27] = nt, t[28] = S, t[29] = N, t[30] = E, t[31] = P, t[32] = mt, t[33] = O, t[34] = Lt, t[35] = l, t[36] = ie, t[37] = se, t[38] = re, t[39] = oe, t[40] = pt, t[41] = f, t[42] = le) : le = t[42], le;
+  ] }), t[25] = z, t[26] = ct, t[27] = ot, t[28] = I, t[29] = T, t[30] = X, t[31] = ft, t[32] = xt, t[33] = R, t[34] = Vt, t[35] = l, t[36] = ie, t[37] = se, t[38] = re, t[39] = oe, t[40] = pt, t[41] = y, t[42] = le) : le = t[42], le;
 }
 function vi(e) {
   return Math.min(...e.size.filter(wi));
@@ -692,82 +692,82 @@ function Pi(e, t) {
 function Fi(e) {
   const t = xe.c(125), {
     data: m,
-    barColor: z,
+    barColor: D,
     suffix: Xt,
     prefix: St,
     barPadding: gt,
-    showValues: et,
-    showTicks: dt,
-    truncateBy: V,
-    width: N,
-    height: f,
-    colorDomain: H,
-    topMargin: zt,
-    bottomMargin: ct,
-    leftMargin: Nt,
-    rightMargin: X,
-    showLabels: it,
-    tooltip: xt,
-    onSeriesMouseOver: mt,
+    showValues: tt,
+    showTicks: ut,
+    truncateBy: C,
+    width: T,
+    height: y,
+    colorDomain: P,
+    topMargin: Dt,
+    bottomMargin: rt,
+    leftMargin: zt,
+    rightMargin: F,
+    showLabels: et,
+    tooltip: dt,
+    onSeriesMouseOver: xt,
     refValues: Tt,
     selectedColor: w,
-    highlightedDataPoints: st,
-    maxValue: q,
-    minValue: G,
-    onSeriesMouseClick: Q,
-    labelOrder: O,
-    rtl: Y,
-    maxBarThickness: M,
-    minBarThickness: U,
-    resetSelectionOnDoubleClick: S,
+    highlightedDataPoints: it,
+    maxValue: W,
+    minValue: Y,
+    onSeriesMouseClick: K,
+    labelOrder: R,
+    rtl: H,
+    maxBarThickness: O,
+    minBarThickness: q,
+    resetSelectionOnDoubleClick: I,
     detailsOnClick: a,
     barAxisTitle: s,
     valueColor: n,
     noOfTicks: u,
     styles: d,
-    classNames: p,
+    classNames: f,
     animate: x,
     dimmedOpacity: $,
-    precision: Z,
-    customLayers: J,
-    naLabel: ut
-  } = e, Ft = zt === void 0 ? 25 : zt, Yt = ct === void 0 ? 10 : ct, W = Nt === void 0 ? 100 : Nt, yt = X === void 0 ? 40 : X, Bt = de(null);
+    precision: Q,
+    customLayers: U,
+    naLabel: ct
+  } = e, Ft = Dt === void 0 ? 25 : Dt, Yt = rt === void 0 ? 10 : rt, E = zt === void 0 ? 100 : zt, yt = F === void 0 ? 40 : F, Bt = de(null);
   let r;
   t[0] !== x.amount || t[1] !== x.once ? (r = {
     once: x.once,
     amount: x.amount
   }, t[0] = x.amount, t[1] = x.once, t[2] = r) : r = t[2];
-  const c = Ve(Bt, r), [F, h] = Wt(void 0), [L, B] = Wt(void 0), [A, jt] = Wt(void 0), [bt, ot] = Wt(void 0), ht = s ? Ft + 25 : Ft;
-  let j;
-  t[3] !== Yt || t[4] !== W || t[5] !== yt || t[6] !== ht ? (j = {
-    top: ht,
+  const c = Ve(Bt, r), [B, h] = Wt(void 0), [V, S] = Wt(void 0), [A, Lt] = Wt(void 0), [bt, st] = Wt(void 0), mt = s ? Ft + 25 : Ft;
+  let L;
+  t[3] !== Yt || t[4] !== E || t[5] !== yt || t[6] !== mt ? (L = {
+    top: mt,
     bottom: Yt,
-    left: W,
+    left: E,
     right: yt
-  }, t[3] = Yt, t[4] = W, t[5] = yt, t[6] = ht, t[7] = j) : j = t[7];
-  const y = j, _ = N - y.left - y.right, tt = f - y.top - y.bottom;
-  let K, D, ft, Ct, nt, Vt, R, lt, E, P, pt, vt, wt, at;
-  if (t[8] !== x || t[9] !== s || t[10] !== z || t[11] !== gt || t[12] !== p?.graphObjectValues || t[13] !== p?.xAxis?.gridLines || t[14] !== p?.xAxis?.labels || t[15] !== p?.xAxis?.title || t[16] !== p?.yAxis?.axis || t[17] !== p?.yAxis?.labels || t[18] !== H || t[19] !== J || t[20] !== m || t[21] !== a || t[22] !== $ || t[23] !== tt || t[24] !== _ || t[25] !== f || t[26] !== st || t[27] !== c || t[28] !== O || t[29] !== y.bottom || t[30] !== y.left || t[31] !== y.top || t[32] !== M || t[33] !== q || t[34] !== U || t[35] !== G || t[36] !== L || t[37] !== ut || t[38] !== u || t[39] !== Q || t[40] !== mt || t[41] !== Z || t[42] !== St || t[43] !== Tt || t[44] !== S || t[45] !== Y || t[46] !== w || t[47] !== it || t[48] !== dt || t[49] !== et || t[50] !== d?.graphObjectValues || t[51] !== d?.xAxis?.gridLines || t[52] !== d?.xAxis?.labels || t[53] !== d?.xAxis?.title || t[54] !== d?.yAxis?.axis || t[55] !== d?.yAxis?.labels || t[56] !== Xt || t[57] !== Ft || t[58] !== V || t[59] !== n || t[60] !== N) {
-    let k;
-    t[75] !== O ? (k = (o, g) => ({
+  }, t[3] = Yt, t[4] = E, t[5] = yt, t[6] = mt, t[7] = L) : L = t[7];
+  const g = L, Z = T - g.left - g.right, _ = y - g.top - g.bottom;
+  let J, j, ht, kt, ot, Ct, G, nt, X, ft, pt, vt, wt, lt;
+  if (t[8] !== x || t[9] !== s || t[10] !== D || t[11] !== gt || t[12] !== f?.graphObjectValues || t[13] !== f?.xAxis?.gridLines || t[14] !== f?.xAxis?.labels || t[15] !== f?.xAxis?.title || t[16] !== f?.yAxis?.axis || t[17] !== f?.yAxis?.labels || t[18] !== P || t[19] !== U || t[20] !== m || t[21] !== a || t[22] !== $ || t[23] !== _ || t[24] !== Z || t[25] !== y || t[26] !== it || t[27] !== c || t[28] !== R || t[29] !== g.bottom || t[30] !== g.left || t[31] !== g.top || t[32] !== O || t[33] !== W || t[34] !== q || t[35] !== Y || t[36] !== V || t[37] !== ct || t[38] !== u || t[39] !== K || t[40] !== xt || t[41] !== Q || t[42] !== St || t[43] !== Tt || t[44] !== I || t[45] !== H || t[46] !== w || t[47] !== et || t[48] !== ut || t[49] !== tt || t[50] !== d?.graphObjectValues || t[51] !== d?.xAxis?.gridLines || t[52] !== d?.xAxis?.labels || t[53] !== d?.xAxis?.title || t[54] !== d?.yAxis?.axis || t[55] !== d?.yAxis?.labels || t[56] !== Xt || t[57] !== Ft || t[58] !== C || t[59] !== n || t[60] !== T) {
+    let M;
+    t[75] !== R ? (M = (o, p) => ({
       ...o,
-      id: O ? `${o.label}` : `${g}`
-    }), t[75] = O, t[76] = k) : k = t[76];
-    const Rt = m.map(k), Mt = Le().domain([G, q]).range([0, _]).nice(), Kt = O || Rt.map(Ki), Dt = ge().domain(Kt).range([0, U ? Math.max(tt, U * Kt.length) : M ? Math.min(tt, M * Kt.length) : tt]).paddingInner(gt), Qt = Mt.ticks(u);
-    D = Zt.svg, R = Bt, lt = `${N}px`, E = `${f}px`, P = `0 0 ${N} ${f}`, pt = "ltr", ft = `translate(${y.left},${y.top})`, Ct = dt ? /* @__PURE__ */ i.jsx(Fe, { values: Qt.filter(Ji), x: Qt.filter(Ui).map((o) => Mt(o)), y1: 0 - Ft, y2: tt + y.bottom, styles: {
+      id: R ? `${o.label}` : `${p}`
+    }), t[75] = R, t[76] = M) : M = t[76];
+    const qt = m.map(M), Nt = Le().domain([Y, W]).range([0, Z]).nice(), Kt = R || qt.map(Ki), jt = ge().domain(Kt).range([0, q ? Math.max(_, q * Kt.length) : O ? Math.min(_, O * Kt.length) : _]).paddingInner(gt), Qt = Nt.ticks(u);
+    j = Zt.svg, G = Bt, nt = `${T}px`, X = `${y}px`, ft = `0 0 ${T} ${y}`, pt = "ltr", ht = `translate(${g.left},${g.top})`, kt = ut ? /* @__PURE__ */ i.jsx(Fe, { values: Qt.filter(Ji), x: Qt.filter(Ui).map((o) => Nt(o)), y1: 0 - Ft, y2: _ + g.bottom, styles: {
       gridLines: d?.xAxis?.gridLines,
       labels: d?.xAxis?.labels
     }, classNames: {
-      gridLines: p?.xAxis?.gridLines,
-      labels: p?.xAxis?.labels
-    }, suffix: Xt, prefix: St, labelType: "secondary", showGridLines: !0, precision: Z }) : null;
-    const Ut = _ / 2, Ht = 0 - y.top + 15, kt = d?.xAxis?.title, qt = p?.xAxis?.title;
-    t[77] !== s || t[78] !== Ut || t[79] !== Ht || t[80] !== kt || t[81] !== qt ? (nt = /* @__PURE__ */ i.jsx(Ce, { x: Ut, y: Ht, style: kt, className: qt, text: s }), t[77] = s, t[78] = Ut, t[79] = Ht, t[80] = kt, t[81] = qt, t[82] = nt) : nt = t[82], t[83] !== J ? (Vt = J.filter(qi).map(Ri), t[83] = J, t[84] = Vt) : Vt = t[84], K = je, vt = Rt.map((o) => _t(Dt(o.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", variants: {
+      gridLines: f?.xAxis?.gridLines,
+      labels: f?.xAxis?.labels
+    }, suffix: Xt, prefix: St, labelType: "secondary", showGridLines: !0, precision: Q }) : null;
+    const Ut = Z / 2, Ht = 0 - g.top + 15, Mt = d?.xAxis?.title, Rt = f?.xAxis?.title;
+    t[77] !== s || t[78] !== Ut || t[79] !== Ht || t[80] !== Mt || t[81] !== Rt ? (ot = /* @__PURE__ */ i.jsx(Ce, { x: Ut, y: Ht, style: Mt, className: Rt, text: s }), t[77] = s, t[78] = Ut, t[79] = Ht, t[80] = Mt, t[81] = Rt, t[82] = ot) : ot = t[82], t[83] !== U ? (Ct = U.filter(qi).map(Ri), t[83] = U, t[84] = Ct) : Ct = t[84], J = je, vt = qt.map((o) => _t(jt(o.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
-        opacity: w ? o.color && z[H.indexOf(o.color)] === w ? 1 : $ : st.length !== 0 ? st.indexOf(o.label) !== -1 ? 0.85 : $ : 0.85
+        opacity: w ? o.color && D[P.indexOf(o.color)] === w ? 1 : $ : it.length !== 0 ? it.indexOf(o.label) !== -1 ? 0.85 : $ : 0.85
       },
       whileInView: {
-        opacity: w ? o.color && z[H.indexOf(o.color)] === w ? 1 : $ : st.length !== 0 ? st.indexOf(o.label) !== -1 ? 0.85 : $ : 0.85,
+        opacity: w ? o.color && D[P.indexOf(o.color)] === w ? 1 : $ : it.length !== 0 ? it.indexOf(o.label) !== -1 ? 0.85 : $ : 0.85,
         transition: {
           duration: x.duration
         }
@@ -777,54 +777,54 @@ function Fi(e) {
       transition: {
         duration: x.duration
       }
-    }, onMouseEnter: (g) => {
-      h(o), ot(g.clientY), jt(g.clientX), mt?.(o);
+    }, onMouseEnter: (p) => {
+      h(o), st(p.clientY), Lt(p.clientX), xt?.(o);
     }, onClick: () => {
-      (Q || a) && (Ae(L, o) && S ? (B(void 0), Q?.(void 0)) : (B(o), Q?.(o)));
-    }, onMouseMove: (g) => {
-      h(o), ot(g.clientY), jt(g.clientX);
+      (K || a) && (Ae(V, o) && I ? (S(void 0), K?.(void 0)) : (S(o), K?.(o)));
+    }, onMouseMove: (p) => {
+      h(o), st(p.clientY), Lt(p.clientX);
     }, onMouseLeave: () => {
-      h(void 0), jt(void 0), ot(void 0), mt?.(void 0);
+      h(void 0), Lt(void 0), st(void 0), xt?.(void 0);
     }, children: [
       o.size ? /* @__PURE__ */ i.jsx(Zt.rect, { variants: {
         initial: {
           width: 0,
-          x: Mt(0),
-          y: Dt(`${o.id}`),
-          fill: m.filter(Wi).length === 0 ? z[0] : o.color ? z[H.indexOf(o.color)] : ce.gray
+          x: Nt(0),
+          y: jt(`${o.id}`),
+          fill: m.filter(Wi).length === 0 ? D[0] : o.color ? D[P.indexOf(o.color)] : ce.gray
         },
         whileInView: {
-          width: o.size >= 0 ? Mt(o.size) - Mt(0) : Mt(0) - Mt(o.size),
-          x: o.size >= 0 ? Mt(0) : Mt(o.size),
-          y: Dt(`${o.id}`),
-          fill: m.filter(Gi).length === 0 ? z[0] : o.color ? z[H.indexOf(o.color)] : ce.gray,
+          width: o.size >= 0 ? Nt(o.size) - Nt(0) : Nt(0) - Nt(o.size),
+          x: o.size >= 0 ? Nt(0) : Nt(o.size),
+          y: jt(`${o.id}`),
+          fill: m.filter(Gi).length === 0 ? D[0] : o.color ? D[P.indexOf(o.color)] : ce.gray,
           transition: {
             duration: x.duration
           }
         }
       }, initial: "initial", animate: c ? "whileInView" : "initial", exit: {
         width: 0,
-        x: Mt(0),
+        x: Nt(0),
         transition: {
           duration: x.duration
         }
-      }, height: Dt.bandwidth() }) : null,
-      it ? /* @__PURE__ */ i.jsx(Pe, { value: `${o.label}`.length < V ? `${o.label}` : `${`${o.label}`.substring(0, V)}...`, y: Dt(o.id) || 0, x: (o.size || 0) < 0 ? Mt(0) : 0 - y.left, width: (o.size || 0) < 0 ? N - Mt(0) : Mt(0) + y.left, height: Dt.bandwidth(), alignment: o.size && o.size < 0 ? "left" : "right", style: d?.yAxis?.labels, className: p?.yAxis?.labels, animate: x, isInView: c }) : null,
-      et ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
+      }, height: jt.bandwidth() }) : null,
+      et ? /* @__PURE__ */ i.jsx(Pe, { value: `${o.label}`.length < C ? `${o.label}` : `${`${o.label}`.substring(0, C)}...`, y: jt(o.id) || 0, x: (o.size || 0) < 0 ? Nt(0) : 0 - g.left, width: (o.size || 0) < 0 ? T - Nt(0) : Nt(0) + g.left, height: jt.bandwidth(), alignment: o.size && o.size < 0 ? "left" : "right", style: d?.yAxis?.labels, className: f?.yAxis?.labels, animate: x, isInView: c }) : null,
+      tt ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
         textAnchor: o.size && o.size < 0 ? "end" : "start",
         ...d?.graphObjectValues || {}
-      }, className: pe("graph-value text-sm", !n && z.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", p?.graphObjectValues), dx: o.size && o.size < 0 ? -5 : 5, dy: "0.33em", variants: {
+      }, className: pe("graph-value text-sm", !n && D.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", f?.graphObjectValues), dx: o.size && o.size < 0 ? -5 : 5, dy: "0.33em", variants: {
         initial: {
-          x: Mt(0),
-          y: Dt(`${o.id}`) + Dt.bandwidth() / 2,
+          x: Nt(0),
+          y: jt(`${o.id}`) + jt.bandwidth() / 2,
           opacity: 0,
-          fill: n || (m.filter(Ei).length === 0 ? z[0] : o.color ? z[H.indexOf(o.color)] : ce.gray)
+          fill: n || (m.filter(Ei).length === 0 ? D[0] : o.color ? D[P.indexOf(o.color)] : ce.gray)
         },
         whileInView: {
-          x: o.size ? Mt(o.size) : Mt(0),
+          x: o.size ? Nt(o.size) : Nt(0),
           opacity: 1,
-          y: Dt(`${o.id}`) + Dt.bandwidth() / 2,
-          fill: n || (m.filter(Yi).length === 0 ? z[0] : o.color ? z[H.indexOf(o.color)] : ce.gray),
+          y: jt(`${o.id}`) + jt.bandwidth() / 2,
+          fill: n || (m.filter(Yi).length === 0 ? D[0] : o.color ? D[P.indexOf(o.color)] : ce.gray),
           transition: {
             duration: x.duration
           }
@@ -834,52 +834,52 @@ function Fi(e) {
         transition: {
           duration: x.duration
         }
-      }, children: ue(o.size, ut, Z, St, Xt) }) : null
+      }, children: ue(o.size, ct, Q, St, Xt) }) : null
     ] }, o.label));
-    const Jt = p?.yAxis?.axis;
-    let I;
-    t[85] !== Jt ? (I = {
+    const Jt = f?.yAxis?.axis;
+    let N;
+    t[85] !== Jt ? (N = {
       axis: Jt
-    }, t[85] = Jt, t[86] = I) : I = t[86];
+    }, t[85] = Jt, t[86] = N) : N = t[86];
     const v = d?.yAxis?.axis;
-    let C;
-    t[87] !== v ? (C = {
+    let k;
+    t[87] !== v ? (k = {
       axis: v
-    }, t[87] = v, t[88] = C) : C = t[88], wt = /* @__PURE__ */ i.jsx(ke, { x1: Mt(G < 0 ? 0 : G), x2: Mt(G < 0 ? 0 : G), y1: -2.5, y2: tt + y.bottom, classNames: I, styles: C }), at = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((o, g) => /* @__PURE__ */ i.jsx(He, { text: o.text, color: o.color, x: Mt(o.value), y1: 0 - y.top, y2: tt + y.bottom, textSide: Mt(o.value) > _ * 0.75 || Y ? "left" : "right", classNames: o.classNames, styles: o.styles, animate: x, isInView: c }, g)) }) : null, t[8] = x, t[9] = s, t[10] = z, t[11] = gt, t[12] = p?.graphObjectValues, t[13] = p?.xAxis?.gridLines, t[14] = p?.xAxis?.labels, t[15] = p?.xAxis?.title, t[16] = p?.yAxis?.axis, t[17] = p?.yAxis?.labels, t[18] = H, t[19] = J, t[20] = m, t[21] = a, t[22] = $, t[23] = tt, t[24] = _, t[25] = f, t[26] = st, t[27] = c, t[28] = O, t[29] = y.bottom, t[30] = y.left, t[31] = y.top, t[32] = M, t[33] = q, t[34] = U, t[35] = G, t[36] = L, t[37] = ut, t[38] = u, t[39] = Q, t[40] = mt, t[41] = Z, t[42] = St, t[43] = Tt, t[44] = S, t[45] = Y, t[46] = w, t[47] = it, t[48] = dt, t[49] = et, t[50] = d?.graphObjectValues, t[51] = d?.xAxis?.gridLines, t[52] = d?.xAxis?.labels, t[53] = d?.xAxis?.title, t[54] = d?.yAxis?.axis, t[55] = d?.yAxis?.labels, t[56] = Xt, t[57] = Ft, t[58] = V, t[59] = n, t[60] = N, t[61] = K, t[62] = D, t[63] = ft, t[64] = Ct, t[65] = nt, t[66] = Vt, t[67] = R, t[68] = lt, t[69] = E, t[70] = P, t[71] = pt, t[72] = vt, t[73] = wt, t[74] = at;
+    }, t[87] = v, t[88] = k) : k = t[88], wt = /* @__PURE__ */ i.jsx(ke, { x1: Nt(Y < 0 ? 0 : Y), x2: Nt(Y < 0 ? 0 : Y), y1: -2.5, y2: _ + g.bottom, classNames: N, styles: k }), lt = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((o, p) => /* @__PURE__ */ i.jsx(He, { text: o.text, color: o.color, x: Nt(o.value), y1: 0 - g.top, y2: _ + g.bottom, textSide: Nt(o.value) > Z * 0.75 || H ? "left" : "right", classNames: o.classNames, styles: o.styles, animate: x, isInView: c }, p)) }) : null, t[8] = x, t[9] = s, t[10] = D, t[11] = gt, t[12] = f?.graphObjectValues, t[13] = f?.xAxis?.gridLines, t[14] = f?.xAxis?.labels, t[15] = f?.xAxis?.title, t[16] = f?.yAxis?.axis, t[17] = f?.yAxis?.labels, t[18] = P, t[19] = U, t[20] = m, t[21] = a, t[22] = $, t[23] = _, t[24] = Z, t[25] = y, t[26] = it, t[27] = c, t[28] = R, t[29] = g.bottom, t[30] = g.left, t[31] = g.top, t[32] = O, t[33] = W, t[34] = q, t[35] = Y, t[36] = V, t[37] = ct, t[38] = u, t[39] = K, t[40] = xt, t[41] = Q, t[42] = St, t[43] = Tt, t[44] = I, t[45] = H, t[46] = w, t[47] = et, t[48] = ut, t[49] = tt, t[50] = d?.graphObjectValues, t[51] = d?.xAxis?.gridLines, t[52] = d?.xAxis?.labels, t[53] = d?.xAxis?.title, t[54] = d?.yAxis?.axis, t[55] = d?.yAxis?.labels, t[56] = Xt, t[57] = Ft, t[58] = C, t[59] = n, t[60] = T, t[61] = J, t[62] = j, t[63] = ht, t[64] = kt, t[65] = ot, t[66] = Ct, t[67] = G, t[68] = nt, t[69] = X, t[70] = ft, t[71] = pt, t[72] = vt, t[73] = wt, t[74] = lt;
   } else
-    K = t[61], D = t[62], ft = t[63], Ct = t[64], nt = t[65], Vt = t[66], R = t[67], lt = t[68], E = t[69], P = t[70], pt = t[71], vt = t[72], wt = t[73], at = t[74];
+    J = t[61], j = t[62], ht = t[63], kt = t[64], ot = t[65], Ct = t[66], G = t[67], nt = t[68], X = t[69], ft = t[70], pt = t[71], vt = t[72], wt = t[73], lt = t[74];
   let At;
-  t[89] !== K || t[90] !== vt || t[91] !== wt || t[92] !== at ? (At = /* @__PURE__ */ i.jsxs(K, { children: [
+  t[89] !== J || t[90] !== vt || t[91] !== wt || t[92] !== lt ? (At = /* @__PURE__ */ i.jsxs(J, { children: [
     vt,
     wt,
-    at
-  ] }), t[89] = K, t[90] = vt, t[91] = wt, t[92] = at, t[93] = At) : At = t[93];
+    lt
+  ] }), t[89] = J, t[90] = vt, t[91] = wt, t[92] = lt, t[93] = At) : At = t[93];
   let $t;
-  t[94] !== J ? ($t = J.filter(Xi).map(Hi), t[94] = J, t[95] = $t) : $t = t[95];
+  t[94] !== U ? ($t = U.filter(Xi).map(Hi), t[94] = U, t[95] = $t) : $t = t[95];
   let Ot;
-  t[96] !== ft || t[97] !== Ct || t[98] !== nt || t[99] !== Vt || t[100] !== At || t[101] !== $t ? (Ot = /* @__PURE__ */ i.jsxs("g", { transform: ft, children: [
+  t[96] !== ht || t[97] !== kt || t[98] !== ot || t[99] !== Ct || t[100] !== At || t[101] !== $t ? (Ot = /* @__PURE__ */ i.jsxs("g", { transform: ht, children: [
+    kt,
+    ot,
     Ct,
-    nt,
-    Vt,
     At,
     $t
-  ] }), t[96] = ft, t[97] = Ct, t[98] = nt, t[99] = Vt, t[100] = At, t[101] = $t, t[102] = Ot) : Ot = t[102];
+  ] }), t[96] = ht, t[97] = kt, t[98] = ot, t[99] = Ct, t[100] = At, t[101] = $t, t[102] = Ot) : Ot = t[102];
   let b;
-  t[103] !== D || t[104] !== R || t[105] !== lt || t[106] !== E || t[107] !== P || t[108] !== pt || t[109] !== Ot ? (b = /* @__PURE__ */ i.jsx(D, { ref: R, width: lt, height: E, viewBox: P, direction: pt, children: Ot }), t[103] = D, t[104] = R, t[105] = lt, t[106] = E, t[107] = P, t[108] = pt, t[109] = Ot, t[110] = b) : b = t[110];
-  let rt;
-  t[111] !== p?.tooltip || t[112] !== A || t[113] !== bt || t[114] !== F || t[115] !== d?.tooltip || t[116] !== xt ? (rt = F && xt && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: F, body: xt, xPos: A, yPos: bt, backgroundStyle: d?.tooltip, className: p?.tooltip }) : null, t[111] = p?.tooltip, t[112] = A, t[113] = bt, t[114] = F, t[115] = d?.tooltip, t[116] = xt, t[117] = rt) : rt = t[117];
+  t[103] !== j || t[104] !== G || t[105] !== nt || t[106] !== X || t[107] !== ft || t[108] !== pt || t[109] !== Ot ? (b = /* @__PURE__ */ i.jsx(j, { ref: G, width: nt, height: X, viewBox: ft, direction: pt, children: Ot }), t[103] = j, t[104] = G, t[105] = nt, t[106] = X, t[107] = ft, t[108] = pt, t[109] = Ot, t[110] = b) : b = t[110];
+  let at;
+  t[111] !== f?.tooltip || t[112] !== A || t[113] !== bt || t[114] !== B || t[115] !== d?.tooltip || t[116] !== dt ? (at = B && dt && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: B, body: dt, xPos: A, yPos: bt, backgroundStyle: d?.tooltip, className: f?.tooltip }) : null, t[111] = f?.tooltip, t[112] = A, t[113] = bt, t[114] = B, t[115] = d?.tooltip, t[116] = dt, t[117] = at) : at = t[117];
   let It;
-  t[118] !== a || t[119] !== L ? (It = a && L !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: L !== void 0, onClose: () => {
-    B(void 0);
+  t[118] !== a || t[119] !== V ? (It = a && V !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: V !== void 0, onClose: () => {
+    S(void 0);
   }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof a == "string" ? {
-    __html: Me(a, L)
-  } : void 0, children: typeof a == "function" ? a(L) : null }) }) : null, t[118] = a, t[119] = L, t[120] = It) : It = t[120];
+    __html: Me(a, V)
+  } : void 0, children: typeof a == "function" ? a(V) : null }) }) : null, t[118] = a, t[119] = V, t[120] = It) : It = t[120];
   let Et;
-  return t[121] !== b || t[122] !== rt || t[123] !== It ? (Et = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  return t[121] !== b || t[122] !== at || t[123] !== It ? (Et = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     b,
-    rt,
+    at,
     It
-  ] }), t[121] = b, t[122] = rt, t[123] = It, t[124] = Et) : Et = t[124], Et;
+  ] }), t[121] = b, t[122] = at, t[123] = It, t[124] = Et) : Et = t[124], Et;
 }
 function Hi(e) {
   return e.layer;
@@ -917,102 +917,102 @@ function Ki(e) {
 function Qi(e) {
   const t = xe.c(133), {
     leftMargin: m,
-    rightMargin: z,
+    rightMargin: D,
     topMargin: Xt,
     bottomMargin: St,
     data: gt,
-    width: et,
-    height: dt,
-    barColor: V,
-    suffix: N,
-    prefix: f,
-    barPadding: H,
-    showLabels: zt,
-    showValues: ct,
-    showTicks: Nt,
-    colorDomain: X,
-    truncateBy: it,
-    tooltip: xt,
-    onSeriesMouseOver: mt,
+    width: tt,
+    height: ut,
+    barColor: C,
+    suffix: T,
+    prefix: y,
+    barPadding: P,
+    showLabels: Dt,
+    showValues: rt,
+    showTicks: zt,
+    colorDomain: F,
+    truncateBy: et,
+    tooltip: dt,
+    onSeriesMouseOver: xt,
     refValues: Tt,
     selectedColor: w,
-    maxValue: st,
-    minValue: q,
-    highlightedDataPoints: G,
-    onSeriesMouseClick: Q,
-    labelOrder: O,
-    maxBarThickness: Y,
-    minBarThickness: M,
-    resetSelectionOnDoubleClick: U,
-    detailsOnClick: S,
+    maxValue: it,
+    minValue: W,
+    highlightedDataPoints: Y,
+    onSeriesMouseClick: K,
+    labelOrder: R,
+    maxBarThickness: H,
+    minBarThickness: O,
+    resetSelectionOnDoubleClick: q,
+    detailsOnClick: I,
     barAxisTitle: a,
     valueColor: s,
     noOfTicks: n,
     styles: u,
     classNames: d,
-    dimmedOpacity: p,
+    dimmedOpacity: f,
     animate: x,
     precision: $,
-    customLayers: Z,
-    naLabel: J
-  } = e, ut = m === void 0 ? 20 : m, Ft = z === void 0 ? 20 : z, Yt = Xt === void 0 ? 20 : Xt, W = St === void 0 ? 25 : St, yt = de(null);
+    customLayers: Q,
+    naLabel: U
+  } = e, ct = m === void 0 ? 20 : m, Ft = D === void 0 ? 20 : D, Yt = Xt === void 0 ? 20 : Xt, E = St === void 0 ? 25 : St, yt = de(null);
   let Bt;
   t[0] !== x.amount || t[1] !== x.once ? (Bt = {
     once: x.once,
     amount: x.amount
   }, t[0] = x.amount, t[1] = x.once, t[2] = Bt) : Bt = t[2];
-  const r = Ve(yt, Bt), c = a ? ut + 30 : ut;
-  let F;
-  t[3] !== W || t[4] !== Ft || t[5] !== c || t[6] !== Yt ? (F = {
+  const r = Ve(yt, Bt), c = a ? ct + 30 : ct;
+  let B;
+  t[3] !== E || t[4] !== Ft || t[5] !== c || t[6] !== Yt ? (B = {
     top: Yt,
-    bottom: W,
+    bottom: E,
     left: c,
     right: Ft
-  }, t[3] = W, t[4] = Ft, t[5] = c, t[6] = Yt, t[7] = F) : F = t[7];
-  const h = F, [L, B] = Wt(void 0), [A, jt] = Wt(void 0), [bt, ot] = Wt(void 0), [ht, j] = Wt(void 0), y = et - h.left - h.right, _ = dt - h.top - h.bottom;
-  let tt, K, D, ft, Ct, nt, Vt, R, lt, E, P, pt, vt, wt;
-  if (t[8] !== x || t[9] !== a || t[10] !== V || t[11] !== H || t[12] !== d?.graphObjectValues || t[13] !== d?.xAxis?.axis || t[14] !== d?.xAxis?.labels || t[15] !== d?.yAxis?.gridLines || t[16] !== d?.yAxis?.labels || t[17] !== d?.yAxis?.title || t[18] !== X || t[19] !== Z || t[20] !== gt || t[21] !== S || t[22] !== p || t[23] !== _ || t[24] !== y || t[25] !== dt || t[26] !== G || t[27] !== r || t[28] !== O || t[29] !== ut || t[30] !== h.bottom || t[31] !== h.left || t[32] !== h.right || t[33] !== h.top || t[34] !== Y || t[35] !== st || t[36] !== M || t[37] !== q || t[38] !== A || t[39] !== J || t[40] !== n || t[41] !== Q || t[42] !== mt || t[43] !== $ || t[44] !== f || t[45] !== Tt || t[46] !== U || t[47] !== w || t[48] !== zt || t[49] !== Nt || t[50] !== ct || t[51] !== u?.graphObjectValues || t[52] !== u?.xAxis?.axis || t[53] !== u?.xAxis?.labels || t[54] !== u?.yAxis?.gridLines || t[55] !== u?.yAxis?.labels || t[56] !== u?.yAxis?.title || t[57] !== N || t[58] !== it || t[59] !== s || t[60] !== et) {
-    const Et = Le().domain([q, st]).range([_, 0]).nice();
-    let k;
-    t[75] !== O ? (k = (l, ie) => ({
+  }, t[3] = E, t[4] = Ft, t[5] = c, t[6] = Yt, t[7] = B) : B = t[7];
+  const h = B, [V, S] = Wt(void 0), [A, Lt] = Wt(void 0), [bt, st] = Wt(void 0), [mt, L] = Wt(void 0), g = tt - h.left - h.right, Z = ut - h.top - h.bottom;
+  let _, J, j, ht, kt, ot, Ct, G, nt, X, ft, pt, vt, wt;
+  if (t[8] !== x || t[9] !== a || t[10] !== C || t[11] !== P || t[12] !== d?.graphObjectValues || t[13] !== d?.xAxis?.axis || t[14] !== d?.xAxis?.labels || t[15] !== d?.yAxis?.gridLines || t[16] !== d?.yAxis?.labels || t[17] !== d?.yAxis?.title || t[18] !== F || t[19] !== Q || t[20] !== gt || t[21] !== I || t[22] !== f || t[23] !== Z || t[24] !== g || t[25] !== ut || t[26] !== Y || t[27] !== r || t[28] !== R || t[29] !== ct || t[30] !== h.bottom || t[31] !== h.left || t[32] !== h.right || t[33] !== h.top || t[34] !== H || t[35] !== it || t[36] !== O || t[37] !== W || t[38] !== A || t[39] !== U || t[40] !== n || t[41] !== K || t[42] !== xt || t[43] !== $ || t[44] !== y || t[45] !== Tt || t[46] !== q || t[47] !== w || t[48] !== Dt || t[49] !== zt || t[50] !== rt || t[51] !== u?.graphObjectValues || t[52] !== u?.xAxis?.axis || t[53] !== u?.xAxis?.labels || t[54] !== u?.yAxis?.gridLines || t[55] !== u?.yAxis?.labels || t[56] !== u?.yAxis?.title || t[57] !== T || t[58] !== et || t[59] !== s || t[60] !== tt) {
+    const Et = Le().domain([W, it]).range([Z, 0]).nice();
+    let M;
+    t[75] !== R ? (M = (l, ie) => ({
       ...l,
-      id: O ? `${l.label}` : `${ie}`
-    }), t[75] = O, t[76] = k) : k = t[76];
-    const Rt = gt.map(k), Mt = O || Rt.map(rs), Kt = ge().domain(Mt).range([0, M ? Math.max(y, M * Mt.length) : Y ? Math.min(y, Y * Mt.length) : y]).paddingInner(H), Dt = Et.ticks(n);
-    K = Zt.svg, Vt = yt, R = `${et}px`, lt = `${dt}px`, E = `0 0 ${et} ${dt}`, P = "ltr", wt = `translate(${h.left},${h.top})`;
-    const Qt = Et(q < 0 ? 0 : q), Ut = Et(q < 0 ? 0 : q), Ht = q < 0 ? 0 : q;
-    let kt;
-    t[77] !== J || t[78] !== $ || t[79] !== f || t[80] !== N || t[81] !== Ht ? (kt = ue(Ht, J, $, f, N), t[77] = J, t[78] = $, t[79] = f, t[80] = N, t[81] = Ht, t[82] = kt) : kt = t[82];
-    const qt = d?.xAxis?.axis, Jt = d?.yAxis?.labels;
-    let I;
-    t[83] !== qt || t[84] !== Jt ? (I = {
-      axis: qt,
+      id: R ? `${l.label}` : `${ie}`
+    }), t[75] = R, t[76] = M) : M = t[76];
+    const qt = gt.map(M), Nt = R || qt.map(rs), Kt = ge().domain(Nt).range([0, O ? Math.max(g, O * Nt.length) : H ? Math.min(g, H * Nt.length) : g]).paddingInner(P), jt = Et.ticks(n);
+    J = Zt.svg, Ct = yt, G = `${tt}px`, nt = `${ut}px`, X = `0 0 ${tt} ${ut}`, ft = "ltr", wt = `translate(${h.left},${h.top})`;
+    const Qt = Et(W < 0 ? 0 : W), Ut = Et(W < 0 ? 0 : W), Ht = W < 0 ? 0 : W;
+    let Mt;
+    t[77] !== U || t[78] !== $ || t[79] !== y || t[80] !== T || t[81] !== Ht ? (Mt = ue(Ht, U, $, y, T), t[77] = U, t[78] = $, t[79] = y, t[80] = T, t[81] = Ht, t[82] = Mt) : Mt = t[82];
+    const Rt = d?.xAxis?.axis, Jt = d?.yAxis?.labels;
+    let N;
+    t[83] !== Rt || t[84] !== Jt ? (N = {
+      axis: Rt,
       label: Jt
-    }, t[83] = qt, t[84] = Jt, t[85] = I) : I = t[85];
-    const v = u?.xAxis?.axis, C = u?.yAxis?.labels;
+    }, t[83] = Rt, t[84] = Jt, t[85] = N) : N = t[85];
+    const v = u?.xAxis?.axis, k = u?.yAxis?.labels;
     let o;
-    t[86] !== v || t[87] !== C ? (o = {
+    t[86] !== v || t[87] !== k ? (o = {
       axis: v,
-      label: C
-    }, t[86] = v, t[87] = C, t[88] = o) : o = t[88], D = /* @__PURE__ */ i.jsx(ke, { y1: Qt, y2: Ut, x1: 0 - ut, x2: y + h.right, label: kt, labelPos: {
-      x: 0 - ut,
+      label: k
+    }, t[86] = v, t[87] = k, t[88] = o) : o = t[88], j = /* @__PURE__ */ i.jsx(ke, { y1: Qt, y2: Ut, x1: 0 - ct, x2: g + h.right, label: Mt, labelPos: {
+      x: 0 - ct,
       dx: 0,
-      dy: st < 0 ? "1em" : -5,
-      y: Et(q < 0 ? 0 : q)
-    }, classNames: I, styles: o }), ft = Nt ? /* @__PURE__ */ i.jsx(Ye, { values: Dt.filter(as), y: Dt.filter(ls).map((l) => Et(l)), x1: 0 - ut, x2: y + h.right, styles: {
+      dy: it < 0 ? "1em" : -5,
+      y: Et(W < 0 ? 0 : W)
+    }, classNames: N, styles: o }), ht = zt ? /* @__PURE__ */ i.jsx(Ye, { values: jt.filter(as), y: jt.filter(ls).map((l) => Et(l)), x1: 0 - ct, x2: g + h.right, styles: {
       gridLines: u?.yAxis?.gridLines,
       labels: u?.yAxis?.labels
     }, classNames: {
       gridLines: d?.yAxis?.gridLines,
       labels: d?.yAxis?.labels
-    }, suffix: N, prefix: f, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: $ }) : null;
-    const g = 0 - ut - 15, ee = _ / 2, T = u?.yAxis?.title, Lt = d?.yAxis?.title;
-    t[89] !== a || t[90] !== g || t[91] !== ee || t[92] !== T || t[93] !== Lt ? (Ct = /* @__PURE__ */ i.jsx(Ce, { x: g, y: ee, style: T, className: Lt, text: a, rotate90: !0 }), t[89] = a, t[90] = g, t[91] = ee, t[92] = T, t[93] = Lt, t[94] = Ct) : Ct = t[94], t[95] !== Z ? (nt = Z.filter(ns).map(os), t[95] = Z, t[96] = nt) : nt = t[96], tt = je, pt = Rt.map((l, ie) => _t(Kt(l.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", initial: "initial", animate: r ? "whileInView" : "initial", variants: {
+    }, suffix: T, prefix: y, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: $ }) : null;
+    const p = 0 - ct - 15, ee = Z / 2, z = u?.yAxis?.title, Vt = d?.yAxis?.title;
+    t[89] !== a || t[90] !== p || t[91] !== ee || t[92] !== z || t[93] !== Vt ? (kt = /* @__PURE__ */ i.jsx(Ce, { x: p, y: ee, style: z, className: Vt, text: a, rotate90: !0 }), t[89] = a, t[90] = p, t[91] = ee, t[92] = z, t[93] = Vt, t[94] = kt) : kt = t[94], t[95] !== Q ? (ot = Q.filter(ns).map(os), t[95] = Q, t[96] = ot) : ot = t[96], _ = je, pt = qt.map((l, ie) => _t(Kt(l.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-g-with-hover", initial: "initial", animate: r ? "whileInView" : "initial", variants: {
       initial: {
-        opacity: w ? l.color && V[X.indexOf(l.color)] === w ? 1 : p : G.length !== 0 ? G.indexOf(l.label) !== -1 ? 0.85 : p : 0.85
+        opacity: w ? l.color && C[F.indexOf(l.color)] === w ? 1 : f : Y.length !== 0 ? Y.indexOf(l.label) !== -1 ? 0.85 : f : 0.85
       },
       whileInView: {
-        opacity: w ? l.color && V[X.indexOf(l.color)] === w ? 1 : p : G.length !== 0 ? G.indexOf(l.label) !== -1 ? 0.85 : p : 0.85,
+        opacity: w ? l.color && C[F.indexOf(l.color)] === w ? 1 : f : Y.length !== 0 ? Y.indexOf(l.label) !== -1 ? 0.85 : f : 0.85,
         transition: {
           duration: x.duration
         }
@@ -1023,26 +1023,26 @@ function Qi(e) {
         duration: x.duration
       }
     }, onMouseEnter: (se) => {
-      B(l), j(se.clientY), ot(se.clientX), mt?.(l);
+      S(l), L(se.clientY), st(se.clientX), xt?.(l);
     }, onClick: () => {
-      (Q || S) && (Ae(A, l) && U ? (jt(void 0), Q?.(void 0)) : (jt(l), Q?.(l)));
+      (K || I) && (Ae(A, l) && q ? (Lt(void 0), K?.(void 0)) : (Lt(l), K?.(l)));
     }, onMouseMove: (se) => {
-      B(l), j(se.clientY), ot(se.clientX);
+      S(l), L(se.clientY), st(se.clientX);
     }, onMouseLeave: () => {
-      B(void 0), ot(void 0), j(void 0), mt?.(void 0);
+      S(void 0), st(void 0), L(void 0), xt?.(void 0);
     }, children: [
       l.size ? /* @__PURE__ */ i.jsx(Zt.rect, { width: Kt.bandwidth(), initial: "initial", animate: r ? "whileInView" : "initial", variants: {
         initial: {
           height: 0,
           x: Kt(`${l.id}`),
           y: Et(0),
-          fill: gt.filter(ss).length === 0 ? V[0] : l.color ? V[X.indexOf(l.color)] : ce.gray
+          fill: gt.filter(ss).length === 0 ? C[0] : l.color ? C[F.indexOf(l.color)] : ce.gray
         },
         whileInView: {
           height: l.size ? Math.abs(Et(l.size) - Et(0)) : 0,
           y: l.size && l.size > 0 ? Et(l.size) : Et(0),
           x: Kt(`${l.id}`),
-          fill: gt.filter(is).length === 0 ? V[0] : l.color ? V[X.indexOf(l.color)] : ce.gray,
+          fill: gt.filter(is).length === 0 ? C[0] : l.color ? C[F.indexOf(l.color)] : ce.gray,
           transition: {
             duration: x.duration
           }
@@ -1054,21 +1054,21 @@ function Qi(e) {
           duration: x.duration
         }
       } }) : null,
-      zt ? /* @__PURE__ */ i.jsx(Ee, { value: `${l.label}`.length < it ? `${l.label}` : `${`${l.label}`.substring(0, it)}...`, y: (l.size || 0) < 0 ? 0 : Et(0) + 5, x: Kt(`${l.id}`), width: Kt.bandwidth(), height: (l.size || 0) < 0 ? Et(0) - 5 : h.bottom, style: u?.xAxis?.labels, className: d?.xAxis?.labels, alignment: (l.size || 0) < 0 ? "bottom" : "top", animate: x, isInView: r }) : null,
-      ct ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
+      Dt ? /* @__PURE__ */ i.jsx(Ee, { value: `${l.label}`.length < et ? `${l.label}` : `${`${l.label}`.substring(0, et)}...`, y: (l.size || 0) < 0 ? 0 : Et(0) + 5, x: Kt(`${l.id}`), width: Kt.bandwidth(), height: (l.size || 0) < 0 ? Et(0) - 5 : h.bottom, style: u?.xAxis?.labels, className: d?.xAxis?.labels, alignment: (l.size || 0) < 0 ? "bottom" : "top", animate: x, isInView: r }) : null,
+      rt ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
         textAnchor: "middle",
         ...u?.graphObjectValues || {}
-      }, className: pe("graph-value text-sm", !s && V.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", d?.graphObjectValues), dy: l.size ? l.size >= 0 ? "-5px" : "1em" : "-5px", variants: {
+      }, className: pe("graph-value text-sm", !s && C.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", d?.graphObjectValues), dy: l.size ? l.size >= 0 ? "-5px" : "1em" : "-5px", variants: {
         initial: {
           x: Kt(`${l.id}`) + Kt.bandwidth() / 2,
           y: Et(0),
           opacity: 0,
-          fill: s || (gt.filter(es).length === 0 ? V[0] : l.color ? V[X.indexOf(l.color)] : ce.gray)
+          fill: s || (gt.filter(es).length === 0 ? C[0] : l.color ? C[F.indexOf(l.color)] : ce.gray)
         },
         whileInView: {
           x: Kt(`${l.id}`) + Kt.bandwidth() / 2,
           y: Et(l.size || 0),
-          fill: s || (gt.filter(ts).length === 0 ? V[0] : l.color ? V[X.indexOf(l.color)] : ce.gray),
+          fill: s || (gt.filter(ts).length === 0 ? C[0] : l.color ? C[F.indexOf(l.color)] : ce.gray),
           opacity: 1,
           transition: {
             duration: x.duration
@@ -1079,42 +1079,42 @@ function Qi(e) {
         transition: {
           duration: x.duration
         }
-      }, children: ue(l.size, J, $, f, N) }) : null
-    ] }, l.label)), vt = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((l, ie) => /* @__PURE__ */ i.jsx(Xe, { text: l.text, color: l.color, y: Et(l.value), x1: 0 - ut, x2: y + h.right, classNames: l.classNames, styles: l.styles, animate: x, isInView: r }, ie)) }) : null, t[8] = x, t[9] = a, t[10] = V, t[11] = H, t[12] = d?.graphObjectValues, t[13] = d?.xAxis?.axis, t[14] = d?.xAxis?.labels, t[15] = d?.yAxis?.gridLines, t[16] = d?.yAxis?.labels, t[17] = d?.yAxis?.title, t[18] = X, t[19] = Z, t[20] = gt, t[21] = S, t[22] = p, t[23] = _, t[24] = y, t[25] = dt, t[26] = G, t[27] = r, t[28] = O, t[29] = ut, t[30] = h.bottom, t[31] = h.left, t[32] = h.right, t[33] = h.top, t[34] = Y, t[35] = st, t[36] = M, t[37] = q, t[38] = A, t[39] = J, t[40] = n, t[41] = Q, t[42] = mt, t[43] = $, t[44] = f, t[45] = Tt, t[46] = U, t[47] = w, t[48] = zt, t[49] = Nt, t[50] = ct, t[51] = u?.graphObjectValues, t[52] = u?.xAxis?.axis, t[53] = u?.xAxis?.labels, t[54] = u?.yAxis?.gridLines, t[55] = u?.yAxis?.labels, t[56] = u?.yAxis?.title, t[57] = N, t[58] = it, t[59] = s, t[60] = et, t[61] = tt, t[62] = K, t[63] = D, t[64] = ft, t[65] = Ct, t[66] = nt, t[67] = Vt, t[68] = R, t[69] = lt, t[70] = E, t[71] = P, t[72] = pt, t[73] = vt, t[74] = wt;
+      }, children: ue(l.size, U, $, y, T) }) : null
+    ] }, l.label)), vt = Tt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: Tt.map((l, ie) => /* @__PURE__ */ i.jsx(Xe, { text: l.text, color: l.color, y: Et(l.value), x1: 0 - ct, x2: g + h.right, classNames: l.classNames, styles: l.styles, animate: x, isInView: r }, ie)) }) : null, t[8] = x, t[9] = a, t[10] = C, t[11] = P, t[12] = d?.graphObjectValues, t[13] = d?.xAxis?.axis, t[14] = d?.xAxis?.labels, t[15] = d?.yAxis?.gridLines, t[16] = d?.yAxis?.labels, t[17] = d?.yAxis?.title, t[18] = F, t[19] = Q, t[20] = gt, t[21] = I, t[22] = f, t[23] = Z, t[24] = g, t[25] = ut, t[26] = Y, t[27] = r, t[28] = R, t[29] = ct, t[30] = h.bottom, t[31] = h.left, t[32] = h.right, t[33] = h.top, t[34] = H, t[35] = it, t[36] = O, t[37] = W, t[38] = A, t[39] = U, t[40] = n, t[41] = K, t[42] = xt, t[43] = $, t[44] = y, t[45] = Tt, t[46] = q, t[47] = w, t[48] = Dt, t[49] = zt, t[50] = rt, t[51] = u?.graphObjectValues, t[52] = u?.xAxis?.axis, t[53] = u?.xAxis?.labels, t[54] = u?.yAxis?.gridLines, t[55] = u?.yAxis?.labels, t[56] = u?.yAxis?.title, t[57] = T, t[58] = et, t[59] = s, t[60] = tt, t[61] = _, t[62] = J, t[63] = j, t[64] = ht, t[65] = kt, t[66] = ot, t[67] = Ct, t[68] = G, t[69] = nt, t[70] = X, t[71] = ft, t[72] = pt, t[73] = vt, t[74] = wt;
   } else
-    tt = t[61], K = t[62], D = t[63], ft = t[64], Ct = t[65], nt = t[66], Vt = t[67], R = t[68], lt = t[69], E = t[70], P = t[71], pt = t[72], vt = t[73], wt = t[74];
-  let at;
-  t[97] !== tt || t[98] !== pt || t[99] !== vt ? (at = /* @__PURE__ */ i.jsxs(tt, { children: [
+    _ = t[61], J = t[62], j = t[63], ht = t[64], kt = t[65], ot = t[66], Ct = t[67], G = t[68], nt = t[69], X = t[70], ft = t[71], pt = t[72], vt = t[73], wt = t[74];
+  let lt;
+  t[97] !== _ || t[98] !== pt || t[99] !== vt ? (lt = /* @__PURE__ */ i.jsxs(_, { children: [
     pt,
     vt
-  ] }), t[97] = tt, t[98] = pt, t[99] = vt, t[100] = at) : at = t[100];
+  ] }), t[97] = _, t[98] = pt, t[99] = vt, t[100] = lt) : lt = t[100];
   let At;
-  t[101] !== Z ? (At = Z.filter(_i).map(Zi), t[101] = Z, t[102] = At) : At = t[102];
+  t[101] !== Q ? (At = Q.filter(_i).map(Zi), t[101] = Q, t[102] = At) : At = t[102];
   let $t;
-  t[103] !== D || t[104] !== ft || t[105] !== Ct || t[106] !== nt || t[107] !== at || t[108] !== At || t[109] !== wt ? ($t = /* @__PURE__ */ i.jsxs("g", { transform: wt, children: [
-    D,
-    ft,
-    Ct,
-    nt,
-    at,
+  t[103] !== j || t[104] !== ht || t[105] !== kt || t[106] !== ot || t[107] !== lt || t[108] !== At || t[109] !== wt ? ($t = /* @__PURE__ */ i.jsxs("g", { transform: wt, children: [
+    j,
+    ht,
+    kt,
+    ot,
+    lt,
     At
-  ] }), t[103] = D, t[104] = ft, t[105] = Ct, t[106] = nt, t[107] = at, t[108] = At, t[109] = wt, t[110] = $t) : $t = t[110];
+  ] }), t[103] = j, t[104] = ht, t[105] = kt, t[106] = ot, t[107] = lt, t[108] = At, t[109] = wt, t[110] = $t) : $t = t[110];
   let Ot;
-  t[111] !== K || t[112] !== Vt || t[113] !== R || t[114] !== lt || t[115] !== E || t[116] !== P || t[117] !== $t ? (Ot = /* @__PURE__ */ i.jsx(K, { ref: Vt, width: R, height: lt, viewBox: E, direction: P, children: $t }), t[111] = K, t[112] = Vt, t[113] = R, t[114] = lt, t[115] = E, t[116] = P, t[117] = $t, t[118] = Ot) : Ot = t[118];
+  t[111] !== J || t[112] !== Ct || t[113] !== G || t[114] !== nt || t[115] !== X || t[116] !== ft || t[117] !== $t ? (Ot = /* @__PURE__ */ i.jsx(J, { ref: Ct, width: G, height: nt, viewBox: X, direction: ft, children: $t }), t[111] = J, t[112] = Ct, t[113] = G, t[114] = nt, t[115] = X, t[116] = ft, t[117] = $t, t[118] = Ot) : Ot = t[118];
   let b;
-  t[119] !== d?.tooltip || t[120] !== bt || t[121] !== ht || t[122] !== L || t[123] !== u?.tooltip || t[124] !== xt ? (b = L && xt && bt && ht ? /* @__PURE__ */ i.jsx(Oe, { data: L, body: xt, xPos: bt, yPos: ht, backgroundStyle: u?.tooltip, className: d?.tooltip }) : null, t[119] = d?.tooltip, t[120] = bt, t[121] = ht, t[122] = L, t[123] = u?.tooltip, t[124] = xt, t[125] = b) : b = t[125];
-  let rt;
-  t[126] !== S || t[127] !== A ? (rt = S && A !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: A !== void 0, onClose: () => {
-    jt(void 0);
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof S == "string" ? {
-    __html: Me(S, A)
-  } : void 0, children: typeof S == "function" ? S(A) : null }) }) : null, t[126] = S, t[127] = A, t[128] = rt) : rt = t[128];
+  t[119] !== d?.tooltip || t[120] !== bt || t[121] !== mt || t[122] !== V || t[123] !== u?.tooltip || t[124] !== dt ? (b = V && dt && bt && mt ? /* @__PURE__ */ i.jsx(Oe, { data: V, body: dt, xPos: bt, yPos: mt, backgroundStyle: u?.tooltip, className: d?.tooltip }) : null, t[119] = d?.tooltip, t[120] = bt, t[121] = mt, t[122] = V, t[123] = u?.tooltip, t[124] = dt, t[125] = b) : b = t[125];
+  let at;
+  t[126] !== I || t[127] !== A ? (at = I && A !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: A !== void 0, onClose: () => {
+    Lt(void 0);
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof I == "string" ? {
+    __html: Me(I, A)
+  } : void 0, children: typeof I == "function" ? I(A) : null }) }) : null, t[126] = I, t[127] = A, t[128] = at) : at = t[128];
   let It;
-  return t[129] !== Ot || t[130] !== b || t[131] !== rt ? (It = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+  return t[129] !== Ot || t[130] !== b || t[131] !== at ? (It = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     Ot,
     b,
-    rt
-  ] }), t[129] = Ot, t[130] = b, t[131] = rt, t[132] = It) : It = t[132], It;
+    at
+  ] }), t[129] = Ot, t[130] = b, t[131] = at, t[132] = It) : It = t[132], It;
 }
 function Zi(e) {
   return e.layer;
@@ -1152,109 +1152,109 @@ function rs(e) {
 function cs(e) {
   const t = xe.c(43), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     suffix: St,
     sources: gt,
-    prefix: et,
-    graphDescription: dt,
-    barPadding: V,
-    showValues: N,
-    showTicks: f,
-    truncateBy: H,
-    height: zt,
-    width: ct,
-    footNote: Nt,
-    colorDomain: X,
-    colorLegendTitle: it,
-    highlightedDataPoints: xt,
-    padding: mt,
+    prefix: tt,
+    graphDescription: ut,
+    barPadding: C,
+    showValues: T,
+    showTicks: y,
+    truncateBy: P,
+    height: Dt,
+    width: rt,
+    footNote: zt,
+    colorDomain: F,
+    colorLegendTitle: et,
+    highlightedDataPoints: dt,
+    padding: xt,
     backgroundColor: Tt,
     topMargin: w,
-    bottomMargin: st,
-    leftMargin: q,
-    rightMargin: G,
-    showLabels: Q,
-    relativeHeight: O,
-    tooltip: Y,
-    onSeriesMouseOver: M,
-    refValues: U,
-    showColorScale: S,
+    bottomMargin: it,
+    leftMargin: W,
+    rightMargin: Y,
+    showLabels: K,
+    relativeHeight: R,
+    tooltip: H,
+    onSeriesMouseOver: O,
+    refValues: q,
+    showColorScale: I,
     graphID: a,
     maxValue: s,
     minValue: n,
     onSeriesMouseClick: u,
     graphDownload: d,
-    dataDownload: p,
+    dataDownload: f,
     sortData: x,
     labelOrder: $,
-    language: Z,
-    showNAColor: J,
-    minHeight: ut,
+    language: Q,
+    showNAColor: U,
+    minHeight: ct,
     theme: Ft,
     maxBarThickness: Yt,
-    maxNumberOfBars: W,
+    maxNumberOfBars: E,
     minBarThickness: yt,
     ariaLabel: Bt,
     resetSelectionOnDoubleClick: r,
     detailsOnClick: c,
-    barAxisTitle: F,
+    barAxisTitle: B,
     noOfTicks: h,
-    valueColor: L,
-    styles: B,
+    valueColor: V,
+    styles: S,
     classNames: A,
-    filterNA: jt,
+    filterNA: Lt,
     animate: bt,
-    dimmedOpacity: ot,
-    precision: ht,
-    customLayers: j,
-    timeline: y,
-    naLabel: _,
-    orientation: tt
-  } = e, K = St === void 0 ? "" : St, D = et === void 0 ? "" : et, ft = V === void 0 ? 0.25 : V, Ct = N === void 0 ? !0 : N, nt = f === void 0 ? !0 : f, Vt = H === void 0 ? 999 : H;
-  let R;
-  t[0] !== xt ? (R = xt === void 0 ? [] : xt, t[0] = xt, t[1] = R) : R = t[1];
-  const lt = R, E = Tt === void 0 ? !1 : Tt, P = Q === void 0 ? !0 : Q, pt = S === void 0 ? !0 : S, vt = d === void 0 ? !1 : d, wt = p === void 0 ? !1 : p, at = Z === void 0 ? "en" : Z, At = J === void 0 ? !0 : J, $t = ut === void 0 ? 0 : ut, Ot = Ft === void 0 ? "light" : Ft, b = r === void 0 ? !0 : r, rt = h === void 0 ? 5 : h, It = jt === void 0 ? !0 : jt, Et = bt === void 0 ? !1 : bt, k = ot === void 0 ? 0.3 : ot, Rt = ht === void 0 ? 2 : ht;
-  let Mt;
-  t[2] !== j ? (Mt = j === void 0 ? [] : j, t[2] = j, t[3] = Mt) : Mt = t[3];
-  const Kt = Mt, Dt = y === void 0 ? {
+    dimmedOpacity: st,
+    precision: mt,
+    customLayers: L,
+    timeline: g,
+    naLabel: Z,
+    orientation: _
+  } = e, J = St === void 0 ? "" : St, j = tt === void 0 ? "" : tt, ht = C === void 0 ? 0.25 : C, kt = T === void 0 ? !0 : T, ot = y === void 0 ? !0 : y, Ct = P === void 0 ? 999 : P;
+  let G;
+  t[0] !== dt ? (G = dt === void 0 ? [] : dt, t[0] = dt, t[1] = G) : G = t[1];
+  const nt = G, X = Tt === void 0 ? !1 : Tt, ft = K === void 0 ? !0 : K, pt = I === void 0 ? !0 : I, vt = d === void 0 ? !1 : d, wt = f === void 0 ? !1 : f, lt = Q === void 0 ? "en" : Q, At = U === void 0 ? !0 : U, $t = ct === void 0 ? 0 : ct, Ot = Ft === void 0 ? "light" : Ft, b = r === void 0 ? !0 : r, at = h === void 0 ? 5 : h, It = Lt === void 0 ? !0 : Lt, Et = bt === void 0 ? !1 : bt, M = st === void 0 ? 0.3 : st, qt = mt === void 0 ? 2 : mt;
+  let Nt;
+  t[2] !== L ? (Nt = L === void 0 ? [] : L, t[2] = L, t[3] = Nt) : Nt = t[3];
+  const Kt = Nt, jt = g === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : y, Qt = _ === void 0 ? "NA" : _, Ut = tt === void 0 ? "vertical" : tt, Ht = Ut === "horizontal" ? Fi : Qi, [kt, qt] = Wt(0), [Jt, I] = Wt(0), [v, C] = Wt(Dt.autoplay), o = Ze(De(m, "date", !0).map((te) => Be(`${te}`, Dt.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), ks), [g, ee] = Wt(Dt.autoplay ? 0 : o.length - 1), [T, Lt] = Wt(void 0), l = de(null), ie = de(null);
+  } : g, Qt = Z === void 0 ? "NA" : Z, Ut = _ === void 0 ? "vertical" : _, Ht = Ut === "horizontal" ? Fi : Qi, [Mt, Rt] = Wt(0), [Jt, N] = Wt(0), [v, k] = Wt(jt.autoplay), o = Ze(De(m, "date", !0).map((te) => Be(`${te}`, jt.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), ks), [p, ee] = Wt(jt.autoplay ? 0 : o.length - 1), [z, Vt] = Wt(void 0), l = de(null), ie = de(null);
   let se, me;
   t[4] === Symbol.for("react.memo_cache_sentinel") ? (se = () => {
     const te = new ResizeObserver((he) => {
-      qt(he[0].target.clientWidth || 620), I(he[0].target.clientHeight || 480);
+      Rt(he[0].target.clientWidth || 620), N(he[0].target.clientHeight || 480);
     });
     return l.current && te.observe(l.current), () => te.disconnect();
   }, me = [], t[4] = se, t[5] = me) : (se = t[4], me = t[5]), we(se, me), we(() => {
     const te = setInterval(() => {
       ee((he) => he < o.length - 1 ? he + 1 : 0);
-    }, (Dt.speed || 2) * 1e3);
+    }, (jt.speed || 2) * 1e3);
     return v || clearInterval(te), () => clearInterval(te);
-  }, [o, v, Dt.speed]);
-  const fe = Ie(o, g, Dt.showOnlyActiveDate, Dt.dateFormat || "yyyy"), re = Qe, oe = A?.graphContainer, le = B?.graphContainer;
+  }, [o, v, jt.speed]);
+  const fe = Ie(o, p, jt.showOnlyActiveDate, jt.dateFormat || "yyyy"), re = Qe, oe = A?.graphContainer, le = S?.graphContainer;
   let Gt;
-  t[6] !== A?.description || t[7] !== A?.title || t[8] !== m || t[9] !== wt || t[10] !== dt || t[11] !== vt || t[12] !== z || t[13] !== B?.description || t[14] !== B?.title || t[15] !== ct ? (Gt = z || dt || vt || wt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
-    title: B?.title,
-    description: B?.description
+  t[6] !== A?.description || t[7] !== A?.title || t[8] !== m || t[9] !== wt || t[10] !== ut || t[11] !== vt || t[12] !== D || t[13] !== S?.description || t[14] !== S?.title || t[15] !== rt ? (Gt = D || ut || vt || wt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
+    title: S?.title,
+    description: S?.description
   }, classNames: {
     title: A?.title,
     description: A?.description
-  }, graphTitle: z, graphDescription: dt, width: ct, graphDownload: vt ? ie : void 0, dataDownload: wt ? m.map(Ms).filter(Os).length > 0 ? m.map($s).filter(As) : m.filter(ws) : null }) : null, t[6] = A?.description, t[7] = A?.title, t[8] = m, t[9] = wt, t[10] = dt, t[11] = vt, t[12] = z, t[13] = B?.description, t[14] = B?.title, t[15] = ct, t[16] = Gt) : Gt = t[16];
-  const Pt = Dt.enabled && o.length > 0 && fe ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center pb-4", dir: "ltr", children: [
+  }, graphTitle: D, graphDescription: ut, width: rt, graphDownload: vt ? ie : void 0, dataDownload: wt ? m.map(Ms).filter(Os).length > 0 ? m.map($s).filter(As) : m.filter(ws) : null }) : null, t[6] = A?.description, t[7] = A?.title, t[8] = m, t[9] = wt, t[10] = ut, t[11] = vt, t[12] = D, t[13] = S?.description, t[14] = S?.title, t[15] = rt, t[16] = Gt) : Gt = t[16];
+  const Pt = jt.enabled && o.length > 0 && fe ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center pb-4", dir: "ltr", children: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
-      C(!v);
+      k(!v);
     }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": v ? "Click to pause animation" : "Click to play animation", children: v ? /* @__PURE__ */ i.jsx(Ue, {}) : /* @__PURE__ */ i.jsx(Je, {}) }),
-    /* @__PURE__ */ i.jsx(Se, { min: o[0], max: o[o.length - 1], marks: fe, step: null, defaultValue: o[o.length - 1], value: o[g], onChangeComplete: (te) => {
+    /* @__PURE__ */ i.jsx(Se, { min: o[0], max: o[o.length - 1], marks: fe, step: null, defaultValue: o[o.length - 1], value: o[p], onChangeComplete: (te) => {
       ee(o.indexOf(te));
     }, onChange: (te) => {
       ee(o.indexOf(te));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, ae = m.length === 0 ? /* @__PURE__ */ i.jsx(qe, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    pt && m.filter(vs).length !== 0 ? /* @__PURE__ */ i.jsx(Re, { width: ct, colorLegendTitle: it, colors: Xt || ce[Ot].categoricalColors.colors, colorDomain: X || De(m, "color", !0), setSelectedColor: Lt, showNAColor: At, className: A?.colorLegend }) : null,
-    /* @__PURE__ */ i.jsx(Ke, { ref: l, children: kt && Jt ? /* @__PURE__ */ i.jsx(Ht, { data: x ? ze(ti(m, Dt.dateFormat || "yyyy").filter((te) => Dt.enabled ? te.date === ye(new Date(o[g]), Dt.dateFormat || "yyyy") : te).filter((te) => It ? !_t(te.size) : te), [(te) => te.size === void 0 ? x === "asc" ? (Ut === "horizontal" ? 1 : -1) * (1 / 0) : (Ut === "horizontal" ? -1 : 1) * (1 / 0) : te.size], [x]).filter((te, he) => W ? he < W : !0) : ti(m, Dt.dateFormat || "yyyy").filter((te) => Dt.enabled ? te.date === ye(new Date(o[g]), Dt.dateFormat || "yyyy") : te).filter((te) => It ? !_t(te.size) : te).filter((te, he) => W ? he < W : !0), barColor: m.filter(bs).length === 0 ? Xt ? [Xt] : [ce.primaryColors["blue-600"]] : Xt || ce[Ot].categoricalColors.colors, colorDomain: m.filter(ys).length === 0 ? [] : X || De(m, "color", !0), selectedColor: T, width: kt, height: Jt, suffix: K, prefix: D, barPadding: ft, showValues: Ct, showTicks: nt, leftMargin: q, rightMargin: G, topMargin: w, bottomMargin: st, truncateBy: Vt, showLabels: P, tooltip: Y, onSeriesMouseOver: M, refValues: U, maxValue: _t(s) ? Math.max(...m.filter(gs).map(ps)) < 0 ? 0 : Math.max(...m.filter(fs).map(hs)) : s, minValue: _t(n) ? Math.min(...m.filter(ms).map(xs)) >= 0 ? 0 : Math.min(...m.filter(ds).map(us)) : n, highlightedDataPoints: lt, onSeriesMouseClick: u, labelOrder: $, rtl: at === "he" || at === "ar", maxBarThickness: Yt, minBarThickness: yt, resetSelectionOnDoubleClick: b, detailsOnClick: c, barAxisTitle: F, noOfTicks: rt, valueColor: L, classNames: A, styles: B, animate: Et === !0 ? {
+    pt && m.filter(vs).length !== 0 ? /* @__PURE__ */ i.jsx(Re, { width: rt, colorLegendTitle: et, colors: Xt || ce[Ot].categoricalColors.colors, colorDomain: F || De(m, "color", !0), setSelectedColor: Vt, showNAColor: At, className: A?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(Ke, { ref: l, children: Mt && Jt ? /* @__PURE__ */ i.jsx(Ht, { data: x ? ze(ti(m, jt.dateFormat || "yyyy").filter((te) => jt.enabled ? te.date === ye(new Date(o[p]), jt.dateFormat || "yyyy") : te).filter((te) => It ? !_t(te.size) : te), [(te) => te.size === void 0 ? x === "asc" ? (Ut === "horizontal" ? 1 : -1) * (1 / 0) : (Ut === "horizontal" ? -1 : 1) * (1 / 0) : te.size], [x]).filter((te, he) => E ? he < E : !0) : ti(m, jt.dateFormat || "yyyy").filter((te) => jt.enabled ? te.date === ye(new Date(o[p]), jt.dateFormat || "yyyy") : te).filter((te) => It ? !_t(te.size) : te).filter((te, he) => E ? he < E : !0), barColor: m.filter(bs).length === 0 ? Xt ? [Xt] : [ce.primaryColors["blue-600"]] : Xt || ce[Ot].categoricalColors.colors, colorDomain: m.filter(ys).length === 0 ? [] : F || De(m, "color", !0), selectedColor: z, width: Mt, height: Jt, suffix: J, prefix: j, barPadding: ht, showValues: kt, showTicks: ot, leftMargin: W, rightMargin: Y, topMargin: w, bottomMargin: it, truncateBy: Ct, showLabels: ft, tooltip: H, onSeriesMouseOver: O, refValues: q, maxValue: _t(s) ? Math.max(...m.filter(gs).map(ps)) < 0 ? 0 : Math.max(...m.filter(fs).map(hs)) : s, minValue: _t(n) ? Math.min(...m.filter(ms).map(xs)) >= 0 ? 0 : Math.min(...m.filter(ds).map(us)) : n, highlightedDataPoints: nt, onSeriesMouseClick: u, labelOrder: $, rtl: lt === "he" || lt === "ar", maxBarThickness: Yt, minBarThickness: yt, resetSelectionOnDoubleClick: b, detailsOnClick: c, barAxisTitle: B, noOfTicks: at, valueColor: V, classNames: A, styles: S, animate: Et === !0 ? {
       duration: 0.5,
       once: !0,
       amount: 0.5
@@ -1262,23 +1262,23 @@ function cs(e) {
       duration: 0,
       once: !0,
       amount: 0
-    }, dimmedOpacity: k, precision: Rt, customLayers: Kt, naLabel: Qt }) : null })
+    }, dimmedOpacity: M, precision: qt, customLayers: Kt, naLabel: Qt }) : null })
   ] });
   let be;
-  t[17] !== A?.footnote || t[18] !== A?.source || t[19] !== Nt || t[20] !== gt || t[21] !== B?.footnote || t[22] !== B?.source || t[23] !== ct ? (be = gt || Nt ? /* @__PURE__ */ i.jsx(We, { sources: gt, footNote: Nt, width: ct, styles: {
-    footnote: B?.footnote,
-    source: B?.source
+  t[17] !== A?.footnote || t[18] !== A?.source || t[19] !== zt || t[20] !== gt || t[21] !== S?.footnote || t[22] !== S?.source || t[23] !== rt ? (be = gt || zt ? /* @__PURE__ */ i.jsx(We, { sources: gt, footNote: zt, width: rt, styles: {
+    footnote: S?.footnote,
+    source: S?.source
   }, classNames: {
     footnote: A?.footnote,
     source: A?.source
-  } }) : null, t[17] = A?.footnote, t[18] = A?.source, t[19] = Nt, t[20] = gt, t[21] = B?.footnote, t[22] = B?.source, t[23] = ct, t[24] = be) : be = t[24];
+  } }) : null, t[17] = A?.footnote, t[18] = A?.source, t[19] = zt, t[20] = gt, t[21] = S?.footnote, t[22] = S?.source, t[23] = rt, t[24] = be) : be = t[24];
   let Ne;
-  return t[25] !== re || t[26] !== Bt || t[27] !== E || t[28] !== a || t[29] !== zt || t[30] !== at || t[31] !== $t || t[32] !== mt || t[33] !== O || t[34] !== oe || t[35] !== le || t[36] !== Gt || t[37] !== Pt || t[38] !== ae || t[39] !== be || t[40] !== Ot || t[41] !== ct ? (Ne = /* @__PURE__ */ i.jsxs(re, { className: oe, style: le, id: a, ref: ie, "aria-label": Bt, backgroundColor: E, theme: Ot, language: at, minHeight: $t, width: ct, height: zt, relativeHeight: O, padding: mt, children: [
+  return t[25] !== re || t[26] !== Bt || t[27] !== X || t[28] !== a || t[29] !== Dt || t[30] !== lt || t[31] !== $t || t[32] !== xt || t[33] !== R || t[34] !== oe || t[35] !== le || t[36] !== Gt || t[37] !== Pt || t[38] !== ae || t[39] !== be || t[40] !== Ot || t[41] !== rt ? (Ne = /* @__PURE__ */ i.jsxs(re, { className: oe, style: le, id: a, ref: ie, "aria-label": Bt, backgroundColor: X, theme: Ot, language: lt, minHeight: $t, width: rt, height: Dt, relativeHeight: R, padding: xt, children: [
     Gt,
     Pt,
     ae,
     be
-  ] }), t[25] = re, t[26] = Bt, t[27] = E, t[28] = a, t[29] = zt, t[30] = at, t[31] = $t, t[32] = mt, t[33] = O, t[34] = oe, t[35] = le, t[36] = Gt, t[37] = Pt, t[38] = ae, t[39] = be, t[40] = Ot, t[41] = ct, t[42] = Ne) : Ne = t[42], Ne;
+  ] }), t[25] = re, t[26] = Bt, t[27] = X, t[28] = a, t[29] = Dt, t[30] = lt, t[31] = $t, t[32] = xt, t[33] = R, t[34] = oe, t[35] = le, t[36] = Gt, t[37] = Pt, t[38] = ae, t[39] = be, t[40] = Ot, t[41] = rt, t[42] = Ne) : Ne = t[42], Ne;
 }
 function us(e) {
   return e.size;
@@ -1334,81 +1334,81 @@ function ks(e, t) {
 function Cs(e) {
   const t = xe.c(122), {
     data: m,
-    barColors: z,
+    barColors: D,
     barPadding: Xt,
     showTicks: St,
     topMargin: gt,
-    bottomMargin: et,
-    leftMargin: dt,
-    rightMargin: V,
-    truncateBy: N,
-    width: f,
-    height: H,
-    tooltip: zt,
-    onSeriesMouseOver: ct,
-    showLabels: Nt,
-    suffix: X,
-    prefix: it,
-    showValues: xt,
-    refValues: mt,
+    bottomMargin: tt,
+    leftMargin: ut,
+    rightMargin: C,
+    truncateBy: T,
+    width: y,
+    height: P,
+    tooltip: Dt,
+    onSeriesMouseOver: rt,
+    showLabels: zt,
+    suffix: F,
+    prefix: et,
+    showValues: dt,
+    refValues: xt,
     maxValue: Tt,
     onSeriesMouseClick: w,
-    selectedColor: st,
-    rtl: q,
-    labelOrder: G,
-    maxBarThickness: Q,
-    minBarThickness: O,
-    resetSelectionOnDoubleClick: Y,
-    detailsOnClick: M,
-    barAxisTitle: U,
-    valueColor: S,
+    selectedColor: it,
+    rtl: W,
+    labelOrder: Y,
+    maxBarThickness: K,
+    minBarThickness: R,
+    resetSelectionOnDoubleClick: H,
+    detailsOnClick: O,
+    barAxisTitle: q,
+    valueColor: I,
     noOfTicks: a,
     styles: s,
     classNames: n,
     animate: u,
     colorDomain: d,
-    precision: p,
+    precision: f,
     customLayers: x,
     naLabel: $
-  } = e, Z = gt === void 0 ? 25 : gt, J = et === void 0 ? 10 : et, ut = dt === void 0 ? 100 : dt, Ft = V === void 0 ? 40 : V, Yt = de(null);
-  let W;
-  t[0] !== u.amount || t[1] !== u.once ? (W = {
+  } = e, Q = gt === void 0 ? 25 : gt, U = tt === void 0 ? 10 : tt, ct = ut === void 0 ? 100 : ut, Ft = C === void 0 ? 40 : C, Yt = de(null);
+  let E;
+  t[0] !== u.amount || t[1] !== u.once ? (E = {
     once: u.once,
     amount: u.amount
-  }, t[0] = u.amount, t[1] = u.once, t[2] = W) : W = t[2];
-  const yt = Ve(Yt, W), Bt = U ? Z + 25 : Z;
+  }, t[0] = u.amount, t[1] = u.once, t[2] = E) : E = t[2];
+  const yt = Ve(Yt, E), Bt = q ? Q + 25 : Q;
   let r;
-  t[3] !== J || t[4] !== ut || t[5] !== Ft || t[6] !== Bt ? (r = {
+  t[3] !== U || t[4] !== ct || t[5] !== Ft || t[6] !== Bt ? (r = {
     top: Bt,
-    bottom: J,
-    left: ut,
+    bottom: U,
+    left: ct,
     right: Ft
-  }, t[3] = J, t[4] = ut, t[5] = Ft, t[6] = Bt, t[7] = r) : r = t[7];
-  const c = r, [F, h] = Wt(void 0), [L, B] = Wt(void 0), [A, jt] = Wt(void 0), [bt, ot] = Wt(void 0), ht = f - c.left - c.right, j = H - c.top - c.bottom;
-  let y, _, tt, K, D, ft, Ct, nt, Vt, R, lt, E, P, pt;
-  if (t[8] !== u || t[9] !== U || t[10] !== z || t[11] !== Xt || t[12] !== n?.graphObjectValues || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.axis || t[17] !== n?.yAxis?.labels || t[18] !== d || t[19] !== x || t[20] !== m || t[21] !== M || t[22] !== j || t[23] !== ht || t[24] !== H || t[25] !== yt || t[26] !== G || t[27] !== c.bottom || t[28] !== c.left || t[29] !== c.top || t[30] !== Q || t[31] !== Tt || t[32] !== O || t[33] !== L || t[34] !== $ || t[35] !== a || t[36] !== w || t[37] !== ct || t[38] !== p || t[39] !== it || t[40] !== mt || t[41] !== Y || t[42] !== q || t[43] !== st || t[44] !== Nt || t[45] !== St || t[46] !== xt || t[47] !== s?.graphObjectValues || t[48] !== s?.xAxis?.gridLines || t[49] !== s?.xAxis?.labels || t[50] !== s?.xAxis?.title || t[51] !== s?.yAxis?.axis || t[52] !== s?.yAxis?.labels || t[53] !== X || t[54] !== Z || t[55] !== N || t[56] !== S || t[57] !== f) {
-    let rt;
-    t[72] !== G ? (rt = (I, v) => ({
-      ...I,
-      id: G ? `${I.label}` : `${v}`
-    }), t[72] = G, t[73] = rt) : rt = t[73];
-    const It = m.map(rt), Et = G || It.map(Ss), k = Le().domain([0, Tt]).range([0, ht]).nice(), Rt = ge().domain(Et).range([0, O ? Math.max(j, O * Et.length) : Q ? Math.min(j, Q * Et.length) : j]).paddingInner(Xt), Mt = k.ticks(a);
-    _ = Zt.svg, Ct = Yt, nt = `${f}px`, Vt = `${H}px`, R = `0 0 ${f} ${H}`, lt = "ltr", tt = `translate(${c.left},${c.top})`, K = St ? /* @__PURE__ */ i.jsx(Fe, { values: Mt.filter(Is), x: Mt.filter(Ts).map((I) => k(I)), y1: 0 - Z, y2: j + c.bottom, styles: {
+  }, t[3] = U, t[4] = ct, t[5] = Ft, t[6] = Bt, t[7] = r) : r = t[7];
+  const c = r, [B, h] = Wt(void 0), [V, S] = Wt(void 0), [A, Lt] = Wt(void 0), [bt, st] = Wt(void 0), mt = y - c.left - c.right, L = P - c.top - c.bottom;
+  let g, Z, _, J, j, ht, kt, ot, Ct, G, nt, X, ft, pt;
+  if (t[8] !== u || t[9] !== q || t[10] !== D || t[11] !== Xt || t[12] !== n?.graphObjectValues || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.axis || t[17] !== n?.yAxis?.labels || t[18] !== d || t[19] !== x || t[20] !== m || t[21] !== O || t[22] !== L || t[23] !== mt || t[24] !== P || t[25] !== yt || t[26] !== Y || t[27] !== c.bottom || t[28] !== c.left || t[29] !== c.top || t[30] !== K || t[31] !== Tt || t[32] !== R || t[33] !== V || t[34] !== $ || t[35] !== a || t[36] !== w || t[37] !== rt || t[38] !== f || t[39] !== et || t[40] !== xt || t[41] !== H || t[42] !== W || t[43] !== it || t[44] !== zt || t[45] !== St || t[46] !== dt || t[47] !== s?.graphObjectValues || t[48] !== s?.xAxis?.gridLines || t[49] !== s?.xAxis?.labels || t[50] !== s?.xAxis?.title || t[51] !== s?.yAxis?.axis || t[52] !== s?.yAxis?.labels || t[53] !== F || t[54] !== Q || t[55] !== T || t[56] !== I || t[57] !== y) {
+    let at;
+    t[72] !== Y ? (at = (N, v) => ({
+      ...N,
+      id: Y ? `${N.label}` : `${v}`
+    }), t[72] = Y, t[73] = at) : at = t[73];
+    const It = m.map(at), Et = Y || It.map(Ss), M = Le().domain([0, Tt]).range([0, mt]).nice(), qt = ge().domain(Et).range([0, R ? Math.max(L, R * Et.length) : K ? Math.min(L, K * Et.length) : L]).paddingInner(Xt), Nt = M.ticks(a);
+    Z = Zt.svg, kt = Yt, ot = `${y}px`, Ct = `${P}px`, G = `0 0 ${y} ${P}`, nt = "ltr", _ = `translate(${c.left},${c.top})`, J = St ? /* @__PURE__ */ i.jsx(Fe, { values: Nt.filter(Is), x: Nt.filter(Ts).map((N) => M(N)), y1: 0 - Q, y2: L + c.bottom, styles: {
       gridLines: s?.xAxis?.gridLines,
       labels: s?.xAxis?.labels
     }, classNames: {
       gridLines: n?.xAxis?.gridLines,
       labels: n?.xAxis?.labels
-    }, suffix: X, prefix: it, labelType: "secondary", showGridLines: !0, precision: p }) : null;
-    const Kt = ht / 2, Dt = 0 - c.top + 15, Qt = s?.xAxis?.title, Ut = n?.xAxis?.title;
-    t[74] !== U || t[75] !== Kt || t[76] !== Dt || t[77] !== Qt || t[78] !== Ut ? (D = /* @__PURE__ */ i.jsx(Ce, { x: Kt, y: Dt, style: Qt, className: Ut, text: U }), t[74] = U, t[75] = Kt, t[76] = Dt, t[77] = Qt, t[78] = Ut, t[79] = D) : D = t[79], t[80] !== x ? (ft = x.filter(Ns).map(zs), t[80] = x, t[81] = ft) : ft = t[81], y = je, E = It.map((I) => _t(Rt(I.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-low-opacity undp-viz-g-with-hover", variants: {
+    }, suffix: F, prefix: et, labelType: "secondary", showGridLines: !0, precision: f }) : null;
+    const Kt = mt / 2, jt = 0 - c.top + 15, Qt = s?.xAxis?.title, Ut = n?.xAxis?.title;
+    t[74] !== q || t[75] !== Kt || t[76] !== jt || t[77] !== Qt || t[78] !== Ut ? (j = /* @__PURE__ */ i.jsx(Ce, { x: Kt, y: jt, style: Qt, className: Ut, text: q }), t[74] = q, t[75] = Kt, t[76] = jt, t[77] = Qt, t[78] = Ut, t[79] = j) : j = t[79], t[80] !== x ? (ht = x.filter(Ns).map(zs), t[80] = x, t[81] = ht) : ht = t[81], g = je, X = It.map((N) => _t(qt(N.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-low-opacity undp-viz-g-with-hover", variants: {
       initial: {
         x: 0,
-        y: Rt(`${I.id}`)
+        y: qt(`${N.id}`)
       },
       whileInView: {
         x: 0,
-        y: Rt(`${I.id}`),
+        y: qt(`${N.id}`),
         transition: {
           duration: u.duration
         }
@@ -1419,57 +1419,57 @@ function Cs(e) {
         duration: u.duration
       }
     }, children: [
-      I.size.map((v, C) => /* @__PURE__ */ i.jsxs(Zt.g, { opacity: st ? z[C] === st ? 1 : 0.3 : 1, onMouseEnter: (o) => {
+      N.size.map((v, k) => /* @__PURE__ */ i.jsxs(Zt.g, { opacity: it ? D[k] === it ? 1 : 0.3 : 1, onMouseEnter: (o) => {
         h({
-          ...I,
-          sizeIndex: C
-        }), ot(o.clientY), jt(o.clientX), ct?.({
-          ...I,
-          sizeIndex: C
+          ...N,
+          sizeIndex: k
+        }), st(o.clientY), Lt(o.clientX), rt?.({
+          ...N,
+          sizeIndex: k
         });
       }, onMouseMove: (o) => {
         h({
-          ...I,
-          sizeIndex: C
-        }), ot(o.clientY), jt(o.clientX);
+          ...N,
+          sizeIndex: k
+        }), st(o.clientY), Lt(o.clientX);
       }, onMouseLeave: () => {
-        h(void 0), jt(void 0), ot(void 0), ct?.(void 0);
+        h(void 0), Lt(void 0), st(void 0), rt?.(void 0);
       }, onClick: () => {
-        (w || M) && (Ae(L, {
-          ...I,
-          sizeIndex: C
-        }) && Y ? (B(void 0), w?.(void 0)) : (B({
-          ...I,
-          sizeIndex: C
+        (w || O) && (Ae(V, {
+          ...N,
+          sizeIndex: k
+        }) && H ? (S(void 0), w?.(void 0)) : (S({
+          ...N,
+          sizeIndex: k
         }), w && w({
-          ...I,
-          sizeIndex: C
+          ...N,
+          sizeIndex: k
         })));
       }, children: [
         v ? /* @__PURE__ */ i.jsx(Zt.rect, { y: 0, style: {
-          fill: z[C]
-        }, height: Rt.bandwidth(), exit: {
+          fill: D[k]
+        }, height: qt.bandwidth(), exit: {
           width: 0,
-          x: k(0),
+          x: M(0),
           transition: {
             duration: u.duration
           }
         }, variants: {
           initial: {
             width: 0,
-            x: k(0),
-            fill: z[C]
+            x: M(0),
+            fill: D[k]
           },
           whileInView: {
-            width: k(v || 0),
-            x: k(C === 0 ? 0 : ne(I.size.filter((o, g) => g < C && o))),
-            fill: z[C],
+            width: M(v || 0),
+            x: M(k === 0 ? 0 : ne(N.size.filter((o, p) => p < k && o))),
+            fill: D[k],
             transition: {
               duration: u.duration
             }
           }
-        }, initial: "initial", animate: yt ? "whileInView" : "initial" }, C) : null,
-        xt ? /* @__PURE__ */ i.jsx(Zt.text, { y: Rt.bandwidth() / 2, style: {
+        }, initial: "initial", animate: yt ? "whileInView" : "initial" }, k) : null,
+        dt ? /* @__PURE__ */ i.jsx(Zt.text, { y: qt.bandwidth() / 2, style: {
           textAnchor: "middle",
           ...s?.graphObjectValues || {}
         }, dy: "0.33em", className: pe("graph-value text-sm", n?.graphObjectValues), exit: {
@@ -1479,40 +1479,40 @@ function Cs(e) {
           }
         }, variants: {
           initial: {
-            x: k(0),
+            x: M(0),
             opacity: 0,
-            fill: Te(z[C])
+            fill: Te(D[k])
           },
           whileInView: {
-            x: k(C === 0 ? 0 : ne(I.size.filter((o, g) => g < C && o))) + k(v || 0) / 2,
-            opacity: v && k(v) / ue(v, $, p, it, X).length > 12 ? 1 : 0,
-            fill: Te(z[C]),
+            x: M(k === 0 ? 0 : ne(N.size.filter((o, p) => p < k && o))) + M(v || 0) / 2,
+            opacity: v && M(v) / ue(v, $, f, et, F).length > 12 ? 1 : 0,
+            fill: Te(D[k]),
             transition: {
               duration: u.duration
             }
           }
-        }, initial: "initial", animate: yt ? "whileInView" : "initial", children: ue(v, $, p, it, X) }) : null
-      ] }, `${I.label}-${d[C] || C}`)),
-      Nt ? /* @__PURE__ */ i.jsx(Pe, { value: `${I.label}`.length < N ? `${I.label}` : `${`${I.label}`.substring(0, N)}...`, y: 0, x: 0 - c.left, width: 0 + c.left, height: Rt.bandwidth(), style: s?.yAxis?.labels, className: n?.yAxis?.labels, animate: u, isInView: yt }) : null,
-      xt ? /* @__PURE__ */ i.jsx(Zt.text, { className: pe("graph-value graph-value-total text-sm", S ? "" : " fill-primary-gray-700 dark:fill-primary-gray-300", n?.graphObjectValues), style: {
-        ...S ? {
-          fill: S
+        }, initial: "initial", animate: yt ? "whileInView" : "initial", children: ue(v, $, f, et, F) }) : null
+      ] }, `${N.label}-${d[k] || k}`)),
+      zt ? /* @__PURE__ */ i.jsx(Pe, { value: `${N.label}`.length < T ? `${N.label}` : `${`${N.label}`.substring(0, T)}...`, y: 0, x: 0 - c.left, width: 0 + c.left, height: qt.bandwidth(), style: s?.yAxis?.labels, className: n?.yAxis?.labels, animate: u, isInView: yt }) : null,
+      dt ? /* @__PURE__ */ i.jsx(Zt.text, { className: pe("graph-value graph-value-total text-sm", I ? "" : " fill-primary-gray-700 dark:fill-primary-gray-300", n?.graphObjectValues), style: {
+        ...I ? {
+          fill: I
         } : {},
         textAnchor: "start",
         ...s?.graphObjectValues || {}
-      }, y: Rt.bandwidth() / 2, dx: 5, dy: "0.33em", variants: {
+      }, y: qt.bandwidth() / 2, dx: 5, dy: "0.33em", variants: {
         initial: {
-          x: k(0),
+          x: M(0),
           opacity: 0,
-          ...S ? {
-            fill: S
+          ...I ? {
+            fill: I
           } : {}
         },
         whileInView: {
-          x: k(ne(I.size.map(Ds))),
+          x: M(ne(N.size.map(Ds))),
           opacity: 1,
-          ...S ? {
-            fill: S
+          ...I ? {
+            fill: I
           } : {},
           transition: {
             duration: u.duration
@@ -1523,46 +1523,46 @@ function Cs(e) {
         transition: {
           duration: u.duration
         }
-      }, initial: "initial", animate: yt ? "whileInView" : "initial", children: ue(ne(I.size.filter(js)), $, p, it, X) }) : null
-    ] }, I.label));
+      }, initial: "initial", animate: yt ? "whileInView" : "initial", children: ue(ne(N.size.filter(js)), $, f, et, F) }) : null
+    ] }, N.label));
     const Ht = n?.yAxis?.axis;
-    let kt;
-    t[82] !== Ht ? (kt = {
+    let Mt;
+    t[82] !== Ht ? (Mt = {
       axis: Ht
-    }, t[82] = Ht, t[83] = kt) : kt = t[83];
-    const qt = s?.yAxis?.axis;
+    }, t[82] = Ht, t[83] = Mt) : Mt = t[83];
+    const Rt = s?.yAxis?.axis;
     let Jt;
-    t[84] !== qt ? (Jt = {
-      axis: qt
-    }, t[84] = qt, t[85] = Jt) : Jt = t[85], P = /* @__PURE__ */ i.jsx(ke, { x1: k(0), x2: k(0), y1: -2.5, y2: j + c.bottom, classNames: kt, styles: Jt }), pt = mt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: mt.map((I, v) => /* @__PURE__ */ i.jsx(He, { text: I.text, color: I.color, x: k(I.value), y1: 0 - c.top, y2: j + c.bottom, textSide: k(I.value) > ht * 0.75 || q ? "left" : "right", classNames: I.classNames, styles: I.styles, animate: u, isInView: yt }, v)) }) : null, t[8] = u, t[9] = U, t[10] = z, t[11] = Xt, t[12] = n?.graphObjectValues, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.axis, t[17] = n?.yAxis?.labels, t[18] = d, t[19] = x, t[20] = m, t[21] = M, t[22] = j, t[23] = ht, t[24] = H, t[25] = yt, t[26] = G, t[27] = c.bottom, t[28] = c.left, t[29] = c.top, t[30] = Q, t[31] = Tt, t[32] = O, t[33] = L, t[34] = $, t[35] = a, t[36] = w, t[37] = ct, t[38] = p, t[39] = it, t[40] = mt, t[41] = Y, t[42] = q, t[43] = st, t[44] = Nt, t[45] = St, t[46] = xt, t[47] = s?.graphObjectValues, t[48] = s?.xAxis?.gridLines, t[49] = s?.xAxis?.labels, t[50] = s?.xAxis?.title, t[51] = s?.yAxis?.axis, t[52] = s?.yAxis?.labels, t[53] = X, t[54] = Z, t[55] = N, t[56] = S, t[57] = f, t[58] = y, t[59] = _, t[60] = tt, t[61] = K, t[62] = D, t[63] = ft, t[64] = Ct, t[65] = nt, t[66] = Vt, t[67] = R, t[68] = lt, t[69] = E, t[70] = P, t[71] = pt;
+    t[84] !== Rt ? (Jt = {
+      axis: Rt
+    }, t[84] = Rt, t[85] = Jt) : Jt = t[85], ft = /* @__PURE__ */ i.jsx(ke, { x1: M(0), x2: M(0), y1: -2.5, y2: L + c.bottom, classNames: Mt, styles: Jt }), pt = xt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: xt.map((N, v) => /* @__PURE__ */ i.jsx(He, { text: N.text, color: N.color, x: M(N.value), y1: 0 - c.top, y2: L + c.bottom, textSide: M(N.value) > mt * 0.75 || W ? "left" : "right", classNames: N.classNames, styles: N.styles, animate: u, isInView: yt }, v)) }) : null, t[8] = u, t[9] = q, t[10] = D, t[11] = Xt, t[12] = n?.graphObjectValues, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.axis, t[17] = n?.yAxis?.labels, t[18] = d, t[19] = x, t[20] = m, t[21] = O, t[22] = L, t[23] = mt, t[24] = P, t[25] = yt, t[26] = Y, t[27] = c.bottom, t[28] = c.left, t[29] = c.top, t[30] = K, t[31] = Tt, t[32] = R, t[33] = V, t[34] = $, t[35] = a, t[36] = w, t[37] = rt, t[38] = f, t[39] = et, t[40] = xt, t[41] = H, t[42] = W, t[43] = it, t[44] = zt, t[45] = St, t[46] = dt, t[47] = s?.graphObjectValues, t[48] = s?.xAxis?.gridLines, t[49] = s?.xAxis?.labels, t[50] = s?.xAxis?.title, t[51] = s?.yAxis?.axis, t[52] = s?.yAxis?.labels, t[53] = F, t[54] = Q, t[55] = T, t[56] = I, t[57] = y, t[58] = g, t[59] = Z, t[60] = _, t[61] = J, t[62] = j, t[63] = ht, t[64] = kt, t[65] = ot, t[66] = Ct, t[67] = G, t[68] = nt, t[69] = X, t[70] = ft, t[71] = pt;
   } else
-    y = t[58], _ = t[59], tt = t[60], K = t[61], D = t[62], ft = t[63], Ct = t[64], nt = t[65], Vt = t[66], R = t[67], lt = t[68], E = t[69], P = t[70], pt = t[71];
+    g = t[58], Z = t[59], _ = t[60], J = t[61], j = t[62], ht = t[63], kt = t[64], ot = t[65], Ct = t[66], G = t[67], nt = t[68], X = t[69], ft = t[70], pt = t[71];
   let vt;
-  t[86] !== y || t[87] !== E || t[88] !== P || t[89] !== pt ? (vt = /* @__PURE__ */ i.jsxs(y, { children: [
-    E,
-    P,
+  t[86] !== g || t[87] !== X || t[88] !== ft || t[89] !== pt ? (vt = /* @__PURE__ */ i.jsxs(g, { children: [
+    X,
+    ft,
     pt
-  ] }), t[86] = y, t[87] = E, t[88] = P, t[89] = pt, t[90] = vt) : vt = t[90];
+  ] }), t[86] = g, t[87] = X, t[88] = ft, t[89] = pt, t[90] = vt) : vt = t[90];
   let wt;
   t[91] !== x ? (wt = x.filter(Ls).map(Vs), t[91] = x, t[92] = wt) : wt = t[92];
-  let at;
-  t[93] !== tt || t[94] !== K || t[95] !== D || t[96] !== ft || t[97] !== vt || t[98] !== wt ? (at = /* @__PURE__ */ i.jsxs("g", { transform: tt, children: [
-    K,
-    D,
-    ft,
+  let lt;
+  t[93] !== _ || t[94] !== J || t[95] !== j || t[96] !== ht || t[97] !== vt || t[98] !== wt ? (lt = /* @__PURE__ */ i.jsxs("g", { transform: _, children: [
+    J,
+    j,
+    ht,
     vt,
     wt
-  ] }), t[93] = tt, t[94] = K, t[95] = D, t[96] = ft, t[97] = vt, t[98] = wt, t[99] = at) : at = t[99];
+  ] }), t[93] = _, t[94] = J, t[95] = j, t[96] = ht, t[97] = vt, t[98] = wt, t[99] = lt) : lt = t[99];
   let At;
-  t[100] !== _ || t[101] !== Ct || t[102] !== nt || t[103] !== Vt || t[104] !== R || t[105] !== lt || t[106] !== at ? (At = /* @__PURE__ */ i.jsx(_, { ref: Ct, width: nt, height: Vt, viewBox: R, direction: lt, children: at }), t[100] = _, t[101] = Ct, t[102] = nt, t[103] = Vt, t[104] = R, t[105] = lt, t[106] = at, t[107] = At) : At = t[107];
+  t[100] !== Z || t[101] !== kt || t[102] !== ot || t[103] !== Ct || t[104] !== G || t[105] !== nt || t[106] !== lt ? (At = /* @__PURE__ */ i.jsx(Z, { ref: kt, width: ot, height: Ct, viewBox: G, direction: nt, children: lt }), t[100] = Z, t[101] = kt, t[102] = ot, t[103] = Ct, t[104] = G, t[105] = nt, t[106] = lt, t[107] = At) : At = t[107];
   let $t;
-  t[108] !== n?.tooltip || t[109] !== A || t[110] !== bt || t[111] !== F || t[112] !== s?.tooltip || t[113] !== zt ? ($t = F && zt && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: F, body: zt, xPos: A, yPos: bt, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[108] = n?.tooltip, t[109] = A, t[110] = bt, t[111] = F, t[112] = s?.tooltip, t[113] = zt, t[114] = $t) : $t = t[114];
+  t[108] !== n?.tooltip || t[109] !== A || t[110] !== bt || t[111] !== B || t[112] !== s?.tooltip || t[113] !== Dt ? ($t = B && Dt && A && bt ? /* @__PURE__ */ i.jsx(Oe, { data: B, body: Dt, xPos: A, yPos: bt, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[108] = n?.tooltip, t[109] = A, t[110] = bt, t[111] = B, t[112] = s?.tooltip, t[113] = Dt, t[114] = $t) : $t = t[114];
   let Ot;
-  t[115] !== M || t[116] !== L ? (Ot = M && L !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: L !== void 0, onClose: () => {
-    B(void 0);
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof M == "string" ? {
-    __html: Me(M, L)
-  } : void 0, children: typeof M == "function" ? M(L) : null }) }) : null, t[115] = M, t[116] = L, t[117] = Ot) : Ot = t[117];
+  t[115] !== O || t[116] !== V ? (Ot = O && V !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: V !== void 0, onClose: () => {
+    S(void 0);
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof O == "string" ? {
+    __html: Me(O, V)
+  } : void 0, children: typeof O == "function" ? O(V) : null }) }) : null, t[115] = O, t[116] = V, t[117] = Ot) : Ot = t[117];
   let b;
   return t[118] !== At || t[119] !== $t || t[120] !== Ot ? (b = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
     At,
@@ -1600,100 +1600,100 @@ function Ss(e) {
 function Bs(e) {
   const t = xe.c(129), {
     data: m,
-    leftMargin: z,
+    leftMargin: D,
     rightMargin: Xt,
     topMargin: St,
     bottomMargin: gt,
-    width: et,
-    height: dt,
-    barColors: V,
-    barPadding: N,
-    showLabels: f,
-    showTicks: H,
-    truncateBy: zt,
-    tooltip: ct,
-    onSeriesMouseOver: Nt,
-    suffix: X,
-    prefix: it,
-    showValues: xt,
-    refValues: mt,
+    width: tt,
+    height: ut,
+    barColors: C,
+    barPadding: T,
+    showLabels: y,
+    showTicks: P,
+    truncateBy: Dt,
+    tooltip: rt,
+    onSeriesMouseOver: zt,
+    suffix: F,
+    prefix: et,
+    showValues: dt,
+    refValues: xt,
     maxValue: Tt,
     onSeriesMouseClick: w,
-    selectedColor: st,
-    labelOrder: q,
-    maxBarThickness: G,
-    minBarThickness: Q,
-    resetSelectionOnDoubleClick: O,
-    detailsOnClick: Y,
-    barAxisTitle: M,
-    valueColor: U,
-    noOfTicks: S,
+    selectedColor: it,
+    labelOrder: W,
+    maxBarThickness: Y,
+    minBarThickness: K,
+    resetSelectionOnDoubleClick: R,
+    detailsOnClick: H,
+    barAxisTitle: O,
+    valueColor: q,
+    noOfTicks: I,
     styles: a,
     classNames: s,
     animate: n,
     colorDomain: u,
     precision: d,
-    customLayers: p,
+    customLayers: f,
     naLabel: x
-  } = e, $ = z === void 0 ? 20 : z, Z = Xt === void 0 ? 20 : Xt, J = St === void 0 ? 20 : St, ut = gt === void 0 ? 25 : gt, Ft = de(null);
+  } = e, $ = D === void 0 ? 20 : D, Q = Xt === void 0 ? 20 : Xt, U = St === void 0 ? 20 : St, ct = gt === void 0 ? 25 : gt, Ft = de(null);
   let Yt;
   t[0] !== n.amount || t[1] !== n.once ? (Yt = {
     once: n.once,
     amount: n.amount
   }, t[0] = n.amount, t[1] = n.once, t[2] = Yt) : Yt = t[2];
-  const W = Ve(Ft, Yt), yt = M ? $ + 30 : $;
+  const E = Ve(Ft, Yt), yt = O ? $ + 30 : $;
   let Bt;
-  t[3] !== ut || t[4] !== Z || t[5] !== yt || t[6] !== J ? (Bt = {
-    top: J,
-    bottom: ut,
+  t[3] !== ct || t[4] !== Q || t[5] !== yt || t[6] !== U ? (Bt = {
+    top: U,
+    bottom: ct,
     left: yt,
-    right: Z
-  }, t[3] = ut, t[4] = Z, t[5] = yt, t[6] = J, t[7] = Bt) : Bt = t[7];
-  const r = Bt, [c, F] = Wt(void 0), [h, L] = Wt(void 0), [B, A] = Wt(void 0), [jt, bt] = Wt(void 0), ot = et - r.left - r.right, ht = dt - r.top - r.bottom;
-  let j, y, _, tt, K, D, ft, Ct, nt, Vt, R, lt, E, P;
-  if (t[8] !== n || t[9] !== M || t[10] !== V || t[11] !== N || t[12] !== s?.graphObjectValues || t[13] !== s?.xAxis?.axis || t[14] !== s?.xAxis?.labels || t[15] !== s?.yAxis?.gridLines || t[16] !== s?.yAxis?.labels || t[17] !== s?.yAxis?.title || t[18] !== u || t[19] !== p || t[20] !== m || t[21] !== Y || t[22] !== ht || t[23] !== ot || t[24] !== dt || t[25] !== W || t[26] !== q || t[27] !== $ || t[28] !== r.bottom || t[29] !== r.left || t[30] !== r.right || t[31] !== r.top || t[32] !== G || t[33] !== Tt || t[34] !== Q || t[35] !== h || t[36] !== x || t[37] !== S || t[38] !== w || t[39] !== Nt || t[40] !== d || t[41] !== it || t[42] !== mt || t[43] !== O || t[44] !== st || t[45] !== f || t[46] !== H || t[47] !== xt || t[48] !== a?.graphObjectValues || t[49] !== a?.xAxis?.axis || t[50] !== a?.xAxis?.labels || t[51] !== a?.yAxis?.gridLines || t[52] !== a?.yAxis?.labels || t[53] !== a?.yAxis?.title || t[54] !== X || t[55] !== zt || t[56] !== U || t[57] !== et) {
-    const b = Le().domain([0, Tt]).range([ht, 0]).nice();
-    let rt;
-    t[72] !== q ? (rt = (g, ee) => ({
-      ...g,
-      id: q ? `${g.label}` : `${ee}`
-    }), t[72] = q, t[73] = rt) : rt = t[73];
-    const It = m.map(rt), Et = q || It.map(Rs), k = ge().domain(Et).range([0, Q ? Math.max(ot, Q * Et.length) : G ? Math.min(ot, G * Et.length) : ot]).paddingInner(N), Rt = b.ticks(S);
-    y = Zt.svg, ft = `${et}px`, Ct = `${dt}px`, nt = `0 0 ${et} ${dt}`, Vt = "ltr", R = Ft, P = `translate(${r.left},${r.top})`;
-    const Mt = b(0), Kt = b(0);
-    let Dt;
-    t[74] !== x || t[75] !== d || t[76] !== it || t[77] !== X ? (Dt = ue(0, x, d, it, X), t[74] = x, t[75] = d, t[76] = it, t[77] = X, t[78] = Dt) : Dt = t[78];
+    right: Q
+  }, t[3] = ct, t[4] = Q, t[5] = yt, t[6] = U, t[7] = Bt) : Bt = t[7];
+  const r = Bt, [c, B] = Wt(void 0), [h, V] = Wt(void 0), [S, A] = Wt(void 0), [Lt, bt] = Wt(void 0), st = tt - r.left - r.right, mt = ut - r.top - r.bottom;
+  let L, g, Z, _, J, j, ht, kt, ot, Ct, G, nt, X, ft;
+  if (t[8] !== n || t[9] !== O || t[10] !== C || t[11] !== T || t[12] !== s?.graphObjectValues || t[13] !== s?.xAxis?.axis || t[14] !== s?.xAxis?.labels || t[15] !== s?.yAxis?.gridLines || t[16] !== s?.yAxis?.labels || t[17] !== s?.yAxis?.title || t[18] !== u || t[19] !== f || t[20] !== m || t[21] !== H || t[22] !== mt || t[23] !== st || t[24] !== ut || t[25] !== E || t[26] !== W || t[27] !== $ || t[28] !== r.bottom || t[29] !== r.left || t[30] !== r.right || t[31] !== r.top || t[32] !== Y || t[33] !== Tt || t[34] !== K || t[35] !== h || t[36] !== x || t[37] !== I || t[38] !== w || t[39] !== zt || t[40] !== d || t[41] !== et || t[42] !== xt || t[43] !== R || t[44] !== it || t[45] !== y || t[46] !== P || t[47] !== dt || t[48] !== a?.graphObjectValues || t[49] !== a?.xAxis?.axis || t[50] !== a?.xAxis?.labels || t[51] !== a?.yAxis?.gridLines || t[52] !== a?.yAxis?.labels || t[53] !== a?.yAxis?.title || t[54] !== F || t[55] !== Dt || t[56] !== q || t[57] !== tt) {
+    const b = Le().domain([0, Tt]).range([mt, 0]).nice();
+    let at;
+    t[72] !== W ? (at = (p, ee) => ({
+      ...p,
+      id: W ? `${p.label}` : `${ee}`
+    }), t[72] = W, t[73] = at) : at = t[73];
+    const It = m.map(at), Et = W || It.map(Rs), M = ge().domain(Et).range([0, K ? Math.max(st, K * Et.length) : Y ? Math.min(st, Y * Et.length) : st]).paddingInner(T), qt = b.ticks(I);
+    g = Zt.svg, ht = `${tt}px`, kt = `${ut}px`, ot = `0 0 ${tt} ${ut}`, Ct = "ltr", G = Ft, ft = `translate(${r.left},${r.top})`;
+    const Nt = b(0), Kt = b(0);
+    let jt;
+    t[74] !== x || t[75] !== d || t[76] !== et || t[77] !== F ? (jt = ue(0, x, d, et, F), t[74] = x, t[75] = d, t[76] = et, t[77] = F, t[78] = jt) : jt = t[78];
     const Qt = s?.xAxis?.axis, Ut = s?.yAxis?.labels;
     let Ht;
     t[79] !== Qt || t[80] !== Ut ? (Ht = {
       axis: Qt,
       label: Ut
     }, t[79] = Qt, t[80] = Ut, t[81] = Ht) : Ht = t[81];
-    const kt = a?.xAxis?.axis, qt = a?.yAxis?.labels;
+    const Mt = a?.xAxis?.axis, Rt = a?.yAxis?.labels;
     let Jt;
-    t[82] !== kt || t[83] !== qt ? (Jt = {
-      axis: kt,
-      label: qt
-    }, t[82] = kt, t[83] = qt, t[84] = Jt) : Jt = t[84], _ = /* @__PURE__ */ i.jsx(ke, { y1: Mt, y2: Kt, x1: 0 - $, x2: ot + r.right, label: Dt, labelPos: {
+    t[82] !== Mt || t[83] !== Rt ? (Jt = {
+      axis: Mt,
+      label: Rt
+    }, t[82] = Mt, t[83] = Rt, t[84] = Jt) : Jt = t[84], Z = /* @__PURE__ */ i.jsx(ke, { y1: Nt, y2: Kt, x1: 0 - $, x2: st + r.right, label: jt, labelPos: {
       x: 0 - $,
       y: b(0),
       dx: 0,
       dy: -5
-    }, classNames: Ht, styles: Jt }), tt = H ? /* @__PURE__ */ i.jsx(Ye, { values: Rt.filter(Ws), y: Rt.filter(Gs).map((g) => b(g)), x1: 0 - $, x2: ot + r.right, styles: {
+    }, classNames: Ht, styles: Jt }), _ = P ? /* @__PURE__ */ i.jsx(Ye, { values: qt.filter(Ws), y: qt.filter(Gs).map((p) => b(p)), x1: 0 - $, x2: st + r.right, styles: {
       gridLines: a?.yAxis?.gridLines,
       labels: a?.yAxis?.labels
     }, classNames: {
       gridLines: s?.yAxis?.gridLines,
       labels: s?.yAxis?.labels
-    }, suffix: X, prefix: it, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: d }) : null;
-    const I = 0 - $ - 15, v = ht / 2, C = a?.yAxis?.title, o = s?.yAxis?.title;
-    t[85] !== M || t[86] !== I || t[87] !== v || t[88] !== C || t[89] !== o ? (K = /* @__PURE__ */ i.jsx(Ce, { x: I, y: v, style: C, className: o, text: M, rotate90: !0 }), t[85] = M, t[86] = I, t[87] = v, t[88] = C, t[89] = o, t[90] = K) : K = t[90], t[91] !== p ? (D = p.filter(Es).map(Ys), t[91] = p, t[92] = D) : D = t[92], j = je, lt = It.map((g) => _t(k(g.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-low-opacity undp-viz-g-with-hover", variants: {
+    }, suffix: F, prefix: et, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: d }) : null;
+    const N = 0 - $ - 15, v = mt / 2, k = a?.yAxis?.title, o = s?.yAxis?.title;
+    t[85] !== O || t[86] !== N || t[87] !== v || t[88] !== k || t[89] !== o ? (J = /* @__PURE__ */ i.jsx(Ce, { x: N, y: v, style: k, className: o, text: O, rotate90: !0 }), t[85] = O, t[86] = N, t[87] = v, t[88] = k, t[89] = o, t[90] = J) : J = t[90], t[91] !== f ? (j = f.filter(Es).map(Ys), t[91] = f, t[92] = j) : j = t[92], L = je, nt = It.map((p) => _t(M(p.id)) ? null : /* @__PURE__ */ i.jsxs(Zt.g, { className: "undp-viz-low-opacity undp-viz-g-with-hover", variants: {
       initial: {
-        x: k(`${g.id}`),
+        x: M(`${p.id}`),
         y: 0
       },
       whileInView: {
-        x: k(`${g.id}`),
+        x: M(`${p.id}`),
         y: 0,
         transition: {
           duration: n.duration
@@ -1701,101 +1701,101 @@ function Bs(e) {
       }
     }, transition: {
       duration: n.duration
-    }, initial: "initial", animate: W ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: n.duration
       }
     }, children: [
-      g.size.map((ee, T) => /* @__PURE__ */ i.jsxs(Zt.g, { opacity: st ? V[T] === st ? 1 : 0.3 : 1, onMouseEnter: (Lt) => {
-        F({
-          ...g,
-          sizeIndex: T
-        }), bt(Lt.clientY), A(Lt.clientX), Nt?.({
-          ...g,
-          sizeIndex: T
+      p.size.map((ee, z) => /* @__PURE__ */ i.jsxs(Zt.g, { opacity: it ? C[z] === it ? 1 : 0.3 : 1, onMouseEnter: (Vt) => {
+        B({
+          ...p,
+          sizeIndex: z
+        }), bt(Vt.clientY), A(Vt.clientX), zt?.({
+          ...p,
+          sizeIndex: z
         });
-      }, onMouseMove: (Lt) => {
-        F({
-          ...g,
-          sizeIndex: T
-        }), bt(Lt.clientY), A(Lt.clientX);
+      }, onMouseMove: (Vt) => {
+        B({
+          ...p,
+          sizeIndex: z
+        }), bt(Vt.clientY), A(Vt.clientX);
       }, onMouseLeave: () => {
-        F(void 0), A(void 0), bt(void 0), Nt?.(void 0);
+        B(void 0), A(void 0), bt(void 0), zt?.(void 0);
       }, onClick: () => {
-        (w || Y) && (Ae(h, {
-          ...g,
-          sizeIndex: T
-        }) && O ? (L(void 0), w?.(void 0)) : (L({
-          ...g,
-          sizeIndex: T
+        (w || H) && (Ae(h, {
+          ...p,
+          sizeIndex: z
+        }) && R ? (V(void 0), w?.(void 0)) : (V({
+          ...p,
+          sizeIndex: z
         }), w && w({
-          ...g,
-          sizeIndex: T
+          ...p,
+          sizeIndex: z
         })));
       }, children: [
-        /* @__PURE__ */ i.jsx(Zt.rect, { x: 0, width: k.bandwidth(), variants: {
+        /* @__PURE__ */ i.jsx(Zt.rect, { x: 0, width: M.bandwidth(), variants: {
           initial: {
             height: 0,
-            fill: V[T],
+            fill: C[z],
             y: b(0)
           },
           whileInView: {
-            height: Math.abs(b(ne(g.size.filter((Lt, l) => l <= T && Lt))) - b(ne(g.size.filter((Lt, l) => l < T && Lt)))),
-            y: b(ne(g.size.filter((Lt, l) => l <= T && Lt))),
-            fill: V[T],
+            height: Math.abs(b(ne(p.size.filter((Vt, l) => l <= z && Vt))) - b(ne(p.size.filter((Vt, l) => l < z && Vt)))),
+            y: b(ne(p.size.filter((Vt, l) => l <= z && Vt))),
+            fill: C[z],
             transition: {
               duration: n.duration
             }
           }
-        }, initial: "initial", animate: W ? "whileInView" : "initial", exit: {
+        }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
           height: 0,
           y: b(0),
           transition: {
             duration: n.duration
           }
         } }),
-        xt ? /* @__PURE__ */ i.jsx(Zt.text, { x: k.bandwidth() / 2, style: {
+        dt ? /* @__PURE__ */ i.jsx(Zt.text, { x: M.bandwidth() / 2, style: {
           textAnchor: "middle",
           ...a?.graphObjectValues || {}
         }, className: pe("graph-value text-sm", s?.graphObjectValues), dy: "0.33em", variants: {
           initial: {
             y: b(0),
             opacity: 0,
-            fill: Te(V[T])
+            fill: Te(C[z])
           },
           whileInView: {
-            y: b(ne(g.size.filter((Lt, l) => l <= T && Lt))) + Math.abs(b(ne(g.size.filter((Lt, l) => l <= T && Lt))) - b(ne(g.size.filter((Lt, l) => l < T && Lt)))) / 2,
-            opacity: ee && Math.abs(b(ne(g.size.filter((Lt, l) => l <= T && Lt))) - b(ne(g.size.filter((Lt, l) => l < T && Lt)))) > 20 ? 1 : 0,
-            fill: Te(V[T]),
+            y: b(ne(p.size.filter((Vt, l) => l <= z && Vt))) + Math.abs(b(ne(p.size.filter((Vt, l) => l <= z && Vt))) - b(ne(p.size.filter((Vt, l) => l < z && Vt)))) / 2,
+            opacity: ee && Math.abs(b(ne(p.size.filter((Vt, l) => l <= z && Vt))) - b(ne(p.size.filter((Vt, l) => l < z && Vt)))) > 20 ? 1 : 0,
+            fill: Te(C[z]),
             transition: {
               duration: n.duration
             }
           }
-        }, initial: "initial", animate: W ? "whileInView" : "initial", exit: {
+        }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
           opacity: 0,
           transition: {
             duration: n.duration
           }
-        }, children: ue(ee, x, d, it, X) }) : null
-      ] }, `${g.label}-${u[T] || T}`)),
-      f ? /* @__PURE__ */ i.jsx(Ee, { value: `${g.label}`.length < zt ? `${g.label}` : `${`${g.label}`.substring(0, zt)}...`, y: b(0) + 5, x: 0, width: k.bandwidth(), height: r.bottom, style: a?.xAxis?.labels, className: s?.xAxis?.labels, alignment: "top", animate: n, isInView: W }) : null,
-      xt ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
+        }, children: ue(ee, x, d, et, F) }) : null
+      ] }, `${p.label}-${u[z] || z}`)),
+      y ? /* @__PURE__ */ i.jsx(Ee, { value: `${p.label}`.length < Dt ? `${p.label}` : `${`${p.label}`.substring(0, Dt)}...`, y: b(0) + 5, x: 0, width: M.bandwidth(), height: r.bottom, style: a?.xAxis?.labels, className: s?.xAxis?.labels, alignment: "top", animate: n, isInView: E }) : null,
+      dt ? /* @__PURE__ */ i.jsx(Zt.text, { style: {
         textAnchor: "middle",
         ...a?.graphObjectValues || {}
-      }, x: k.bandwidth() / 2, dy: -10, className: pe("graph-value graph-value-total", U ? "text-sm" : "fill-primary-gray-700 dark:fill-primary-gray-300 text-sm", s?.graphObjectValues), variants: {
+      }, x: M.bandwidth() / 2, dy: -10, className: pe("graph-value graph-value-total", q ? "text-sm" : "fill-primary-gray-700 dark:fill-primary-gray-300 text-sm", s?.graphObjectValues), variants: {
         initial: {
           y: b(0),
           opacity: 0,
-          ...U && {
-            fill: U
+          ...q && {
+            fill: q
           }
         },
         whileInView: {
-          y: b(ne(g.size.map(Xs))),
+          y: b(ne(p.size.map(Xs))),
           opacity: 1,
-          ...U && {
-            fill: U
+          ...q && {
+            fill: q
           },
           transition: {
             duration: n.duration
@@ -1806,42 +1806,42 @@ function Bs(e) {
         transition: {
           duration: n.duration
         }
-      }, initial: "initial", animate: W ? "whileInView" : "initial", children: ue(ne(g.size.filter(Hs)), x, d, it, X) }) : null
-    ] }, g.label)), E = mt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: mt.map((g, ee) => /* @__PURE__ */ i.jsx(Xe, { text: g.text, color: g.color, y: b(g.value), x1: 0 - $, x2: ot + r.right, classNames: g.classNames, styles: g.styles, animate: n, isInView: W }, ee)) }) : null, t[8] = n, t[9] = M, t[10] = V, t[11] = N, t[12] = s?.graphObjectValues, t[13] = s?.xAxis?.axis, t[14] = s?.xAxis?.labels, t[15] = s?.yAxis?.gridLines, t[16] = s?.yAxis?.labels, t[17] = s?.yAxis?.title, t[18] = u, t[19] = p, t[20] = m, t[21] = Y, t[22] = ht, t[23] = ot, t[24] = dt, t[25] = W, t[26] = q, t[27] = $, t[28] = r.bottom, t[29] = r.left, t[30] = r.right, t[31] = r.top, t[32] = G, t[33] = Tt, t[34] = Q, t[35] = h, t[36] = x, t[37] = S, t[38] = w, t[39] = Nt, t[40] = d, t[41] = it, t[42] = mt, t[43] = O, t[44] = st, t[45] = f, t[46] = H, t[47] = xt, t[48] = a?.graphObjectValues, t[49] = a?.xAxis?.axis, t[50] = a?.xAxis?.labels, t[51] = a?.yAxis?.gridLines, t[52] = a?.yAxis?.labels, t[53] = a?.yAxis?.title, t[54] = X, t[55] = zt, t[56] = U, t[57] = et, t[58] = j, t[59] = y, t[60] = _, t[61] = tt, t[62] = K, t[63] = D, t[64] = ft, t[65] = Ct, t[66] = nt, t[67] = Vt, t[68] = R, t[69] = lt, t[70] = E, t[71] = P;
+      }, initial: "initial", animate: E ? "whileInView" : "initial", children: ue(ne(p.size.filter(Hs)), x, d, et, F) }) : null
+    ] }, p.label)), X = xt ? /* @__PURE__ */ i.jsx(i.Fragment, { children: xt.map((p, ee) => /* @__PURE__ */ i.jsx(Xe, { text: p.text, color: p.color, y: b(p.value), x1: 0 - $, x2: st + r.right, classNames: p.classNames, styles: p.styles, animate: n, isInView: E }, ee)) }) : null, t[8] = n, t[9] = O, t[10] = C, t[11] = T, t[12] = s?.graphObjectValues, t[13] = s?.xAxis?.axis, t[14] = s?.xAxis?.labels, t[15] = s?.yAxis?.gridLines, t[16] = s?.yAxis?.labels, t[17] = s?.yAxis?.title, t[18] = u, t[19] = f, t[20] = m, t[21] = H, t[22] = mt, t[23] = st, t[24] = ut, t[25] = E, t[26] = W, t[27] = $, t[28] = r.bottom, t[29] = r.left, t[30] = r.right, t[31] = r.top, t[32] = Y, t[33] = Tt, t[34] = K, t[35] = h, t[36] = x, t[37] = I, t[38] = w, t[39] = zt, t[40] = d, t[41] = et, t[42] = xt, t[43] = R, t[44] = it, t[45] = y, t[46] = P, t[47] = dt, t[48] = a?.graphObjectValues, t[49] = a?.xAxis?.axis, t[50] = a?.xAxis?.labels, t[51] = a?.yAxis?.gridLines, t[52] = a?.yAxis?.labels, t[53] = a?.yAxis?.title, t[54] = F, t[55] = Dt, t[56] = q, t[57] = tt, t[58] = L, t[59] = g, t[60] = Z, t[61] = _, t[62] = J, t[63] = j, t[64] = ht, t[65] = kt, t[66] = ot, t[67] = Ct, t[68] = G, t[69] = nt, t[70] = X, t[71] = ft;
   } else
-    j = t[58], y = t[59], _ = t[60], tt = t[61], K = t[62], D = t[63], ft = t[64], Ct = t[65], nt = t[66], Vt = t[67], R = t[68], lt = t[69], E = t[70], P = t[71];
+    L = t[58], g = t[59], Z = t[60], _ = t[61], J = t[62], j = t[63], ht = t[64], kt = t[65], ot = t[66], Ct = t[67], G = t[68], nt = t[69], X = t[70], ft = t[71];
   let pt;
-  t[93] !== j || t[94] !== lt || t[95] !== E ? (pt = /* @__PURE__ */ i.jsxs(j, { children: [
-    lt,
-    E
-  ] }), t[93] = j, t[94] = lt, t[95] = E, t[96] = pt) : pt = t[96];
+  t[93] !== L || t[94] !== nt || t[95] !== X ? (pt = /* @__PURE__ */ i.jsxs(L, { children: [
+    nt,
+    X
+  ] }), t[93] = L, t[94] = nt, t[95] = X, t[96] = pt) : pt = t[96];
   let vt;
-  t[97] !== p ? (vt = p.filter(Fs).map(Ps), t[97] = p, t[98] = vt) : vt = t[98];
+  t[97] !== f ? (vt = f.filter(Fs).map(Ps), t[97] = f, t[98] = vt) : vt = t[98];
   let wt;
-  t[99] !== _ || t[100] !== tt || t[101] !== K || t[102] !== D || t[103] !== pt || t[104] !== vt || t[105] !== P ? (wt = /* @__PURE__ */ i.jsxs("g", { transform: P, children: [
+  t[99] !== Z || t[100] !== _ || t[101] !== J || t[102] !== j || t[103] !== pt || t[104] !== vt || t[105] !== ft ? (wt = /* @__PURE__ */ i.jsxs("g", { transform: ft, children: [
+    Z,
     _,
-    tt,
-    K,
-    D,
+    J,
+    j,
     pt,
     vt
-  ] }), t[99] = _, t[100] = tt, t[101] = K, t[102] = D, t[103] = pt, t[104] = vt, t[105] = P, t[106] = wt) : wt = t[106];
-  let at;
-  t[107] !== y || t[108] !== ft || t[109] !== Ct || t[110] !== nt || t[111] !== Vt || t[112] !== R || t[113] !== wt ? (at = /* @__PURE__ */ i.jsx(y, { width: ft, height: Ct, viewBox: nt, direction: Vt, ref: R, children: wt }), t[107] = y, t[108] = ft, t[109] = Ct, t[110] = nt, t[111] = Vt, t[112] = R, t[113] = wt, t[114] = at) : at = t[114];
+  ] }), t[99] = Z, t[100] = _, t[101] = J, t[102] = j, t[103] = pt, t[104] = vt, t[105] = ft, t[106] = wt) : wt = t[106];
+  let lt;
+  t[107] !== g || t[108] !== ht || t[109] !== kt || t[110] !== ot || t[111] !== Ct || t[112] !== G || t[113] !== wt ? (lt = /* @__PURE__ */ i.jsx(g, { width: ht, height: kt, viewBox: ot, direction: Ct, ref: G, children: wt }), t[107] = g, t[108] = ht, t[109] = kt, t[110] = ot, t[111] = Ct, t[112] = G, t[113] = wt, t[114] = lt) : lt = t[114];
   let At;
-  t[115] !== s?.tooltip || t[116] !== B || t[117] !== jt || t[118] !== c || t[119] !== a?.tooltip || t[120] !== ct ? (At = c && ct && B && jt ? /* @__PURE__ */ i.jsx(Oe, { data: c, body: ct, xPos: B, yPos: jt, backgroundStyle: a?.tooltip, className: s?.tooltip }) : null, t[115] = s?.tooltip, t[116] = B, t[117] = jt, t[118] = c, t[119] = a?.tooltip, t[120] = ct, t[121] = At) : At = t[121];
+  t[115] !== s?.tooltip || t[116] !== S || t[117] !== Lt || t[118] !== c || t[119] !== a?.tooltip || t[120] !== rt ? (At = c && rt && S && Lt ? /* @__PURE__ */ i.jsx(Oe, { data: c, body: rt, xPos: S, yPos: Lt, backgroundStyle: a?.tooltip, className: s?.tooltip }) : null, t[115] = s?.tooltip, t[116] = S, t[117] = Lt, t[118] = c, t[119] = a?.tooltip, t[120] = rt, t[121] = At) : At = t[121];
   let $t;
-  t[122] !== Y || t[123] !== h ? ($t = Y && h !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: h !== void 0, onClose: () => {
-    L(void 0);
-  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof Y == "string" ? {
-    __html: Me(Y, h)
-  } : void 0, children: typeof Y == "function" ? Y(h) : null }) }) : null, t[122] = Y, t[123] = h, t[124] = $t) : $t = t[124];
+  t[122] !== H || t[123] !== h ? ($t = H && h !== void 0 ? /* @__PURE__ */ i.jsx($e, { open: h !== void 0, onClose: () => {
+    V(void 0);
+  }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof H == "string" ? {
+    __html: Me(H, h)
+  } : void 0, children: typeof H == "function" ? H(h) : null }) }) : null, t[122] = H, t[123] = h, t[124] = $t) : $t = t[124];
   let Ot;
-  return t[125] !== at || t[126] !== At || t[127] !== $t ? (Ot = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    at,
+  return t[125] !== lt || t[126] !== At || t[127] !== $t ? (Ot = /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    lt,
     At,
     $t
-  ] }), t[125] = at, t[126] = At, t[127] = $t, t[128] = Ot) : Ot = t[128], Ot;
+  ] }), t[125] = lt, t[126] = At, t[127] = $t, t[128] = Ot) : Ot = t[128], Ot;
 }
 function Ps(e) {
   return e.layer;
@@ -1873,103 +1873,103 @@ function Rs(e) {
 function qs(e) {
   const t = xe.c(43), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     sources: St,
     graphDescription: gt,
-    barPadding: et,
-    showTicks: dt,
-    truncateBy: V,
-    height: N,
-    width: f,
-    footNote: H,
-    colorDomain: zt,
-    colorLegendTitle: ct,
-    padding: Nt,
-    backgroundColor: X,
-    topMargin: it,
-    bottomMargin: xt,
-    leftMargin: mt,
+    barPadding: tt,
+    showTicks: ut,
+    truncateBy: C,
+    height: T,
+    width: y,
+    footNote: P,
+    colorDomain: Dt,
+    colorLegendTitle: rt,
+    padding: zt,
+    backgroundColor: F,
+    topMargin: et,
+    bottomMargin: dt,
+    leftMargin: xt,
     rightMargin: Tt,
     tooltip: w,
-    onSeriesMouseOver: st,
-    suffix: q,
-    prefix: G,
-    showLabels: Q,
-    relativeHeight: O,
-    showValues: Y,
-    refValues: M,
-    graphID: U,
-    maxValue: S,
+    onSeriesMouseOver: it,
+    suffix: W,
+    prefix: Y,
+    showLabels: K,
+    relativeHeight: R,
+    showValues: H,
+    refValues: O,
+    graphID: q,
+    maxValue: I,
     onSeriesMouseClick: a,
     graphDownload: s,
     dataDownload: n,
     language: u,
     labelOrder: d,
-    minHeight: p,
+    minHeight: f,
     theme: x,
     maxBarThickness: $,
-    sortParameter: Z,
-    maxNumberOfBars: J,
-    minBarThickness: ut,
+    sortParameter: Q,
+    maxNumberOfBars: U,
+    minBarThickness: ct,
     showColorScale: Ft,
     ariaLabel: Yt,
-    resetSelectionOnDoubleClick: W,
+    resetSelectionOnDoubleClick: E,
     detailsOnClick: yt,
     barAxisTitle: Bt,
     noOfTicks: r,
     valueColor: c,
-    styles: F,
+    styles: B,
     classNames: h,
-    filterNA: L,
-    animate: B,
+    filterNA: V,
+    animate: S,
     precision: A,
-    customLayers: jt,
+    customLayers: Lt,
     timeline: bt,
-    naLabel: ot,
-    sortData: ht,
-    orientation: j
-  } = e, y = Xt === void 0 ? ce.light.categoricalColors.colors : Xt, _ = et === void 0 ? 0.25 : et, tt = dt === void 0 ? !0 : dt, K = V === void 0 ? 999 : V, D = X === void 0 ? !1 : X, ft = q === void 0 ? "" : q, Ct = G === void 0 ? "" : G, nt = Q === void 0 ? !0 : Q, Vt = Y === void 0 ? !0 : Y, R = s === void 0 ? !1 : s, lt = n === void 0 ? !1 : n, E = u === void 0 ? "en" : u, P = p === void 0 ? 0 : p, pt = x === void 0 ? "light" : x, vt = Ft === void 0 ? !0 : Ft, wt = W === void 0 ? !0 : W, at = r === void 0 ? 5 : r, At = L === void 0 ? !0 : L, $t = B === void 0 ? !1 : B, Ot = A === void 0 ? 2 : A;
+    naLabel: st,
+    sortData: mt,
+    orientation: L
+  } = e, g = Xt === void 0 ? ce.light.categoricalColors.colors : Xt, Z = tt === void 0 ? 0.25 : tt, _ = ut === void 0 ? !0 : ut, J = C === void 0 ? 999 : C, j = F === void 0 ? !1 : F, ht = W === void 0 ? "" : W, kt = Y === void 0 ? "" : Y, ot = K === void 0 ? !0 : K, Ct = H === void 0 ? !0 : H, G = s === void 0 ? !1 : s, nt = n === void 0 ? !1 : n, X = u === void 0 ? "en" : u, ft = f === void 0 ? 0 : f, pt = x === void 0 ? "light" : x, vt = Ft === void 0 ? !0 : Ft, wt = E === void 0 ? !0 : E, lt = r === void 0 ? 5 : r, At = V === void 0 ? !0 : V, $t = S === void 0 ? !1 : S, Ot = A === void 0 ? 2 : A;
   let b;
-  t[0] !== jt ? (b = jt === void 0 ? [] : jt, t[0] = jt, t[1] = b) : b = t[1];
-  const rt = b, It = bt === void 0 ? {
+  t[0] !== Lt ? (b = Lt === void 0 ? [] : Lt, t[0] = Lt, t[1] = b) : b = t[1];
+  const at = b, It = bt === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : bt, Et = ot === void 0 ? "NA" : ot, Rt = (j === void 0 ? "vertical" : j) === "horizontal" ? Cs : Bs, [Mt, Kt] = Wt(0), [Dt, Qt] = Wt(0), [Ut, Ht] = Wt(It.autoplay), kt = Ze(De(m, "date", !0).map((Pt) => Be(`${Pt}`, It.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), lo), [qt, Jt] = Wt(It.autoplay ? 0 : kt.length - 1), [I, v] = Wt(void 0), C = de(null), o = de(null);
-  let g, ee;
-  t[2] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
+  } : bt, Et = st === void 0 ? "NA" : st, qt = (L === void 0 ? "vertical" : L) === "horizontal" ? Cs : Bs, [Nt, Kt] = Wt(0), [jt, Qt] = Wt(0), [Ut, Ht] = Wt(It.autoplay), Mt = Ze(De(m, "date", !0).map((Pt) => Be(`${Pt}`, It.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), lo), [Rt, Jt] = Wt(It.autoplay ? 0 : Mt.length - 1), [N, v] = Wt(void 0), k = de(null), o = de(null);
+  let p, ee;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
     const Pt = new ResizeObserver((ae) => {
       Kt(ae[0].target.clientWidth || 620), Qt(ae[0].target.clientHeight || 480);
     });
-    return C.current && Pt.observe(C.current), () => Pt.disconnect();
-  }, ee = [], t[2] = g, t[3] = ee) : (g = t[2], ee = t[3]), we(g, ee), we(() => {
+    return k.current && Pt.observe(k.current), () => Pt.disconnect();
+  }, ee = [], t[2] = p, t[3] = ee) : (p = t[2], ee = t[3]), we(p, ee), we(() => {
     const Pt = setInterval(() => {
-      Jt((ae) => ae < kt.length - 1 ? ae + 1 : 0);
+      Jt((ae) => ae < Mt.length - 1 ? ae + 1 : 0);
     }, (It.speed || 2) * 1e3);
     return Ut || clearInterval(Pt), () => clearInterval(Pt);
-  }, [kt, Ut, It.speed]);
-  const T = Ie(kt, qt, It.showOnlyActiveDate, It.dateFormat || "yyyy"), Lt = Qe, l = h?.graphContainer, ie = F?.graphContainer;
+  }, [Mt, Ut, It.speed]);
+  const z = Ie(Mt, Rt, It.showOnlyActiveDate, It.dateFormat || "yyyy"), Vt = Qe, l = h?.graphContainer, ie = B?.graphContainer;
   let se;
-  t[4] !== h?.description || t[5] !== h?.title || t[6] !== m || t[7] !== lt || t[8] !== gt || t[9] !== R || t[10] !== z || t[11] !== F?.description || t[12] !== F?.title || t[13] !== f ? (se = z || gt || R || lt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
-    title: F?.title,
-    description: F?.description
+  t[4] !== h?.description || t[5] !== h?.title || t[6] !== m || t[7] !== nt || t[8] !== gt || t[9] !== G || t[10] !== D || t[11] !== B?.description || t[12] !== B?.title || t[13] !== y ? (se = D || gt || G || nt ? /* @__PURE__ */ i.jsx(Ge, { styles: {
+    title: B?.title,
+    description: B?.description
   }, classNames: {
     title: h?.title,
     description: h?.description
-  }, graphTitle: z, graphDescription: gt, width: f, graphDownload: R ? o : void 0, dataDownload: lt ? m.map(no).filter(oo).length > 0 ? m.map(so).filter(io) : m.filter(eo) : null }) : null, t[4] = h?.description, t[5] = h?.title, t[6] = m, t[7] = lt, t[8] = gt, t[9] = R, t[10] = z, t[11] = F?.description, t[12] = F?.title, t[13] = f, t[14] = se) : se = t[14];
-  const me = It.enabled && kt.length > 0 && T ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  }, graphTitle: D, graphDescription: gt, width: y, graphDownload: G ? o : void 0, dataDownload: nt ? m.map(no).filter(oo).length > 0 ? m.map(so).filter(io) : m.filter(eo) : null }) : null, t[4] = h?.description, t[5] = h?.title, t[6] = m, t[7] = nt, t[8] = gt, t[9] = G, t[10] = D, t[11] = B?.description, t[12] = B?.title, t[13] = y, t[14] = se) : se = t[14];
+  const me = It.enabled && Mt.length > 0 && z ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ i.jsx("button", { type: "button", onClick: () => {
       Ht(!Ut);
     }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": Ut ? "Click to pause animation" : "Click to play animation", children: Ut ? /* @__PURE__ */ i.jsx(Ue, {}) : /* @__PURE__ */ i.jsx(Je, {}) }),
-    /* @__PURE__ */ i.jsx(Se, { min: kt[0], max: kt[kt.length - 1], marks: T, step: null, defaultValue: kt[kt.length - 1], value: kt[qt], onChangeComplete: (Pt) => {
-      Jt(kt.indexOf(Pt));
+    /* @__PURE__ */ i.jsx(Se, { min: Mt[0], max: Mt[Mt.length - 1], marks: z, step: null, defaultValue: Mt[Mt.length - 1], value: Mt[Rt], onChangeComplete: (Pt) => {
+      Jt(Mt.indexOf(Pt));
     }, onChange: (Pt) => {
-      Jt(kt.indexOf(Pt));
+      Jt(Mt.indexOf(Pt));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, fe = "grow flex flex-col justify-center gap-3 w-full", re = m.length === 0 ? /* @__PURE__ */ i.jsx(qe, {}) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    vt ? /* @__PURE__ */ i.jsx(Re, { width: f, colorDomain: zt, colors: y, colorLegendTitle: ct, setSelectedColor: v, showNAColor: !1, className: h?.colorLegend }) : null,
-    /* @__PURE__ */ i.jsx(Ke, { ref: C, children: Mt && Dt ? /* @__PURE__ */ i.jsx(Rt, { data: Z !== void 0 ? Z === "total" ? ze(ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(kt[qt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(to) : Pt), Zs, [ht || "asc"]).filter((Pt, ae) => J ? ae < J : !0) : ze(ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(kt[qt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(Qs) : Pt), (Pt) => _t(Pt.size[Z]) ? -1 / 0 : Pt.size[Z], [ht || "asc"]).filter((Pt, ae) => J ? ae < J : !0) : ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(kt[qt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(Ks) : Pt).filter((Pt, ae) => J ? ae < J : !0), barColors: y, width: f || Mt, height: Math.max(P, N || (O ? P ? (f || Mt) * O > P ? (f || Mt) * O : P : (f || Mt) * O : Dt)), barPadding: _, showTicks: tt, leftMargin: mt, rightMargin: Tt, topMargin: it, bottomMargin: xt, truncateBy: K, showLabels: nt, tooltip: w, onSeriesMouseOver: st, showValues: Vt, suffix: ft, prefix: Ct, refValues: M, maxValue: _t(S) ? Math.max(...m.map(Us)) : S, onSeriesMouseClick: a, selectedColor: I, rtl: E === "he" || E === "ar", labelOrder: d, maxBarThickness: $, minBarThickness: ut, resetSelectionOnDoubleClick: wt, detailsOnClick: yt, barAxisTitle: Bt, noOfTicks: at, valueColor: c, classNames: h, styles: F, animate: $t === !0 ? {
+    vt ? /* @__PURE__ */ i.jsx(Re, { width: y, colorDomain: Dt, colors: g, colorLegendTitle: rt, setSelectedColor: v, showNAColor: !1, className: h?.colorLegend }) : null,
+    /* @__PURE__ */ i.jsx(Ke, { ref: k, children: Nt && jt ? /* @__PURE__ */ i.jsx(qt, { data: Q !== void 0 ? Q === "total" ? ze(ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(Mt[Rt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(to) : Pt), Zs, [mt || "asc"]).filter((Pt, ae) => U ? ae < U : !0) : ze(ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(Mt[Rt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(Qs) : Pt), (Pt) => _t(Pt.size[Q]) ? -1 / 0 : Pt.size[Q], [mt || "asc"]).filter((Pt, ae) => U ? ae < U : !0) : ve(m, It.dateFormat || "yyyy").filter((Pt) => It.enabled ? Pt.date === ye(new Date(Mt[Rt]), It.dateFormat || "yyyy") : Pt).filter((Pt) => At ? !Pt.size.every(Ks) : Pt).filter((Pt, ae) => U ? ae < U : !0), barColors: g, width: Nt, height: jt, barPadding: Z, showTicks: _, leftMargin: xt, rightMargin: Tt, topMargin: et, bottomMargin: dt, truncateBy: J, showLabels: ot, tooltip: w, onSeriesMouseOver: it, showValues: Ct, suffix: ht, prefix: kt, refValues: O, maxValue: _t(I) ? Math.max(...m.map(Us)) : I, onSeriesMouseClick: a, selectedColor: N, rtl: X === "he" || X === "ar", labelOrder: d, maxBarThickness: $, minBarThickness: ct, resetSelectionOnDoubleClick: wt, detailsOnClick: yt, barAxisTitle: Bt, noOfTicks: lt, valueColor: c, classNames: h, styles: B, animate: $t === !0 ? {
       duration: 0.5,
       once: !0,
       amount: 0.5
@@ -1977,25 +1977,25 @@ function qs(e) {
       duration: 0,
       once: !0,
       amount: 0
-    }, colorDomain: zt, precision: Ot, customLayers: rt, naLabel: Et }) : null })
+    }, colorDomain: Dt, precision: Ot, customLayers: at, naLabel: Et }) : null })
   ] });
   let oe;
   t[15] !== re ? (oe = /* @__PURE__ */ i.jsx("div", { className: fe, children: re }), t[15] = re, t[16] = oe) : oe = t[16];
   let le;
-  t[17] !== h?.footnote || t[18] !== h?.source || t[19] !== H || t[20] !== St || t[21] !== F?.footnote || t[22] !== F?.source || t[23] !== f ? (le = St || H ? /* @__PURE__ */ i.jsx(We, { styles: {
-    footnote: F?.footnote,
-    source: F?.source
+  t[17] !== h?.footnote || t[18] !== h?.source || t[19] !== P || t[20] !== St || t[21] !== B?.footnote || t[22] !== B?.source || t[23] !== y ? (le = St || P ? /* @__PURE__ */ i.jsx(We, { styles: {
+    footnote: B?.footnote,
+    source: B?.source
   }, classNames: {
     footnote: h?.footnote,
     source: h?.source
-  }, sources: St, footNote: H, width: f }) : null, t[17] = h?.footnote, t[18] = h?.source, t[19] = H, t[20] = St, t[21] = F?.footnote, t[22] = F?.source, t[23] = f, t[24] = le) : le = t[24];
+  }, sources: St, footNote: P, width: y }) : null, t[17] = h?.footnote, t[18] = h?.source, t[19] = P, t[20] = St, t[21] = B?.footnote, t[22] = B?.source, t[23] = y, t[24] = le) : le = t[24];
   let Gt;
-  return t[25] !== Lt || t[26] !== Yt || t[27] !== D || t[28] !== U || t[29] !== N || t[30] !== E || t[31] !== P || t[32] !== Nt || t[33] !== O || t[34] !== l || t[35] !== ie || t[36] !== se || t[37] !== me || t[38] !== oe || t[39] !== le || t[40] !== pt || t[41] !== f ? (Gt = /* @__PURE__ */ i.jsxs(Lt, { className: l, style: ie, id: U, ref: o, "aria-label": Yt, backgroundColor: D, theme: pt, language: E, minHeight: P, width: f, height: N, relativeHeight: O, padding: Nt, children: [
+  return t[25] !== Vt || t[26] !== Yt || t[27] !== j || t[28] !== q || t[29] !== T || t[30] !== X || t[31] !== ft || t[32] !== zt || t[33] !== R || t[34] !== l || t[35] !== ie || t[36] !== se || t[37] !== me || t[38] !== oe || t[39] !== le || t[40] !== pt || t[41] !== y ? (Gt = /* @__PURE__ */ i.jsxs(Vt, { className: l, style: ie, id: q, ref: o, "aria-label": Yt, backgroundColor: j, theme: pt, language: X, minHeight: ft, width: y, height: T, relativeHeight: R, padding: zt, children: [
     se,
     me,
     oe,
     le
-  ] }), t[25] = Lt, t[26] = Yt, t[27] = D, t[28] = U, t[29] = N, t[30] = E, t[31] = P, t[32] = Nt, t[33] = O, t[34] = l, t[35] = ie, t[36] = se, t[37] = me, t[38] = oe, t[39] = le, t[40] = pt, t[41] = f, t[42] = Gt) : Gt = t[42], Gt;
+  ] }), t[25] = Vt, t[26] = Yt, t[27] = j, t[28] = q, t[29] = T, t[30] = X, t[31] = ft, t[32] = zt, t[33] = R, t[34] = l, t[35] = ie, t[36] = se, t[37] = me, t[38] = oe, t[39] = le, t[40] = pt, t[41] = y, t[42] = Gt) : Gt = t[42], Gt;
 }
 function Us(e) {
   return ne(e.size.filter(Js)) || 0;
@@ -2039,193 +2039,193 @@ function lo(e, t) {
 function Go(e) {
   const t = xe.c(61), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     barPadding: St,
     showTicks: gt,
-    leftMargin: et,
-    rightMargin: dt,
-    topMargin: V,
-    bottomMargin: N,
-    truncateBy: f,
-    showLabels: H,
-    showValues: zt,
-    backgroundColor: ct,
-    suffix: Nt,
-    prefix: X,
-    sources: it,
-    graphDescription: xt,
-    height: mt,
+    leftMargin: tt,
+    rightMargin: ut,
+    topMargin: C,
+    bottomMargin: T,
+    truncateBy: y,
+    showLabels: P,
+    showValues: Dt,
+    backgroundColor: rt,
+    suffix: zt,
+    prefix: F,
+    sources: et,
+    graphDescription: dt,
+    height: xt,
     width: Tt,
     footNote: w,
-    colorDomain: st,
-    colorLegendTitle: q,
-    padding: G,
-    relativeHeight: Q,
-    tooltip: O,
-    onSeriesMouseOver: Y,
-    refValues: M,
-    showColorScale: U,
-    graphID: S,
+    colorDomain: it,
+    colorLegendTitle: W,
+    padding: Y,
+    relativeHeight: K,
+    tooltip: R,
+    onSeriesMouseOver: H,
+    refValues: O,
+    showColorScale: q,
+    graphID: I,
     maxValue: a,
     minValue: s,
     highlightedDataPoints: n,
     onSeriesMouseClick: u,
     graphDownload: d,
-    dataDownload: p,
+    dataDownload: f,
     language: x,
     theme: $,
-    sortData: Z,
-    labelOrder: J,
-    showNAColor: ut,
+    sortData: Q,
+    labelOrder: U,
+    showNAColor: ct,
     minHeight: Ft,
     maxBarThickness: Yt,
-    maxNumberOfBars: W,
+    maxNumberOfBars: E,
     minBarThickness: yt,
     ariaLabel: Bt,
     resetSelectionOnDoubleClick: r,
     detailsOnClick: c,
-    barAxisTitle: F,
+    barAxisTitle: B,
     noOfTicks: h,
-    valueColor: L,
-    orientation: B,
+    valueColor: V,
+    orientation: S,
     styles: A,
-    classNames: jt,
+    classNames: Lt,
     filterNA: bt,
-    animate: ot,
-    dimmedOpacity: ht,
-    precision: j,
-    customLayers: y,
-    timeline: _,
-    naLabel: tt
-  } = e, K = B === void 0 ? "vertical" : B;
-  let D;
-  return t[0] !== ot || t[1] !== Bt || t[2] !== ct || t[3] !== F || t[4] !== St || t[5] !== N || t[6] !== jt || t[7] !== st || t[8] !== q || t[9] !== Xt || t[10] !== y || t[11] !== m || t[12] !== p || t[13] !== c || t[14] !== ht || t[15] !== bt || t[16] !== w || t[17] !== xt || t[18] !== d || t[19] !== S || t[20] !== z || t[21] !== mt || t[22] !== n || t[23] !== J || t[24] !== x || t[25] !== et || t[26] !== Yt || t[27] !== W || t[28] !== a || t[29] !== yt || t[30] !== Ft || t[31] !== s || t[32] !== tt || t[33] !== h || t[34] !== u || t[35] !== Y || t[36] !== K || t[37] !== G || t[38] !== j || t[39] !== X || t[40] !== M || t[41] !== Q || t[42] !== r || t[43] !== dt || t[44] !== U || t[45] !== H || t[46] !== ut || t[47] !== gt || t[48] !== zt || t[49] !== Z || t[50] !== it || t[51] !== A || t[52] !== Nt || t[53] !== $ || t[54] !== _ || t[55] !== O || t[56] !== V || t[57] !== f || t[58] !== L || t[59] !== Tt ? (D = /* @__PURE__ */ i.jsx(cs, { data: m, graphTitle: z, colors: Xt, barPadding: St, showTicks: gt, leftMargin: et, rightMargin: dt, topMargin: V, bottomMargin: N, truncateBy: f, showLabels: H, showValues: zt, backgroundColor: ct, suffix: Nt, prefix: X, sources: it, graphDescription: xt, height: mt, width: Tt, footNote: w, colorDomain: st, colorLegendTitle: q, padding: G, relativeHeight: Q, tooltip: O, onSeriesMouseOver: Y, refValues: M, showColorScale: U, graphID: S, maxValue: a, minValue: s, highlightedDataPoints: n, onSeriesMouseClick: u, graphDownload: d, dataDownload: p, language: x, theme: $, sortData: Z, labelOrder: J, showNAColor: ut, minHeight: Ft, maxBarThickness: Yt, maxNumberOfBars: W, minBarThickness: yt, ariaLabel: Bt, resetSelectionOnDoubleClick: r, styles: A, detailsOnClick: c, barAxisTitle: F, noOfTicks: h, valueColor: L, classNames: jt, filterNA: bt, animate: ot, dimmedOpacity: ht, precision: j, customLayers: y, timeline: _, naLabel: tt, orientation: K }), t[0] = ot, t[1] = Bt, t[2] = ct, t[3] = F, t[4] = St, t[5] = N, t[6] = jt, t[7] = st, t[8] = q, t[9] = Xt, t[10] = y, t[11] = m, t[12] = p, t[13] = c, t[14] = ht, t[15] = bt, t[16] = w, t[17] = xt, t[18] = d, t[19] = S, t[20] = z, t[21] = mt, t[22] = n, t[23] = J, t[24] = x, t[25] = et, t[26] = Yt, t[27] = W, t[28] = a, t[29] = yt, t[30] = Ft, t[31] = s, t[32] = tt, t[33] = h, t[34] = u, t[35] = Y, t[36] = K, t[37] = G, t[38] = j, t[39] = X, t[40] = M, t[41] = Q, t[42] = r, t[43] = dt, t[44] = U, t[45] = H, t[46] = ut, t[47] = gt, t[48] = zt, t[49] = Z, t[50] = it, t[51] = A, t[52] = Nt, t[53] = $, t[54] = _, t[55] = O, t[56] = V, t[57] = f, t[58] = L, t[59] = Tt, t[60] = D) : D = t[60], D;
+    animate: st,
+    dimmedOpacity: mt,
+    precision: L,
+    customLayers: g,
+    timeline: Z,
+    naLabel: _
+  } = e, J = S === void 0 ? "vertical" : S;
+  let j;
+  return t[0] !== st || t[1] !== Bt || t[2] !== rt || t[3] !== B || t[4] !== St || t[5] !== T || t[6] !== Lt || t[7] !== it || t[8] !== W || t[9] !== Xt || t[10] !== g || t[11] !== m || t[12] !== f || t[13] !== c || t[14] !== mt || t[15] !== bt || t[16] !== w || t[17] !== dt || t[18] !== d || t[19] !== I || t[20] !== D || t[21] !== xt || t[22] !== n || t[23] !== U || t[24] !== x || t[25] !== tt || t[26] !== Yt || t[27] !== E || t[28] !== a || t[29] !== yt || t[30] !== Ft || t[31] !== s || t[32] !== _ || t[33] !== h || t[34] !== u || t[35] !== H || t[36] !== J || t[37] !== Y || t[38] !== L || t[39] !== F || t[40] !== O || t[41] !== K || t[42] !== r || t[43] !== ut || t[44] !== q || t[45] !== P || t[46] !== ct || t[47] !== gt || t[48] !== Dt || t[49] !== Q || t[50] !== et || t[51] !== A || t[52] !== zt || t[53] !== $ || t[54] !== Z || t[55] !== R || t[56] !== C || t[57] !== y || t[58] !== V || t[59] !== Tt ? (j = /* @__PURE__ */ i.jsx(cs, { data: m, graphTitle: D, colors: Xt, barPadding: St, showTicks: gt, leftMargin: tt, rightMargin: ut, topMargin: C, bottomMargin: T, truncateBy: y, showLabels: P, showValues: Dt, backgroundColor: rt, suffix: zt, prefix: F, sources: et, graphDescription: dt, height: xt, width: Tt, footNote: w, colorDomain: it, colorLegendTitle: W, padding: Y, relativeHeight: K, tooltip: R, onSeriesMouseOver: H, refValues: O, showColorScale: q, graphID: I, maxValue: a, minValue: s, highlightedDataPoints: n, onSeriesMouseClick: u, graphDownload: d, dataDownload: f, language: x, theme: $, sortData: Q, labelOrder: U, showNAColor: ct, minHeight: Ft, maxBarThickness: Yt, maxNumberOfBars: E, minBarThickness: yt, ariaLabel: Bt, resetSelectionOnDoubleClick: r, styles: A, detailsOnClick: c, barAxisTitle: B, noOfTicks: h, valueColor: V, classNames: Lt, filterNA: bt, animate: st, dimmedOpacity: mt, precision: L, customLayers: g, timeline: Z, naLabel: _, orientation: J }), t[0] = st, t[1] = Bt, t[2] = rt, t[3] = B, t[4] = St, t[5] = T, t[6] = Lt, t[7] = it, t[8] = W, t[9] = Xt, t[10] = g, t[11] = m, t[12] = f, t[13] = c, t[14] = mt, t[15] = bt, t[16] = w, t[17] = dt, t[18] = d, t[19] = I, t[20] = D, t[21] = xt, t[22] = n, t[23] = U, t[24] = x, t[25] = tt, t[26] = Yt, t[27] = E, t[28] = a, t[29] = yt, t[30] = Ft, t[31] = s, t[32] = _, t[33] = h, t[34] = u, t[35] = H, t[36] = J, t[37] = Y, t[38] = L, t[39] = F, t[40] = O, t[41] = K, t[42] = r, t[43] = ut, t[44] = q, t[45] = P, t[46] = ct, t[47] = gt, t[48] = Dt, t[49] = Q, t[50] = et, t[51] = A, t[52] = zt, t[53] = $, t[54] = Z, t[55] = R, t[56] = C, t[57] = y, t[58] = V, t[59] = Tt, t[60] = j) : j = t[60], j;
 }
 function Wo(e) {
   const t = xe.c(57), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     sources: St,
     graphDescription: gt,
-    barPadding: et,
-    showTicks: dt,
-    truncateBy: V,
-    height: N,
-    width: f,
-    footNote: H,
-    colorDomain: zt,
-    colorLegendTitle: ct,
-    suffix: Nt,
-    prefix: X,
-    showValues: it,
-    padding: xt,
-    backgroundColor: mt,
+    barPadding: tt,
+    showTicks: ut,
+    truncateBy: C,
+    height: T,
+    width: y,
+    footNote: P,
+    colorDomain: Dt,
+    colorLegendTitle: rt,
+    suffix: zt,
+    prefix: F,
+    showValues: et,
+    padding: dt,
+    backgroundColor: xt,
     leftMargin: Tt,
     rightMargin: w,
-    topMargin: st,
-    bottomMargin: q,
-    showLabels: G,
-    relativeHeight: Q,
-    tooltip: O,
-    onSeriesMouseOver: Y,
-    refValues: M,
-    graphID: U,
-    maxValue: S,
+    topMargin: it,
+    bottomMargin: W,
+    showLabels: Y,
+    relativeHeight: K,
+    tooltip: R,
+    onSeriesMouseOver: H,
+    refValues: O,
+    graphID: q,
+    maxValue: I,
     minValue: a,
     onSeriesMouseClick: s,
     graphDownload: n,
     dataDownload: u,
     language: d,
-    labelOrder: p,
+    labelOrder: f,
     minHeight: x,
     theme: $,
-    sortParameter: Z,
-    sortData: J,
-    maxBarThickness: ut,
+    sortParameter: Q,
+    sortData: U,
+    maxBarThickness: ct,
     ariaLabel: Ft,
     resetSelectionOnDoubleClick: Yt,
-    detailsOnClick: W,
+    detailsOnClick: E,
     barAxisTitle: yt,
     noOfTicks: Bt,
     valueColor: r,
     orientation: c,
-    styles: F,
+    styles: B,
     classNames: h,
-    filterNA: L,
-    animate: B,
+    filterNA: V,
+    animate: S,
     precision: A,
-    customLayers: jt,
+    customLayers: Lt,
     showColorScale: bt,
-    timeline: ot,
-    naLabel: ht
-  } = e, j = c === void 0 ? "vertical" : c;
-  let y;
-  return t[0] !== B || t[1] !== Ft || t[2] !== mt || t[3] !== yt || t[4] !== et || t[5] !== q || t[6] !== h || t[7] !== zt || t[8] !== ct || t[9] !== Xt || t[10] !== jt || t[11] !== m || t[12] !== u || t[13] !== W || t[14] !== L || t[15] !== H || t[16] !== gt || t[17] !== n || t[18] !== U || t[19] !== z || t[20] !== N || t[21] !== p || t[22] !== d || t[23] !== Tt || t[24] !== ut || t[25] !== S || t[26] !== x || t[27] !== a || t[28] !== ht || t[29] !== Bt || t[30] !== s || t[31] !== Y || t[32] !== j || t[33] !== xt || t[34] !== A || t[35] !== X || t[36] !== M || t[37] !== Q || t[38] !== Yt || t[39] !== w || t[40] !== bt || t[41] !== G || t[42] !== dt || t[43] !== it || t[44] !== J || t[45] !== Z || t[46] !== St || t[47] !== F || t[48] !== Nt || t[49] !== $ || t[50] !== ot || t[51] !== O || t[52] !== st || t[53] !== V || t[54] !== r || t[55] !== f ? (y = /* @__PURE__ */ i.jsx(bi, { orientation: j, data: m, graphTitle: z, colors: Xt, sources: St, graphDescription: gt, barPadding: et, showTicks: dt, truncateBy: V, height: N, width: f, footNote: H, colorDomain: zt, colorLegendTitle: ct, suffix: Nt, prefix: X, showValues: it, padding: xt, backgroundColor: mt, leftMargin: Tt, rightMargin: w, sortParameter: Z, sortData: J, topMargin: st, bottomMargin: q, showLabels: G, relativeHeight: Q, tooltip: O, onSeriesMouseOver: Y, refValues: M, graphID: U, maxValue: S, minValue: a, onSeriesMouseClick: s, graphDownload: n, dataDownload: u, language: d, labelOrder: p, minHeight: x, theme: $, maxBarThickness: ut, ariaLabel: Ft, resetSelectionOnDoubleClick: Yt, styles: F, detailsOnClick: W, barAxisTitle: yt, noOfTicks: Bt, valueColor: r, classNames: h, filterNA: L, animate: B, precision: A, customLayers: jt, showColorScale: bt, timeline: ot, naLabel: ht }), t[0] = B, t[1] = Ft, t[2] = mt, t[3] = yt, t[4] = et, t[5] = q, t[6] = h, t[7] = zt, t[8] = ct, t[9] = Xt, t[10] = jt, t[11] = m, t[12] = u, t[13] = W, t[14] = L, t[15] = H, t[16] = gt, t[17] = n, t[18] = U, t[19] = z, t[20] = N, t[21] = p, t[22] = d, t[23] = Tt, t[24] = ut, t[25] = S, t[26] = x, t[27] = a, t[28] = ht, t[29] = Bt, t[30] = s, t[31] = Y, t[32] = j, t[33] = xt, t[34] = A, t[35] = X, t[36] = M, t[37] = Q, t[38] = Yt, t[39] = w, t[40] = bt, t[41] = G, t[42] = dt, t[43] = it, t[44] = J, t[45] = Z, t[46] = St, t[47] = F, t[48] = Nt, t[49] = $, t[50] = ot, t[51] = O, t[52] = st, t[53] = V, t[54] = r, t[55] = f, t[56] = y) : y = t[56], y;
+    timeline: st,
+    naLabel: mt
+  } = e, L = c === void 0 ? "vertical" : c;
+  let g;
+  return t[0] !== S || t[1] !== Ft || t[2] !== xt || t[3] !== yt || t[4] !== tt || t[5] !== W || t[6] !== h || t[7] !== Dt || t[8] !== rt || t[9] !== Xt || t[10] !== Lt || t[11] !== m || t[12] !== u || t[13] !== E || t[14] !== V || t[15] !== P || t[16] !== gt || t[17] !== n || t[18] !== q || t[19] !== D || t[20] !== T || t[21] !== f || t[22] !== d || t[23] !== Tt || t[24] !== ct || t[25] !== I || t[26] !== x || t[27] !== a || t[28] !== mt || t[29] !== Bt || t[30] !== s || t[31] !== H || t[32] !== L || t[33] !== dt || t[34] !== A || t[35] !== F || t[36] !== O || t[37] !== K || t[38] !== Yt || t[39] !== w || t[40] !== bt || t[41] !== Y || t[42] !== ut || t[43] !== et || t[44] !== U || t[45] !== Q || t[46] !== St || t[47] !== B || t[48] !== zt || t[49] !== $ || t[50] !== st || t[51] !== R || t[52] !== it || t[53] !== C || t[54] !== r || t[55] !== y ? (g = /* @__PURE__ */ i.jsx(bi, { orientation: L, data: m, graphTitle: D, colors: Xt, sources: St, graphDescription: gt, barPadding: tt, showTicks: ut, truncateBy: C, height: T, width: y, footNote: P, colorDomain: Dt, colorLegendTitle: rt, suffix: zt, prefix: F, showValues: et, padding: dt, backgroundColor: xt, leftMargin: Tt, rightMargin: w, sortParameter: Q, sortData: U, topMargin: it, bottomMargin: W, showLabels: Y, relativeHeight: K, tooltip: R, onSeriesMouseOver: H, refValues: O, graphID: q, maxValue: I, minValue: a, onSeriesMouseClick: s, graphDownload: n, dataDownload: u, language: d, labelOrder: f, minHeight: x, theme: $, maxBarThickness: ct, ariaLabel: Ft, resetSelectionOnDoubleClick: Yt, styles: B, detailsOnClick: E, barAxisTitle: yt, noOfTicks: Bt, valueColor: r, classNames: h, filterNA: V, animate: S, precision: A, customLayers: Lt, showColorScale: bt, timeline: st, naLabel: mt }), t[0] = S, t[1] = Ft, t[2] = xt, t[3] = yt, t[4] = tt, t[5] = W, t[6] = h, t[7] = Dt, t[8] = rt, t[9] = Xt, t[10] = Lt, t[11] = m, t[12] = u, t[13] = E, t[14] = V, t[15] = P, t[16] = gt, t[17] = n, t[18] = q, t[19] = D, t[20] = T, t[21] = f, t[22] = d, t[23] = Tt, t[24] = ct, t[25] = I, t[26] = x, t[27] = a, t[28] = mt, t[29] = Bt, t[30] = s, t[31] = H, t[32] = L, t[33] = dt, t[34] = A, t[35] = F, t[36] = O, t[37] = K, t[38] = Yt, t[39] = w, t[40] = bt, t[41] = Y, t[42] = ut, t[43] = et, t[44] = U, t[45] = Q, t[46] = St, t[47] = B, t[48] = zt, t[49] = $, t[50] = st, t[51] = R, t[52] = it, t[53] = C, t[54] = r, t[55] = y, t[56] = g) : g = t[56], g;
 }
 function Ro(e) {
   const t = xe.c(58), {
     data: m,
-    graphTitle: z,
+    graphTitle: D,
     colors: Xt,
     sources: St,
     graphDescription: gt,
-    barPadding: et,
-    showTicks: dt,
-    leftMargin: V,
-    rightMargin: N,
-    topMargin: f,
-    bottomMargin: H,
-    truncateBy: zt,
-    showLabels: ct,
-    showValues: Nt,
-    backgroundColor: X,
-    suffix: it,
-    prefix: xt,
-    height: mt,
+    barPadding: tt,
+    showTicks: ut,
+    leftMargin: C,
+    rightMargin: T,
+    topMargin: y,
+    bottomMargin: P,
+    truncateBy: Dt,
+    showLabels: rt,
+    showValues: zt,
+    backgroundColor: F,
+    suffix: et,
+    prefix: dt,
+    height: xt,
     width: Tt,
     footNote: w,
-    colorDomain: st,
-    colorLegendTitle: q,
-    padding: G,
-    tooltip: Q,
-    onSeriesMouseOver: O,
-    relativeHeight: Y,
-    refValues: M,
-    graphID: U,
-    maxValue: S,
+    colorDomain: it,
+    colorLegendTitle: W,
+    padding: Y,
+    tooltip: K,
+    onSeriesMouseOver: R,
+    relativeHeight: H,
+    refValues: O,
+    graphID: q,
+    maxValue: I,
     onSeriesMouseClick: a,
     graphDownload: s,
     dataDownload: n,
     language: u,
     theme: d,
-    labelOrder: p,
+    labelOrder: f,
     minHeight: x,
     maxBarThickness: $,
-    sortParameter: Z,
-    sortData: J,
-    maxNumberOfBars: ut,
+    sortParameter: Q,
+    sortData: U,
+    maxNumberOfBars: ct,
     minBarThickness: Ft,
     ariaLabel: Yt,
-    resetSelectionOnDoubleClick: W,
+    resetSelectionOnDoubleClick: E,
     detailsOnClick: yt,
     barAxisTitle: Bt,
     noOfTicks: r,
     valueColor: c,
-    orientation: F,
+    orientation: B,
     styles: h,
-    classNames: L,
-    filterNA: B,
+    classNames: V,
+    filterNA: S,
     animate: A,
-    precision: jt,
+    precision: Lt,
     customLayers: bt,
-    showColorScale: ot,
-    timeline: ht,
-    naLabel: j
-  } = e, y = F === void 0 ? "vertical" : F;
-  let _;
-  return t[0] !== A || t[1] !== Yt || t[2] !== X || t[3] !== Bt || t[4] !== et || t[5] !== H || t[6] !== L || t[7] !== st || t[8] !== q || t[9] !== Xt || t[10] !== bt || t[11] !== m || t[12] !== n || t[13] !== yt || t[14] !== B || t[15] !== w || t[16] !== gt || t[17] !== s || t[18] !== U || t[19] !== z || t[20] !== mt || t[21] !== p || t[22] !== u || t[23] !== V || t[24] !== $ || t[25] !== ut || t[26] !== S || t[27] !== Ft || t[28] !== x || t[29] !== j || t[30] !== r || t[31] !== a || t[32] !== O || t[33] !== y || t[34] !== G || t[35] !== jt || t[36] !== xt || t[37] !== M || t[38] !== Y || t[39] !== W || t[40] !== N || t[41] !== ot || t[42] !== ct || t[43] !== dt || t[44] !== Nt || t[45] !== J || t[46] !== Z || t[47] !== St || t[48] !== h || t[49] !== it || t[50] !== d || t[51] !== ht || t[52] !== Q || t[53] !== f || t[54] !== zt || t[55] !== c || t[56] !== Tt ? (_ = /* @__PURE__ */ i.jsx(qs, { data: m, graphTitle: z, colors: Xt, sources: St, graphDescription: gt, barPadding: et, showTicks: dt, leftMargin: V, rightMargin: N, topMargin: f, bottomMargin: H, truncateBy: zt, showLabels: ct, showValues: Nt, backgroundColor: X, suffix: it, prefix: xt, height: mt, width: Tt, footNote: w, colorDomain: st, colorLegendTitle: q, padding: G, tooltip: Q, onSeriesMouseOver: O, relativeHeight: Y, refValues: M, graphID: U, maxValue: S, onSeriesMouseClick: a, graphDownload: s, dataDownload: n, language: u, theme: d, labelOrder: p, minHeight: x, maxBarThickness: $, sortParameter: Z, sortData: J, maxNumberOfBars: ut, minBarThickness: Ft, ariaLabel: Yt, resetSelectionOnDoubleClick: W, styles: h, detailsOnClick: yt, barAxisTitle: Bt, noOfTicks: r, valueColor: c, classNames: L, filterNA: B, animate: A, precision: jt, customLayers: bt, showColorScale: ot, timeline: ht, naLabel: j, orientation: y }), t[0] = A, t[1] = Yt, t[2] = X, t[3] = Bt, t[4] = et, t[5] = H, t[6] = L, t[7] = st, t[8] = q, t[9] = Xt, t[10] = bt, t[11] = m, t[12] = n, t[13] = yt, t[14] = B, t[15] = w, t[16] = gt, t[17] = s, t[18] = U, t[19] = z, t[20] = mt, t[21] = p, t[22] = u, t[23] = V, t[24] = $, t[25] = ut, t[26] = S, t[27] = Ft, t[28] = x, t[29] = j, t[30] = r, t[31] = a, t[32] = O, t[33] = y, t[34] = G, t[35] = jt, t[36] = xt, t[37] = M, t[38] = Y, t[39] = W, t[40] = N, t[41] = ot, t[42] = ct, t[43] = dt, t[44] = Nt, t[45] = J, t[46] = Z, t[47] = St, t[48] = h, t[49] = it, t[50] = d, t[51] = ht, t[52] = Q, t[53] = f, t[54] = zt, t[55] = c, t[56] = Tt, t[57] = _) : _ = t[57], _;
+    showColorScale: st,
+    timeline: mt,
+    naLabel: L
+  } = e, g = B === void 0 ? "vertical" : B;
+  let Z;
+  return t[0] !== A || t[1] !== Yt || t[2] !== F || t[3] !== Bt || t[4] !== tt || t[5] !== P || t[6] !== V || t[7] !== it || t[8] !== W || t[9] !== Xt || t[10] !== bt || t[11] !== m || t[12] !== n || t[13] !== yt || t[14] !== S || t[15] !== w || t[16] !== gt || t[17] !== s || t[18] !== q || t[19] !== D || t[20] !== xt || t[21] !== f || t[22] !== u || t[23] !== C || t[24] !== $ || t[25] !== ct || t[26] !== I || t[27] !== Ft || t[28] !== x || t[29] !== L || t[30] !== r || t[31] !== a || t[32] !== R || t[33] !== g || t[34] !== Y || t[35] !== Lt || t[36] !== dt || t[37] !== O || t[38] !== H || t[39] !== E || t[40] !== T || t[41] !== st || t[42] !== rt || t[43] !== ut || t[44] !== zt || t[45] !== U || t[46] !== Q || t[47] !== St || t[48] !== h || t[49] !== et || t[50] !== d || t[51] !== mt || t[52] !== K || t[53] !== y || t[54] !== Dt || t[55] !== c || t[56] !== Tt ? (Z = /* @__PURE__ */ i.jsx(qs, { data: m, graphTitle: D, colors: Xt, sources: St, graphDescription: gt, barPadding: tt, showTicks: ut, leftMargin: C, rightMargin: T, topMargin: y, bottomMargin: P, truncateBy: Dt, showLabels: rt, showValues: zt, backgroundColor: F, suffix: et, prefix: dt, height: xt, width: Tt, footNote: w, colorDomain: it, colorLegendTitle: W, padding: Y, tooltip: K, onSeriesMouseOver: R, relativeHeight: H, refValues: O, graphID: q, maxValue: I, onSeriesMouseClick: a, graphDownload: s, dataDownload: n, language: u, theme: d, labelOrder: f, minHeight: x, maxBarThickness: $, sortParameter: Q, sortData: U, maxNumberOfBars: ct, minBarThickness: Ft, ariaLabel: Yt, resetSelectionOnDoubleClick: E, styles: h, detailsOnClick: yt, barAxisTitle: Bt, noOfTicks: r, valueColor: c, classNames: V, filterNA: S, animate: A, precision: Lt, customLayers: bt, showColorScale: st, timeline: mt, naLabel: L, orientation: g }), t[0] = A, t[1] = Yt, t[2] = F, t[3] = Bt, t[4] = tt, t[5] = P, t[6] = V, t[7] = it, t[8] = W, t[9] = Xt, t[10] = bt, t[11] = m, t[12] = n, t[13] = yt, t[14] = S, t[15] = w, t[16] = gt, t[17] = s, t[18] = q, t[19] = D, t[20] = xt, t[21] = f, t[22] = u, t[23] = C, t[24] = $, t[25] = ct, t[26] = I, t[27] = Ft, t[28] = x, t[29] = L, t[30] = r, t[31] = a, t[32] = R, t[33] = g, t[34] = Y, t[35] = Lt, t[36] = dt, t[37] = O, t[38] = H, t[39] = E, t[40] = T, t[41] = st, t[42] = rt, t[43] = ut, t[44] = zt, t[45] = U, t[46] = Q, t[47] = St, t[48] = h, t[49] = et, t[50] = d, t[51] = mt, t[52] = K, t[53] = y, t[54] = Dt, t[55] = c, t[56] = Tt, t[57] = Z) : Z = t[57], Z;
 }
 export {
   Wo as GroupedBarGraph,