@undp/data-viz 1.4.13 → 1.4.14

package/dist/BulletChart.js

@@ -20,19 +20,19 @@ import { m as G } from "./proxy-CkpFesk1.js";
 import { A as Bi } from "./index-CNvov0eg.js";
 import { GraphFooter as qi } from "./GraphFooter.js";
 import { GraphHeader as Fi } from "./GraphHeader.js";
-import { Colors as wi } from "./Colors.js";
+import { Colors as vi } from "./Colors.js";
 import { E as Hi } from "./EmptyState-DdTp-Mdn.js";
 import { ColorLegend as Pi } from "./ColorLegend.js";
 import { X as Gi } from "./XAxesLabels-CaV2q-6H.js";
 import { Y as Ui } from "./YTicksAndGridLines-B6ah7CRf.js";
-function Ji(vi) {
+function Ji(wi) {
   const {
-    data: l,
+    data: r,
     barColor: b,
     suffix: U,
     prefix: J,
     barPadding: K,
-    showValues: li,
+    showValues: ri,
     showTicks: Q,
     leftMargin: yi,
     truncateBy: mi,
@@ -41,13 +41,13 @@ function Ji(vi) {
     rightMargin: bi,
     topMargin: N,
     bottomMargin: ti,
-    showLabels: c,
+    showLabels: h,
     tooltip: B,
     onSeriesMouseOver: T,
     refValues: D,
-    highlightedDataPoints: m,
+    highlightedDataPoints: g,
     maxValue: q,
-    minValue: v,
+    minValue: w,
     onSeriesMouseClick: F,
     labelOrder: ei,
     rtl: H,
@@ -60,16 +60,16 @@ function Ji(vi) {
     noOfTicks: z,
     styles: x,
     classNames: C,
-    targetStyle: ri,
+    targetStyle: li,
     targetColor: P,
     qualitativeRangeColors: W,
-    measureBarWidthFactor: h,
+    measureBarWidthFactor: c,
     animate: n,
     dimmedOpacity: k,
     precision: X,
     customLayers: S,
     naLabel: A
-  } = vi, f = ji(null), g = Ri(f, {
+  } = wi, f = ji(null), m = Ri(f, {
     once: n.once,
     amount: n.amount
   }), [ni, Y] = gi(void 0), [j, E] = gi(void 0), [oi, V] = gi(void 0), [p, y] = gi(void 0), u = {
@@ -77,21 +77,21 @@ function Ji(vi) {
     bottom: ti,
     left: yi,
     right: bi
-  }, R = Z - u.left - u.right, O = ii - u.top - u.bottom, hi = Math.max(...l.filter((i) => !o(i.size)).map((i) => i.size)) < 0 ? 0 : Math.max(...l.filter((i) => !o(i.size)).map((i) => i.size)), _ = Math.max(...l.filter((i) => !o(i.target)).map((i) => i.target)) < 0 ? 0 : Math.max(
-    ...l.filter((i) => !o(i.target)).map((i) => i.target)
+  }, R = Z - u.left - u.right, O = ii - u.top - u.bottom, hi = Math.max(...r.filter((i) => !o(i.size)).map((i) => i.size)) < 0 ? 0 : Math.max(...r.filter((i) => !o(i.size)).map((i) => i.size)), _ = Math.max(...r.filter((i) => !o(i.target)).map((i) => i.target)) < 0 ? 0 : Math.max(
+    ...r.filter((i) => !o(i.target)).map((i) => i.target)
   ), ci = Math.max(
-    ...l.map((i) => Ci((i.qualitativeRange || []).filter((s) => !o(s))) || 0)
+    ...r.map((i) => Ci((i.qualitativeRange || []).filter((s) => !o(s))) || 0)
   ), xi = o(q) ? Math.max(...[hi, _, ci].filter(Number.isFinite)) < 0 ? 0 : Math.max(
     ...[hi, _, ci].filter(Number.isFinite)
-  ) : q, ui = Math.min(...l.filter((i) => !o(i.size)).map((i) => i.size)) >= 0 ? 0 : Math.min(...l.filter((i) => !o(i.size)).map((i) => i.size)), M = Math.min(...l.filter((i) => !o(i.target)).map((i) => i.target)) >= 0 ? 0 : Math.min(
-    ...l.filter((i) => !o(i.target)).map((i) => i.target)
-  ), a = o(v) ? Math.min(...[ui, M].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[ui, M].filter(Number.isFinite)) : v, fi = l.map((i, s) => ({
+  ) : q, ui = Math.min(...r.filter((i) => !o(i.size)).map((i) => i.size)) >= 0 ? 0 : Math.min(...r.filter((i) => !o(i.size)).map((i) => i.size)), M = Math.min(...r.filter((i) => !o(i.target)).map((i) => i.target)) >= 0 ? 0 : Math.min(
+    ...r.filter((i) => !o(i.target)).map((i) => i.target)
+  ), a = o(w) ? Math.min(...[ui, M].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[ui, M].filter(Number.isFinite)) : w, fi = r.map((i, s) => ({
     ...i,
     id: ei ? `${i.label}` : `${s}`
-  })), r = Ii().domain([a, xi]).range([0, R]).nice(), w = ei || fi.map((i) => `${i.id}`), d = Si().domain(w).range([
+  })), l = Ii().domain([a, xi]).range([0, R]).nice(), v = ei || fi.map((i) => `${i.id}`), d = Si().domain(v).range([
     0,
-    di ? Math.max(O, di * w.length) : L ? Math.min(O, L * w.length) : O
-  ]).paddingInner(K), t = r.ticks(z);
+    di ? Math.max(O, di * v.length) : L ? Math.min(O, L * v.length) : O
+  ]).paddingInner(K), t = l.ticks(z);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       G.svg,
@@ -106,7 +106,7 @@ function Ji(vi) {
             Xi,
             {
               values: t.filter((i) => i !== 0),
-              x: t.filter((i) => i !== 0).map((i) => r(i)),
+              x: t.filter((i) => i !== 0).map((i) => l(i)),
               y1: 0 - N,
               y2: O + u.bottom,
               styles: {
@@ -137,8 +137,8 @@ function Ji(vi) {
           /* @__PURE__ */ e.jsx(
             Li,
             {
-              x1: r(a < 0 ? 0 : a),
-              x2: r(a < 0 ? 0 : a),
+              x1: l(a < 0 ? 0 : a),
+              x2: l(a < 0 ? 0 : a),
               y1: -2.5,
               y2: O + u.bottom,
               classNames: { axis: C?.yAxis?.axis },
@@ -169,110 +169,110 @@ function Ji(vi) {
                     initial: {
                       x: 0,
                       y: d(`${i.id}`),
-                      opacity: m.length !== 0 ? m.indexOf(i.label) !== -1 ? 0.85 : k : 0.85
+                      opacity: g.length !== 0 ? g.indexOf(i.label) !== -1 ? 0.85 : k : 0.85
                     },
                     whileInView: {
                       x: 0,
                       y: d(`${i.id}`),
-                      opacity: m.length !== 0 ? m.indexOf(i.label) !== -1 ? 0.85 : k : 0.85,
+                      opacity: g.length !== 0 ? g.indexOf(i.label) !== -1 ? 0.85 : k : 0.85,
                       transition: { duration: n.duration }
                     }
                   },
                   initial: "initial",
-                  animate: g ? "whileInView" : "initial",
+                  animate: m ? "whileInView" : "initial",
                   children: [
                     i.qualitativeRange ? i.qualitativeRange.map((s, pi) => /* @__PURE__ */ e.jsx(
                       G.rect,
                       {
                         exit: {
                           width: 0,
-                          x: r(0),
+                          x: l(0),
                           transition: { duration: n.duration }
                         },
                         variants: {
                           initial: {
-                            x: r(0),
+                            x: l(0),
                             width: 0,
                             fill: W[pi]
                           },
                           whileInView: {
-                            x: r(
+                            x: l(
                               pi === 0 ? 0 : Ci(
                                 i.qualitativeRange.filter(
                                   (Mi, Wi) => Wi < pi && Mi
                                 )
                               )
                             ),
-                            width: r(s),
+                            width: l(s),
                             fill: W[pi],
                             transition: { duration: n.duration }
                           }
                         },
                         initial: "initial",
-                        animate: g ? "whileInView" : "initial",
+                        animate: m ? "whileInView" : "initial",
                         y: 0,
                         height: d.bandwidth()
                       },
                       pi
                     )) : null,
-                    i.target && ri === "background" ? /* @__PURE__ */ e.jsx(
+                    i.target && li === "background" ? /* @__PURE__ */ e.jsx(
                       G.rect,
                       {
                         y: 0,
-                        x: i.target >= 0 ? r(0) : r(i.target),
+                        x: i.target >= 0 ? l(0) : l(i.target),
                         height: d.bandwidth(),
                         style: {
                           fill: P
                         },
                         exit: {
                           width: 0,
-                          x: r(0),
+                          x: l(0),
                           transition: { duration: n.duration }
                         },
                         variants: {
                           initial: {
-                            x: r(0),
+                            x: l(0),
                             width: 0
                           },
                           whileInView: {
-                            x: i.target >= 0 ? r(0) : r(i.target),
-                            width: i.target >= 0 ? r(i.target) - r(0) : r(0) - r(i.target),
+                            x: i.target >= 0 ? l(0) : l(i.target),
+                            width: i.target >= 0 ? l(i.target) - l(0) : l(0) - l(i.target),
                             transition: { duration: n.duration }
                           }
                         },
                         initial: "initial",
-                        animate: g ? "whileInView" : "initial"
+                        animate: m ? "whileInView" : "initial"
                       }
                     ) : null,
                     i.size ? /* @__PURE__ */ e.jsx(
                       G.rect,
                       {
-                        y: d.bandwidth() * ((1 - h) / 2),
+                        y: d.bandwidth() * ((1 - c) / 2),
                         style: {
                           fill: b
                         },
-                        height: d.bandwidth() * h,
+                        height: d.bandwidth() * c,
                         exit: {
                           width: 0,
-                          x: r(0),
+                          x: l(0),
                           transition: { duration: n.duration }
                         },
                         variants: {
                           initial: {
-                            x: r(0),
+                            x: l(0),
                             width: 0
                           },
                           whileInView: {
-                            x: i.size >= 0 ? r(0) : r(i.size),
-                            width: i.size >= 0 ? r(i.size) - r(0) : r(0) - r(i.size),
+                            x: i.size >= 0 ? l(0) : l(i.size),
+                            width: i.size >= 0 ? l(i.size) - l(0) : l(0) - l(i.size),
                             transition: { duration: n.duration }
                           }
                         },
                         initial: "initial",
-                        animate: g ? "whileInView" : "initial"
+                        animate: m ? "whileInView" : "initial"
                       }
                     ) : null,
-                    i.target && ri === "line" ? /* @__PURE__ */ e.jsx(
+                    i.target && li === "line" ? /* @__PURE__ */ e.jsx(
                       G.rect,
                       {
                         y: 0,
@@ -283,40 +283,40 @@ function Ji(vi) {
                         width: 2,
                         exit: {
                           opacity: 0,
-                          x: r(0),
+                          x: l(0),
                           transition: { duration: n.duration }
                         },
                         variants: {
                           initial: {
-                            x: r(0),
+                            x: l(0),
                             opacity: 0
                           },
                           whileInView: {
-                            x: r(i.target) - 1,
+                            x: l(i.target) - 1,
                             opacity: 1,
                             transition: { duration: n.duration }
                           }
                         },
                         initial: "initial",
-                        animate: g ? "whileInView" : "initial"
+                        animate: m ? "whileInView" : "initial"
                       }
                     ) : null,
-                    c ? /* @__PURE__ */ e.jsx(
+                    h ? /* @__PURE__ */ e.jsx(
                       Yi,
                       {
                         value: `${i.label}`.length < mi ? `${i.label}` : `${`${i.label}`.substring(0, mi)}...`,
                         y: 0,
-                        x: (i.size || 0) < 0 ? r(0) : 0 - u.left,
-                        width: (i.size || 0) < 0 ? Z - r(0) : r(0) + u.left,
+                        x: (i.size || 0) < 0 ? l(0) : 0 - u.left,
+                        width: (i.size || 0) < 0 ? Z - l(0) : l(0) + u.left,
                         height: d.bandwidth(),
                         alignment: i.size && i.size < 0 ? "left" : "right",
                         style: x?.yAxis?.labels,
                         className: C?.yAxis?.labels,
                         animate: n,
-                        isInView: g
+                        isInView: m
                       }
                     ) : null,
-                    li ? /* @__PURE__ */ e.jsx(
+                    ri ? /* @__PURE__ */ e.jsx(
                       G.text,
                       {
                         y: d.bandwidth() / 2,
@@ -335,17 +335,17 @@ function Ji(vi) {
                         exit: { opacity: 0, transition: { duration: n.duration } },
                         variants: {
                           initial: {
-                            x: r(0),
+                            x: l(0),
                             opacity: 0
                           },
                           whileInView: {
-                            x: i.size ? r(i.size) : r(0),
+                            x: i.size ? l(i.size) : l(0),
                             opacity: 1,
                             transition: { duration: n.duration }
                           }
                         },
                         initial: "initial",
-                        animate: g ? "whileInView" : "initial",
+                        animate: m ? "whileInView" : "initial",
                         children: zi(i.size, A, X, J, U)
                       }
                     ) : null
@@ -359,14 +359,14 @@ function Ji(vi) {
               {
                 text: i.text,
                 color: i.color,
-                x: r(i.value),
+                x: l(i.value),
                 y1: 0 - u.top,
                 y2: O + u.bottom,
-                textSide: r(i.value) > R * 0.75 || H ? "left" : "right",
+                textSide: l(i.value) > R * 0.75 || H ? "left" : "right",
                 classNames: i.classNames,
                 styles: i.styles,
                 animate: n,
-                isInView: g
+                isInView: m
               },
               s
             )) }) : null
@@ -405,14 +405,14 @@ function Ji(vi) {
     ) : null
   ] });
 }
-function Ki(vi) {
+function Ki(wi) {
   const {
-    data: l,
+    data: r,
     graphTitle: b,
-    barColor: U = wi.primaryColors["blue-600"],
+    barColor: U = vi.primaryColors["blue-600"],
     suffix: J = "",
     sources: K,
-    prefix: li = "",
+    prefix: ri = "",
     graphDescription: Q,
     barPadding: yi = 0.25,
     showValues: mi = !0,
@@ -421,13 +421,13 @@ function Ki(vi) {
     rightMargin: bi = 40,
     truncateBy: N = 999,
     height: ti,
-    width: c,
+    width: h,
     footNote: B,
     colorDomain: T,
     colorLegendTitle: D,
-    highlightedDataPoints: m = [],
+    highlightedDataPoints: g = [],
     padding: q,
-    backgroundColor: v = !1,
+    backgroundColor: w = !1,
     topMargin: F = 25,
     bottomMargin: ei = 10,
     showLabels: H = !0,
@@ -440,17 +440,17 @@ function Ki(vi) {
     maxValue: z,
     minValue: x,
     onSeriesMouseClick: C,
-    graphDownload: ri = !1,
+    graphDownload: li = !1,
     dataDownload: P = !1,
     sortData: W,
-    labelOrder: h,
+    labelOrder: c,
     language: n = "en",
     minHeight: k = 0,
     theme: X = "light",
     maxBarThickness: S,
     maxNumberOfBars: A,
     minBarThickness: f,
-    ariaLabel: g,
+    ariaLabel: m,
     resetSelectionOnDoubleClick: ni = !0,
     detailsOnClick: Y,
     barAxisTitle: j,
@@ -460,7 +460,7 @@ function Ki(vi) {
     classNames: p,
     filterNA: y = !0,
     targetStyle: u = "line",
-    targetColor: R = wi.light.grays["gray-700"],
+    targetColor: R = vi.light.grays["gray-700"],
     qualitativeRangeColors: O,
     measureBarWidthFactor: hi = 0.4,
     animate: _ = !1,
@@ -468,38 +468,39 @@ function Ki(vi) {
     precision: xi = 2,
     customLayers: ui = [],
     naLabel: M = "NA"
-  } = vi, [a, fi] = gi(0), [r, w] = gi(0), d = ji(null), t = ji(null);
+  } = wi, [a, fi] = gi(0), [l, v] = gi(0), d = ji(null), t = ji(null);
   return ki(() => {
     const i = new ResizeObserver((s) => {
-      fi(c || s[0].target.clientWidth || 620), w(ti || s[0].target.clientHeight || 480);
+      fi(h || s[0].target.clientWidth || 620), v(ti || s[0].target.clientHeight || 480);
     });
-    return d.current && (w(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), c || i.observe(d.current)), () => i.disconnect();
-  }, [c, ti]), /* @__PURE__ */ e.jsx(
+    return d.current && (v(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), h || i.observe(d.current)), () => i.disconnect();
+  }, [h, ti]), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${X || "light"} flex ${c ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${X || "light"} flex ${h ? "w-fit grow-0" : "w-full grow"}`,
       dir: n === "he" || n === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: Ni(
-            `${v ? v === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n || "en"}`,
+            `${w ? w === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n || "en"}`,
+            h ? "w-fit" : "w-full",
             p?.graphContainer
           ),
           style: {
             ...V?.graphContainer || {},
-            ...v && v !== !0 ? { backgroundColor: v } : {}
+            ...w && w !== !0 ? { backgroundColor: w } : {}
           },
           id: si,
           ref: t,
-          "aria-label": g || `${b ? `The graph shows ${b}. ` : ""}This is a bar chart. ${Q ? ` ${Q}` : ""}`,
+          "aria-label": m || `${b ? `The graph shows ${b}. ` : ""}This is a bar chart. ${Q ? ` ${Q}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: v ? q || "1rem" : q || 0 },
+              style: { padding: w ? q || "1rem" : q || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                b || Q || ri || P ? /* @__PURE__ */ e.jsx(
+                b || Q || li || P ? /* @__PURE__ */ e.jsx(
                   Fi,
                   {
                     styles: {
@@ -512,18 +513,18 @@ function Ki(vi) {
                     },
                     graphTitle: b,
                     graphDescription: Q,
-                    width: c,
-                    graphDownload: ri ? t.current : void 0,
-                    dataDownload: P ? l.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? l.map((i) => i.data).filter((i) => i !== void 0) : l.filter((i) => i !== void 0) : null
+                    width: h,
+                    graphDownload: li ? t.current : void 0,
+                    dataDownload: P ? r.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? r.map((i) => i.data).filter((i) => i !== void 0) : r.filter((i) => i !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  ai && l.filter((i) => i.qualitativeRange).length !== 0 && T ? /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  ai && r.filter((i) => i.qualitativeRange).length !== 0 && T ? /* @__PURE__ */ e.jsx(
                     Pi,
                     {
-                      width: c,
+                      width: h,
                       colorLegendTitle: D,
-                      colors: O || wi[X].sequentialColors.positiveColorsx10,
+                      colors: O || vi[X].sequentialColors.positiveColorsx10,
                       colorDomain: T,
                       showNAColor: !1
                     }
@@ -534,27 +535,27 @@ function Ki(vi) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: d,
                       "aria-label": "Graph area",
-                      children: (c || a) && (ti || r) ? /* @__PURE__ */ e.jsx(
+                      children: (h || a) && (ti || l) ? /* @__PURE__ */ e.jsx(
                         Ji,
                         {
                           data: W === "asc" ? Vi(
-                            l.filter((i) => y ? !o(i.size) : i),
+                            r.filter((i) => y ? !o(i.size) : i),
                             (i) => i.size
                           ).filter((i, s) => A ? s < A : !0) : W === "desc" ? Vi(
-                            l.filter(
+                            r.filter(
                               (i) => y ? !o(i.size) : i
                             ),
                             (i) => i.size
-                          ).reverse().filter((i, s) => A ? s < A : !0) : l.filter((i) => y ? !o(i.size) : i).filter((i, s) => A ? s < A : !0),
+                          ).reverse().filter((i, s) => A ? s < A : !0) : r.filter((i) => y ? !o(i.size) : i).filter((i, s) => A ? s < A : !0),
                           barColor: U,
                           targetColor: R,
-                          width: c || a,
+                          width: h || a,
                           height: Math.max(
                             k,
-                            ti || (L ? k ? (c || a) * L > k ? (c || a) * L : k : (c || a) * L : r)
+                            ti || (L ? k ? (h || a) * L > k ? (h || a) * L : k : (h || a) * L : l)
                           ),
                           suffix: J,
-                          prefix: li,
+                          prefix: ri,
                           barPadding: yi,
                           showValues: mi,
                           showTicks: Z,
@@ -569,9 +570,9 @@ function Ki(vi) {
                           refValues: $,
                           maxValue: z,
                           minValue: x,
-                          highlightedDataPoints: m,
+                          highlightedDataPoints: g,
                           onSeriesMouseClick: C,
-                          labelOrder: h,
+                          labelOrder: c,
                           rtl: n === "he" || n === "ar",
                           maxBarThickness: S,
                           minBarThickness: f,
@@ -583,7 +584,7 @@ function Ki(vi) {
                           classNames: p,
                           styles: V,
                           targetStyle: u,
-                          qualitativeRangeColors: O || wi[X].sequentialColors.positiveColorsx10,
+                          qualitativeRangeColors: O || vi[X].sequentialColors.positiveColorsx10,
                           measureBarWidthFactor: hi,
                           animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: ci,
@@ -600,7 +601,7 @@ function Ki(vi) {
                   {
                     sources: K,
                     footNote: B,
-                    width: c,
+                    width: h,
                     styles: { footnote: V?.footnote, source: V?.source },
                     classNames: {
                       footnote: p?.footnote,
@@ -616,14 +617,14 @@ function Ki(vi) {
     }
   );
 }
-function Qi(vi) {
+function Qi(wi) {
   const {
-    data: l,
+    data: r,
     width: b,
     height: U,
     barColor: J,
     suffix: K,
-    prefix: li,
+    prefix: ri,
     barPadding: Q,
     showLabels: yi,
     showValues: mi,
@@ -632,13 +633,13 @@ function Qi(vi) {
     rightMargin: bi,
     topMargin: N,
     bottomMargin: ti,
-    leftMargin: c,
+    leftMargin: h,
     tooltip: B,
     onSeriesMouseOver: T,
     refValues: D,
-    maxValue: m,
+    maxValue: g,
     minValue: q,
-    highlightedDataPoints: v,
+    highlightedDataPoints: w,
     onSeriesMouseClick: F,
     labelOrder: ei,
     maxBarThickness: H,
@@ -651,34 +652,34 @@ function Qi(vi) {
     styles: z,
     classNames: x,
     targetStyle: C,
-    targetColor: ri,
+    targetColor: li,
     qualitativeRangeColors: P,
     measureBarWidthFactor: W,
-    animate: h,
+    animate: c,
     dimmedOpacity: n,
     precision: k,
     customLayers: X,
     naLabel: S
-  } = vi, A = ji(null), f = Ri(A, {
-    once: h.once,
-    amount: h.amount
-  }), g = {
+  } = wi, A = ji(null), f = Ri(A, {
+    once: c.once,
+    amount: c.amount
+  }), m = {
     top: N,
     bottom: ti,
-    left: $ ? c + 30 : c,
+    left: $ ? h + 30 : h,
     right: bi
-  }, [ni, Y] = gi(void 0), [j, E] = gi(void 0), [oi, V] = gi(void 0), [p, y] = gi(void 0), u = b - g.left - g.right, R = U - g.top - g.bottom, O = Math.max(...l.filter((t) => !o(t.size)).map((t) => t.size)) < 0 ? 0 : Math.max(...l.filter((t) => !o(t.size)).map((t) => t.size)), hi = Math.max(...l.filter((t) => !o(t.target)).map((t) => t.target)) < 0 ? 0 : Math.max(...l.filter((t) => !o(t.size)).map((t) => t.target)), _ = Math.max(
-    ...l.map((t) => Ci((t.qualitativeRange || []).filter((i) => !o(i))) || 0)
-  ), ci = o(m) ? Math.max(...[O, hi, _].filter(Number.isFinite)) < 0 ? 0 : Math.max(
+  }, [ni, Y] = gi(void 0), [j, E] = gi(void 0), [oi, V] = gi(void 0), [p, y] = gi(void 0), u = b - m.left - m.right, R = U - m.top - m.bottom, O = Math.max(...r.filter((t) => !o(t.size)).map((t) => t.size)) < 0 ? 0 : Math.max(...r.filter((t) => !o(t.size)).map((t) => t.size)), hi = Math.max(...r.filter((t) => !o(t.target)).map((t) => t.target)) < 0 ? 0 : Math.max(...r.filter((t) => !o(t.size)).map((t) => t.target)), _ = Math.max(
+    ...r.map((t) => Ci((t.qualitativeRange || []).filter((i) => !o(i))) || 0)
+  ), ci = o(g) ? Math.max(...[O, hi, _].filter(Number.isFinite)) < 0 ? 0 : Math.max(
     ...[O, hi, _].filter(Number.isFinite)
-  ) : m, xi = Math.min(...l.filter((t) => !o(t.size)).map((t) => t.size)) >= 0 ? 0 : Math.min(...l.filter((t) => !o(t.size)).map((t) => t.size)), ui = Math.min(...l.filter((t) => !o(t.target)).map((t) => t.target)) >= 0 ? 0 : Math.min(
-    ...l.filter((t) => !o(t.target)).map((t) => t.target)
-  ), M = o(q) ? Math.min(...[xi, ui].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[xi, ui].filter(Number.isFinite)) : q, a = Ii().domain([M, ci]).range([R, 0]).nice(), fi = l.map((t, i) => ({
+  ) : g, xi = Math.min(...r.filter((t) => !o(t.size)).map((t) => t.size)) >= 0 ? 0 : Math.min(...r.filter((t) => !o(t.size)).map((t) => t.size)), ui = Math.min(...r.filter((t) => !o(t.target)).map((t) => t.target)) >= 0 ? 0 : Math.min(
+    ...r.filter((t) => !o(t.target)).map((t) => t.target)
+  ), M = o(q) ? Math.min(...[xi, ui].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[xi, ui].filter(Number.isFinite)) : q, a = Ii().domain([M, ci]).range([R, 0]).nice(), fi = r.map((t, i) => ({
     ...t,
     id: ei ? `${t.label}` : `${i}`
-  })), r = ei || fi.map((t) => `${t.id}`), w = Si().domain(r).range([
+  })), l = ei || fi.map((t) => `${t.id}`), v = Si().domain(l).range([
     0,
-    L ? Math.max(u, L * r.length) : H ? Math.min(u, H * r.length) : u
+    L ? Math.max(u, L * l.length) : H ? Math.min(u, H * l.length) : u
   ]).paddingInner(Q), d = a.ticks(si);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -689,23 +690,23 @@ function Qi(vi) {
         viewBox: `0 0 ${b} ${U}`,
         direction: "ltr",
         ref: A,
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
           /* @__PURE__ */ e.jsx(
             Li,
             {
               y1: a(M < 0 ? 0 : M),
               y2: a(M < 0 ? 0 : M),
-              x1: 0 - c,
-              x2: u + g.right,
+              x1: 0 - h,
+              x2: u + m.right,
               label: zi(
                 M < 0 ? 0 : M,
                 S,
                 k,
-                li,
+                ri,
                 K
               ),
               labelPos: {
-                x: 0 - c,
+                x: 0 - h,
                 dx: 0,
                 dy: ci < 0 ? "1em" : -5,
                 y: a(M < 0 ? 0 : M)
@@ -722,8 +723,8 @@ function Qi(vi) {
             {
               values: d.filter((t) => t !== 0),
               y: d.filter((t) => t !== 0).map((t) => a(t)),
-              x1: 0 - c,
-              x2: u + g.right,
+              x1: 0 - h,
+              x2: u + m.right,
               styles: {
                 gridLines: z?.yAxis?.gridLines,
                 labels: z?.yAxis?.labels
@@ -733,7 +734,7 @@ function Qi(vi) {
                 labels: x?.yAxis?.labels
               },
               suffix: K,
-              prefix: li,
+              prefix: ri,
               labelType: "secondary",
               showGridLines: !0,
               labelPos: "vertical",
@@ -743,7 +744,7 @@ function Qi(vi) {
           /* @__PURE__ */ e.jsx(
             Di,
             {
-              x: 0 - c - 15,
+              x: 0 - h - 15,
               y: R / 2,
               style: z?.yAxis?.title,
               className: x?.yAxis?.title,
@@ -754,7 +755,7 @@ function Qi(vi) {
           X.filter((t) => t.position === "before").map((t) => t.layer),
           /* @__PURE__ */ e.jsxs(Bi, { children: [
             fi.map(
-              (t) => o(w(t.id)) ? null : /* @__PURE__ */ e.jsxs(
+              (t) => o(v(t.id)) ? null : /* @__PURE__ */ e.jsxs(
                 G.g,
                 {
                   className: "undp-viz-g-with-hover",
@@ -770,18 +771,18 @@ function Qi(vi) {
                   onMouseLeave: () => {
                     Y(void 0), V(void 0), y(void 0), T?.(void 0);
                   },
-                  exit: { opacity: 0, transition: { duration: h.duration } },
+                  exit: { opacity: 0, transition: { duration: c.duration } },
                   variants: {
                     initial: {
-                      x: w(`${t.id}`),
+                      x: v(`${t.id}`),
                       y: 0,
-                      opacity: v.length !== 0 ? v.indexOf(t.label) !== -1 ? 0.85 : n : 0.85
+                      opacity: w.length !== 0 ? w.indexOf(t.label) !== -1 ? 0.85 : n : 0.85
                     },
                     whileInView: {
-                      x: w(`${t.id}`),
+                      x: v(`${t.id}`),
                       y: 0,
-                      opacity: v.length !== 0 ? v.indexOf(t.label) !== -1 ? 0.85 : n : 0.85,
-                      transition: { duration: h.duration }
+                      opacity: w.length !== 0 ? w.indexOf(t.label) !== -1 ? 0.85 : n : 0.85,
+                      transition: { duration: c.duration }
                     }
                   },
                   initial: "initial",
@@ -794,7 +795,7 @@ function Qi(vi) {
                         exit: {
                           height: 0,
                           y: a(0),
-                          transition: { duration: h.duration }
+                          transition: { duration: c.duration }
                         },
                         variants: {
                           initial: {
@@ -826,12 +827,12 @@ function Qi(vi) {
                               )
                             ),
                             fill: P[s],
-                            transition: { duration: h.duration }
+                            transition: { duration: c.duration }
                           }
                         },
                         initial: "initial",
                         animate: f ? "whileInView" : "initial",
-                        width: w.bandwidth()
+                        width: v.bandwidth()
                       },
                       s
                     )) : null,
@@ -839,14 +840,14 @@ function Qi(vi) {
                       G.rect,
                       {
                         x: 0,
-                        width: w.bandwidth(),
+                        width: v.bandwidth(),
                         style: {
-                          fill: ri
+                          fill: li
                         },
                         exit: {
                           height: 0,
                           y: a(0),
-                          transition: { duration: h.duration }
+                          transition: { duration: c.duration }
                         },
                         variants: {
                           initial: {
@@ -856,7 +857,7 @@ function Qi(vi) {
                           whileInView: {
                             height: Math.abs(a(t.target) - a(0)),
                             y: t.target > 0 ? a(t.target) : a(0),
-                            transition: { duration: h.duration }
+                            transition: { duration: c.duration }
                           }
                         },
                         initial: "initial",
@@ -866,15 +867,15 @@ function Qi(vi) {
                     t.size ? /* @__PURE__ */ e.jsx(
                       G.rect,
                       {
-                        x: w.bandwidth() * ((1 - W) / 2),
-                        width: w.bandwidth() * W,
+                        x: v.bandwidth() * ((1 - W) / 2),
+                        width: v.bandwidth() * W,
                         style: {
                           fill: J
                         },
                         exit: {
                           height: 0,
                           y: a(0),
-                          transition: { duration: h.duration }
+                          transition: { duration: c.duration }
                         },
                         variants: {
                           initial: {
@@ -884,7 +885,7 @@ function Qi(vi) {
                           whileInView: {
                             height: Math.abs(a(t.size) - a(0)),
                             y: t.size > 0 ? a(t.size) : a(0),
-                            transition: { duration: h.duration }
+                            transition: { duration: c.duration }
                           }
                         },
                         initial: "initial",
@@ -895,14 +896,14 @@ function Qi(vi) {
                       G.rect,
                       {
                         x: 0,
-                        width: w.bandwidth(),
+                        width: v.bandwidth(),
                         style: {
-                          fill: ri
+                          fill: li
                         },
                         exit: {
                           y: a(0),
                           opacity: 0,
-                          transition: { duration: h.duration }
+                          transition: { duration: c.duration }
                         },
                         variants: {
                           initial: {
@@ -912,7 +913,7 @@ function Qi(vi) {
                           whileInView: {
                             y: a(t.target) - 1,
                             opacity: 1,
-                            transition: { duration: h.duration }
+                            transition: { duration: c.duration }
                           }
                         },
                         initial: "initial",
@@ -926,19 +927,19 @@ function Qi(vi) {
                         value: `${t.label}`.length < ii ? `${t.label}` : `${`${t.label}`.substring(0, ii)}...`,
                         y: (t.size || 0) < 0 ? 0 : a(0) + 5,
                         x: 0,
-                        width: w.bandwidth(),
-                        height: (t.size || 0) < 0 ? a(0) - 5 : g.bottom,
+                        width: v.bandwidth(),
+                        height: (t.size || 0) < 0 ? a(0) - 5 : m.bottom,
                         style: z?.xAxis?.labels,
                         className: x?.xAxis?.labels,
                         alignment: (t.size || 0) < 0 ? "bottom" : "top",
-                        animate: h,
+                        animate: c,
                         isInView: f
                       }
                     ) : null,
                     mi ? /* @__PURE__ */ e.jsx(
                       G.text,
                       {
-                        x: w.bandwidth() / 2,
+                        x: v.bandwidth() / 2,
                         style: {
                           ...ai ? { fill: ai } : { fill: J },
                           textAnchor: "middle",
@@ -950,7 +951,7 @@ function Qi(vi) {
                           x?.graphObjectValues
                         ),
                         dy: t.size ? t.size >= 0 ? "-5px" : "1em" : "-5px",
-                        exit: { opacity: 0, transition: { duration: h.duration } },
+                        exit: { opacity: 0, transition: { duration: c.duration } },
                         variants: {
                           initial: {
                             y: a(0),
@@ -959,12 +960,12 @@ function Qi(vi) {
                           whileInView: {
                             y: a(t.size || 0),
                             opacity: 1,
-                            transition: { duration: h.duration }
+                            transition: { duration: c.duration }
                           }
                         },
                         initial: "initial",
                         animate: f ? "whileInView" : "initial",
-                        children: zi(t.size, S, k, li, K)
+                        children: zi(t.size, S, k, ri, K)
                       }
                     ) : null
                   ]
@@ -978,11 +979,11 @@ function Qi(vi) {
                 text: t.text,
                 color: t.color,
                 y: a(t.value),
-                x1: 0 - c,
-                x2: u + g.right,
+                x1: 0 - h,
+                x2: u + m.right,
                 classNames: t.classNames,
                 styles: t.styles,
-                animate: h,
+                animate: c,
                 isInView: f
               },
               i
@@ -1022,14 +1023,14 @@ function Qi(vi) {
     ) : null
   ] });
 }
-function Zi(vi) {
+function Zi(wi) {
   const {
-    data: l,
+    data: r,
     graphTitle: b,
-    barColor: U = wi.primaryColors["blue-600"],
+    barColor: U = vi.primaryColors["blue-600"],
     barPadding: J = 0.25,
     showTicks: K = !0,
-    leftMargin: li = 20,
+    leftMargin: ri = 20,
     rightMargin: Q = 20,
     topMargin: yi = 20,
     bottomMargin: mi = 25,
@@ -1038,13 +1039,13 @@ function Zi(vi) {
     showValues: bi = !0,
     backgroundColor: N = !1,
     suffix: ti = "",
-    prefix: c = "",
+    prefix: h = "",
     sources: B,
     graphDescription: T,
     height: D,
-    width: m,
+    width: g,
     footNote: q,
-    colorDomain: v,
+    colorDomain: w,
     colorLegendTitle: F,
     padding: ei,
     relativeHeight: H,
@@ -1057,17 +1058,17 @@ function Zi(vi) {
     minValue: z,
     highlightedDataPoints: x = [],
     qualitativeRangeColors: C,
-    onSeriesMouseClick: ri,
+    onSeriesMouseClick: li,
     graphDownload: P = !1,
     dataDownload: W = !1,
-    language: h = "en",
+    language: c = "en",
     theme: n = "light",
     sortData: k,
     labelOrder: X,
     minHeight: S = 0,
     maxBarThickness: A,
     maxNumberOfBars: f,
-    minBarThickness: g,
+    minBarThickness: m,
     ariaLabel: ni,
     resetSelectionOnDoubleClick: Y = !0,
     detailsOnClick: j,
@@ -1076,7 +1077,7 @@ function Zi(vi) {
     valueColor: V,
     styles: p,
     classNames: y,
-    targetColor: u = wi.light.grays["gray-700"],
+    targetColor: u = vi.light.grays["gray-700"],
     filterNA: R = !0,
     targetStyle: O = "line",
     measureBarWidthFactor: hi = 0.4,
@@ -1085,22 +1086,23 @@ function Zi(vi) {
     precision: xi = 2,
     customLayers: ui = [],
     naLabel: M = "NA"
-  } = vi, [a, fi] = gi(0), [r, w] = gi(0), d = ji(null), t = ji(null);
+  } = wi, [a, fi] = gi(0), [l, v] = gi(0), d = ji(null), t = ji(null);
   return ki(() => {
     const i = new ResizeObserver((s) => {
-      fi(m || s[0].target.clientWidth || 620), w(D || s[0].target.clientHeight || 480);
+      fi(g || s[0].target.clientWidth || 620), v(D || s[0].target.clientHeight || 480);
     });
-    return d.current && (w(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), m || i.observe(d.current)), () => i.disconnect();
-  }, [m, D]), /* @__PURE__ */ e.jsx(
+    return d.current && (v(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), g || i.observe(d.current)), () => i.disconnect();
+  }, [g, D]), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${n || "light"} flex  ${m ? "w-fit grow-0" : "w-full grow"}`,
-      dir: h === "he" || h === "ar" ? "rtl" : void 0,
+      className: `${n || "light"} flex  ${g ? "w-fit grow-0" : "w-full grow"}`,
+      dir: c === "he" || c === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: Ni(
-            `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${h || "en"}`,
+            `${N ? N === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${c || "en"}`,
+            g ? "w-fit" : "w-full",
             y?.graphContainer
           ),
           style: {
@@ -1129,19 +1131,19 @@ function Zi(vi) {
                     },
                     graphTitle: b,
                     graphDescription: T,
-                    width: m,
+                    width: g,
                     graphDownload: P ? t.current : void 0,
-                    dataDownload: W ? l.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? l.map((i) => i.data).filter((i) => i !== void 0) : l.filter((i) => i !== void 0) : null
+                    dataDownload: W ? r.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? r.map((i) => i.data).filter((i) => i !== void 0) : r.filter((i) => i !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: l.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  $ && l.filter((i) => i.qualitativeRange).length !== 0 && v ? /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  $ && r.filter((i) => i.qualitativeRange).length !== 0 && w ? /* @__PURE__ */ e.jsx(
                     Pi,
                     {
-                      width: m,
+                      width: g,
                       colorLegendTitle: F,
-                      colors: C || wi[n].sequentialColors.positiveColorsx10,
-                      colorDomain: v,
+                      colors: C || vi[n].sequentialColors.positiveColorsx10,
+                      colorDomain: w,
                       showNAColor: !1
                     }
                   ) : null,
@@ -1151,36 +1153,36 @@ function Zi(vi) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: d,
                       "aria-label": "Graph area",
-                      children: (m || a) && (D || r) ? /* @__PURE__ */ e.jsx(
+                      children: (g || a) && (D || l) ? /* @__PURE__ */ e.jsx(
                         Qi,
                         {
                           data: k === "asc" ? Vi(
-                            l.filter((i) => R ? !o(i.size) : i),
+                            r.filter((i) => R ? !o(i.size) : i),
                             (i) => i.size
                           ).filter((i, s) => f ? s < f : !0) : k === "desc" ? Vi(
-                            l.filter(
+                            r.filter(
                               (i) => R ? !o(i.size) : i
                             ),
                             (i) => i.size
-                          ).reverse().filter((i, s) => f ? s < f : !0) : l.filter((i) => R ? !o(i.size) : i).filter((i, s) => f ? s < f : !0),
+                          ).reverse().filter((i, s) => f ? s < f : !0) : r.filter((i) => R ? !o(i.size) : i).filter((i, s) => f ? s < f : !0),
                           barColor: U,
                           targetColor: u,
-                          width: m || a,
+                          width: g || a,
                           refValues: I,
                           height: Math.max(
                             S,
-                            D || (H ? S ? (m || a) * H > S ? (m || a) * H : S : (m || a) * H : r)
+                            D || (H ? S ? (g || a) * H > S ? (g || a) * H : S : (g || a) * H : l)
                           ),
                           suffix: ti,
-                          prefix: c,
+                          prefix: h,
                           barPadding: J,
                           showLabels: ii,
                           showValues: bi,
                           showTicks: K,
                           truncateBy: Z,
-                          leftMargin: li,
+                          leftMargin: ri,
                           rightMargin: Q,
-                          qualitativeRangeColors: C || wi[n].sequentialColors.positiveColorsx10,
+                          qualitativeRangeColors: C || vi[n].sequentialColors.positiveColorsx10,
                           topMargin: yi,
                           bottomMargin: mi,
                           tooltip: L,
@@ -1188,10 +1190,10 @@ function Zi(vi) {
                           maxValue: si,
                           minValue: z,
                           highlightedDataPoints: x,
-                          onSeriesMouseClick: ri,
+                          onSeriesMouseClick: li,
                           labelOrder: X,
                           maxBarThickness: A,
-                          minBarThickness: g,
+                          minBarThickness: m,
                           resetSelectionOnDoubleClick: Y,
                           detailsOnClick: j,
                           barAxisTitle: E,
@@ -1221,7 +1223,7 @@ function Zi(vi) {
                     },
                     sources: B,
                     footNote: q,
-                    width: m
+                    width: g
                   }
                 ) : null
               ] })
@@ -1232,14 +1234,14 @@ function Zi(vi) {
     }
   );
 }
-function zt(vi) {
+function zt(wi) {
   const {
-    data: l,
+    data: r,
     graphTitle: b,
     barColor: U,
     barPadding: J,
     showTicks: K,
-    leftMargin: li,
+    leftMargin: ri,
     rightMargin: Q,
     topMargin: yi,
     bottomMargin: mi,
@@ -1248,13 +1250,13 @@ function zt(vi) {
     showValues: bi,
     backgroundColor: N,
     suffix: ti,
-    prefix: c,
+    prefix: h,
     sources: B,
     graphDescription: T,
     height: D,
-    width: m,
+    width: g,
     footNote: q,
-    colorDomain: v,
+    colorDomain: w,
     colorLegendTitle: F,
     padding: ei,
     relativeHeight: H,
@@ -1267,17 +1269,17 @@ function zt(vi) {
     minValue: z,
     highlightedDataPoints: x,
     onSeriesMouseClick: C,
-    graphDownload: ri,
+    graphDownload: li,
     dataDownload: P,
     language: W,
-    theme: h,
+    theme: c,
     sortData: n,
     labelOrder: k,
     minHeight: X,
     maxBarThickness: S,
     maxNumberOfBars: A,
     minBarThickness: f,
-    ariaLabel: g,
+    ariaLabel: m,
     resetSelectionOnDoubleClick: ni,
     detailsOnClick: Y,
     barAxisTitle: j,
@@ -1295,16 +1297,16 @@ function zt(vi) {
     dimmedOpacity: xi,
     precision: ui,
     naLabel: M
-  } = vi;
+  } = wi;
   return V === "vertical" ? /* @__PURE__ */ e.jsx(
     Zi,
     {
-      data: l,
+      data: r,
       graphTitle: b,
       barColor: U,
       barPadding: J,
       showTicks: K,
-      leftMargin: li,
+      leftMargin: ri,
       rightMargin: Q,
       topMargin: yi,
       bottomMargin: mi,
@@ -1313,13 +1315,13 @@ function zt(vi) {
       showValues: bi,
       backgroundColor: N,
       suffix: ti,
-      prefix: c,
+      prefix: h,
       sources: B,
       graphDescription: T,
       height: D,
-      width: m,
+      width: g,
       footNote: q,
-      colorDomain: v,
+      colorDomain: w,
       colorLegendTitle: F,
       padding: ei,
       relativeHeight: H,
@@ -1332,17 +1334,17 @@ function zt(vi) {
       minValue: z,
       highlightedDataPoints: x,
       onSeriesMouseClick: C,
-      graphDownload: ri,
+      graphDownload: li,
       dataDownload: P,
       language: W,
-      theme: h,
+      theme: c,
       sortData: n,
       labelOrder: k,
       minHeight: X,
       maxBarThickness: S,
       maxNumberOfBars: A,
       minBarThickness: f,
-      ariaLabel: g,
+      ariaLabel: m,
       resetSelectionOnDoubleClick: ni,
       styles: p,
       detailsOnClick: Y,
@@ -1363,12 +1365,12 @@ function zt(vi) {
   ) : /* @__PURE__ */ e.jsx(
     Ki,
     {
-      data: l,
+      data: r,
       graphTitle: b,
       barColor: U,
       barPadding: J,
       showTicks: K,
-      leftMargin: li,
+      leftMargin: ri,
       rightMargin: Q,
       topMargin: yi,
       bottomMargin: mi,
@@ -1377,13 +1379,13 @@ function zt(vi) {
       showValues: bi,
       backgroundColor: N,
       suffix: ti,
-      prefix: c,
+      prefix: h,
       sources: B,
       graphDescription: T,
       height: D,
-      width: m,
+      width: g,
       footNote: q,
-      colorDomain: v,
+      colorDomain: w,
       colorLegendTitle: F,
       padding: ei,
       relativeHeight: H,
@@ -1396,17 +1398,17 @@ function zt(vi) {
       minValue: z,
       highlightedDataPoints: x,
       onSeriesMouseClick: C,
-      graphDownload: ri,
+      graphDownload: li,
       dataDownload: P,
       language: W,
-      theme: h,
+      theme: c,
       sortData: n,
       labelOrder: k,
       minHeight: X,
       maxBarThickness: S,
       maxNumberOfBars: A,
       minBarThickness: f,
-      ariaLabel: g,
+      ariaLabel: m,
       resetSelectionOnDoubleClick: ni,
       styles: p,
       detailsOnClick: Y,