@undp/data-viz 2.5.4 → 2.6.0

package/dist/BulletChart.js

@@ -1,42 +1,44 @@
-import { c as Ne, j as s, m as Te } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as Oe, useState as se, useEffect as Ie } from "react";
+import { c as Ie, j as s } from "./compiler-runtime-qHgugrLy.js";
+import { useRef as Oe, useState as se, useEffect as Ne } from "react";
 import { o as Ee } from "./index-BZQYSqar.js";
 import { f as $e, p as Ge } from "./parse-Dv4of-PN.js";
-import { g as He, N as Ze } from "./getSliderMarks-X-_goqH9.js";
-import { i as Fe } from "./index-Bwrro8-q.js";
+import { SliderUI as He } from "@undp/design-system-react/SliderUI";
+import { i as Te } from "./index-Bwrro8-q.js";
+import { cn as Fe } from "@undp/design-system-react/cn";
 import { s as je } from "./index-CeVNqhMO.js";
 import { n as Le } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Se } from "./Tooltip-3EYDVa3w.js";
+import { T as Se } from "./Tooltip-DO56mY4b.js";
 import { c as b } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { A as Re } from "./Axis-CNZYWzH0.js";
-import { A as qe } from "./AxisTitle-CyLCqpW6.js";
-import { X as Ue } from "./XAxesLabels-B9gkjUiC.js";
-import { R as Je, a as Ke } from "./ReferenceLine-D41VuUhE.js";
-import { Y as Qe } from "./YTicksAndGridLines-BbujwxOB.js";
-import { X as _e } from "./XTicksAndGridLines-CkYwVshF.js";
-import { Y as ti } from "./YAxesLabels-hWEUCTvs.js";
-import { D as Be } from "./DetailsModal-GqEbGHY2.js";
+import { A as Re } from "./Axis-RRx-0Rlw.js";
+import { A as qe } from "./AxisTitle-B9F80_Z0.js";
+import { X as Ze } from "./XAxesLabels-CPZX3OJN.js";
+import { R as Ue, a as Je } from "./ReferenceLine-NF4g3Reh.js";
+import { Y as Ke } from "./YTicksAndGridLines-wtuAKNeT.js";
+import { X as Qe } from "./XTicksAndGridLines-obTK2e7G.js";
+import { Y as _e } from "./YAxesLabels-CwVnFG2a.js";
+import { D as Be } from "./DetailsModal-k-Me_U_T.js";
 import { a as Pe } from "./linear-DNXM5Pdl.js";
 import { b as We } from "./band-DYty33LD.js";
-import { m as zt } from "./proxy-BsxtcZKa.js";
-import { u as Xe } from "./use-in-view-KOXq5Kmc.js";
-import { A as Ye } from "./index-Cv_5q6Rb.js";
+import { m as zt } from "./proxy-D31SA_aE.js";
+import { u as Xe } from "./use-in-view-Co5SmzfT.js";
+import { A as Ye } from "./index-CNUlPiEL.js";
 import { Colors as Ce } from "./Colors.js";
-import { E as ei } from "./EmptyState-CaxXCkiN.js";
-import { a as ii, G as ai } from "./GraphContainer-B8ZqOzKI.js";
-import { GraphFooter as ni } from "./GraphFooter.js";
-import { GraphHeader as li } from "./GraphHeader.js";
-import { ColorLegend as si } from "./ColorLegend.js";
+import { E as ti } from "./EmptyState-prZ8OnEs.js";
+import { a as ei, G as ii } from "./GraphContainer-DcOM2CI6.js";
+import { GraphFooter as ai } from "./GraphFooter.js";
+import { GraphHeader as ni } from "./GraphHeader.js";
+import { ColorLegend as li } from "./ColorLegend.js";
+import { g as si } from "./getSliderMarks-DSxFGb1f.js";
 import { b as De } from "./ensureCompleteData-CDIukSG6.js";
-import { P as oi, e as ri } from "./index-ApTBN0kp.js";
+import { P as oi, e as ri } from "./index-D_ls5oK8.js";
 function ci(e) {
-  const t = Ne.c(166), {
+  const t = Ie.c(166), {
     data: i,
     width: jt,
     height: oe,
     barColor: Ht,
     suffix: kt,
-    prefix: I,
+    prefix: N,
     barPadding: Zt,
     showLabels: Ut,
     showValues: re,
@@ -60,7 +62,7 @@ function ci(e) {
     detailsOnClick: mt,
     barAxisTitle: B,
     valueColor: et,
-    noOfTicks: Nt,
+    noOfTicks: It,
     styles: p,
     classNames: o,
     targetStyle: d,
@@ -77,12 +79,12 @@ function ci(e) {
     locale: Mt,
     padZeros: W
   } = e, X = ge === void 0 ? 20 : ge, _t = Jt === void 0 ? 20 : Jt, ye = ue === void 0 ? 20 : ue, be = we === void 0 ? 25 : we, Ae = Oe(null);
-  let It;
-  t[0] !== r.amount || t[1] !== r.once ? (It = {
+  let Nt;
+  t[0] !== r.amount || t[1] !== r.once ? (Nt = {
     once: r.once,
     amount: r.amount
-  }, t[0] = r.amount, t[1] = r.once, t[2] = It) : It = t[2];
-  const O = Xe(Ae, It), Y = B ? X + 30 : X;
+  }, t[0] = r.amount, t[1] = r.once, t[2] = Nt) : Nt = t[2];
+  const O = Xe(Ae, Nt), Y = B ? X + 30 : X;
   let $t;
   t[3] !== be || t[4] !== _t || t[5] !== Y || t[6] !== ye ? ($t = {
     top: ye,
@@ -92,10 +94,10 @@ function ci(e) {
   }, t[3] = be, t[4] = _t, t[5] = Y, t[6] = ye, t[7] = $t) : $t = t[7];
   const g = $t, [nt, de] = se(void 0), [dt, he] = se(void 0), [Dt, ve] = se(void 0), [xe, Tt] = se(void 0), h = jt - g.left - g.right, C = oe - g.top - g.bottom;
   let E;
-  t[8] !== i ? (E = Math.max(...i.filter(Ti).map(Di)) < 0 ? 0 : Math.max(...i.filter($i).map(Ii)), t[8] = i, t[9] = E) : E = t[9];
+  t[8] !== i ? (E = Math.max(...i.filter(Ti).map(Di)) < 0 ? 0 : Math.max(...i.filter($i).map(Ni)), t[8] = i, t[9] = E) : E = t[9];
   const Ft = E;
   let St;
-  t[10] !== i ? (St = Math.max(...i.filter(Ni).map(Li)) < 0 ? 0 : Math.max(...i.filter(Oi).map(Ci)), t[10] = i, t[11] = St) : St = t[11];
+  t[10] !== i ? (St = Math.max(...i.filter(Ii).map(Li)) < 0 ? 0 : Math.max(...i.filter(Oi).map(Ci)), t[10] = i, t[11] = St) : St = t[11];
   const Rt = St;
   let qt;
   t[12] !== i ? (qt = Math.max(...i.map(ji)), t[12] = i, t[13] = qt) : qt = t[13];
@@ -128,12 +130,12 @@ function ci(e) {
   let xt;
   t[30] !== st || t[31] !== V ? (xt = V ?? st.map(pi), t[30] = st, t[31] = V, t[32] = xt) : xt = t[32];
   const pt = xt;
-  let ot, G, D, T, z, A, H, j, L, N, F, c, Z, S;
-  if (t[33] !== r || t[34] !== B || t[35] !== Ht || t[36] !== pt || t[37] !== Zt || t[38] !== o?.graphObjectValues || t[39] !== o?.xAxis?.axis || t[40] !== o?.xAxis?.labels || t[41] !== o?.yAxis?.gridLines || t[42] !== o?.yAxis?.labels || t[43] !== o?.yAxis?.title || t[44] !== at || t[45] !== st || t[46] !== mt || t[47] !== f || t[48] !== C || t[49] !== h || t[50] !== oe || t[51] !== fe || t[52] !== tt || t[53] !== O || t[54] !== X || t[55] !== Mt || t[56] !== g.bottom || t[57] !== g.left || t[58] !== g.right || t[59] !== g.top || t[60] !== Kt || t[61] !== y || t[62] !== Lt || t[63] !== dt || t[64] !== $ || t[65] !== Nt || t[66] !== ut || t[67] !== wt || t[68] !== W || t[69] !== ft || t[70] !== I || t[71] !== it || t[72] !== Ot || t[73] !== Qt || t[74] !== Ut || t[75] !== Ct || t[76] !== re || t[77] !== p?.graphObjectValues || t[78] !== p?.xAxis?.axis || t[79] !== p?.xAxis?.labels || t[80] !== p?.yAxis?.gridLines || t[81] !== p?.yAxis?.labels || t[82] !== p?.yAxis?.title || t[83] !== kt || t[84] !== P || t[85] !== me || t[86] !== d || t[87] !== ce || t[88] !== et || t[89] !== jt || t[90] !== Wt || t[91] !== M) {
-    const m = Pe().domain([M, Wt]).range([C, 0]).nice(), n = We().domain(pt).range([0, Lt ? Math.max(h, Lt * pt.length) : Kt ? Math.min(h, Kt * pt.length) : h]).paddingInner(Zt), u = m.ticks(Nt);
-    G = zt.svg, N = `${jt}px`, F = `${oe}px`, c = `0 0 ${jt} ${oe}`, Z = "ltr", S = Ae, z = `translate(${g.left},${g.top})`;
+  let ot, G, D, T, z, A, H, j, L, I, F, c, Z, S;
+  if (t[33] !== r || t[34] !== B || t[35] !== Ht || t[36] !== pt || t[37] !== Zt || t[38] !== o?.graphObjectValues || t[39] !== o?.xAxis?.axis || t[40] !== o?.xAxis?.labels || t[41] !== o?.yAxis?.gridLines || t[42] !== o?.yAxis?.labels || t[43] !== o?.yAxis?.title || t[44] !== at || t[45] !== st || t[46] !== mt || t[47] !== f || t[48] !== C || t[49] !== h || t[50] !== oe || t[51] !== fe || t[52] !== tt || t[53] !== O || t[54] !== X || t[55] !== Mt || t[56] !== g.bottom || t[57] !== g.left || t[58] !== g.right || t[59] !== g.top || t[60] !== Kt || t[61] !== y || t[62] !== Lt || t[63] !== dt || t[64] !== $ || t[65] !== It || t[66] !== ut || t[67] !== wt || t[68] !== W || t[69] !== ft || t[70] !== N || t[71] !== it || t[72] !== Ot || t[73] !== Qt || t[74] !== Ut || t[75] !== Ct || t[76] !== re || t[77] !== p?.graphObjectValues || t[78] !== p?.xAxis?.axis || t[79] !== p?.xAxis?.labels || t[80] !== p?.yAxis?.gridLines || t[81] !== p?.yAxis?.labels || t[82] !== p?.yAxis?.title || t[83] !== kt || t[84] !== P || t[85] !== me || t[86] !== d || t[87] !== ce || t[88] !== et || t[89] !== jt || t[90] !== Wt || t[91] !== M) {
+    const m = Pe().domain([M, Wt]).range([C, 0]).nice(), n = We().domain(pt).range([0, Lt ? Math.max(h, Lt * pt.length) : Kt ? Math.min(h, Kt * pt.length) : h]).paddingInner(Zt), u = m.ticks(It);
+    G = zt.svg, I = `${jt}px`, F = `${oe}px`, c = `0 0 ${jt} ${oe}`, Z = "ltr", S = Ae, z = `translate(${g.left},${g.top})`;
     let v;
-    t[106] !== Mt || t[107] !== $ || t[108] !== W || t[109] !== ft || t[110] !== I || t[111] !== Ct || t[112] !== kt || t[113] !== M ? (v = Ct ? Le(M < 0 ? 0 : M, $, ft, I, kt, Mt, W) : void 0, t[106] = Mt, t[107] = $, t[108] = W, t[109] = ft, t[110] = I, t[111] = Ct, t[112] = kt, t[113] = M, t[114] = v) : v = t[114];
+    t[106] !== Mt || t[107] !== $ || t[108] !== W || t[109] !== ft || t[110] !== N || t[111] !== Ct || t[112] !== kt || t[113] !== M ? (v = Ct ? Le(M < 0 ? 0 : M, $, ft, N, kt, Mt, W) : void 0, t[106] = Mt, t[107] = $, t[108] = W, t[109] = ft, t[110] = N, t[111] = Ct, t[112] = kt, t[113] = M, t[114] = v) : v = t[114];
     const q = o?.xAxis?.axis, K = o?.yAxis?.labels;
     let ct;
     t[115] !== q || t[116] !== K ? (ct = {
@@ -150,18 +152,18 @@ function ci(e) {
       dx: 0,
       dy: Wt < 0 ? "1em" : -5,
       y: m(M < 0 ? 0 : M)
-    }, classNames: ct, styles: Et }), H = Ct ? /* @__PURE__ */ s.jsx(Qe, { values: u.filter(xi), y: u.filter(hi).map((l) => m(l)), x1: 0 - X, x2: h + g.right, styles: {
+    }, classNames: ct, styles: Et }), H = Ct ? /* @__PURE__ */ s.jsx(Ke, { values: u.filter(xi), y: u.filter(hi).map((l) => m(l)), x1: 0 - X, x2: h + g.right, styles: {
       gridLines: p?.yAxis?.gridLines,
       labels: p?.yAxis?.labels
     }, classNames: {
       gridLines: o?.yAxis?.gridLines,
       labels: o?.yAxis?.labels
-    }, suffix: kt, prefix: I, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: ft, locale: Mt, padZeros: W }) : null;
+    }, suffix: kt, prefix: N, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: ft, locale: Mt, padZeros: W }) : null;
     const ae = 0 - X - 15, Gt = C / 2, a = p?.yAxis?.title, Q = o?.yAxis?.title;
     t[121] !== B || t[122] !== ae || t[123] !== Gt || t[124] !== a || t[125] !== Q ? (j = /* @__PURE__ */ s.jsx(qe, { x: ae, y: Gt, style: a, className: Q, text: B, rotate90: !0 }), t[121] = B, t[122] = ae, t[123] = Gt, t[124] = a, t[125] = Q, t[126] = j) : j = t[126], t[127] !== at ? (L = at.filter(di).map(fi), t[127] = at, t[128] = L) : L = t[128], ot = Ye, D = st.map((l) => b(n(l.id)) ? null : /* @__PURE__ */ s.jsxs(zt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (_) => {
       de(l), Tt(_.clientY), ve(_.clientX), wt?.(l);
     }, onClick: () => {
-      (ut || mt) && (Fe(dt, l) && Qt ? (he(void 0), ut?.(void 0)) : (he(l), ut?.(l)));
+      (ut || mt) && (Te(dt, l) && Qt ? (he(void 0), ut?.(void 0)) : (he(l), ut?.(l)));
     }, onMouseMove: (_) => {
       de(l), Tt(_.clientY), ve(_.clientX);
     }, onMouseLeave: () => {
@@ -272,11 +274,11 @@ function ci(e) {
           }
         }
       }, initial: "initial", animate: O ? "whileInView" : "initial", height: me }) : null,
-      Ut ? /* @__PURE__ */ s.jsx(Ue, { value: `${l.label}`.length < ce ? `${l.label}` : `${`${l.label}`.substring(0, ce)}...`, y: (l.size || 0) < 0 ? 0 : m(0) + 5, x: 0, width: n.bandwidth(), height: (l.size || 0) < 0 ? m(0) - 5 : g.bottom, style: p?.xAxis?.labels, className: o?.xAxis?.labels, alignment: (l.size || 0) < 0 ? "bottom" : "top", animate: r, isInView: O }) : null,
+      Ut ? /* @__PURE__ */ s.jsx(Ze, { value: `${l.label}`.length < ce ? `${l.label}` : `${`${l.label}`.substring(0, ce)}...`, y: (l.size || 0) < 0 ? 0 : m(0) + 5, x: 0, width: n.bandwidth(), height: (l.size || 0) < 0 ? m(0) - 5 : g.bottom, style: p?.xAxis?.labels, className: o?.xAxis?.labels, alignment: (l.size || 0) < 0 ? "bottom" : "top", animate: r, isInView: O }) : null,
       re ? /* @__PURE__ */ s.jsx(zt.text, { x: n.bandwidth() / 2, style: {
         textAnchor: "middle",
         ...p?.graphObjectValues || {}
-      }, className: Te("graph-value text-sm", !et && Ht.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", o?.graphObjectValues), dy: l.size ? l.size >= 0 ? "-5px" : "1em" : "-5px", exit: {
+      }, className: Fe("graph-value text-sm", !et && Ht.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", o?.graphObjectValues), dy: l.size ? l.size >= 0 ? "-5px" : "1em" : "-5px", exit: {
         opacity: 0,
         transition: {
           duration: r.duration
@@ -295,10 +297,10 @@ function ci(e) {
             duration: r.duration
           }
         }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", children: Le(l.size, $, ft, I, kt, Mt, W) }) : null
-    ] }, l.label)), T = Ot ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Ot.map((l, _) => /* @__PURE__ */ s.jsx(Ke, { text: l.text, color: l.color, y: m(l.value), x1: 0 - X, x2: h + g.right, classNames: l.classNames, styles: l.styles, animate: r, isInView: O }, _)) }) : null, t[33] = r, t[34] = B, t[35] = Ht, t[36] = pt, t[37] = Zt, t[38] = o?.graphObjectValues, t[39] = o?.xAxis?.axis, t[40] = o?.xAxis?.labels, t[41] = o?.yAxis?.gridLines, t[42] = o?.yAxis?.labels, t[43] = o?.yAxis?.title, t[44] = at, t[45] = st, t[46] = mt, t[47] = f, t[48] = C, t[49] = h, t[50] = oe, t[51] = fe, t[52] = tt, t[53] = O, t[54] = X, t[55] = Mt, t[56] = g.bottom, t[57] = g.left, t[58] = g.right, t[59] = g.top, t[60] = Kt, t[61] = y, t[62] = Lt, t[63] = dt, t[64] = $, t[65] = Nt, t[66] = ut, t[67] = wt, t[68] = W, t[69] = ft, t[70] = I, t[71] = it, t[72] = Ot, t[73] = Qt, t[74] = Ut, t[75] = Ct, t[76] = re, t[77] = p?.graphObjectValues, t[78] = p?.xAxis?.axis, t[79] = p?.xAxis?.labels, t[80] = p?.yAxis?.gridLines, t[81] = p?.yAxis?.labels, t[82] = p?.yAxis?.title, t[83] = kt, t[84] = P, t[85] = me, t[86] = d, t[87] = ce, t[88] = et, t[89] = jt, t[90] = Wt, t[91] = M, t[92] = ot, t[93] = G, t[94] = D, t[95] = T, t[96] = z, t[97] = A, t[98] = H, t[99] = j, t[100] = L, t[101] = N, t[102] = F, t[103] = c, t[104] = Z, t[105] = S;
+      }, initial: "initial", animate: O ? "whileInView" : "initial", children: Le(l.size, $, ft, N, kt, Mt, W) }) : null
+    ] }, l.label)), T = Ot ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Ot.map((l, _) => /* @__PURE__ */ s.jsx(Je, { text: l.text, color: l.color, y: m(l.value), x1: 0 - X, x2: h + g.right, classNames: l.classNames, styles: l.styles, animate: r, isInView: O }, _)) }) : null, t[33] = r, t[34] = B, t[35] = Ht, t[36] = pt, t[37] = Zt, t[38] = o?.graphObjectValues, t[39] = o?.xAxis?.axis, t[40] = o?.xAxis?.labels, t[41] = o?.yAxis?.gridLines, t[42] = o?.yAxis?.labels, t[43] = o?.yAxis?.title, t[44] = at, t[45] = st, t[46] = mt, t[47] = f, t[48] = C, t[49] = h, t[50] = oe, t[51] = fe, t[52] = tt, t[53] = O, t[54] = X, t[55] = Mt, t[56] = g.bottom, t[57] = g.left, t[58] = g.right, t[59] = g.top, t[60] = Kt, t[61] = y, t[62] = Lt, t[63] = dt, t[64] = $, t[65] = It, t[66] = ut, t[67] = wt, t[68] = W, t[69] = ft, t[70] = N, t[71] = it, t[72] = Ot, t[73] = Qt, t[74] = Ut, t[75] = Ct, t[76] = re, t[77] = p?.graphObjectValues, t[78] = p?.xAxis?.axis, t[79] = p?.xAxis?.labels, t[80] = p?.yAxis?.gridLines, t[81] = p?.yAxis?.labels, t[82] = p?.yAxis?.title, t[83] = kt, t[84] = P, t[85] = me, t[86] = d, t[87] = ce, t[88] = et, t[89] = jt, t[90] = Wt, t[91] = M, t[92] = ot, t[93] = G, t[94] = D, t[95] = T, t[96] = z, t[97] = A, t[98] = H, t[99] = j, t[100] = L, t[101] = I, t[102] = F, t[103] = c, t[104] = Z, t[105] = S;
   } else
-    ot = t[92], G = t[93], D = t[94], T = t[95], z = t[96], A = t[97], H = t[98], j = t[99], L = t[100], N = t[101], F = t[102], c = t[103], Z = t[104], S = t[105];
+    ot = t[92], G = t[93], D = t[94], T = t[95], z = t[96], A = t[97], H = t[98], j = t[99], L = t[100], I = t[101], F = t[102], c = t[103], Z = t[104], S = t[105];
   let gt;
   t[129] !== ot || t[130] !== D || t[131] !== T ? (gt = /* @__PURE__ */ s.jsxs(ot, { children: [
     D,
@@ -316,7 +318,7 @@ function ci(e) {
     R
   ] }), t[135] = z, t[136] = A, t[137] = H, t[138] = j, t[139] = L, t[140] = gt, t[141] = R, t[142] = yt) : yt = t[142];
   let U;
-  t[143] !== G || t[144] !== N || t[145] !== F || t[146] !== c || t[147] !== Z || t[148] !== S || t[149] !== yt ? (U = /* @__PURE__ */ s.jsx(G, { width: N, height: F, viewBox: c, direction: Z, ref: S, children: yt }), t[143] = G, t[144] = N, t[145] = F, t[146] = c, t[147] = Z, t[148] = S, t[149] = yt, t[150] = U) : U = t[150];
+  t[143] !== G || t[144] !== I || t[145] !== F || t[146] !== c || t[147] !== Z || t[148] !== S || t[149] !== yt ? (U = /* @__PURE__ */ s.jsx(G, { width: I, height: F, viewBox: c, direction: Z, ref: S, children: yt }), t[143] = G, t[144] = I, t[145] = F, t[146] = c, t[147] = Z, t[148] = S, t[149] = yt, t[150] = U) : U = t[150];
   let rt;
   t[151] !== o?.tooltip || t[152] !== Dt || t[153] !== xe || t[154] !== nt || t[155] !== p?.tooltip || t[156] !== vt ? (rt = nt && vt && Dt && xe ? /* @__PURE__ */ s.jsx(Se, { data: nt, body: vt, xPos: Dt, yPos: xe, backgroundStyle: p?.tooltip, className: o?.tooltip }) : null, t[151] = o?.tooltip, t[152] = Dt, t[153] = xe, t[154] = nt, t[155] = p?.tooltip, t[156] = vt, t[157] = rt) : rt = t[157];
   let J;
@@ -397,10 +399,10 @@ function Oi(e) {
 function Li(e) {
   return e.target;
 }
-function Ni(e) {
+function Ii(e) {
   return !b(e.target);
 }
-function Ii(e) {
+function Ni(e) {
   return e.size;
 }
 function $i(e) {
@@ -413,13 +415,13 @@ function Ti(e) {
   return !b(e.size);
 }
 function Fi(e) {
-  const t = Ne.c(155), {
+  const t = Ie.c(155), {
     data: i,
     topMargin: jt,
     bottomMargin: oe,
     leftMargin: Ht,
     rightMargin: kt,
-    barColor: I,
+    barColor: N,
     suffix: Zt,
     prefix: Ut,
     barPadding: re,
@@ -443,7 +445,7 @@ function Fi(e) {
     resetSelectionOnDoubleClick: mt,
     detailsOnClick: B,
     barAxisTitle: et,
-    valueColor: Nt,
+    valueColor: It,
     noOfTicks: p,
     styles: o,
     classNames: d,
@@ -460,13 +462,13 @@ function Fi(e) {
     hideAxisLine: Mt,
     locale: W,
     padZeros: X
-  } = e, _t = jt === void 0 ? 25 : jt, ye = oe === void 0 ? 10 : oe, be = Ht === void 0 ? 100 : Ht, Ae = kt === void 0 ? 40 : kt, It = Oe(null);
+  } = e, _t = jt === void 0 ? 25 : jt, ye = oe === void 0 ? 10 : oe, be = Ht === void 0 ? 100 : Ht, Ae = kt === void 0 ? 40 : kt, Nt = Oe(null);
   let O;
   t[0] !== f.amount || t[1] !== f.once ? (O = {
     once: f.once,
     amount: f.amount
   }, t[0] = f.amount, t[1] = f.once, t[2] = O) : O = t[2];
-  const Y = Xe(It, O), [$t, g] = se(void 0), [nt, de] = se(void 0), [dt, he] = se(void 0), [Dt, ve] = se(void 0), xe = et ? _t + 25 : _t;
+  const Y = Xe(Nt, O), [$t, g] = se(void 0), [nt, de] = se(void 0), [dt, he] = se(void 0), [Dt, ve] = se(void 0), xe = et ? _t + 25 : _t;
   let Tt;
   t[3] !== ye || t[4] !== be || t[5] !== Ae || t[6] !== xe ? (Tt = {
     top: xe,
@@ -512,10 +514,10 @@ function Fi(e) {
   let pt;
   t[30] !== xt || t[31] !== V ? (pt = V ?? xt.map(Xi), t[30] = xt, t[31] = V, t[32] = pt) : pt = t[32];
   const ot = pt;
-  let G, D, T, z, A, H, j, L, N, F, c, Z, S, gt;
-  if (t[33] !== f || t[34] !== et || t[35] !== I || t[36] !== ot || t[37] !== re || t[38] !== d?.graphObjectValues || t[39] !== d?.xAxis?.gridLines || t[40] !== d?.xAxis?.labels || t[41] !== d?.xAxis?.title || t[42] !== d?.yAxis?.axis || t[43] !== d?.yAxis?.labels || t[44] !== $ || t[45] !== xt || t[46] !== B || t[47] !== ft || t[48] !== E || t[49] !== C || t[50] !== ue || t[51] !== Mt || t[52] !== w || t[53] !== Y || t[54] !== W || t[55] !== h.bottom || t[56] !== h.left || t[57] !== h.top || t[58] !== Lt || t[59] !== r || t[60] !== Qt || t[61] !== nt || t[62] !== me || t[63] !== p || t[64] !== ut || t[65] !== wt || t[66] !== X || t[67] !== at || t[68] !== Ut || t[69] !== y || t[70] !== Ot || t[71] !== mt || t[72] !== Kt || t[73] !== we || t[74] !== ce || t[75] !== Ct || t[76] !== o?.graphObjectValues || t[77] !== o?.xAxis?.gridLines || t[78] !== o?.xAxis?.labels || t[79] !== o?.xAxis?.title || t[80] !== o?.yAxis?.axis || t[81] !== o?.yAxis?.labels || t[82] !== Zt || t[83] !== it || t[84] !== fe || t[85] !== P || t[86] !== _t || t[87] !== ge || t[88] !== Nt || t[89] !== Jt || t[90] !== te || t[91] !== lt) {
+  let G, D, T, z, A, H, j, L, I, F, c, Z, S, gt;
+  if (t[33] !== f || t[34] !== et || t[35] !== N || t[36] !== ot || t[37] !== re || t[38] !== d?.graphObjectValues || t[39] !== d?.xAxis?.gridLines || t[40] !== d?.xAxis?.labels || t[41] !== d?.xAxis?.title || t[42] !== d?.yAxis?.axis || t[43] !== d?.yAxis?.labels || t[44] !== $ || t[45] !== xt || t[46] !== B || t[47] !== ft || t[48] !== E || t[49] !== C || t[50] !== ue || t[51] !== Mt || t[52] !== w || t[53] !== Y || t[54] !== W || t[55] !== h.bottom || t[56] !== h.left || t[57] !== h.top || t[58] !== Lt || t[59] !== r || t[60] !== Qt || t[61] !== nt || t[62] !== me || t[63] !== p || t[64] !== ut || t[65] !== wt || t[66] !== X || t[67] !== at || t[68] !== Ut || t[69] !== y || t[70] !== Ot || t[71] !== mt || t[72] !== Kt || t[73] !== we || t[74] !== ce || t[75] !== Ct || t[76] !== o?.graphObjectValues || t[77] !== o?.xAxis?.gridLines || t[78] !== o?.xAxis?.labels || t[79] !== o?.xAxis?.title || t[80] !== o?.yAxis?.axis || t[81] !== o?.yAxis?.labels || t[82] !== Zt || t[83] !== it || t[84] !== fe || t[85] !== P || t[86] !== _t || t[87] !== ge || t[88] !== It || t[89] !== Jt || t[90] !== te || t[91] !== lt) {
     const n = Pe().domain([lt, te]).range([0, C]).nice(), u = We().domain(ot).range([0, Qt ? Math.max(E, Qt * ot.length) : Lt ? Math.min(E, Lt * ot.length) : E]).paddingInner(re), v = n.ticks(p);
-    D = zt.svg, F = `${Jt}px`, c = `${ue}px`, Z = `0 0 ${Jt} ${ue}`, S = "ltr", gt = It, A = `translate(${h.left},${h.top})`, H = ce ? /* @__PURE__ */ s.jsx(_e, { values: v.filter(Wi), x: v.filter(Pi).map((a) => n(a)), y1: 0 - _t, y2: E + h.bottom, styles: {
+    D = zt.svg, F = `${Jt}px`, c = `${ue}px`, Z = `0 0 ${Jt} ${ue}`, S = "ltr", gt = Nt, A = `translate(${h.left},${h.top})`, H = ce ? /* @__PURE__ */ s.jsx(Qe, { values: v.filter(Wi), x: v.filter(Pi).map((a) => n(a)), y1: 0 - _t, y2: E + h.bottom, styles: {
       gridLines: o?.xAxis?.gridLines,
       labels: o?.xAxis?.labels
     }, classNames: {
@@ -533,10 +535,10 @@ function Fi(e) {
     let Gt;
     t[114] !== ae ? (Gt = {
       axis: ae
-    }, t[114] = ae, t[115] = Gt) : Gt = t[115], L = /* @__PURE__ */ s.jsx(Re, { hideAxisLine: Mt, x1: n(lt < 0 ? 0 : lt), x2: n(lt < 0 ? 0 : lt), y1: -2.5, y2: E + h.bottom, classNames: Et, styles: Gt }), t[116] !== $ ? (N = $.filter(Bi).map(qi), t[116] = $, t[117] = N) : N = t[117], G = Ye, T = xt.map((a) => b(u(a.id)) ? null : /* @__PURE__ */ s.jsxs(zt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (Q) => {
+    }, t[114] = ae, t[115] = Gt) : Gt = t[115], L = /* @__PURE__ */ s.jsx(Re, { hideAxisLine: Mt, x1: n(lt < 0 ? 0 : lt), x2: n(lt < 0 ? 0 : lt), y1: -2.5, y2: E + h.bottom, classNames: Et, styles: Gt }), t[116] !== $ ? (I = $.filter(Bi).map(qi), t[116] = $, t[117] = I) : I = t[117], G = Ye, T = xt.map((a) => b(u(a.id)) ? null : /* @__PURE__ */ s.jsxs(zt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (Q) => {
       g(a), ve(Q.clientY), he(Q.clientX), wt?.(a);
     }, onClick: () => {
-      (ut || B) && (Fe(nt, a) && mt ? (de(void 0), ut?.(void 0)) : (de(a), ut?.(a)));
+      (ut || B) && (Te(nt, a) && mt ? (de(void 0), ut?.(void 0)) : (de(a), ut?.(a)));
     }, onMouseMove: (Q) => {
       g(a), ve(Q.clientY), he(Q.clientX);
     }, onMouseLeave: () => {
@@ -605,7 +607,7 @@ function Fi(e) {
         }
       }, initial: "initial", animate: Y ? "whileInView" : "initial" }) : null,
       a.size ? /* @__PURE__ */ s.jsx(zt.rect, { y: u.bandwidth() * ((1 - r) / 2), style: {
-        fill: I
+        fill: N
       }, height: u.bandwidth() * r, exit: {
         width: 0,
         x: n(0),
@@ -647,11 +649,11 @@ function Fi(e) {
           }
         }
       }, initial: "initial", animate: Y ? "whileInView" : "initial" }) : null,
-      we ? /* @__PURE__ */ s.jsx(ti, { value: `${a.label}`.length < ge ? `${a.label}` : `${`${a.label}`.substring(0, ge)}...`, y: 0, x: (a.size || 0) < 0 ? n(0) : 0 - h.left, width: (a.size || 0) < 0 ? Jt - n(0) : n(0) + h.left, height: u.bandwidth(), alignment: a.size && a.size < 0 ? "left" : "right", style: o?.yAxis?.labels, className: d?.yAxis?.labels, animate: f, isInView: Y }) : null,
+      we ? /* @__PURE__ */ s.jsx(_e, { value: `${a.label}`.length < ge ? `${a.label}` : `${`${a.label}`.substring(0, ge)}...`, y: 0, x: (a.size || 0) < 0 ? n(0) : 0 - h.left, width: (a.size || 0) < 0 ? Jt - n(0) : n(0) + h.left, height: u.bandwidth(), alignment: a.size && a.size < 0 ? "left" : "right", style: o?.yAxis?.labels, className: d?.yAxis?.labels, animate: f, isInView: Y }) : null,
       Ct ? /* @__PURE__ */ s.jsx(zt.text, { y: u.bandwidth() / 2, style: {
         textAnchor: a.size && a.size < 0 ? "end" : "start",
         ...o?.graphObjectValues || {}
-      }, className: Te("graph-value text-sm", !Nt && I.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", d?.graphObjectValues), dx: a.size && a.size < 0 ? -5 : 5, dy: "0.33em", exit: {
+      }, className: Fe("graph-value text-sm", !It && N.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", d?.graphObjectValues), dx: a.size && a.size < 0 ? -5 : 5, dy: "0.33em", exit: {
         opacity: 0,
         transition: {
           duration: f.duration
@@ -660,20 +662,20 @@ function Fi(e) {
         initial: {
           x: n(0),
           opacity: 0,
-          fill: Nt || I
+          fill: It || N
         },
         whileInView: {
           x: a.size ? n(a.size) : n(0),
           opacity: 1,
-          fill: Nt || I,
+          fill: It || N,
           transition: {
             duration: f.duration
           }
         }
       }, initial: "initial", animate: Y ? "whileInView" : "initial", children: Le(a.size, me, at, Ut, Zt, W, X) }) : null
-    ] }, a.label)), z = Ot ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Ot.map((a, Q) => /* @__PURE__ */ s.jsx(Je, { text: a.text, color: a.color, x: n(a.value), y1: 0 - h.top, y2: E + h.bottom, textSide: n(a.value) > C * 0.75 || Kt ? "left" : "right", classNames: a.classNames, styles: a.styles, animate: f, isInView: Y }, Q)) }) : null, t[33] = f, t[34] = et, t[35] = I, t[36] = ot, t[37] = re, t[38] = d?.graphObjectValues, t[39] = d?.xAxis?.gridLines, t[40] = d?.xAxis?.labels, t[41] = d?.xAxis?.title, t[42] = d?.yAxis?.axis, t[43] = d?.yAxis?.labels, t[44] = $, t[45] = xt, t[46] = B, t[47] = ft, t[48] = E, t[49] = C, t[50] = ue, t[51] = Mt, t[52] = w, t[53] = Y, t[54] = W, t[55] = h.bottom, t[56] = h.left, t[57] = h.top, t[58] = Lt, t[59] = r, t[60] = Qt, t[61] = nt, t[62] = me, t[63] = p, t[64] = ut, t[65] = wt, t[66] = X, t[67] = at, t[68] = Ut, t[69] = y, t[70] = Ot, t[71] = mt, t[72] = Kt, t[73] = we, t[74] = ce, t[75] = Ct, t[76] = o?.graphObjectValues, t[77] = o?.xAxis?.gridLines, t[78] = o?.xAxis?.labels, t[79] = o?.xAxis?.title, t[80] = o?.yAxis?.axis, t[81] = o?.yAxis?.labels, t[82] = Zt, t[83] = it, t[84] = fe, t[85] = P, t[86] = _t, t[87] = ge, t[88] = Nt, t[89] = Jt, t[90] = te, t[91] = lt, t[92] = G, t[93] = D, t[94] = T, t[95] = z, t[96] = A, t[97] = H, t[98] = j, t[99] = L, t[100] = N, t[101] = F, t[102] = c, t[103] = Z, t[104] = S, t[105] = gt;
+    ] }, a.label)), z = Ot ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Ot.map((a, Q) => /* @__PURE__ */ s.jsx(Ue, { text: a.text, color: a.color, x: n(a.value), y1: 0 - h.top, y2: E + h.bottom, textSide: n(a.value) > C * 0.75 || Kt ? "left" : "right", classNames: a.classNames, styles: a.styles, animate: f, isInView: Y }, Q)) }) : null, t[33] = f, t[34] = et, t[35] = N, t[36] = ot, t[37] = re, t[38] = d?.graphObjectValues, t[39] = d?.xAxis?.gridLines, t[40] = d?.xAxis?.labels, t[41] = d?.xAxis?.title, t[42] = d?.yAxis?.axis, t[43] = d?.yAxis?.labels, t[44] = $, t[45] = xt, t[46] = B, t[47] = ft, t[48] = E, t[49] = C, t[50] = ue, t[51] = Mt, t[52] = w, t[53] = Y, t[54] = W, t[55] = h.bottom, t[56] = h.left, t[57] = h.top, t[58] = Lt, t[59] = r, t[60] = Qt, t[61] = nt, t[62] = me, t[63] = p, t[64] = ut, t[65] = wt, t[66] = X, t[67] = at, t[68] = Ut, t[69] = y, t[70] = Ot, t[71] = mt, t[72] = Kt, t[73] = we, t[74] = ce, t[75] = Ct, t[76] = o?.graphObjectValues, t[77] = o?.xAxis?.gridLines, t[78] = o?.xAxis?.labels, t[79] = o?.xAxis?.title, t[80] = o?.yAxis?.axis, t[81] = o?.yAxis?.labels, t[82] = Zt, t[83] = it, t[84] = fe, t[85] = P, t[86] = _t, t[87] = ge, t[88] = It, t[89] = Jt, t[90] = te, t[91] = lt, t[92] = G, t[93] = D, t[94] = T, t[95] = z, t[96] = A, t[97] = H, t[98] = j, t[99] = L, t[100] = I, t[101] = F, t[102] = c, t[103] = Z, t[104] = S, t[105] = gt;
   } else
-    G = t[92], D = t[93], T = t[94], z = t[95], A = t[96], H = t[97], j = t[98], L = t[99], N = t[100], F = t[101], c = t[102], Z = t[103], S = t[104], gt = t[105];
+    G = t[92], D = t[93], T = t[94], z = t[95], A = t[96], H = t[97], j = t[98], L = t[99], I = t[100], F = t[101], c = t[102], Z = t[103], S = t[104], gt = t[105];
   let R;
   t[118] !== G || t[119] !== T || t[120] !== z ? (R = /* @__PURE__ */ s.jsxs(G, { children: [
     T,
@@ -682,14 +684,14 @@ function Fi(e) {
   let yt;
   t[122] !== $ ? (yt = $.filter(Ri).map(Si), t[122] = $, t[123] = yt) : yt = t[123];
   let U;
-  t[124] !== A || t[125] !== H || t[126] !== j || t[127] !== L || t[128] !== N || t[129] !== R || t[130] !== yt ? (U = /* @__PURE__ */ s.jsxs("g", { transform: A, children: [
+  t[124] !== A || t[125] !== H || t[126] !== j || t[127] !== L || t[128] !== I || t[129] !== R || t[130] !== yt ? (U = /* @__PURE__ */ s.jsxs("g", { transform: A, children: [
     H,
     j,
     L,
-    N,
+    I,
     R,
     yt
-  ] }), t[124] = A, t[125] = H, t[126] = j, t[127] = L, t[128] = N, t[129] = R, t[130] = yt, t[131] = U) : U = t[131];
+  ] }), t[124] = A, t[125] = H, t[126] = j, t[127] = L, t[128] = I, t[129] = R, t[130] = yt, t[131] = U) : U = t[131];
   let rt;
   t[132] !== D || t[133] !== F || t[134] !== c || t[135] !== Z || t[136] !== S || t[137] !== gt || t[138] !== U ? (rt = /* @__PURE__ */ s.jsx(D, { width: F, height: c, viewBox: Z, direction: S, ref: gt, children: U }), t[132] = D, t[133] = F, t[134] = c, t[135] = Z, t[136] = S, t[137] = gt, t[138] = U, t[139] = rt) : rt = t[139];
   let J;
@@ -787,14 +789,14 @@ function oa(e) {
 function ra(e) {
   return !b(e.size);
 }
-function Za(e) {
-  const t = Ne.c(137), {
+function Ja(e) {
+  const t = Ie.c(137), {
     data: i,
     graphTitle: jt,
     barColor: oe,
     barPadding: Ht,
     showTicks: kt,
-    leftMargin: I,
+    leftMargin: N,
     rightMargin: Zt,
     topMargin: Ut,
     bottomMargin: re,
@@ -818,7 +820,7 @@ function Za(e) {
     refValues: mt,
     showColorScale: B,
     graphID: et,
-    maxValue: Nt,
+    maxValue: It,
     minValue: p,
     highlightedDataPoints: o,
     onSeriesMouseClick: d,
@@ -839,7 +841,7 @@ function Za(e) {
     dataDownload: ye,
     language: be,
     theme: Ae,
-    sortData: It,
+    sortData: Nt,
     labelOrder: O,
     minHeight: Y,
     maxBarThickness: $t,
@@ -857,7 +859,7 @@ function Za(e) {
   } = e, E = oe === void 0 ? Ce.primaryColors["blue-600"] : oe, Ft = Ht === void 0 ? 0.25 : Ht, St = kt === void 0 ? !0 : kt, Rt = Ct === void 0 ? 999 : Ct, qt = ce === void 0 ? !0 : ce, Bt = ge === void 0 ? !0 : ge, Pt = Jt === void 0 ? !1 : Jt, Wt = ue === void 0 ? "" : ue, te = we === void 0 ? "" : we, Xt = B === void 0 ? !0 : B, ht = it === void 0 ? "vertical" : it, Yt = ft === void 0 ? Ce.light.grays["gray-700"] : ft, Vt = at === void 0 ? !0 : at, M = $ === void 0 ? "line" : $, lt = me === void 0 ? 0.4 : me, st = fe === void 0 ? !1 : fe, xt = Mt === void 0 ? 0.3 : Mt;
   let pt;
   t[0] !== W ? (pt = W === void 0 ? [] : W, t[0] = W, t[1] = pt) : pt = t[1];
-  const ot = pt, G = X === void 0 ? "NA" : X, D = _t === void 0 ? !1 : _t, T = ye === void 0 ? !1 : ye, z = be === void 0 ? "en" : be, A = Ae === void 0 ? "light" : Ae, H = Y === void 0 ? 0 : Y, j = dt === void 0 ? !0 : dt, L = ve === void 0 ? 5 : ve, N = xe === void 0 ? 2 : xe;
+  const ot = pt, G = X === void 0 ? "NA" : X, D = _t === void 0 ? !1 : _t, T = ye === void 0 ? !1 : ye, z = be === void 0 ? "en" : be, A = Ae === void 0 ? "light" : Ae, H = Y === void 0 ? 0 : Y, j = dt === void 0 ? !0 : dt, L = ve === void 0 ? 5 : ve, I = xe === void 0 ? 2 : xe;
   let F;
   t[2] !== Tt ? (F = Tt === void 0 ? {
     enabled: !1,
@@ -878,20 +880,20 @@ function Za(e) {
       gt(pe[0].target.clientWidth || 620), yt(pe[0].target.clientHeight || 480);
     });
     return U.current && x.observe(U.current), () => x.disconnect();
-  }, ct = [], t[9] = K, t[10] = ct) : (K = t[9], ct = t[10]), Ie(K, ct);
+  }, ct = [], t[9] = K, t[10] = ct) : (K = t[9], ct = t[10]), Ne(K, ct);
   let ee, ie;
   t[11] !== k || t[12] !== c.speed || t[13] !== u ? (ee = () => {
     const x = setInterval(() => {
       q((pe) => pe < u.length - 1 ? pe + 1 : 0);
     }, (c.speed || 2) * 1e3);
     return k || clearInterval(x), () => clearInterval(x);
-  }, ie = [u, k, c.speed], t[11] = k, t[12] = c.speed, t[13] = u, t[14] = ee, t[15] = ie) : (ee = t[14], ie = t[15]), Ie(ee, ie);
+  }, ie = [u, k, c.speed], t[11] = k, t[12] = c.speed, t[13] = u, t[14] = ee, t[15] = ie) : (ee = t[14], ie = t[15]), Ne(ee, ie);
   const Et = c.dateFormat || "yyyy";
   let ae;
-  t[16] !== v || t[17] !== Et || t[18] !== c.showOnlyActiveDate || t[19] !== u ? (ae = He(u, v, c.showOnlyActiveDate, Et), t[16] = v, t[17] = Et, t[18] = c.showOnlyActiveDate, t[19] = u, t[20] = ae) : ae = t[20];
+  t[16] !== v || t[17] !== Et || t[18] !== c.showOnlyActiveDate || t[19] !== u ? (ae = si(u, v, c.showOnlyActiveDate, Et), t[16] = v, t[17] = Et, t[18] = c.showOnlyActiveDate, t[19] = u, t[20] = ae) : ae = t[20];
   const Gt = ae, a = r?.graphContainer, Q = y?.graphContainer;
   let l;
-  t[21] !== r?.description || t[22] !== r?.title || t[23] !== i || t[24] !== T || t[25] !== wt || t[26] !== D || t[27] !== jt || t[28] !== y?.description || t[29] !== y?.title || t[30] !== w ? (l = jt || wt || D || T ? /* @__PURE__ */ s.jsx(li, { styles: {
+  t[21] !== r?.description || t[22] !== r?.title || t[23] !== i || t[24] !== T || t[25] !== wt || t[26] !== D || t[27] !== jt || t[28] !== y?.description || t[29] !== y?.title || t[30] !== w ? (l = jt || wt || D || T ? /* @__PURE__ */ s.jsx(ni, { styles: {
     title: y?.title,
     description: y?.description
   }, classNames: {
@@ -903,18 +905,18 @@ function Za(e) {
     /* @__PURE__ */ s.jsx("button", { type: "button", onClick: () => {
       m(!k);
     }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": k ? "Click to pause animation" : "Click to play animation", children: k ? /* @__PURE__ */ s.jsx(oi, {}) : /* @__PURE__ */ s.jsx(ri, {}) }),
-    /* @__PURE__ */ s.jsx(Ze, { min: u[0], max: u[u.length - 1], marks: Gt, step: null, defaultValue: u[u.length - 1], value: u[v], onChangeComplete: (x) => {
+    /* @__PURE__ */ s.jsx(He, { min: u[0], max: u[u.length - 1], marks: Gt, step: null, defaultValue: u[u.length - 1], value: u[v], onChangeComplete: (x) => {
       q(u.indexOf(x));
     }, onChange: (x) => {
       q(u.indexOf(x));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, t[32] = v, t[33] = Gt, t[34] = k, t[35] = c.enabled, t[36] = u, t[37] = _) : _ = t[37];
   let bt;
-  t[38] !== r?.colorLegend || t[39] !== tt || t[40] !== ut || t[41] !== i || t[42] !== f || t[43] !== Xt || t[44] !== A || t[45] !== w ? (bt = Xt && i.filter(ca).length !== 0 && tt && i.length > 0 ? /* @__PURE__ */ s.jsx(si, { width: w, colorLegendTitle: ut, colors: f || Ce[A].sequentialColors.positiveColorsx10, colorDomain: tt, showNAColor: !1, className: r?.colorLegend }) : null, t[38] = r?.colorLegend, t[39] = tt, t[40] = ut, t[41] = i, t[42] = f, t[43] = Xt, t[44] = A, t[45] = w, t[46] = bt) : bt = t[46];
+  t[38] !== r?.colorLegend || t[39] !== tt || t[40] !== ut || t[41] !== i || t[42] !== f || t[43] !== Xt || t[44] !== A || t[45] !== w ? (bt = Xt && i.filter(ca).length !== 0 && tt && i.length > 0 ? /* @__PURE__ */ s.jsx(li, { width: w, colorLegendTitle: ut, colors: f || Ce[A].sequentialColors.positiveColorsx10, colorDomain: tt, showNAColor: !1, className: r?.colorLegend }) : null, t[38] = r?.colorLegend, t[39] = tt, t[40] = ut, t[41] = i, t[42] = f, t[43] = Xt, t[44] = A, t[45] = w, t[46] = bt) : bt = t[46];
   let ne;
-  t[47] !== i.length ? (ne = i.length === 0 && /* @__PURE__ */ s.jsx(ei, {}), t[47] = i.length, t[48] = ne) : ne = t[48];
+  t[47] !== i.length ? (ne = i.length === 0 && /* @__PURE__ */ s.jsx(ti, {}), t[47] = i.length, t[48] = ne) : ne = t[48];
   let le;
-  t[49] !== J || t[50] !== st || t[51] !== Dt || t[52] !== E || t[53] !== Ft || t[54] !== re || t[55] !== r || t[56] !== ot || t[57] !== i || t[58] !== he || t[59] !== xt || t[60] !== Vt || t[61] !== Z || t[62] !== o || t[63] !== v || t[64] !== O || t[65] !== z || t[66] !== I || t[67] !== $t || t[68] !== g || t[69] !== Nt || t[70] !== lt || t[71] !== nt || t[72] !== p || t[73] !== G || t[74] !== L || t[75] !== C?.locale || t[76] !== C?.padZeros || t[77] !== C?.precision || t[78] !== d || t[79] !== Qt || t[80] !== ht || t[81] !== te || t[82] !== f || t[83] !== mt || t[84] !== j || t[85] !== Zt || t[86] !== qt || t[87] !== St || t[88] !== Bt || t[89] !== It || t[90] !== y || t[91] !== Wt || t[92] !== R || t[93] !== S || t[94] !== Yt || t[95] !== N || t[96] !== M || t[97] !== A || t[98] !== c.dateFormat || t[99] !== c.enabled || t[100] !== Lt || t[101] !== Ut || t[102] !== Rt || t[103] !== u || t[104] !== P ? (le = S && R && i.length > 0 ? /* @__PURE__ */ s.jsx(J, { hideAxisLine: Z, data: It ? Ee(De(i, c.dateFormat || "yyyy").filter((x) => c.enabled ? `${x.date}` === $e(new Date(u[v]), c.dateFormat || "yyyy") : x).filter((x) => Vt ? !b(x.size) : x), [(x) => x.size === void 0 ? It === "asc" ? (ht === "horizontal" ? 1 : -1) * (1 / 0) : (ht === "horizontal" ? -1 : 1) * (1 / 0) : x.size], [It]).filter((x, pe) => g ? pe < g : !0) : De(i, c.dateFormat || "yyyy").filter((x) => c.enabled ? `${x.date}` === $e(new Date(u[v]), c.dateFormat || "yyyy") : x).filter((x) => Vt ? !b(x.size) : x).filter((x, pe) => g ? pe < g : !0), barColor: E, targetColor: Yt, width: S, refValues: mt, height: R, suffix: Wt, prefix: te, barPadding: Ft, showLabels: qt, showValues: Bt, showTicks: St, truncateBy: Rt, leftMargin: I, rightMargin: Zt, qualitativeRangeColors: f || Ce[A].sequentialColors.positiveColorsx10, topMargin: Ut, bottomMargin: re, tooltip: Lt, onSeriesMouseOver: Qt, maxValue: Nt, minValue: p, highlightedDataPoints: o, onSeriesMouseClick: d, labelOrder: O, maxBarThickness: $t, minBarThickness: nt, resetSelectionOnDoubleClick: j, detailsOnClick: he, barAxisTitle: Dt, noOfTicks: L, valueColor: P, styles: y, classNames: r, targetStyle: M, dimmedOpacity: xt, measureBarWidthFactor: lt, animate: st === !0 ? {
+  t[49] !== J || t[50] !== st || t[51] !== Dt || t[52] !== E || t[53] !== Ft || t[54] !== re || t[55] !== r || t[56] !== ot || t[57] !== i || t[58] !== he || t[59] !== xt || t[60] !== Vt || t[61] !== Z || t[62] !== o || t[63] !== v || t[64] !== O || t[65] !== z || t[66] !== N || t[67] !== $t || t[68] !== g || t[69] !== It || t[70] !== lt || t[71] !== nt || t[72] !== p || t[73] !== G || t[74] !== L || t[75] !== C?.locale || t[76] !== C?.padZeros || t[77] !== C?.precision || t[78] !== d || t[79] !== Qt || t[80] !== ht || t[81] !== te || t[82] !== f || t[83] !== mt || t[84] !== j || t[85] !== Zt || t[86] !== qt || t[87] !== St || t[88] !== Bt || t[89] !== Nt || t[90] !== y || t[91] !== Wt || t[92] !== R || t[93] !== S || t[94] !== Yt || t[95] !== I || t[96] !== M || t[97] !== A || t[98] !== c.dateFormat || t[99] !== c.enabled || t[100] !== Lt || t[101] !== Ut || t[102] !== Rt || t[103] !== u || t[104] !== P ? (le = S && R && i.length > 0 ? /* @__PURE__ */ s.jsx(J, { hideAxisLine: Z, data: Nt ? Ee(De(i, c.dateFormat || "yyyy").filter((x) => c.enabled ? `${x.date}` === $e(new Date(u[v]), c.dateFormat || "yyyy") : x).filter((x) => Vt ? !b(x.size) : x), [(x) => x.size === void 0 ? Nt === "asc" ? (ht === "horizontal" ? 1 : -1) * (1 / 0) : (ht === "horizontal" ? -1 : 1) * (1 / 0) : x.size], [Nt]).filter((x, pe) => g ? pe < g : !0) : De(i, c.dateFormat || "yyyy").filter((x) => c.enabled ? `${x.date}` === $e(new Date(u[v]), c.dateFormat || "yyyy") : x).filter((x) => Vt ? !b(x.size) : x).filter((x, pe) => g ? pe < g : !0), barColor: E, targetColor: Yt, width: S, refValues: mt, height: R, suffix: Wt, prefix: te, barPadding: Ft, showLabels: qt, showValues: Bt, showTicks: St, truncateBy: Rt, leftMargin: N, rightMargin: Zt, qualitativeRangeColors: f || Ce[A].sequentialColors.positiveColorsx10, topMargin: Ut, bottomMargin: re, tooltip: Lt, onSeriesMouseOver: Qt, maxValue: It, minValue: p, highlightedDataPoints: o, onSeriesMouseClick: d, labelOrder: O, maxBarThickness: $t, minBarThickness: nt, resetSelectionOnDoubleClick: j, detailsOnClick: he, barAxisTitle: Dt, noOfTicks: L, valueColor: P, styles: y, classNames: r, targetStyle: M, dimmedOpacity: xt, measureBarWidthFactor: lt, animate: st === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -922,9 +924,9 @@ function Za(e) {
     duration: 0,
     once: !0,
     amount: 0
-  }, customLayers: ot, naLabel: G, targetLineThickness: N, rtl: z === "ar" || z === "he", locale: C?.locale || "en", padZeros: C?.padZeros || !1, precision: C?.precision ?? 2 }) : null, t[49] = J, t[50] = st, t[51] = Dt, t[52] = E, t[53] = Ft, t[54] = re, t[55] = r, t[56] = ot, t[57] = i, t[58] = he, t[59] = xt, t[60] = Vt, t[61] = Z, t[62] = o, t[63] = v, t[64] = O, t[65] = z, t[66] = I, t[67] = $t, t[68] = g, t[69] = Nt, t[70] = lt, t[71] = nt, t[72] = p, t[73] = G, t[74] = L, t[75] = C?.locale, t[76] = C?.padZeros, t[77] = C?.precision, t[78] = d, t[79] = Qt, t[80] = ht, t[81] = te, t[82] = f, t[83] = mt, t[84] = j, t[85] = Zt, t[86] = qt, t[87] = St, t[88] = Bt, t[89] = It, t[90] = y, t[91] = Wt, t[92] = R, t[93] = S, t[94] = Yt, t[95] = N, t[96] = M, t[97] = A, t[98] = c.dateFormat, t[99] = c.enabled, t[100] = Lt, t[101] = Ut, t[102] = Rt, t[103] = u, t[104] = P, t[105] = le) : le = t[105];
+  }, customLayers: ot, naLabel: G, targetLineThickness: I, rtl: z === "ar" || z === "he", locale: C?.locale || "en", padZeros: C?.padZeros || !1, precision: C?.precision ?? 2 }) : null, t[49] = J, t[50] = st, t[51] = Dt, t[52] = E, t[53] = Ft, t[54] = re, t[55] = r, t[56] = ot, t[57] = i, t[58] = he, t[59] = xt, t[60] = Vt, t[61] = Z, t[62] = o, t[63] = v, t[64] = O, t[65] = z, t[66] = N, t[67] = $t, t[68] = g, t[69] = It, t[70] = lt, t[71] = nt, t[72] = p, t[73] = G, t[74] = L, t[75] = C?.locale, t[76] = C?.padZeros, t[77] = C?.precision, t[78] = d, t[79] = Qt, t[80] = ht, t[81] = te, t[82] = f, t[83] = mt, t[84] = j, t[85] = Zt, t[86] = qt, t[87] = St, t[88] = Bt, t[89] = Nt, t[90] = y, t[91] = Wt, t[92] = R, t[93] = S, t[94] = Yt, t[95] = I, t[96] = M, t[97] = A, t[98] = c.dateFormat, t[99] = c.enabled, t[100] = Lt, t[101] = Ut, t[102] = Rt, t[103] = u, t[104] = P, t[105] = le) : le = t[105];
   let Me;
-  t[106] !== ne || t[107] !== le ? (Me = /* @__PURE__ */ s.jsxs(ii, { ref: U, children: [
+  t[106] !== ne || t[107] !== le ? (Me = /* @__PURE__ */ s.jsxs(ei, { ref: U, children: [
     ne,
     le
   ] }), t[106] = ne, t[107] = le, t[108] = Me) : Me = t[108];
@@ -934,7 +936,7 @@ function Za(e) {
     Me
   ] }), t[109] = bt, t[110] = Me, t[111] = Ve) : Ve = t[111];
   let ze;
-  t[112] !== r?.footnote || t[113] !== r?.source || t[114] !== At || t[115] !== vt || t[116] !== y?.footnote || t[117] !== y?.source || t[118] !== w ? (ze = vt || At ? /* @__PURE__ */ s.jsx(ni, { styles: {
+  t[112] !== r?.footnote || t[113] !== r?.source || t[114] !== At || t[115] !== vt || t[116] !== y?.footnote || t[117] !== y?.source || t[118] !== w ? (ze = vt || At ? /* @__PURE__ */ s.jsx(ai, { styles: {
     footnote: y?.footnote,
     source: y?.source
   }, classNames: {
@@ -942,7 +944,7 @@ function Za(e) {
     source: r?.source
   }, sources: vt, footNote: At, width: w }) : null, t[112] = r?.footnote, t[113] = r?.source, t[114] = At, t[115] = vt, t[116] = y?.footnote, t[117] = y?.source, t[118] = w, t[119] = ze) : ze = t[119];
   let ke;
-  return t[120] !== de || t[121] !== Pt || t[122] !== et || t[123] !== Ot || t[124] !== z || t[125] !== H || t[126] !== V || t[127] !== Kt || t[128] !== a || t[129] !== Q || t[130] !== l || t[131] !== _ || t[132] !== Ve || t[133] !== ze || t[134] !== A || t[135] !== w ? (ke = /* @__PURE__ */ s.jsxs(ai, { className: a, style: Q, id: et, ref: rt, "aria-label": de, backgroundColor: Pt, theme: A, language: z, minHeight: H, width: w, height: Ot, relativeHeight: Kt, padding: V, children: [
+  return t[120] !== de || t[121] !== Pt || t[122] !== et || t[123] !== Ot || t[124] !== z || t[125] !== H || t[126] !== V || t[127] !== Kt || t[128] !== a || t[129] !== Q || t[130] !== l || t[131] !== _ || t[132] !== Ve || t[133] !== ze || t[134] !== A || t[135] !== w ? (ke = /* @__PURE__ */ s.jsxs(ii, { className: a, style: Q, id: et, ref: rt, "aria-label": de, backgroundColor: Pt, theme: A, language: z, minHeight: H, width: w, height: Ot, relativeHeight: Kt, padding: V, children: [
     l,
     _,
     Ve,
@@ -974,6 +976,6 @@ function pa(e) {
   return e.date;
 }
 export {
-  Za as BulletChart
+  Ja as BulletChart
 };
 //# sourceMappingURL=BulletChart.js.map