@undp/data-viz 1.5.2 → 1.5.4

package/dist/BarGraph.js

@@ -1,185 +1,185 @@
-import { j as e, m as $e } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as Ae } from "./index-AqnpA7_O.js";
+import { j as e, m as De } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as Me, useState as L, useEffect as Ve } from "react";
-import { s as rt } from "./index-fwdktvAS.js";
-import { p as Be, f as De } from "./parse-DlCRUFh_.js";
-import { s as Fe, g as Pe, x as He } from "./getSliderMarks-C0jptXeP.js";
-import { i as We } from "./index-Bwrro8-q.js";
-import { X as Ge } from "./Modal-DVVwpKhP.js";
+import { p as Se, f as $e } from "./parse-DlCRUFh_.js";
+import { g as Be, x as Fe } from "./getSliderMarks-9cNoRkDx.js";
+import { o as Ie } from "./index-DvVprvy6.js";
+import { i as Pe } from "./index-Bwrro8-q.js";
+import { X as He } from "./Modal-DVVwpKhP.js";
 import { n as ze } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Xe } from "./Tooltip-CVCGWyzw.js";
-import { c as W } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { T as We } from "./Tooltip-CVCGWyzw.js";
+import { c as X } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { Colors as je } from "./Colors.js";
-import { s as Ye } from "./string2HTML-oFCROsus.js";
+import { s as Ge } from "./string2HTML-oFCROsus.js";
 import { X as st } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { Y as ot } from "./YAxesLabels-CPGZjmZJ.js";
-import { A as _e } from "./AxisTitle-BmHLMRJZ.js";
-import { A as Ee } from "./Axis-Ddg-seDi.js";
-import { a as nt, R as ct } from "./ReferenceLine-CfAW3vKJ.js";
-import { u as Re } from "./use-in-view-yS6jzJAp.js";
-import { a as qe } from "./linear-DUdu7l2G.js";
-import { b as Ie } from "./band-BEjh2CHI.js";
-import { A as Ue } from "./index-CNvov0eg.js";
-import { m as ye } from "./proxy-CkpFesk1.js";
-import { GraphFooter as Je } from "./GraphFooter.js";
-import { GraphHeader as Ke } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as Qe } from "./ColorLegendWithMouseOver.js";
-import { E as Ze } from "./EmptyState-DdTp-Mdn.js";
-import { P as et, f as tt } from "./index-BmCqpO1B.js";
-import { c as Se, d as Te } from "./ensureCompleteData-BALdOrsS.js";
-import { c as it } from "./init-BhZylTFx.js";
-import { o as Le } from "./index-DvVprvy6.js";
+import { Y as rt } from "./YAxesLabels-DSm6I5zG.js";
+import { A as Xe } from "./AxisTitle-BmHLMRJZ.js";
+import { A as Ye } from "./Axis-Ddg-seDi.js";
+import { a as ot, R as nt } from "./ReferenceLine-CfAW3vKJ.js";
+import { u as _e } from "./use-in-view-yS6jzJAp.js";
+import { a as Ee } from "./linear-DUdu7l2G.js";
+import { b as Le } from "./band-BEjh2CHI.js";
+import { A as Re } from "./index-CNvov0eg.js";
+import { m as pe } from "./proxy-CkpFesk1.js";
+import { GraphFooter as qe } from "./GraphFooter.js";
+import { GraphHeader as Ue } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as Je } from "./ColorLegendWithMouseOver.js";
+import { E as Ke } from "./EmptyState-DdTp-Mdn.js";
+import { P as Qe, f as Ze } from "./index-BmCqpO1B.js";
+import { c as lt, d as Te } from "./ensureCompleteData-DlmibgaI.js";
+import { u as Ae } from "./uniqBy-BHy4I8PK.js";
+import { s as et } from "./sort-DfK1b0F5.js";
+import { c as tt } from "./init-BhZylTFx.js";
 import { s as ke } from "./index-CeVNqhMO.js";
-import { g as lt } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
-import { X as dt } from "./XAxesLabels-CaV2q-6H.js";
-import { Y as ht } from "./YTicksAndGridLines-B6ah7CRf.js";
-function ut(pe) {
+import { g as at } from "./getTextColorBasedOnBgColor-B6Nk2WBf.js";
+import { X as ct } from "./XAxesLabels-loO78vUO.js";
+import { Y as dt } from "./YTicksAndGridLines-B6ah7CRf.js";
+function ht(ye) {
   const {
     data: n,
     barColor: g,
     suffix: Y,
-    prefix: A,
+    prefix: V,
     barPadding: _,
     showValues: me,
     showTicks: ue,
     leftMargin: ge,
     truncateBy: Z,
-    width: X,
+    width: G,
     height: ie,
-    colorDomain: O,
-    rightMargin: se,
-    topMargin: he,
+    colorDomain: N,
+    rightMargin: re,
+    topMargin: de,
     bottomMargin: j,
     showLabels: E,
     tooltip: J,
     onSeriesMouseOver: ee,
     refValues: v,
-    selectedColor: y,
-    highlightedDataPoints: F,
+    selectedColor: p,
+    highlightedDataPoints: B,
     maxValue: ae,
     minValue: le,
     onSeriesMouseClick: K,
     labelOrder: te,
-    rtl: re,
+    rtl: se,
     maxBarThickness: R,
     minBarThickness: xe,
     resetSelectionOnDoubleClick: ne,
     detailsOnClick: $,
-    barAxisTitle: p,
+    barAxisTitle: y,
     valueColor: x,
     noOfTicks: C,
     styles: z,
-    classNames: N,
-    animate: D,
-    dimmedOpacity: I,
-    precision: S,
+    classNames: D,
+    animate: O,
+    dimmedOpacity: A,
+    precision: I,
     customLayers: b,
     naLabel: w
-  } = pe, q = Me(null), T = Re(q, {
-    once: D.once,
-    amount: D.amount
-  }), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, M] = L(void 0), [H, u] = L(void 0), k = {
-    top: p ? he + 25 : he,
+  } = ye, q = Me(null), T = _e(q, {
+    once: O.once,
+    amount: O.amount
+  }), [F, oe] = L(void 0), [W, P] = L(void 0), [Q, M] = L(void 0), [H, u] = L(void 0), k = {
+    top: y ? de + 25 : de,
     bottom: j,
     left: ge,
-    right: se
-  }, m = X - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((r, f) => ({
-    ...r,
-    id: te ? `${r.label}` : `${f}`
-  })), c = qe().domain([le, ae]).range([0, m]).nice(), l = te || h.map((r) => `${r.id}`), s = Ie().domain(l).range([
+    right: re
+  }, m = G - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((l, f) => ({
+    ...l,
+    id: te ? `${l.label}` : `${f}`
+  })), c = Ee().domain([le, ae]).range([0, m]).nice(), a = te || h.map((l) => `${l.id}`), s = Le().domain(a).range([
     0,
-    xe ? Math.max(d, xe * l.length) : R ? Math.min(d, R * l.length) : d
+    xe ? Math.max(d, xe * a.length) : R ? Math.min(d, R * a.length) : d
   ]).paddingInner(_), t = c.ticks(C);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
         ref: q,
-        width: `${X}px`,
+        width: `${G}px`,
         height: `${ie}px`,
-        viewBox: `0 0 ${X} ${ie}`,
+        viewBox: `0 0 ${G} ${ie}`,
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${k.left},${k.top})`, children: [
           ue ? /* @__PURE__ */ e.jsx(
             st,
             {
-              values: t.filter((r) => r !== 0),
-              x: t.filter((r) => r !== 0).map((r) => c(r)),
-              y1: 0 - he,
+              values: t.filter((l) => l !== 0),
+              x: t.filter((l) => l !== 0).map((l) => c(l)),
+              y1: 0 - de,
               y2: d + k.bottom,
               styles: {
                 gridLines: z?.xAxis?.gridLines,
                 labels: z?.xAxis?.labels
               },
               classNames: {
-                gridLines: N?.xAxis?.gridLines,
-                labels: N?.xAxis?.labels
+                gridLines: D?.xAxis?.gridLines,
+                labels: D?.xAxis?.labels
               },
               suffix: Y,
-              prefix: A,
+              prefix: V,
               labelType: "secondary",
               showGridLines: !0,
-              precision: S
+              precision: I
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
               x: m / 2,
               y: 0 - k.top + 15,
               style: z?.xAxis?.title,
-              className: N?.xAxis?.title,
-              text: p
+              className: D?.xAxis?.title,
+              text: y
             }
           ),
-          b.filter((r) => r.position === "before").map((r) => r.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          b.filter((l) => l.position === "before").map((l) => l.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             h.map(
-              (r) => W(s(r.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (l) => X(s(l.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   className: "undp-viz-g-with-hover",
                   variants: {
                     initial: {
-                      opacity: y ? r.color && g[O.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85
+                      opacity: p ? l.color && g[N.indexOf(l.color)] === p ? 1 : A : B.length !== 0 ? B.indexOf(l.label) !== -1 ? 0.85 : A : 0.85
                     },
                     whileInView: {
-                      opacity: y ? r.color && g[O.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85,
-                      transition: { duration: D.duration }
+                      opacity: p ? l.color && g[N.indexOf(l.color)] === p ? 1 : A : B.length !== 0 ? B.indexOf(l.label) !== -1 ? 0.85 : A : 0.85,
+                      transition: { duration: O.duration }
                     }
                   },
                   initial: "initial",
                   animate: T ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: D.duration } },
+                  exit: { opacity: 0, transition: { duration: O.duration } },
                   onMouseEnter: (f) => {
-                    oe(r), u(f.clientY), M(f.clientX), ee?.(r);
+                    oe(l), u(f.clientY), M(f.clientX), ee?.(l);
                   },
                   onClick: () => {
-                    (K || $) && (We(G, r) && ne ? (P(void 0), K?.(void 0)) : (P(r), K?.(r)));
+                    (K || $) && (Pe(W, l) && ne ? (P(void 0), K?.(void 0)) : (P(l), K?.(l)));
                   },
                   onMouseMove: (f) => {
-                    oe(r), u(f.clientY), M(f.clientX);
+                    oe(l), u(f.clientY), M(f.clientX);
                   },
                   onMouseLeave: () => {
                     oe(void 0), M(void 0), u(void 0), ee?.(void 0);
                   },
                   children: [
-                    r.size ? /* @__PURE__ */ e.jsx(
-                      ye.rect,
+                    l.size ? /* @__PURE__ */ e.jsx(
+                      pe.rect,
                       {
                         variants: {
                           initial: {
                             width: 0,
                             x: c(0),
-                            y: s(`${r.id}`),
-                            fill: n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray
+                            y: s(`${l.id}`),
+                            fill: n.filter((f) => f.color).length === 0 ? g[0] : l.color ? g[N.indexOf(l.color)] : je.gray
                           },
                           whileInView: {
-                            width: r.size >= 0 ? c(r.size) - c(0) : c(0) - c(r.size),
-                            x: r.size >= 0 ? c(0) : c(r.size),
-                            y: s(`${r.id}`),
-                            fill: n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray,
-                            transition: { duration: D.duration }
+                            width: l.size >= 0 ? c(l.size) - c(0) : c(0) - c(l.size),
+                            x: l.size >= 0 ? c(0) : c(l.size),
+                            y: s(`${l.id}`),
+                            fill: n.filter((f) => f.color).length === 0 ? g[0] : l.color ? g[N.indexOf(l.color)] : je.gray,
+                            transition: { duration: O.duration }
                           }
                         },
                         initial: "initial",
@@ -187,116 +187,116 @@ function ut(pe) {
                         exit: {
                           width: 0,
                           x: c(0),
-                          transition: { duration: D.duration }
+                          transition: { duration: O.duration }
                         },
                         height: s.bandwidth()
                       }
                     ) : null,
                     E ? /* @__PURE__ */ e.jsx(
-                      ot,
+                      rt,
                       {
-                        value: `${r.label}`.length < Z ? `${r.label}` : `${`${r.label}`.substring(0, Z)}...`,
-                        y: s(r.id) || 0,
-                        x: (r.size || 0) < 0 ? c(0) : 0 - k.left,
-                        width: (r.size || 0) < 0 ? X - c(0) : c(0) + k.left,
+                        value: `${l.label}`.length < Z ? `${l.label}` : `${`${l.label}`.substring(0, Z)}...`,
+                        y: s(l.id) || 0,
+                        x: (l.size || 0) < 0 ? c(0) : 0 - k.left,
+                        width: (l.size || 0) < 0 ? G - c(0) : c(0) + k.left,
                         height: s.bandwidth(),
-                        alignment: r.size && r.size < 0 ? "left" : "right",
+                        alignment: l.size && l.size < 0 ? "left" : "right",
                         style: z?.yAxis?.labels,
-                        className: N?.yAxis?.labels,
-                        animate: D,
+                        className: D?.yAxis?.labels,
+                        animate: O,
                         isInView: T
                       }
                     ) : null,
                     me ? /* @__PURE__ */ e.jsx(
-                      ye.text,
+                      pe.text,
                       {
                         style: {
-                          textAnchor: r.size && r.size < 0 ? "end" : "start",
+                          textAnchor: l.size && l.size < 0 ? "end" : "start",
                           ...z?.graphObjectValues || {}
                         },
-                        className: $e(
+                        className: De(
                           "graph-value text-sm",
                           !x && g.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
-                          N?.graphObjectValues
+                          D?.graphObjectValues
                         ),
-                        dx: r.size && r.size < 0 ? -5 : 5,
+                        dx: l.size && l.size < 0 ? -5 : 5,
                         dy: "0.33em",
                         variants: {
                           initial: {
                             x: c(0),
-                            y: s(`${r.id}`) + s.bandwidth() / 2,
+                            y: s(`${l.id}`) + s.bandwidth() / 2,
                             opacity: 0,
-                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray)
+                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : l.color ? g[N.indexOf(l.color)] : je.gray)
                           },
                           whileInView: {
-                            x: r.size ? c(r.size) : c(0),
+                            x: l.size ? c(l.size) : c(0),
                             opacity: 1,
-                            y: s(`${r.id}`) + s.bandwidth() / 2,
-                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray),
-                            transition: { duration: D.duration }
+                            y: s(`${l.id}`) + s.bandwidth() / 2,
+                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : l.color ? g[N.indexOf(l.color)] : je.gray),
+                            transition: { duration: O.duration }
                           }
                         },
                         initial: "initial",
                         animate: T ? "whileInView" : "initial",
                         exit: {
                           opacity: 0,
-                          transition: { duration: D.duration }
+                          transition: { duration: O.duration }
                         },
-                        children: ze(r.size, w, S, A, Y)
+                        children: ze(l.size, w, I, V, Y)
                       }
                     ) : null
                   ]
                 },
-                r.label
+                l.label
               )
             ),
             /* @__PURE__ */ e.jsx(
-              Ee,
+              Ye,
               {
                 x1: c(le < 0 ? 0 : le),
                 x2: c(le < 0 ? 0 : le),
                 y1: -2.5,
                 y2: d + k.bottom,
-                classNames: { axis: N?.yAxis?.axis },
+                classNames: { axis: D?.yAxis?.axis },
                 styles: { axis: z?.yAxis?.axis }
               }
             ),
-            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((r, f) => /* @__PURE__ */ e.jsx(
-              nt,
+            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((l, f) => /* @__PURE__ */ e.jsx(
+              ot,
               {
-                text: r.text,
-                color: r.color,
-                x: c(r.value),
+                text: l.text,
+                color: l.color,
+                x: c(l.value),
                 y1: 0 - k.top,
                 y2: d + k.bottom,
-                textSide: c(r.value) > m * 0.75 || re ? "left" : "right",
-                classNames: r.classNames,
-                styles: r.styles,
-                animate: D,
+                textSide: c(l.value) > m * 0.75 || se ? "left" : "right",
+                classNames: l.classNames,
+                styles: l.styles,
+                animate: O,
                 isInView: T
               },
               f
             )) }) : null
           ] }),
-          b.filter((r) => r.position === "after").map((r) => r.layer)
+          b.filter((l) => l.position === "after").map((l) => l.layer)
         ] })
       }
     ),
-    V && J && Q && H ? /* @__PURE__ */ e.jsx(
-      Xe,
+    F && J && Q && H ? /* @__PURE__ */ e.jsx(
+      We,
       {
-        data: V,
+        data: F,
         body: J,
         xPos: Q,
         yPos: H,
         backgroundStyle: z?.tooltip,
-        className: N?.tooltip
+        className: D?.tooltip
       }
     ) : null,
-    $ && G !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    $ && W !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
-        open: G !== void 0,
+        open: W !== void 0,
         onClose: () => {
           P(void 0);
         },
@@ -304,61 +304,61 @@ function ut(pe) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Ye($, G) } : void 0,
-            children: typeof $ == "function" ? $(G) : null
+            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Ge($, W) } : void 0,
+            children: typeof $ == "function" ? $(W) : null
           }
         )
       }
     ) : null
   ] });
 }
-function mt(pe) {
+function ut(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y,
-    suffix: A = "",
+    suffix: V = "",
     sources: _,
     prefix: me = "",
     graphDescription: ue,
     barPadding: ge = 0.25,
     showValues: Z = !0,
-    showTicks: X = !0,
+    showTicks: G = !0,
     leftMargin: ie = 100,
-    rightMargin: O = 40,
-    truncateBy: se = 999,
-    height: he,
+    rightMargin: N = 40,
+    truncateBy: re = 999,
+    height: de,
     width: j,
     footNote: E,
     colorDomain: J,
     colorLegendTitle: ee,
     highlightedDataPoints: v = [],
-    padding: y,
-    backgroundColor: F = !1,
+    padding: p,
+    backgroundColor: B = !1,
     topMargin: ae = 25,
     bottomMargin: le = 10,
     showLabels: K = !0,
     relativeHeight: te,
-    tooltip: re,
+    tooltip: se,
     onSeriesMouseOver: R,
     refValues: xe,
     showColorScale: ne = !0,
     graphID: $,
-    maxValue: p,
+    maxValue: y,
     minValue: x,
     onSeriesMouseClick: C,
     graphDownload: z = !1,
-    dataDownload: N = !1,
-    sortData: D,
-    labelOrder: I,
-    language: S = "en",
+    dataDownload: D = !1,
+    sortData: O,
+    labelOrder: A,
+    language: I = "en",
     showNAColor: b = !0,
     minHeight: w = 0,
     theme: q = "light",
     maxBarThickness: T,
-    maxNumberOfBars: V,
+    maxNumberOfBars: F,
     minBarThickness: oe,
-    ariaLabel: G,
+    ariaLabel: W,
     resetSelectionOnDoubleClick: P = !0,
     detailsOnClick: Q,
     barAxisTitle: M,
@@ -369,33 +369,32 @@ function mt(pe) {
     filterNA: d = !0,
     animate: h = !1,
     dimmedOpacity: c = 0.3,
-    precision: l = 2,
+    precision: a = 2,
     customLayers: s = [],
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
-    naLabel: r = "NA"
-  } = pe, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
-    Ae(
-      n.filter((a) => a.date !== void 0 && a.date !== null),
-      (a) => a.date
-    ).map((a) => Be(`${a.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (a, ve) => it(a, ve)
-  ), [be, we] = L(t.autoplay ? 0 : de.length - 1), [Ne, o] = L(void 0), i = Me(null), B = Me(null);
+    naLabel: l = "NA"
+  } = ye, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), he = et(
+    Ae(n, "date", !0).map(
+      (r) => Se(`${r}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (r, we) => tt(r, we)
+  ), [be, ve] = L(t.autoplay ? 0 : he.length - 1), [Ne, o] = L(void 0), i = Me(null), S = Me(null);
   Ve(() => {
-    const a = new ResizeObserver((ve) => {
-      Ce(j || ve[0].target.clientWidth || 620), U(he || ve[0].target.clientHeight || 480);
+    const r = new ResizeObserver((we) => {
+      Ce(j || we[0].target.clientWidth || 620), U(de || we[0].target.clientHeight || 480);
     });
-    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), j || a.observe(i.current)), () => a.disconnect();
-  }, [j, he]), Ve(() => {
-    const a = setInterval(
+    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), j || r.observe(i.current)), () => r.disconnect();
+  }, [j, de]), Ve(() => {
+    const r = setInterval(
       () => {
-        we((ve) => ve < de.length - 1 ? ve + 1 : 0);
+        ve((we) => we < he.length - 1 ? we + 1 : 0);
       },
       (t.speed || 2) * 1e3
     );
-    return fe || clearInterval(a), () => clearInterval(a);
-  }, [de, fe, t.speed]);
-  const at = Pe(
-    de,
+    return fe || clearInterval(r), () => clearInterval(r);
+  }, [he, fe, t.speed]);
+  const it = Be(
+    he,
     be,
     t.showOnlyActiveDate,
     t.dateFormat || "yyyy"
@@ -404,30 +403,30 @@ function mt(pe) {
     "div",
     {
       className: `${q || "light"} flex ${j ? "w-fit grow-0" : "w-full grow"}`,
-      dir: S === "he" || S === "ar" ? "rtl" : void 0,
+      dir: I === "he" || I === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
-            `${F ? F === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${S || "en"}`,
+          className: De(
+            `${B ? B === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${I || "en"}`,
             j ? "w-fit" : "w-full",
             m?.graphContainer
           ),
           style: {
             ...k?.graphContainer || {},
-            ...F && F !== !0 ? { backgroundColor: F } : {}
+            ...B && B !== !0 ? { backgroundColor: B } : {}
           },
           id: $,
-          ref: B,
-          "aria-label": G || `${g ? `The graph shows ${g}. ` : ""}This is a bar chart. ${ue ? ` ${ue}` : ""}`,
+          ref: S,
+          "aria-label": W || `${g ? `The graph shows ${g}. ` : ""}This is a bar chart. ${ue ? ` ${ue}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: F ? y || "1rem" : y || 0 },
+              style: { padding: B ? p || "1rem" : p || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                g || ue || z || N ? /* @__PURE__ */ e.jsx(
-                  Ke,
+                g || ue || z || D ? /* @__PURE__ */ e.jsx(
+                  Ue,
                   {
                     styles: {
                       title: k?.title,
@@ -440,11 +439,11 @@ function mt(pe) {
                     graphTitle: g,
                     graphDescription: ue,
                     width: j,
-                    graphDownload: z ? B.current : void 0,
-                    dataDownload: N ? n.map((a) => a.data).filter((a) => a !== void 0).length > 0 ? n.map((a) => a.data).filter((a) => a !== void 0) : n.filter((a) => a !== void 0) : null
+                    graphDownload: z ? S.current : void 0,
+                    dataDownload: D ? n.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? n.map((r) => r.data).filter((r) => r !== void 0) : n.filter((r) => r !== void 0) : null
                   }
                 ) : null,
-                t.enabled && de.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                t.enabled && he.length > 0 && it ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ e.jsx(
                     "button",
                     {
@@ -454,39 +453,36 @@ function mt(pe) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": fe ? "Click to pause animation" : "Click to play animation",
-                      children: fe ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      children: fe ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    He,
+                    Fe,
                     {
-                      min: de[0],
-                      max: de[de.length - 1],
-                      marks: at,
+                      min: he[0],
+                      max: he[he.length - 1],
+                      marks: it,
                       step: null,
-                      defaultValue: de[de.length - 1],
-                      value: de[be],
-                      onChangeComplete: (a) => {
-                        we(de.indexOf(a));
+                      defaultValue: he[he.length - 1],
+                      value: he[be],
+                      onChangeComplete: (r) => {
+                        ve(he.indexOf(r));
                       },
-                      onChange: (a) => {
-                        we(de.indexOf(a));
+                      onChange: (r) => {
+                        ve(he.indexOf(r));
                       },
                       "aria-label": "Time slider. Use arrow keys to adjust selected time period."
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  ne && n.filter((a) => a.color).length !== 0 ? /* @__PURE__ */ e.jsx(
-                    Qe,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  ne && n.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ e.jsx(
+                    Je,
                     {
                       width: j,
                       colorLegendTitle: ee,
                       colors: Y || je[q].categoricalColors.colors,
-                      colorDomain: J || Ae(
-                        n.filter((a) => a.color),
-                        "color"
-                      ).map((a) => a.color),
+                      colorDomain: J || Ae(n, "color", !0),
                       setSelectedColor: o,
                       showNAColor: b
                     }
@@ -497,70 +493,62 @@ function mt(pe) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: i,
                       "aria-label": "Graph area",
-                      children: (j || f) && (he || ce) ? /* @__PURE__ */ e.jsx(
-                        ut,
+                      children: (j || f) && (de || ce) ? /* @__PURE__ */ e.jsx(
+                        ht,
                         {
-                          data: D === "asc" ? rt(
-                            Se(n, t.dateFormat || "yyyy").filter(
-                              (a) => t.enabled ? a.date === De(
-                                new Date(de[be]),
+                          data: O ? Ie(
+                            lt(n, t.dateFormat || "yyyy").filter(
+                              (r) => t.enabled ? r.date === $e(
+                                new Date(he[be]),
                                 t.dateFormat || "yyyy"
-                              ) : a
-                            ).filter((a) => d ? !W(a.size) : a),
-                            (a) => a.size
-                          ).filter((a, ve) => V ? ve < V : !0) : D === "desc" ? rt(
-                            Se(n, t.dateFormat || "yyyy").filter(
-                              (a) => t.enabled ? a.date === De(
-                                new Date(de[be]),
-                                t.dateFormat || "yyyy"
-                              ) : a
-                            ).filter((a) => d ? !W(a.size) : a),
-                            (a) => a.size
-                          ).reverse().filter((a, ve) => V ? ve < V : !0) : Se(n, t.dateFormat || "yyyy").filter(
-                            (a) => t.enabled ? a.date === De(
-                              new Date(de[be]),
+                              ) : r
+                            ).filter((r) => d ? !X(r.size) : r),
+                            [
+                              (r) => r.size === void 0 ? O === "asc" ? 1 / 0 : -1 / 0 : r.size
+                            ],
+                            [O]
+                          ).filter((r, we) => F ? we < F : !0) : lt(n, t.dateFormat || "yyyy").filter(
+                            (r) => t.enabled ? r.date === $e(
+                              new Date(he[be]),
                               t.dateFormat || "yyyy"
-                            ) : a
-                          ).filter((a) => d ? !W(a.size) : a).filter((a, ve) => V ? ve < V : !0),
-                          barColor: n.filter((a) => a.color).length === 0 ? Y ? [Y] : [je.primaryColors["blue-600"]] : Y || je[q].categoricalColors.colors,
-                          colorDomain: n.filter((a) => a.color).length === 0 ? [] : J || Ae(
-                            n.filter((a) => a.color),
-                            "color"
-                          ).map((a) => a.color),
+                            ) : r
+                          ).filter((r) => d ? !X(r.size) : r).filter((r, we) => F ? we < F : !0),
+                          barColor: n.filter((r) => r.color).length === 0 ? Y ? [Y] : [je.primaryColors["blue-600"]] : Y || je[q].categoricalColors.colors,
+                          colorDomain: n.filter((r) => r.color).length === 0 ? [] : J || Ae(n, "color", !0),
                           width: j || f,
                           selectedColor: Ne,
                           height: Math.max(
                             w,
-                            he || (te ? w ? (j || f) * te > w ? (j || f) * te : w : (j || f) * te : ce)
+                            de || (te ? w ? (j || f) * te > w ? (j || f) * te : w : (j || f) * te : ce)
                           ),
-                          suffix: A,
+                          suffix: V,
                           prefix: me,
                           barPadding: ge,
                           showValues: Z,
-                          showTicks: X,
+                          showTicks: G,
                           leftMargin: ie,
-                          rightMargin: O,
+                          rightMargin: N,
                           topMargin: ae,
                           bottomMargin: le,
-                          truncateBy: se,
+                          truncateBy: re,
                           showLabels: K,
-                          tooltip: re,
+                          tooltip: se,
                           onSeriesMouseOver: R,
                           refValues: xe,
-                          maxValue: W(p) ? Math.max(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                          maxValue: X(y) ? Math.max(
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) < 0 ? 0 : Math.max(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
-                          ) : p,
-                          minValue: W(x) ? Math.min(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
+                          ) : y,
+                          minValue: X(x) ? Math.min(
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) >= 0 ? 0 : Math.min(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) : x,
                           highlightedDataPoints: v,
                           onSeriesMouseClick: C,
-                          labelOrder: I,
-                          rtl: S === "he" || S === "ar",
+                          labelOrder: A,
+                          rtl: I === "he" || I === "ar",
                           maxBarThickness: T,
                           minBarThickness: oe,
                           resetSelectionOnDoubleClick: P,
@@ -572,16 +560,16 @@ function mt(pe) {
                           styles: k,
                           animate: h === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : h || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: c,
-                          precision: l,
+                          precision: a,
                           customLayers: s,
-                          naLabel: r
+                          naLabel: l
                         }
                       ) : null
                     }
                   )
                 ] }) }),
                 _ || E ? /* @__PURE__ */ e.jsx(
-                  Je,
+                  qe,
                   {
                     sources: _,
                     footNote: E,
@@ -601,107 +589,107 @@ function mt(pe) {
     }
   );
 }
-function gt(pe) {
+function mt(ye) {
   const {
     data: n,
     barColors: g,
     barPadding: Y,
-    showTicks: A,
+    showTicks: V,
     leftMargin: _,
     truncateBy: me,
     width: ue,
     height: ge,
     suffix: Z,
-    prefix: X,
+    prefix: G,
     showValues: ie,
-    rightMargin: O,
-    topMargin: se,
-    bottomMargin: he,
+    rightMargin: N,
+    topMargin: re,
+    bottomMargin: de,
     showLabels: j,
     tooltip: E,
     onSeriesMouseOver: J,
     refValues: ee,
     maxValue: v,
-    minValue: y,
-    onSeriesMouseClick: F,
+    minValue: p,
+    onSeriesMouseClick: B,
     selectedColor: ae,
     rtl: le,
     labelOrder: K,
     maxBarThickness: te,
-    resetSelectionOnDoubleClick: re,
+    resetSelectionOnDoubleClick: se,
     detailsOnClick: R,
     barAxisTitle: xe,
     valueColor: ne,
     noOfTicks: $,
-    styles: p,
+    styles: y,
     classNames: x,
     animate: C,
     colorDomain: z,
-    precision: N,
-    customLayers: D,
-    naLabel: I
-  } = pe, S = Me(null), b = Re(S, {
+    precision: D,
+    customLayers: O,
+    naLabel: A
+  } = ye, I = Me(null), b = _e(I, {
     once: C.once,
     amount: C.amount
   }), w = {
-    top: xe ? se + 25 : se,
-    bottom: he,
+    top: xe ? re + 25 : re,
+    bottom: de,
     left: _,
-    right: O
-  }, [q, T] = L(void 0), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, M] = L(void 0), H = ue - w.left - w.right, u = ge - w.top - w.bottom, k = n.map((s, t) => ({
+    right: N
+  }, [q, T] = L(void 0), [F, oe] = L(void 0), [W, P] = L(void 0), [Q, M] = L(void 0), H = ue - w.left - w.right, u = ge - w.top - w.bottom, k = n.map((s, t) => ({
     ...s,
     id: K ? `${s.label}` : `${t}`
-  })), m = K || k.map((s) => `${s.id}`), d = qe().domain([y, v]).range([0, H]).nice(), h = Ie().domain(m).range([
+  })), m = K || k.map((s) => `${s.id}`), d = Ee().domain([p, v]).range([0, H]).nice(), h = Le().domain(m).range([
     0,
     te ? Math.min(u, te * m.length) : u
-  ]).paddingInner(Y), c = Ie().domain(n[0].size.map((s, t) => `${t}`)).range([0, h.bandwidth()]).paddingInner(0.1), l = d.ticks($);
+  ]).paddingInner(Y), c = Le().domain(n[0].size.map((s, t) => `${t}`)).range([0, h.bandwidth()]).paddingInner(0.1), a = d.ticks($);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
-        ref: S,
+        ref: I,
         width: `${ue}px`,
         height: `${ge}px`,
         viewBox: `0 0 ${ue} ${ge}`,
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
-          A ? /* @__PURE__ */ e.jsx(
+          V ? /* @__PURE__ */ e.jsx(
             st,
             {
-              values: l.filter((s) => s !== 0),
-              x: l.filter((s) => s !== 0).map((s) => d(s)),
-              y1: 0 - se,
+              values: a.filter((s) => s !== 0),
+              x: a.filter((s) => s !== 0).map((s) => d(s)),
+              y1: 0 - re,
               y2: u + w.bottom,
               styles: {
-                gridLines: p?.xAxis?.gridLines,
-                labels: p?.xAxis?.labels
+                gridLines: y?.xAxis?.gridLines,
+                labels: y?.xAxis?.labels
               },
               classNames: {
                 gridLines: x?.xAxis?.gridLines,
                 labels: x?.xAxis?.labels
               },
               suffix: Z,
-              prefix: X,
+              prefix: G,
               labelType: "secondary",
               showGridLines: !0,
-              precision: N
+              precision: D
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
               x: H / 2,
               y: 0 - w.top + 15,
-              style: p?.xAxis?.title,
+              style: y?.xAxis?.title,
               className: x?.xAxis?.title,
               text: xe
             }
           ),
-          D.filter((s) => s.position === "before").map((s) => s.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          O.filter((s) => s.position === "before").map((s) => s.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             k.map(
-              (s) => W(h(s.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (s) => X(h(s.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   variants: {
                     initial: {
@@ -718,38 +706,38 @@ function gt(pe) {
                   animate: b ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: C.duration } },
                   children: [
-                    s.size.map((t, r) => /* @__PURE__ */ e.jsxs(
-                      ye.g,
+                    s.size.map((t, l) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
                       {
                         className: "undp-viz-g-with-hover",
-                        opacity: ae ? g[r] === ae ? 1 : 0.3 : 0.85,
+                        opacity: ae ? g[l] === ae ? 1 : 0.3 : 0.85,
                         onMouseEnter: (f) => {
-                          T({ ...s, sizeIndex: r }), M(f.clientY), P(f.clientX), J?.({ ...s, sizeIndex: r });
+                          T({ ...s, sizeIndex: l }), M(f.clientY), P(f.clientX), J?.({ ...s, sizeIndex: l });
                         },
                         onMouseMove: (f) => {
-                          T({ ...s, sizeIndex: r }), M(f.clientY), P(f.clientX);
+                          T({ ...s, sizeIndex: l }), M(f.clientY), P(f.clientX);
                         },
                         onMouseLeave: () => {
                           T(void 0), P(void 0), M(void 0), J?.(void 0);
                         },
                         onClick: () => {
-                          (F || R) && (We(V, { ...s, sizeIndex: r }) && re ? (oe(void 0), F?.(void 0)) : (oe({ ...s, sizeIndex: r }), F && F({ ...s, sizeIndex: r })));
+                          (B || R) && (Pe(F, { ...s, sizeIndex: l }) && se ? (oe(void 0), B?.(void 0)) : (oe({ ...s, sizeIndex: l }), B && B({ ...s, sizeIndex: l })));
                         },
                         children: [
-                          W(t) ? null : /* @__PURE__ */ e.jsx(
-                            ye.rect,
+                          X(t) ? null : /* @__PURE__ */ e.jsx(
+                            pe.rect,
                             {
-                              y: c(`${r}`),
+                              y: c(`${l}`),
                               variants: {
                                 initial: {
                                   width: 0,
                                   x: d(0),
-                                  fill: g[r]
+                                  fill: g[l]
                                 },
                                 whileInView: {
-                                  width: W(t) ? 0 : t >= 0 ? d(t) - d(0) : d(0) - d(t),
+                                  width: X(t) ? 0 : t >= 0 ? d(t) - d(0) : d(0) - d(t),
                                   x: t >= 0 ? d(0) : d(t),
-                                  fill: g[r],
+                                  fill: g[l],
                                   transition: { duration: C.duration }
                                 }
                               },
@@ -764,15 +752,15 @@ function gt(pe) {
                             }
                           ),
                           ie ? /* @__PURE__ */ e.jsx(
-                            ye.text,
+                            pe.text,
                             {
-                              y: c(`${r}`) + c.bandwidth() / 2,
+                              y: c(`${l}`) + c.bandwidth() / 2,
                               style: {
-                                fill: ne || g[r],
+                                fill: ne || g[l],
                                 textAnchor: t && t < 0 ? "end" : "start",
-                                ...p?.graphObjectValues || {}
+                                ...y?.graphObjectValues || {}
                               },
-                              className: $e("graph-value text-sm", x?.graphObjectValues),
+                              className: De("graph-value text-sm", x?.graphObjectValues),
                               dx: t && t < 0 ? -5 : 5,
                               dy: "0.33em",
                               variants: {
@@ -789,22 +777,22 @@ function gt(pe) {
                                 opacity: 0,
                                 transition: { duration: C.duration }
                               },
-                              children: ze(t, I, N, X, Z)
+                              children: ze(t, A, D, G, Z)
                             }
                           ) : null
                         ]
                       },
-                      `${s.label}-${z[r] || r}`
+                      `${s.label}-${z[l] || l}`
                     )),
                     j ? /* @__PURE__ */ e.jsx(
-                      ot,
+                      rt,
                       {
                         value: `${s.label}`.length < me ? `${s.label}` : `${`${s.label}`.substring(0, me)}...`,
                         y: 0,
                         x: 0 - w.left,
-                        width: d(y < 0 ? 0 : y) + w.left,
+                        width: d(p < 0 ? 0 : p) + w.left,
                         height: h.bandwidth(),
-                        style: p?.yAxis?.labels,
+                        style: y?.yAxis?.labels,
                         className: x?.yAxis?.labels,
                         animate: C,
                         isInView: b
@@ -816,18 +804,18 @@ function gt(pe) {
               )
             ),
             /* @__PURE__ */ e.jsx(
-              Ee,
+              Ye,
               {
-                x1: d(y < 0 ? 0 : y),
-                x2: d(y < 0 ? 0 : y),
+                x1: d(p < 0 ? 0 : p),
+                x2: d(p < 0 ? 0 : p),
                 y1: -2.5,
                 y2: u + w.bottom,
                 classNames: { axis: x?.yAxis?.axis },
-                styles: { axis: p?.yAxis?.axis }
+                styles: { axis: y?.yAxis?.axis }
               }
             ),
             ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((s, t) => /* @__PURE__ */ e.jsx(
-              nt,
+              ot,
               {
                 text: s.text,
                 color: s.color,
@@ -843,25 +831,25 @@ function gt(pe) {
               t
             )) }) : null
           ] }),
-          D.filter((s) => s.position === "after").map((s) => s.layer)
+          O.filter((s) => s.position === "after").map((s) => s.layer)
         ] })
       }
     ),
-    q && E && G && Q ? /* @__PURE__ */ e.jsx(
-      Xe,
+    q && E && W && Q ? /* @__PURE__ */ e.jsx(
+      We,
       {
         data: q,
         body: E,
-        xPos: G,
+        xPos: W,
         yPos: Q,
-        backgroundStyle: p?.tooltip,
+        backgroundStyle: y?.tooltip,
         className: x?.tooltip
       }
     ) : null,
-    R && V !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    R && F !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
-        open: V !== void 0,
+        open: F !== void 0,
         onClose: () => {
           oe(void 0);
         },
@@ -869,61 +857,61 @@ function gt(pe) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof R == "string" ? { __html: Ye(R, V) } : void 0,
-            children: typeof R == "function" ? R(V) : null
+            dangerouslySetInnerHTML: typeof R == "string" ? { __html: Ge(R, F) } : void 0,
+            children: typeof R == "function" ? R(F) : null
           }
         )
       }
     ) : null
   ] });
 }
-function xt(pe) {
+function gt(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y = je.light.categoricalColors.colors,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     truncateBy: ge = 999,
     height: Z,
-    width: X,
+    width: G,
     footNote: ie,
-    colorDomain: O,
-    colorLegendTitle: se,
-    suffix: he = "",
+    colorDomain: N,
+    colorLegendTitle: re,
+    suffix: de = "",
     prefix: j = "",
     showValues: E = !0,
     showColorScale: J = !0,
     padding: ee,
     backgroundColor: v = !1,
-    leftMargin: y = 100,
-    rightMargin: F = 40,
+    leftMargin: p = 100,
+    rightMargin: B = 40,
     topMargin: ae = 25,
     bottomMargin: le = 10,
     showLabels: K = !0,
     relativeHeight: te,
-    tooltip: re,
+    tooltip: se,
     onSeriesMouseOver: R,
     refValues: xe,
     graphID: ne,
     maxValue: $,
-    minValue: p,
+    minValue: y,
     onSeriesMouseClick: x,
     graphDownload: C = !1,
     dataDownload: z = !1,
-    language: N = "en",
-    labelOrder: D,
-    minHeight: I = 0,
-    theme: S = "light",
+    language: D = "en",
+    labelOrder: O,
+    minHeight: A = 0,
+    theme: I = "light",
     maxBarThickness: b,
     ariaLabel: w,
     resetSelectionOnDoubleClick: q = !0,
     detailsOnClick: T,
-    barAxisTitle: V,
+    barAxisTitle: F,
     noOfTicks: oe = 5,
-    valueColor: G,
+    valueColor: W,
     styles: P,
     classNames: Q,
     filterNA: M = !0,
@@ -934,19 +922,18 @@ function xt(pe) {
     naLabel: d = "NA",
     sortParameter: h,
     sortData: c
-  } = pe, [l, s] = L(0), [t, r] = L(0), [f, Ce] = L(m.autoplay), ce = Fe(
-    Ae(
-      n.filter((o) => o.date !== void 0 && o.date !== null),
-      (o) => o.date
-    ).map((o) => Be(`${o.date}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (o, i) => it(o, i)
-  ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, de] = L(void 0), be = Me(null), we = Me(null);
+  } = ye, [a, s] = L(0), [t, l] = L(0), [f, Ce] = L(m.autoplay), ce = et(
+    Ae(n, "date", !0).map(
+      (o) => Se(`${o}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (o, i) => tt(o, i)
+  ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, he] = L(void 0), be = Me(null), ve = Me(null);
   Ve(() => {
     const o = new ResizeObserver((i) => {
-      s(X || i[0].target.clientWidth || 620), r(Z || i[0].target.clientHeight || 480);
+      s(G || i[0].target.clientWidth || 620), l(Z || i[0].target.clientHeight || 480);
     });
-    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), X || o.observe(be.current)), () => o.disconnect();
-  }, [X, Z]), Ve(() => {
+    return be.current && (l(be.current.clientHeight || 480), s(be.current.clientWidth || 620), G || o.observe(be.current)), () => o.disconnect();
+  }, [G, Z]), Ve(() => {
     const o = setInterval(
       () => {
         fe((i) => i < ce.length - 1 ? i + 1 : 0);
@@ -955,7 +942,7 @@ function xt(pe) {
     );
     return f || clearInterval(o), () => clearInterval(o);
   }, [ce, f, m.speed]);
-  const Ne = Pe(
+  const Ne = Be(
     ce,
     U,
     m.showOnlyActiveDate,
@@ -964,14 +951,14 @@ function xt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${S || "light"} flex  ${X ? "w-fit grow-0" : "w-full grow"}`,
-      dir: N === "he" || N === "ar" ? "rtl" : void 0,
+      className: `${I || "light"} flex  ${G ? "w-fit grow-0" : "w-full grow"}`,
+      dir: D === "he" || D === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
-            `${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"}`,
-            X ? "w-fit" : "w-full",
+          className: De(
+            `${v ? v === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
+            G ? "w-fit" : "w-full",
             Q?.graphContainer
           ),
           style: {
@@ -979,7 +966,7 @@ function xt(pe) {
             ...v && v !== !0 ? { backgroundColor: v } : {}
           },
           id: ne,
-          ref: we,
+          ref: ve,
           "aria-label": w || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
@@ -988,7 +975,7 @@ function xt(pe) {
               style: { padding: v ? ee || "1rem" : ee || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
                 g || _ || C || z ? /* @__PURE__ */ e.jsx(
-                  Ke,
+                  Ue,
                   {
                     styles: {
                       title: P?.title,
@@ -1000,8 +987,8 @@ function xt(pe) {
                     },
                     graphTitle: g,
                     graphDescription: _,
-                    width: X,
-                    graphDownload: C ? we.current : void 0,
+                    width: G,
+                    graphDownload: C ? ve.current : void 0,
                     dataDownload: z ? n.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? n.map((o) => o.data).filter((o) => o !== void 0) : n.filter((o) => o !== void 0) : null
                   }
                 ) : null,
@@ -1015,11 +1002,11 @@ function xt(pe) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": f ? "Click to pause animation" : "Click to play animation",
-                      children: f ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      children: f ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    He,
+                    Fe,
                     {
                       min: ce[0],
                       max: ce[ce.length - 1],
@@ -1037,78 +1024,78 @@ function xt(pe) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                   J ? /* @__PURE__ */ e.jsx(
-                    Qe,
+                    Je,
                     {
-                      width: X,
-                      colorDomain: O,
+                      width: G,
+                      colorDomain: N,
                       colors: Y,
-                      colorLegendTitle: se,
-                      setSelectedColor: de,
+                      colorLegendTitle: re,
+                      setSelectedColor: he,
                       showNAColor: !1
                     }
                   ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (X || l) && (Z || t) ? /* @__PURE__ */ e.jsx(
-                    gt,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (G || a) && (Z || t) ? /* @__PURE__ */ e.jsx(
+                    mt,
                     {
-                      data: h !== void 0 ? h === "total" ? Le(
+                      data: h !== void 0 ? h === "total" ? Ie(
                         Te(
                           n,
                           m.dateFormat || "yyyy"
                         ).filter(
-                          (o) => m.enabled ? o.date === De(
+                          (o) => m.enabled ? o.date === $e(
                             new Date(ce[U]),
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
                           (o) => M ? !o.size.every((i) => i == null) : o
                         ),
-                        (o) => ke(o.size.filter((i) => !W(i))),
+                        (o) => ke(o.size.filter((i) => !X(i))),
                         [c || "asc"]
-                      ) : Le(
+                      ) : Ie(
                         Te(
                           n,
                           m.dateFormat || "yyyy"
                         ).filter(
-                          (o) => m.enabled ? o.date === De(
+                          (o) => m.enabled ? o.date === $e(
                             new Date(ce[U]),
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
                           (o) => M ? !o.size.every((i) => i == null) : o
                         ),
-                        (o) => W(o.size[h]) ? -1 / 0 : o.size[h],
+                        (o) => X(o.size[h]) ? -1 / 0 : o.size[h],
                         [c || "asc"]
                       ) : Te(
                         n,
                         m.dateFormat || "yyyy"
                       ).filter((o) => M ? !o.size.every((i) => i == null) : o),
                       barColors: Y,
-                      width: X || l,
+                      width: G || a,
                       height: Math.max(
-                        I,
-                        Z || (te ? I ? (X || l) * te > I ? (X || l) * te : I : (X || l) * te : t)
+                        A,
+                        Z || (te ? A ? (G || a) * te > A ? (G || a) * te : A : (G || a) * te : t)
                       ),
-                      suffix: he,
+                      suffix: de,
                       prefix: j,
                       showValues: E,
                       barPadding: me,
                       showTicks: ue,
-                      leftMargin: y,
-                      rightMargin: F,
+                      leftMargin: p,
+                      rightMargin: B,
                       topMargin: ae,
                       bottomMargin: le,
                       truncateBy: ge,
                       showLabels: K,
-                      tooltip: re,
+                      tooltip: se,
                       onSeriesMouseOver: R,
                       refValues: xe,
-                      maxValue: W($) ? Math.max(
+                      maxValue: X($) ? Math.max(
                         ...n.map(
                           (o) => Math.max(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
@@ -1116,16 +1103,16 @@ function xt(pe) {
                         ...n.map(
                           (o) => Math.max(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
                       ) : $,
-                      minValue: W(p) ? Math.min(
+                      minValue: X(y) ? Math.min(
                         ...n.map(
                           (o) => Math.min(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
@@ -1133,24 +1120,24 @@ function xt(pe) {
                         ...n.map(
                           (o) => Math.min(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
-                      ) : p,
+                      ) : y,
                       onSeriesMouseClick: x,
                       selectedColor: Oe,
-                      labelOrder: D,
-                      rtl: N === "he" || N === "ar",
+                      labelOrder: O,
+                      rtl: D === "he" || D === "ar",
                       maxBarThickness: b,
                       resetSelectionOnDoubleClick: q,
                       detailsOnClick: T,
-                      barAxisTitle: V,
+                      barAxisTitle: F,
                       noOfTicks: oe,
-                      valueColor: G,
+                      valueColor: W,
                       styles: P,
                       classNames: Q,
-                      colorDomain: O,
+                      colorDomain: N,
                       animate: H === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : H || { duration: 0, once: !0, amount: 0 },
                       precision: u,
                       customLayers: k,
@@ -1158,17 +1145,17 @@ function xt(pe) {
                     }
                   ) : null })
                 ] }) }),
-                A || ie ? /* @__PURE__ */ e.jsx(
-                  Je,
+                V || ie ? /* @__PURE__ */ e.jsx(
+                  qe,
                   {
                     styles: { footnote: P?.footnote, source: P?.source },
                     classNames: {
                       footnote: Q?.footnote,
                       source: Q?.source
                     },
-                    sources: A,
+                    sources: V,
                     footNote: ie,
-                    width: X
+                    width: G
                   }
                 ) : null
               ] })
@@ -1179,80 +1166,80 @@ function xt(pe) {
     }
   );
 }
-function ft(pe) {
+function xt(ye) {
   const {
     data: n,
     barColors: g,
     barPadding: Y,
-    showTicks: A,
+    showTicks: V,
     leftMargin: _,
     rightMargin: me,
     truncateBy: ue,
     width: ge,
     height: Z,
-    topMargin: X,
+    topMargin: G,
     bottomMargin: ie,
-    tooltip: O,
-    onSeriesMouseOver: se,
-    showLabels: he,
+    tooltip: N,
+    onSeriesMouseOver: re,
+    showLabels: de,
     suffix: j,
     prefix: E,
     showValues: J,
     refValues: ee,
     maxValue: v,
-    onSeriesMouseClick: y,
-    selectedColor: F,
+    onSeriesMouseClick: p,
+    selectedColor: B,
     rtl: ae,
     labelOrder: le,
     maxBarThickness: K,
     minBarThickness: te,
-    resetSelectionOnDoubleClick: re,
+    resetSelectionOnDoubleClick: se,
     detailsOnClick: R,
     barAxisTitle: xe,
     valueColor: ne,
     noOfTicks: $,
-    styles: p,
+    styles: y,
     classNames: x,
     animate: C,
     colorDomain: z,
-    precision: N,
-    customLayers: D,
-    naLabel: I
-  } = pe, S = Me(null), b = Re(S, {
+    precision: D,
+    customLayers: O,
+    naLabel: A
+  } = ye, I = Me(null), b = _e(I, {
     once: C.once,
     amount: C.amount
   }), w = {
-    top: xe ? X + 25 : X,
+    top: xe ? G + 25 : G,
     bottom: ie,
     left: _,
     right: me
-  }, [q, T] = L(void 0), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, M] = L(void 0), H = ge - w.left - w.right, u = Z - w.top - w.bottom, k = n.map((l, s) => ({
-    ...l,
-    id: le ? `${l.label}` : `${s}`
-  })), m = le || k.map((l) => `${l.id}`), d = qe().domain([0, v]).range([0, H]).nice(), h = Ie().domain(m).range([
+  }, [q, T] = L(void 0), [F, oe] = L(void 0), [W, P] = L(void 0), [Q, M] = L(void 0), H = ge - w.left - w.right, u = Z - w.top - w.bottom, k = n.map((a, s) => ({
+    ...a,
+    id: le ? `${a.label}` : `${s}`
+  })), m = le || k.map((a) => `${a.id}`), d = Ee().domain([0, v]).range([0, H]).nice(), h = Le().domain(m).range([
     0,
     te ? Math.max(u, te * m.length) : K ? Math.min(u, K * m.length) : u
   ]).paddingInner(Y), c = d.ticks($);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
-        ref: S,
+        ref: I,
         width: `${ge}px`,
         height: `${Z}px`,
         viewBox: `0 0 ${ge} ${Z}`,
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
-          A ? /* @__PURE__ */ e.jsx(
+          V ? /* @__PURE__ */ e.jsx(
             st,
             {
-              values: c.filter((l) => l !== 0),
-              x: c.filter((l) => l !== 0).map((l) => d(l)),
-              y1: 0 - X,
+              values: c.filter((a) => a !== 0),
+              x: c.filter((a) => a !== 0).map((a) => d(a)),
+              y1: 0 - G,
               y2: u + w.bottom,
               styles: {
-                gridLines: p?.xAxis?.gridLines,
-                labels: p?.xAxis?.labels
+                gridLines: y?.xAxis?.gridLines,
+                labels: y?.xAxis?.labels
               },
               classNames: {
                 gridLines: x?.xAxis?.gridLines,
@@ -1262,31 +1249,31 @@ function ft(pe) {
               prefix: E,
               labelType: "secondary",
               showGridLines: !0,
-              precision: N
+              precision: D
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
               x: H / 2,
               y: 0 - w.top + 15,
-              style: p?.xAxis?.title,
+              style: y?.xAxis?.title,
               className: x?.xAxis?.title,
               text: xe
             }
           ),
-          D.filter((l) => l.position === "before").map((l) => l.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          O.filter((a) => a.position === "before").map((a) => a.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             k.map(
-              (l) => W(h(l.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (a) => X(h(a.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   className: "undp-viz-low-opacity undp-viz-g-with-hover",
                   variants: {
-                    initial: { x: 0, y: h(`${l.id}`) },
+                    initial: { x: 0, y: h(`${a.id}`) },
                     whileInView: {
                       x: 0,
-                      y: h(`${l.id}`),
+                      y: h(`${a.id}`),
                       transition: { duration: C.duration }
                     }
                   },
@@ -1294,25 +1281,25 @@ function ft(pe) {
                   animate: b ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: C.duration } },
                   children: [
-                    l.size.map((s, t) => /* @__PURE__ */ e.jsxs(
-                      ye.g,
+                    a.size.map((s, t) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
                       {
-                        opacity: F ? g[t] === F ? 1 : 0.3 : 1,
-                        onMouseEnter: (r) => {
-                          T({ ...l, sizeIndex: t }), M(r.clientY), P(r.clientX), se?.({ ...l, sizeIndex: t });
+                        opacity: B ? g[t] === B ? 1 : 0.3 : 1,
+                        onMouseEnter: (l) => {
+                          T({ ...a, sizeIndex: t }), M(l.clientY), P(l.clientX), re?.({ ...a, sizeIndex: t });
                         },
-                        onMouseMove: (r) => {
-                          T({ ...l, sizeIndex: t }), M(r.clientY), P(r.clientX);
+                        onMouseMove: (l) => {
+                          T({ ...a, sizeIndex: t }), M(l.clientY), P(l.clientX);
                         },
                         onMouseLeave: () => {
-                          T(void 0), P(void 0), M(void 0), se?.(void 0);
+                          T(void 0), P(void 0), M(void 0), re?.(void 0);
                         },
                         onClick: () => {
-                          (y || R) && (We(V, { ...l, sizeIndex: t }) && re ? (oe(void 0), y?.(void 0)) : (oe({ ...l, sizeIndex: t }), y && y({ ...l, sizeIndex: t })));
+                          (p || R) && (Pe(F, { ...a, sizeIndex: t }) && se ? (oe(void 0), p?.(void 0)) : (oe({ ...a, sizeIndex: t }), p && p({ ...a, sizeIndex: t })));
                         },
                         children: [
                           s ? /* @__PURE__ */ e.jsx(
-                            ye.rect,
+                            pe.rect,
                             {
                               y: 0,
                               style: { fill: g[t] },
@@ -1331,7 +1318,7 @@ function ft(pe) {
                                 whileInView: {
                                   width: d(s || 0),
                                   x: d(
-                                    t === 0 ? 0 : ke(l.size.filter((r, f) => f < t && r))
+                                    t === 0 ? 0 : ke(a.size.filter((l, f) => f < t && l))
                                   ),
                                   fill: g[t],
                                   transition: { duration: C.duration }
@@ -1343,15 +1330,15 @@ function ft(pe) {
                             t
                           ) : null,
                           J ? /* @__PURE__ */ e.jsx(
-                            ye.text,
+                            pe.text,
                             {
                               y: h.bandwidth() / 2,
                               style: {
                                 textAnchor: "middle",
-                                ...p?.graphObjectValues || {}
+                                ...y?.graphObjectValues || {}
                               },
                               dy: "0.33em",
-                              className: $e("graph-value text-sm", x?.graphObjectValues),
+                              className: De("graph-value text-sm", x?.graphObjectValues),
                               exit: {
                                 opacity: 0,
                                 transition: { duration: C.duration }
@@ -1360,44 +1347,44 @@ function ft(pe) {
                                 initial: {
                                   x: d(0),
                                   opacity: 0,
-                                  fill: lt(g[t])
+                                  fill: at(g[t])
                                 },
                                 whileInView: {
                                   x: d(
-                                    t === 0 ? 0 : ke(l.size.filter((r, f) => f < t && r))
+                                    t === 0 ? 0 : ke(a.size.filter((l, f) => f < t && l))
                                   ) + d(s || 0) / 2,
-                                  opacity: s && d(s) / ze(s, I, N, E, j).length > 12 ? 1 : 0,
-                                  fill: lt(g[t]),
+                                  opacity: s && d(s) / ze(s, A, D, E, j).length > 12 ? 1 : 0,
+                                  fill: at(g[t]),
                                   transition: { duration: C.duration }
                                 }
                               },
                               initial: "initial",
                               animate: b ? "whileInView" : "initial",
-                              children: ze(s, I, N, E, j)
+                              children: ze(s, A, D, E, j)
                             }
                           ) : null
                         ]
                       },
-                      `${l.label}-${z[t] || t}`
+                      `${a.label}-${z[t] || t}`
                     )),
-                    he ? /* @__PURE__ */ e.jsx(
-                      ot,
+                    de ? /* @__PURE__ */ e.jsx(
+                      rt,
                       {
-                        value: `${l.label}`.length < ue ? `${l.label}` : `${`${l.label}`.substring(0, ue)}...`,
+                        value: `${a.label}`.length < ue ? `${a.label}` : `${`${a.label}`.substring(0, ue)}...`,
                         y: 0,
                         x: 0 - w.left,
                         width: 0 + w.left,
                         height: h.bandwidth(),
-                        style: p?.yAxis?.labels,
+                        style: y?.yAxis?.labels,
                         className: x?.yAxis?.labels,
                         animate: C,
                         isInView: b
                       }
                     ) : null,
                     J ? /* @__PURE__ */ e.jsx(
-                      ye.text,
+                      pe.text,
                       {
-                        className: $e(
+                        className: De(
                           "graph-value graph-value-total text-sm",
                           ne ? "" : " fill-primary-gray-700 dark:fill-primary-gray-300",
                           x?.graphObjectValues
@@ -1405,7 +1392,7 @@ function ft(pe) {
                         style: {
                           ...ne ? { fill: ne } : {},
                           textAnchor: "start",
-                          ...p?.graphObjectValues || {}
+                          ...y?.graphObjectValues || {}
                         },
                         y: h.bandwidth() / 2,
                         dx: 5,
@@ -1416,7 +1403,7 @@ function ft(pe) {
                             opacity: 0
                           },
                           whileInView: {
-                            x: d(ke(l.size.map((s) => s || 0))),
+                            x: d(ke(a.size.map((s) => s || 0))),
                             opacity: 1,
                             transition: { duration: C.duration }
                           }
@@ -1428,9 +1415,9 @@ function ft(pe) {
                         initial: "initial",
                         animate: b ? "whileInView" : "initial",
                         children: ze(
-                          ke(l.size.filter((s) => s)),
-                          I,
-                          N,
+                          ke(a.size.filter((s) => s)),
+                          A,
+                          D,
                           E,
                           j
                         )
@@ -1438,56 +1425,56 @@ function ft(pe) {
                     ) : null
                   ]
                 },
-                l.label
+                a.label
               )
             ),
             /* @__PURE__ */ e.jsx(
-              Ee,
+              Ye,
               {
                 x1: d(0),
                 x2: d(0),
                 y1: -2.5,
                 y2: u + w.bottom,
                 classNames: { axis: x?.yAxis?.axis },
-                styles: { axis: p?.yAxis?.axis }
+                styles: { axis: y?.yAxis?.axis }
               }
             ),
-            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((l, s) => /* @__PURE__ */ e.jsx(
-              nt,
+            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((a, s) => /* @__PURE__ */ e.jsx(
+              ot,
               {
-                text: l.text,
-                color: l.color,
-                x: d(l.value),
+                text: a.text,
+                color: a.color,
+                x: d(a.value),
                 y1: 0 - w.top,
                 y2: u + w.bottom,
-                textSide: d(l.value) > H * 0.75 || ae ? "left" : "right",
-                classNames: l.classNames,
-                styles: l.styles,
+                textSide: d(a.value) > H * 0.75 || ae ? "left" : "right",
+                classNames: a.classNames,
+                styles: a.styles,
                 animate: C,
                 isInView: b
               },
               s
             )) }) : null
           ] }),
-          D.filter((l) => l.position === "after").map((l) => l.layer)
+          O.filter((a) => a.position === "after").map((a) => a.layer)
         ] })
       }
     ),
-    q && O && G && Q ? /* @__PURE__ */ e.jsx(
-      Xe,
+    q && N && W && Q ? /* @__PURE__ */ e.jsx(
+      We,
       {
         data: q,
-        body: O,
-        xPos: G,
+        body: N,
+        xPos: W,
         yPos: Q,
-        backgroundStyle: p?.tooltip,
+        backgroundStyle: y?.tooltip,
         className: x?.tooltip
       }
     ) : null,
-    R && V !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    R && F !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
-        open: V !== void 0,
+        open: F !== void 0,
         onClose: () => {
           oe(void 0);
         },
@@ -1495,61 +1482,61 @@ function ft(pe) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof R == "string" ? { __html: Ye(R, V) } : void 0,
-            children: typeof R == "function" ? R(V) : null
+            dangerouslySetInnerHTML: typeof R == "string" ? { __html: Ge(R, F) } : void 0,
+            children: typeof R == "function" ? R(F) : null
           }
         )
       }
     ) : null
   ] });
 }
-function yt(pe) {
+function ft(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y = je.light.categoricalColors.colors,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 100,
     rightMargin: Z = 40,
-    truncateBy: X = 999,
+    truncateBy: G = 999,
     height: ie,
-    width: O,
-    footNote: se,
-    colorDomain: he,
+    width: N,
+    footNote: re,
+    colorDomain: de,
     colorLegendTitle: j,
     padding: E,
     backgroundColor: J = !1,
     topMargin: ee = 25,
     bottomMargin: v = 10,
-    tooltip: y,
-    onSeriesMouseOver: F,
+    tooltip: p,
+    onSeriesMouseOver: B,
     suffix: ae = "",
     prefix: le = "",
     showLabels: K = !0,
     relativeHeight: te,
-    showValues: re = !0,
+    showValues: se = !0,
     refValues: R,
     graphID: xe,
     maxValue: ne,
     onSeriesMouseClick: $,
-    graphDownload: p = !1,
+    graphDownload: y = !1,
     dataDownload: x = !1,
     language: C = "en",
     labelOrder: z,
-    minHeight: N = 0,
-    theme: D = "light",
-    maxBarThickness: I,
-    sortParameter: S,
+    minHeight: D = 0,
+    theme: O = "light",
+    maxBarThickness: A,
+    sortParameter: I,
     maxNumberOfBars: b,
     minBarThickness: w,
     showColorScale: q = !0,
     ariaLabel: T,
-    resetSelectionOnDoubleClick: V = !0,
+    resetSelectionOnDoubleClick: F = !0,
     detailsOnClick: oe,
-    barAxisTitle: G,
+    barAxisTitle: W,
     noOfTicks: P = 5,
     valueColor: Q,
     styles: M,
@@ -1560,29 +1547,28 @@ function yt(pe) {
     customLayers: d = [],
     timeline: h = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     naLabel: c = "NA",
-    sortData: l
-  } = pe, [s, t] = L(0), [r, f] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
-    Ae(
-      n.filter((i) => i.date !== void 0 && i.date !== null),
-      (i) => i.date
-    ).map((i) => Be(`${i.date}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (i, B) => it(i, B)
-  ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [de, be] = L(void 0), we = Me(null), Ne = Me(null);
+    sortData: a
+  } = ye, [s, t] = L(0), [l, f] = L(0), [Ce, ce] = L(h.autoplay), U = et(
+    Ae(n, "date", !0).map(
+      (i) => Se(`${i}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (i, S) => tt(i, S)
+  ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [he, be] = L(void 0), ve = Me(null), Ne = Me(null);
   Ve(() => {
-    const i = new ResizeObserver((B) => {
-      t(O || B[0].target.clientWidth || 620), f(ie || B[0].target.clientHeight || 480);
+    const i = new ResizeObserver((S) => {
+      t(N || S[0].target.clientWidth || 620), f(ie || S[0].target.clientHeight || 480);
     });
-    return we.current && (f(we.current.clientHeight || 480), t(we.current.clientWidth || 620), O || i.observe(we.current)), () => i.disconnect();
-  }, [O, ie]), Ve(() => {
+    return ve.current && (f(ve.current.clientHeight || 480), t(ve.current.clientWidth || 620), N || i.observe(ve.current)), () => i.disconnect();
+  }, [N, ie]), Ve(() => {
     const i = setInterval(
       () => {
-        Oe((B) => B < U.length - 1 ? B + 1 : 0);
+        Oe((S) => S < U.length - 1 ? S + 1 : 0);
       },
       (h.speed || 2) * 1e3
     );
     return Ce || clearInterval(i), () => clearInterval(i);
   }, [U, Ce, h.speed]);
-  const o = Pe(
+  const o = Be(
     U,
     fe,
     h.showOnlyActiveDate,
@@ -1591,14 +1577,14 @@ function yt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${D || "light"} flex  ${O ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${O || "light"} flex  ${N ? "w-fit grow-0" : "w-full grow"}`,
       dir: C === "he" || C === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
+          className: De(
             `${J ? J === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${C || "en"}`,
-            O ? "w-fit" : "w-full",
+            N ? "w-fit" : "w-full",
             H?.graphContainer
           ),
           style: {
@@ -1614,8 +1600,8 @@ function yt(pe) {
               className: "flex grow",
               style: { padding: J ? E || "1rem" : E || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 w-full grow justify-between", children: [
-                g || _ || p || x ? /* @__PURE__ */ e.jsx(
-                  Ke,
+                g || _ || y || x ? /* @__PURE__ */ e.jsx(
+                  Ue,
                   {
                     styles: {
                       title: M?.title,
@@ -1627,8 +1613,8 @@ function yt(pe) {
                     },
                     graphTitle: g,
                     graphDescription: _,
-                    width: O,
-                    graphDownload: p ? Ne.current : void 0,
+                    width: N,
+                    graphDownload: y ? Ne.current : void 0,
                     dataDownload: x ? n.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? n.map((i) => i.data).filter((i) => i !== void 0) : n.filter((i) => i !== void 0) : null
                   }
                 ) : null,
@@ -1642,11 +1628,11 @@ function yt(pe) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": Ce ? "Click to pause animation" : "Click to play animation",
-                      children: Ce ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      children: Ce ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    He,
+                    Fe,
                     {
                       min: U[0],
                       max: U[U.length - 1],
@@ -1664,63 +1650,63 @@ function yt(pe) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                   q ? /* @__PURE__ */ e.jsx(
-                    Qe,
+                    Je,
                     {
-                      width: O,
-                      colorDomain: he,
+                      width: N,
+                      colorDomain: de,
                       colors: Y,
                       colorLegendTitle: j,
                       setSelectedColor: be,
                       showNAColor: !1
                     }
                   ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (O || s) && (ie || r) ? /* @__PURE__ */ e.jsx(
-                    ft,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: ve, "aria-label": "Graph area", children: (N || s) && (ie || l) ? /* @__PURE__ */ e.jsx(
+                    xt,
                     {
-                      data: S !== void 0 ? S === "total" ? Le(
+                      data: I !== void 0 ? I === "total" ? Ie(
                         Te(
                           n,
                           h.dateFormat || "yyyy"
                         ).filter(
-                          (i) => h.enabled ? i.date === De(
+                          (i) => h.enabled ? i.date === $e(
                             new Date(U[fe]),
                             h.dateFormat || "yyyy"
                           ) : i
                         ).filter(
-                          (i) => u ? !i.size.every((B) => B == null) : i
+                          (i) => u ? !i.size.every((S) => S == null) : i
                         ),
-                        (i) => ke(i.size.filter((B) => !W(B))),
-                        [l || "asc"]
-                      ).filter((i, B) => b ? B < b : !0) : Le(
+                        (i) => ke(i.size.filter((S) => !X(S))),
+                        [a || "asc"]
+                      ).filter((i, S) => b ? S < b : !0) : Ie(
                         Te(
                           n,
                           h.dateFormat || "yyyy"
                         ).filter(
-                          (i) => h.enabled ? i.date === De(
+                          (i) => h.enabled ? i.date === $e(
                             new Date(U[fe]),
                             h.dateFormat || "yyyy"
                           ) : i
                         ).filter(
-                          (i) => u ? !i.size.every((B) => B == null) : i
+                          (i) => u ? !i.size.every((S) => S == null) : i
                         ),
-                        (i) => W(i.size[S]) ? -1 / 0 : i.size[S],
-                        [l || "asc"]
-                      ).filter((i, B) => b ? B < b : !0) : Te(
+                        (i) => X(i.size[I]) ? -1 / 0 : i.size[I],
+                        [a || "asc"]
+                      ).filter((i, S) => b ? S < b : !0) : Te(
                         n,
                         h.dateFormat || "yyyy"
                       ).filter(
-                        (i) => h.enabled ? i.date === De(
+                        (i) => h.enabled ? i.date === $e(
                           new Date(U[fe]),
                           h.dateFormat || "yyyy"
                         ) : i
-                      ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => b ? B < b : !0),
+                      ).filter((i) => u ? !i.size.every((S) => S == null) : i).filter((i, S) => b ? S < b : !0),
                       barColors: Y,
-                      width: O || s,
+                      width: N || s,
                       height: Math.max(
-                        N,
-                        ie || (te ? N ? (O || s) * te > N ? (O || s) * te : N : (O || s) * te : r)
+                        D,
+                        ie || (te ? D ? (N || s) * te > D ? (N || s) * te : D : (N || s) * te : l)
                       ),
                       barPadding: me,
                       showTicks: ue,
@@ -1728,51 +1714,51 @@ function yt(pe) {
                       rightMargin: Z,
                       topMargin: ee,
                       bottomMargin: v,
-                      truncateBy: X,
+                      truncateBy: G,
                       showLabels: K,
-                      tooltip: y,
-                      onSeriesMouseOver: F,
-                      showValues: re,
+                      tooltip: p,
+                      onSeriesMouseOver: B,
+                      showValues: se,
                       suffix: ae,
                       prefix: le,
                       refValues: R,
-                      maxValue: W(ne) ? Math.max(
+                      maxValue: X(ne) ? Math.max(
                         ...n.map(
-                          (i) => ke(i.size.filter((B) => !W(B))) || 0
+                          (i) => ke(i.size.filter((S) => !X(S))) || 0
                         )
                       ) : ne,
                       onSeriesMouseClick: $,
-                      selectedColor: de,
+                      selectedColor: he,
                       rtl: C === "he" || C === "ar",
                       labelOrder: z,
-                      maxBarThickness: I,
+                      maxBarThickness: A,
                       minBarThickness: w,
-                      resetSelectionOnDoubleClick: V,
+                      resetSelectionOnDoubleClick: F,
                       detailsOnClick: oe,
-                      barAxisTitle: G,
+                      barAxisTitle: W,
                       noOfTicks: P,
                       valueColor: Q,
                       classNames: H,
                       styles: M,
                       animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
-                      colorDomain: he,
+                      colorDomain: de,
                       precision: m,
                       customLayers: d,
                       naLabel: c
                     }
                   ) : null })
                 ] }) }),
-                A || se ? /* @__PURE__ */ e.jsx(
-                  Je,
+                V || re ? /* @__PURE__ */ e.jsx(
+                  qe,
                   {
                     styles: { footnote: M?.footnote, source: M?.source },
                     classNames: {
                       footnote: H?.footnote,
                       source: H?.source
                     },
-                    sources: A,
-                    footNote: se,
-                    width: O
+                    sources: V,
+                    footNote: re,
+                    width: N
                   }
                 ) : null
               ] })
@@ -1783,65 +1769,65 @@ function yt(pe) {
     }
   );
 }
-function pt(pe) {
+function pt(ye) {
   const {
     data: n,
     width: g,
     height: Y,
-    barColor: A,
+    barColor: V,
     suffix: _,
     prefix: me,
     barPadding: ue,
     showLabels: ge,
     showValues: Z,
-    showTicks: X,
+    showTicks: G,
     colorDomain: ie,
-    truncateBy: O,
-    rightMargin: se,
-    topMargin: he,
+    truncateBy: N,
+    rightMargin: re,
+    topMargin: de,
     bottomMargin: j,
     leftMargin: E,
     tooltip: J,
     onSeriesMouseOver: ee,
     refValues: v,
-    selectedColor: y,
-    maxValue: F,
+    selectedColor: p,
+    maxValue: B,
     minValue: ae,
     highlightedDataPoints: le,
     onSeriesMouseClick: K,
     labelOrder: te,
-    maxBarThickness: re,
+    maxBarThickness: se,
     minBarThickness: R,
     resetSelectionOnDoubleClick: xe,
     detailsOnClick: ne,
     barAxisTitle: $,
-    valueColor: p,
+    valueColor: y,
     noOfTicks: x,
     styles: C,
     classNames: z,
-    dimmedOpacity: N,
-    animate: D,
-    precision: I,
-    customLayers: S,
+    dimmedOpacity: D,
+    animate: O,
+    precision: A,
+    customLayers: I,
     naLabel: b
-  } = pe, w = Me(null), q = Re(w, {
-    once: D.once,
-    amount: D.amount
+  } = ye, w = Me(null), q = _e(w, {
+    once: O.once,
+    amount: O.amount
   }), T = {
-    top: he,
+    top: de,
     bottom: j,
     left: $ ? E + 30 : E,
-    right: se
-  }, [V, oe] = L(void 0), [G, P] = L(void 0), [Q, M] = L(void 0), [H, u] = L(void 0), k = g - T.left - T.right, m = Y - T.top - T.bottom, d = qe().domain([ae, F]).range([m, 0]).nice(), h = n.map((t, r) => ({
+    right: re
+  }, [F, oe] = L(void 0), [W, P] = L(void 0), [Q, M] = L(void 0), [H, u] = L(void 0), k = g - T.left - T.right, m = Y - T.top - T.bottom, d = Ee().domain([ae, B]).range([m, 0]).nice(), h = n.map((t, l) => ({
     ...t,
-    id: te ? `${t.label}` : `${r}`
-  })), c = te || h.map((t) => `${t.id}`), l = Ie().domain(c).range([
+    id: te ? `${t.label}` : `${l}`
+  })), c = te || h.map((t) => `${t.id}`), a = Le().domain(c).range([
     0,
-    R ? Math.max(k, R * c.length) : re ? Math.min(k, re * c.length) : k
+    R ? Math.max(k, R * c.length) : se ? Math.min(k, se * c.length) : k
   ]).paddingInner(ue), s = d.ticks(x);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
         ref: w,
         width: `${g}px`,
@@ -1850,7 +1836,7 @@ function pt(pe) {
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${T.left},${T.top})`, children: [
           /* @__PURE__ */ e.jsx(
-            Ee,
+            Ye,
             {
               y1: d(ae < 0 ? 0 : ae),
               y2: d(ae < 0 ? 0 : ae),
@@ -1859,14 +1845,14 @@ function pt(pe) {
               label: ze(
                 ae < 0 ? 0 : ae,
                 b,
-                I,
+                A,
                 me,
                 _
               ),
               labelPos: {
                 x: 0 - E,
                 dx: 0,
-                dy: F < 0 ? "1em" : -5,
+                dy: B < 0 ? "1em" : -5,
                 y: d(ae < 0 ? 0 : ae)
               },
               classNames: {
@@ -1876,8 +1862,8 @@ function pt(pe) {
               styles: { axis: C?.xAxis?.axis, label: C?.yAxis?.labels }
             }
           ),
-          X ? /* @__PURE__ */ e.jsx(
-            ht,
+          G ? /* @__PURE__ */ e.jsx(
+            dt,
             {
               values: s.filter((t) => t !== 0),
               y: s.filter((t) => t !== 0).map((t) => d(t)),
@@ -1896,11 +1882,11 @@ function pt(pe) {
               labelType: "secondary",
               showGridLines: !0,
               labelPos: "vertical",
-              precision: I
+              precision: A
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
               x: 0 - E - 15,
               y: m / 2,
@@ -1910,30 +1896,30 @@ function pt(pe) {
               rotate90: !0
             }
           ),
-          S.filter((t) => t.position === "before").map((t) => t.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          I.filter((t) => t.position === "before").map((t) => t.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             h.map(
-              (t, r) => W(l(t.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (t, l) => X(a(t.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   className: "undp-viz-g-with-hover",
                   initial: "initial",
                   animate: q ? "whileInView" : "initial",
                   variants: {
                     initial: {
-                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85
+                      opacity: p ? t.color && V[ie.indexOf(t.color)] === p ? 1 : D : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : D : 0.85
                     },
                     whileInView: {
-                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85,
-                      transition: { duration: D.duration }
+                      opacity: p ? t.color && V[ie.indexOf(t.color)] === p ? 1 : D : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : D : 0.85,
+                      transition: { duration: O.duration }
                     }
                   },
-                  exit: { opacity: 0, transition: { duration: D.duration } },
+                  exit: { opacity: 0, transition: { duration: O.duration } },
                   onMouseEnter: (f) => {
                     oe(t), u(f.clientY), M(f.clientX), ee?.(t);
                   },
                   onClick: () => {
-                    (K || ne) && (We(G, t) && xe ? (P(void 0), K?.(void 0)) : (P(t), K?.(t)));
+                    (K || ne) && (Pe(W, t) && xe ? (P(void 0), K?.(void 0)) : (P(t), K?.(t)));
                   },
                   onMouseMove: (f) => {
                     oe(t), u(f.clientY), M(f.clientX);
@@ -1943,83 +1929,83 @@ function pt(pe) {
                   },
                   children: [
                     t.size ? /* @__PURE__ */ e.jsx(
-                      ye.rect,
+                      pe.rect,
                       {
-                        width: l.bandwidth(),
+                        width: a.bandwidth(),
                         initial: "initial",
                         animate: q ? "whileInView" : "initial",
                         variants: {
                           initial: {
                             height: 0,
-                            x: l(`${t.id}`),
+                            x: a(`${t.id}`),
                             y: d(0),
-                            fill: n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray
+                            fill: n.filter((f) => f.color).length === 0 ? V[0] : t.color ? V[ie.indexOf(t.color)] : je.gray
                           },
                           whileInView: {
                             height: t.size ? Math.abs(d(t.size) - d(0)) : 0,
                             y: t.size && t.size > 0 ? d(t.size) : d(0),
-                            x: l(`${t.id}`),
-                            fill: n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray,
-                            transition: { duration: D.duration }
+                            x: a(`${t.id}`),
+                            fill: n.filter((f) => f.color).length === 0 ? V[0] : t.color ? V[ie.indexOf(t.color)] : je.gray,
+                            transition: { duration: O.duration }
                           }
                         },
                         exit: {
                           height: 0,
                           y: d(0),
-                          transition: { duration: D.duration }
+                          transition: { duration: O.duration }
                         }
                       }
                     ) : null,
                     ge ? /* @__PURE__ */ e.jsx(
-                      dt,
+                      ct,
                       {
-                        value: `${t.label}`.length < O ? `${t.label}` : `${`${t.label}`.substring(0, O)}...`,
+                        value: `${t.label}`.length < N ? `${t.label}` : `${`${t.label}`.substring(0, N)}...`,
                         y: (t.size || 0) < 0 ? 0 : d(0) + 5,
-                        x: l(`${t.id}`),
-                        width: l.bandwidth(),
+                        x: a(`${t.id}`),
+                        width: a.bandwidth(),
                         height: (t.size || 0) < 0 ? d(0) - 5 : T.bottom,
                         style: C?.xAxis?.labels,
                         className: z?.xAxis?.labels,
                         alignment: (t.size || 0) < 0 ? "bottom" : "top",
-                        animate: D,
+                        animate: O,
                         isInView: q
                       }
                     ) : null,
                     Z ? /* @__PURE__ */ e.jsx(
-                      ye.text,
+                      pe.text,
                       {
                         style: {
                           textAnchor: "middle",
                           ...C?.graphObjectValues || {}
                         },
-                        className: $e(
+                        className: De(
                           "graph-value text-sm",
-                          !p && A.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
+                          !y && V.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
                           z?.graphObjectValues
                         ),
                         dy: t.size ? t.size >= 0 ? "-5px" : "1em" : "-5px",
                         variants: {
                           initial: {
-                            x: l(`${t.id}`) + l.bandwidth() / 2,
+                            x: a(`${t.id}`) + a.bandwidth() / 2,
                             y: d(0),
                             opacity: 0,
-                            fill: p || (n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray)
+                            fill: y || (n.filter((f) => f.color).length === 0 ? V[0] : t.color ? V[ie.indexOf(t.color)] : je.gray)
                           },
                           whileInView: {
-                            x: l(`${t.id}`) + l.bandwidth() / 2,
+                            x: a(`${t.id}`) + a.bandwidth() / 2,
                             y: d(t.size || 0),
-                            fill: p || (n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray),
+                            fill: y || (n.filter((f) => f.color).length === 0 ? V[0] : t.color ? V[ie.indexOf(t.color)] : je.gray),
                             opacity: 1,
-                            transition: { duration: D.duration }
+                            transition: { duration: O.duration }
                           }
                         },
                         initial: "initial",
                         animate: q ? "whileInView" : "initial",
                         exit: {
                           opacity: 0,
-                          transition: { duration: D.duration }
+                          transition: { duration: O.duration }
                         },
-                        children: ze(t.size, b, I, me, _)
+                        children: ze(t.size, b, A, me, _)
                       }
                     ) : null
                   ]
@@ -2027,8 +2013,8 @@ function pt(pe) {
                 t.label
               )
             ),
-            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((t, r) => /* @__PURE__ */ e.jsx(
-              ct,
+            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((t, l) => /* @__PURE__ */ e.jsx(
+              nt,
               {
                 text: t.text,
                 color: t.color,
@@ -2037,20 +2023,20 @@ function pt(pe) {
                 x2: k + T.right,
                 classNames: t.classNames,
                 styles: t.styles,
-                animate: D,
+                animate: O,
                 isInView: q
               },
-              r
+              l
             )) }) : null
           ] }),
-          S.filter((t) => t.position === "after").map((t) => t.layer)
+          I.filter((t) => t.position === "after").map((t) => t.layer)
         ] })
       }
     ),
-    V && J && Q && H ? /* @__PURE__ */ e.jsx(
-      Xe,
+    F && J && Q && H ? /* @__PURE__ */ e.jsx(
+      We,
       {
-        data: V,
+        data: F,
         body: J,
         xPos: Q,
         yPos: H,
@@ -2058,10 +2044,10 @@ function pt(pe) {
         className: z?.tooltip
       }
     ) : null,
-    ne && G !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    ne && W !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
-        open: G !== void 0,
+        open: W !== void 0,
         onClose: () => {
           P(void 0);
         },
@@ -2069,61 +2055,61 @@ function pt(pe) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof ne == "string" ? { __html: Ye(ne, G) } : void 0,
-            children: typeof ne == "function" ? ne(G) : null
+            dangerouslySetInnerHTML: typeof ne == "string" ? { __html: Ge(ne, W) } : void 0,
+            children: typeof ne == "function" ? ne(W) : null
           }
         )
       }
     ) : null
   ] });
 }
-function bt(pe) {
+function yt(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y,
-    barPadding: A = 0.25,
+    barPadding: V = 0.25,
     showTicks: _ = !0,
     leftMargin: me = 20,
     rightMargin: ue = 20,
     topMargin: ge = 20,
     bottomMargin: Z = 25,
-    truncateBy: X = 999,
+    truncateBy: G = 999,
     showLabels: ie = !0,
-    showValues: O = !0,
-    backgroundColor: se = !1,
-    suffix: he = "",
+    showValues: N = !0,
+    backgroundColor: re = !1,
+    suffix: de = "",
     prefix: j = "",
     sources: E,
     graphDescription: J,
     height: ee,
     width: v,
-    footNote: y,
-    colorDomain: F,
+    footNote: p,
+    colorDomain: B,
     colorLegendTitle: ae,
     padding: le,
     relativeHeight: K,
     tooltip: te,
-    onSeriesMouseOver: re,
+    onSeriesMouseOver: se,
     refValues: R,
     showColorScale: xe = !0,
     graphID: ne,
     maxValue: $,
-    minValue: p,
+    minValue: y,
     highlightedDataPoints: x = [],
     onSeriesMouseClick: C,
     graphDownload: z = !1,
-    dataDownload: N = !1,
-    language: D = "en",
-    theme: I = "light",
-    sortData: S,
+    dataDownload: D = !1,
+    language: O = "en",
+    theme: A = "light",
+    sortData: I,
     labelOrder: b,
     showNAColor: w = !0,
     minHeight: q = 0,
     maxBarThickness: T,
-    maxNumberOfBars: V,
+    maxNumberOfBars: F,
     minBarThickness: oe,
-    ariaLabel: G,
+    ariaLabel: W,
     resetSelectionOnDoubleClick: P = !0,
     detailsOnClick: Q,
     barAxisTitle: M,
@@ -2134,33 +2120,32 @@ function bt(pe) {
     filterNA: d = !0,
     animate: h = !1,
     dimmedOpacity: c = 0.3,
-    precision: l = 2,
+    precision: a = 2,
     customLayers: s = [],
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
-    naLabel: r = "NA"
-  } = pe, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
-    Ae(
-      n.filter((a) => a.date !== void 0 && a.date !== null),
-      (a) => a.date
-    ).map((a) => Be(`${a.date}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (a, ve) => it(a, ve)
-  ), [be, we] = L(t.autoplay ? 0 : de.length - 1), [Ne, o] = L(void 0), i = Me(null), B = Me(null);
+    naLabel: l = "NA"
+  } = ye, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), he = et(
+    Ae(n, "date", !0).map(
+      (r) => Se(`${r}`, t.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (r, we) => tt(r, we)
+  ), [be, ve] = L(t.autoplay ? 0 : he.length - 1), [Ne, o] = L(void 0), i = Me(null), S = Me(null);
   Ve(() => {
-    const a = new ResizeObserver((ve) => {
-      Ce(v || ve[0].target.clientWidth || 620), U(ee || ve[0].target.clientHeight || 480);
+    const r = new ResizeObserver((we) => {
+      Ce(v || we[0].target.clientWidth || 620), U(ee || we[0].target.clientHeight || 480);
     });
-    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), v || a.observe(i.current)), () => a.disconnect();
+    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), v || r.observe(i.current)), () => r.disconnect();
   }, [v, ee]), Ve(() => {
-    const a = setInterval(
+    const r = setInterval(
       () => {
-        we((ve) => ve < de.length - 1 ? ve + 1 : 0);
+        ve((we) => we < he.length - 1 ? we + 1 : 0);
       },
       (t.speed || 2) * 1e3
     );
-    return fe || clearInterval(a), () => clearInterval(a);
-  }, [de, fe, t.speed]);
-  const at = Pe(
-    de,
+    return fe || clearInterval(r), () => clearInterval(r);
+  }, [he, fe, t.speed]);
+  const it = Be(
+    he,
     be,
     t.showOnlyActiveDate,
     t.dateFormat || "yyyy"
@@ -2168,31 +2153,31 @@ function bt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${I || "light"} flex  ${v ? "w-fit grow-0" : "w-full grow"}`,
-      dir: D === "he" || D === "ar" ? "rtl" : void 0,
+      className: `${A || "light"} flex  ${v ? "w-fit grow-0" : "w-full grow"}`,
+      dir: O === "he" || O === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
-            `${se ? se === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
+          className: De(
+            `${re ? re === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${O || "en"}`,
             v ? "w-fit" : "w-full",
             m?.graphContainer
           ),
           style: {
             ...k?.graphContainer || {},
-            ...se && se !== !0 ? { backgroundColor: se } : {}
+            ...re && re !== !0 ? { backgroundColor: re } : {}
           },
           id: ne,
-          ref: B,
-          "aria-label": G || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${J ? ` ${J}` : ""}`,
+          ref: S,
+          "aria-label": W || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${J ? ` ${J}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: se ? le || "1rem" : le || 0 },
+              style: { padding: re ? le || "1rem" : le || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                g || J || z || N ? /* @__PURE__ */ e.jsx(
-                  Ke,
+                g || J || z || D ? /* @__PURE__ */ e.jsx(
+                  Ue,
                   {
                     styles: {
                       title: k?.title,
@@ -2205,11 +2190,11 @@ function bt(pe) {
                     graphTitle: g,
                     graphDescription: J,
                     width: v,
-                    graphDownload: z ? B.current : void 0,
-                    dataDownload: N ? n.map((a) => a.data).filter((a) => a !== void 0).length > 0 ? n.map((a) => a.data).filter((a) => a !== void 0) : n.filter((a) => a !== void 0) : null
+                    graphDownload: z ? S.current : void 0,
+                    dataDownload: D ? n.map((r) => r.data).filter((r) => r !== void 0).length > 0 ? n.map((r) => r.data).filter((r) => r !== void 0) : n.filter((r) => r !== void 0) : null
                   }
                 ) : null,
-                t.enabled && de.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                t.enabled && he.length > 0 && it ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ e.jsx(
                     "button",
                     {
@@ -2219,39 +2204,36 @@ function bt(pe) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": fe ? "Click to pause animation" : "Click to play animation",
-                      children: fe ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      children: fe ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    He,
+                    Fe,
                     {
-                      min: de[0],
-                      max: de[de.length - 1],
-                      marks: at,
+                      min: he[0],
+                      max: he[he.length - 1],
+                      marks: it,
                       step: null,
-                      defaultValue: de[de.length - 1],
-                      value: de[be],
-                      onChangeComplete: (a) => {
-                        we(de.indexOf(a));
+                      defaultValue: he[he.length - 1],
+                      value: he[be],
+                      onChangeComplete: (r) => {
+                        ve(he.indexOf(r));
                       },
-                      onChange: (a) => {
-                        we(de.indexOf(a));
+                      onChange: (r) => {
+                        ve(he.indexOf(r));
                       },
                       "aria-label": "Time slider. Use arrow keys to adjust selected time period."
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  xe && n.filter((a) => a.color).length !== 0 ? /* @__PURE__ */ e.jsx(
-                    Qe,
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  xe && n.filter((r) => r.color).length !== 0 ? /* @__PURE__ */ e.jsx(
+                    Je,
                     {
                       width: v,
                       colorLegendTitle: ae,
-                      colors: Y || je[I].categoricalColors.colors,
-                      colorDomain: F || Ae(
-                        n.filter((a) => a.color),
-                        "color"
-                      ).map((a) => a.color),
+                      colors: Y || je[A].categoricalColors.colors,
+                      colorDomain: B || Ae(n, "color", !0),
                       setSelectedColor: o,
                       showNAColor: w
                     }
@@ -2265,63 +2247,55 @@ function bt(pe) {
                       children: (v || f) && (ee || ce) ? /* @__PURE__ */ e.jsx(
                         pt,
                         {
-                          data: S === "asc" ? rt(
-                            Se(n, t.dateFormat || "yyyy").filter(
-                              (a) => t.enabled ? a.date === De(
-                                new Date(de[be]),
+                          data: I ? Ie(
+                            lt(n, t.dateFormat || "yyyy").filter(
+                              (r) => t.enabled ? r.date === $e(
+                                new Date(he[be]),
                                 t.dateFormat || "yyyy"
-                              ) : a
-                            ).filter((a) => d ? !W(a.size) : a),
-                            (a) => a.size
-                          ).filter((a, ve) => V ? ve < V : !0) : S === "desc" ? rt(
-                            Se(n, t.dateFormat || "yyyy").filter(
-                              (a) => t.enabled ? a.date === De(
-                                new Date(de[be]),
-                                t.dateFormat || "yyyy"
-                              ) : a
-                            ).filter((a) => d ? !W(a.size) : a),
-                            (a) => a.size
-                          ).reverse().filter((a, ve) => V ? ve < V : !0) : Se(n, t.dateFormat || "yyyy").filter(
-                            (a) => t.enabled ? a.date === De(
-                              new Date(de[be]),
+                              ) : r
+                            ).filter((r) => d ? !X(r.size) : r),
+                            [
+                              (r) => r.size === void 0 ? I === "asc" ? -1 / 0 : 1 / 0 : r.size
+                            ],
+                            [I]
+                          ).filter((r, we) => F ? we < F : !0) : lt(n, t.dateFormat || "yyyy").filter(
+                            (r) => t.enabled ? r.date === $e(
+                              new Date(he[be]),
                               t.dateFormat || "yyyy"
-                            ) : a
-                          ).filter((a) => d ? !W(a.size) : a).filter((a, ve) => V ? ve < V : !0),
-                          barColor: n.filter((a) => a.color).length === 0 ? Y ? [Y] : [je.primaryColors["blue-600"]] : Y || je[I].categoricalColors.colors,
-                          colorDomain: n.filter((a) => a.color).length === 0 ? [] : F || Ae(
-                            n.filter((a) => a.color),
-                            "color"
-                          ).map((a) => a.color),
+                            ) : r
+                          ).filter((r) => d ? !X(r.size) : r).filter((r, we) => F ? we < F : !0),
+                          barColor: n.filter((r) => r.color).length === 0 ? Y ? [Y] : [je.primaryColors["blue-600"]] : Y || je[A].categoricalColors.colors,
+                          colorDomain: n.filter((r) => r.color).length === 0 ? [] : B || Ae(n, "color", !0),
                           width: v || f,
                           refValues: R,
                           height: Math.max(
                             q,
                             ee || (K ? q ? (v || f) * K > q ? (v || f) * K : q : (v || f) * K : ce)
                           ),
-                          suffix: he,
+                          suffix: de,
                           prefix: j,
-                          barPadding: A,
+                          barPadding: V,
                           showLabels: ie,
-                          showValues: O,
+                          showValues: N,
                           showTicks: _,
-                          truncateBy: X,
+                          truncateBy: G,
                           leftMargin: me,
                           rightMargin: ue,
                           selectedColor: Ne,
                           topMargin: ge,
                           bottomMargin: Z,
                           tooltip: te,
-                          onSeriesMouseOver: re,
-                          maxValue: W($) ? Math.max(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                          onSeriesMouseOver: se,
+                          maxValue: X($) ? Math.max(
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) < 0 ? 0 : Math.max(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) : $,
-                          minValue: W(p) ? Math.min(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
+                          minValue: X(y) ? Math.min(
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
                           ) >= 0 ? 0 : Math.min(
-                            ...n.filter((a) => !W(a.size)).map((a) => a.size)
-                          ) : p,
+                            ...n.filter((r) => !X(r.size)).map((r) => r.size)
+                          ) : y,
                           highlightedDataPoints: x,
                           onSeriesMouseClick: C,
                           labelOrder: b,
@@ -2336,16 +2310,16 @@ function bt(pe) {
                           classNames: m,
                           animate: h === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : h || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: c,
-                          precision: l,
+                          precision: a,
                           customLayers: s,
-                          naLabel: r
+                          naLabel: l
                         }
                       ) : null
                     }
                   )
                 ] }) }),
-                E || y ? /* @__PURE__ */ e.jsx(
-                  Je,
+                E || p ? /* @__PURE__ */ e.jsx(
+                  qe,
                   {
                     styles: { footnote: k?.footnote, source: k?.source },
                     classNames: {
@@ -2353,7 +2327,7 @@ function bt(pe) {
                       source: m?.source
                     },
                     sources: E,
-                    footNote: y,
+                    footNote: p,
                     width: v
                   }
                 ) : null
@@ -2365,110 +2339,110 @@ function bt(pe) {
     }
   );
 }
-function vt(pe) {
+function bt(ye) {
   const {
     data: n,
     width: g,
     height: Y,
-    barColors: A,
+    barColors: V,
     suffix: _,
     prefix: me,
     barPadding: ue,
     showLabels: ge,
     showValues: Z,
-    showTicks: X,
+    showTicks: G,
     truncateBy: ie,
-    leftMargin: O,
-    rightMargin: se,
-    topMargin: he,
+    leftMargin: N,
+    rightMargin: re,
+    topMargin: de,
     bottomMargin: j,
     tooltip: E,
     onSeriesMouseOver: J,
     refValues: ee,
     maxValue: v,
-    minValue: y,
-    onSeriesMouseClick: F,
+    minValue: p,
+    onSeriesMouseClick: B,
     selectedColor: ae,
     labelOrder: le,
     maxBarThickness: K,
     resetSelectionOnDoubleClick: te,
-    detailsOnClick: re,
+    detailsOnClick: se,
     barAxisTitle: R,
     valueColor: xe,
     noOfTicks: ne,
     styles: $,
-    classNames: p,
+    classNames: y,
     animate: x,
     colorDomain: C,
     precision: z,
-    customLayers: N,
-    naLabel: D
-  } = pe, I = Me(null), S = Re(I, {
+    customLayers: D,
+    naLabel: O
+  } = ye, A = Me(null), I = _e(A, {
     once: x.once,
     amount: x.amount
   }), b = {
-    top: he,
+    top: de,
     bottom: j,
-    left: R ? O + 30 : O,
-    right: se
-  }, [w, q] = L(void 0), [T, V] = L(void 0), [oe, G] = L(void 0), [P, Q] = L(void 0), M = g - b.left - b.right, H = Y - b.top - b.bottom, u = qe().domain([y, v]).range([H, 0]).nice(), k = n.map((l, s) => ({
-    ...l,
-    id: le ? `${l.label}` : `${s}`
-  })), m = le || k.map((l) => `${l.id}`), d = Ie().domain(m).range([
+    left: R ? N + 30 : N,
+    right: re
+  }, [w, q] = L(void 0), [T, F] = L(void 0), [oe, W] = L(void 0), [P, Q] = L(void 0), M = g - b.left - b.right, H = Y - b.top - b.bottom, u = Ee().domain([p, v]).range([H, 0]).nice(), k = n.map((a, s) => ({
+    ...a,
+    id: le ? `${a.label}` : `${s}`
+  })), m = le || k.map((a) => `${a.id}`), d = Le().domain(m).range([
     0,
     K ? Math.min(M, K * m.length) : M
-  ]).paddingInner(ue), h = Ie().domain(n[0].size.map((l, s) => `${s}`)).range([0, d.bandwidth()]).paddingInner(0.1), c = u.ticks(ne);
+  ]).paddingInner(ue), h = Le().domain(n[0].size.map((a, s) => `${s}`)).range([0, d.bandwidth()]).paddingInner(0.1), c = u.ticks(ne);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
         width: `${g}px`,
         height: `${Y}px`,
         viewBox: `0 0 ${g} ${Y}`,
         direction: "ltr",
-        ref: I,
+        ref: A,
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
           /* @__PURE__ */ e.jsx(
-            Ee,
+            Ye,
             {
-              y1: u(y < 0 ? 0 : y),
-              y2: u(y < 0 ? 0 : y),
-              x1: 0 - O,
+              y1: u(p < 0 ? 0 : p),
+              y2: u(p < 0 ? 0 : p),
+              x1: 0 - N,
               x2: M + b.right,
               label: ze(
-                y < 0 ? 0 : y,
-                D,
+                p < 0 ? 0 : p,
+                O,
                 z,
                 me,
                 _
               ),
               labelPos: {
-                x: 0 - O,
+                x: 0 - N,
                 dx: 0,
                 dy: v < 0 ? "1em" : -5,
-                y: u(y < 0 ? 0 : y)
+                y: u(p < 0 ? 0 : p)
               },
               classNames: {
-                axis: p?.xAxis?.axis,
-                label: p?.yAxis?.labels
+                axis: y?.xAxis?.axis,
+                label: y?.yAxis?.labels
               },
               styles: { axis: $?.xAxis?.axis, label: $?.yAxis?.labels }
             }
           ),
-          X ? /* @__PURE__ */ e.jsx(
-            ht,
+          G ? /* @__PURE__ */ e.jsx(
+            dt,
             {
-              values: c.filter((l) => l !== 0),
-              y: c.filter((l) => l !== 0).map((l) => u(l)),
-              x1: 0 - O,
+              values: c.filter((a) => a !== 0),
+              y: c.filter((a) => a !== 0).map((a) => u(a)),
+              x1: 0 - N,
               x2: M + b.right,
               styles: {
                 gridLines: $?.yAxis?.gridLines,
                 labels: $?.yAxis?.labels
               },
               classNames: {
-                gridLines: p?.yAxis?.gridLines,
-                labels: p?.yAxis?.labels
+                gridLines: y?.yAxis?.gridLines,
+                labels: y?.yAxis?.labels
               },
               suffix: _,
               prefix: me,
@@ -2479,57 +2453,57 @@ function vt(pe) {
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
-              x: 0 - O - 15,
+              x: 0 - N - 15,
               y: H / 2,
               style: $?.yAxis?.title,
-              className: p?.yAxis?.title,
+              className: y?.yAxis?.title,
               text: R,
               rotate90: !0
             }
           ),
-          N.filter((l) => l.position === "before").map((l) => l.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          D.filter((a) => a.position === "before").map((a) => a.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             k.map(
-              (l) => W(d(l.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (a) => X(d(a.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   variants: {
                     initial: {
-                      x: d(`${l.id}`),
+                      x: d(`${a.id}`),
                       y: 0
                     },
                     whileInView: {
-                      x: d(`${l.id}`),
+                      x: d(`${a.id}`),
                       y: 0,
                       transition: { duration: x.duration }
                     }
                   },
                   initial: "initial",
-                  animate: S ? "whileInView" : "initial",
+                  animate: I ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: x.duration } },
                   children: [
-                    l.size.map((s, t) => /* @__PURE__ */ e.jsxs(
-                      ye.g,
+                    a.size.map((s, t) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
                       {
                         className: "undp-viz-g-with-hover",
-                        opacity: ae ? A[t] === ae ? 1 : 0.3 : 0.85,
-                        onMouseEnter: (r) => {
-                          q({ ...l, sizeIndex: t }), Q(r.clientY), G(r.clientX), J?.({ ...l, sizeIndex: t });
+                        opacity: ae ? V[t] === ae ? 1 : 0.3 : 0.85,
+                        onMouseEnter: (l) => {
+                          q({ ...a, sizeIndex: t }), Q(l.clientY), W(l.clientX), J?.({ ...a, sizeIndex: t });
                         },
-                        onMouseMove: (r) => {
-                          q({ ...l, sizeIndex: t }), Q(r.clientY), G(r.clientX);
+                        onMouseMove: (l) => {
+                          q({ ...a, sizeIndex: t }), Q(l.clientY), W(l.clientX);
                         },
                         onMouseLeave: () => {
-                          q(void 0), G(void 0), Q(void 0), J?.(void 0);
+                          q(void 0), W(void 0), Q(void 0), J?.(void 0);
                         },
                         onClick: () => {
-                          (F || re) && (We(T, { ...l, sizeIndex: t }) && te ? (V(void 0), F?.(void 0)) : (V({ ...l, sizeIndex: t }), F && F({ ...l, sizeIndex: t })));
+                          (B || se) && (Pe(T, { ...a, sizeIndex: t }) && te ? (F(void 0), B?.(void 0)) : (F({ ...a, sizeIndex: t }), B && B({ ...a, sizeIndex: t })));
                         },
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            ye.rect,
+                            pe.rect,
                             {
                               x: h(`${t}`),
                               width: h.bandwidth(),
@@ -2537,12 +2511,12 @@ function vt(pe) {
                                 initial: {
                                   height: 0,
                                   y: u(0),
-                                  fill: A[t]
+                                  fill: V[t]
                                 },
                                 whileInView: {
-                                  height: W(s) ? 0 : Math.abs(u(s) - u(0)),
-                                  y: W(s) ? u(0) : s > 0 ? u(s) : u(0),
-                                  fill: A[t],
+                                  height: X(s) ? 0 : Math.abs(u(s) - u(0)),
+                                  y: X(s) ? u(0) : s > 0 ? u(s) : u(0),
+                                  fill: V[t],
                                   transition: { duration: x.duration }
                                 }
                               },
@@ -2552,19 +2526,19 @@ function vt(pe) {
                                 transition: { duration: x.duration }
                               },
                               initial: "initial",
-                              animate: S ? "whileInView" : "initial"
+                              animate: I ? "whileInView" : "initial"
                             }
                           ),
                           Z ? /* @__PURE__ */ e.jsx(
-                            ye.text,
+                            pe.text,
                             {
                               x: h(`${t}`) + h.bandwidth() / 2,
                               style: {
-                                fill: xe || A[t],
+                                fill: xe || V[t],
                                 textAnchor: "middle",
                                 ...$?.graphObjectValues || {}
                               },
-                              className: $e("graph-value text-sm", p?.graphObjectValues),
+                              className: De("graph-value text-sm", y?.graphObjectValues),
                               dy: s ? s >= 0 ? "-5px" : "1em" : "-5px",
                               variants: {
                                 initial: { y: u(0), opacity: 0 },
@@ -2575,135 +2549,135 @@ function vt(pe) {
                                 }
                               },
                               initial: "initial",
-                              animate: S ? "whileInView" : "initial",
+                              animate: I ? "whileInView" : "initial",
                               exit: {
                                 opacity: 0,
                                 transition: { duration: x.duration }
                               },
-                              children: ze(s, D, z, me, _)
+                              children: ze(s, O, z, me, _)
                             }
                           ) : null
                         ]
                       },
-                      `${l.label}-${C[t] || t}`
+                      `${a.label}-${C[t] || t}`
                     )),
                     ge ? /* @__PURE__ */ e.jsx(
-                      dt,
+                      ct,
                       {
-                        value: `${l.label}`.length < ie ? `${l.label}` : `${`${l.label}`.substring(0, ie)}...`,
+                        value: `${a.label}`.length < ie ? `${a.label}` : `${`${a.label}`.substring(0, ie)}...`,
                         y: u(0) + 5,
                         x: 0,
                         width: d.bandwidth(),
                         height: b.bottom,
                         style: $?.xAxis?.labels,
-                        className: p?.xAxis?.labels,
+                        className: y?.xAxis?.labels,
                         alignment: "top",
                         animate: x,
-                        isInView: S
+                        isInView: I
                       }
                     ) : null
                   ]
                 },
-                l.label
+                a.label
               )
             ),
-            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((l, s) => /* @__PURE__ */ e.jsx(
-              ct,
+            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((a, s) => /* @__PURE__ */ e.jsx(
+              nt,
               {
-                text: l.text,
-                color: l.color,
-                y: u(l.value),
-                x1: 0 - O,
+                text: a.text,
+                color: a.color,
+                y: u(a.value),
+                x1: 0 - N,
                 x2: M + b.right,
-                classNames: l.classNames,
-                styles: l.styles,
+                classNames: a.classNames,
+                styles: a.styles,
                 animate: x,
-                isInView: S
+                isInView: I
               },
               s
             )) }) : null
           ] }),
-          N.filter((l) => l.position === "after").map((l) => l.layer)
+          D.filter((a) => a.position === "after").map((a) => a.layer)
         ] })
       }
     ),
     w && E && oe && P ? /* @__PURE__ */ e.jsx(
-      Xe,
+      We,
       {
         data: w,
         body: E,
         xPos: oe,
         yPos: P,
         backgroundStyle: $?.tooltip,
-        className: p?.tooltip
+        className: y?.tooltip
       }
     ) : null,
-    re && T !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    se && T !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
         open: T !== void 0,
         onClose: () => {
-          V(void 0);
+          F(void 0);
         },
         children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof re == "string" ? { __html: Ye(re, T) } : void 0,
-            children: typeof re == "function" ? re(T) : null
+            dangerouslySetInnerHTML: typeof se == "string" ? { __html: Ge(se, T) } : void 0,
+            children: typeof se == "function" ? se(T) : null
           }
         )
       }
     ) : null
   ] });
 }
-function wt(pe) {
+function vt(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y = je.light.categoricalColors.colors,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 20,
     rightMargin: Z = 20,
-    topMargin: X = 20,
+    topMargin: G = 20,
     bottomMargin: ie = 25,
-    truncateBy: O = 999,
-    showLabels: se = !0,
-    showValues: he = !0,
+    truncateBy: N = 999,
+    showLabels: re = !0,
+    showValues: de = !0,
     backgroundColor: j = !1,
     suffix: E = "",
     prefix: J = "",
     height: ee,
     width: v,
-    footNote: y,
-    colorDomain: F,
+    footNote: p,
+    colorDomain: B,
     colorLegendTitle: ae,
     padding: le,
     relativeHeight: K,
     tooltip: te,
-    onSeriesMouseOver: re,
+    onSeriesMouseOver: se,
     refValues: R,
     graphID: xe,
     maxValue: ne,
     minValue: $,
-    onSeriesMouseClick: p,
+    onSeriesMouseClick: y,
     graphDownload: x = !1,
     dataDownload: C = !1,
     language: z = "en",
-    theme: N = "light",
-    labelOrder: D,
-    minHeight: I = 0,
-    maxBarThickness: S,
+    theme: D = "light",
+    labelOrder: O,
+    minHeight: A = 0,
+    maxBarThickness: I,
     ariaLabel: b,
     resetSelectionOnDoubleClick: w = !0,
     detailsOnClick: q,
     barAxisTitle: T,
-    noOfTicks: V = 5,
+    noOfTicks: F = 5,
     valueColor: oe,
-    styles: G,
+    styles: W,
     classNames: P,
     filterNA: Q = !0,
     showColorScale: M = !0,
@@ -2714,18 +2688,17 @@ function wt(pe) {
     naLabel: d = "NA",
     sortParameter: h,
     sortData: c
-  } = pe, [l, s] = L(0), [t, r] = L(0), [f, Ce] = L(m.autoplay), ce = Fe(
-    Ae(
-      n.filter((o) => o.date !== void 0 && o.date !== null),
-      (o) => o.date
-    ).map((o) => Be(`${o.date}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (o, i) => it(o, i)
-  ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, de] = L(void 0), be = Me(null), we = Me(null);
+  } = ye, [a, s] = L(0), [t, l] = L(0), [f, Ce] = L(m.autoplay), ce = et(
+    Ae(n, "date", !0).map(
+      (o) => Se(`${o}`, m.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (o, i) => tt(o, i)
+  ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, he] = L(void 0), be = Me(null), ve = Me(null);
   Ve(() => {
     const o = new ResizeObserver((i) => {
-      s(v || i[0].target.clientWidth || 620), r(ee || i[0].target.clientHeight || 480);
+      s(v || i[0].target.clientWidth || 620), l(ee || i[0].target.clientHeight || 480);
     });
-    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), v || o.observe(be.current)), () => o.disconnect();
+    return be.current && (l(be.current.clientHeight || 480), s(be.current.clientWidth || 620), v || o.observe(be.current)), () => o.disconnect();
   }, [v, ee]), Ve(() => {
     const o = setInterval(
       () => {
@@ -2735,7 +2708,7 @@ function wt(pe) {
     );
     return f || clearInterval(o), () => clearInterval(o);
   }, [ce, f, m.speed]);
-  const Ne = Pe(
+  const Ne = Be(
     ce,
     U,
     m.showOnlyActiveDate,
@@ -2744,22 +2717,22 @@ function wt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${N || "light"} flex  ${v ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${D || "light"} flex  ${v ? "w-fit grow-0" : "w-full grow"}`,
       dir: z === "he" || z === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
+          className: De(
             `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${z || "en"}`,
             v ? "w-fit" : "w-full",
             P?.graphContainer
           ),
           style: {
-            ...G?.graphContainer || {},
+            ...W?.graphContainer || {},
             ...j && j !== !0 ? { backgroundColor: j } : {}
           },
           id: xe,
-          ref: we,
+          ref: ve,
           "aria-label": b || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
@@ -2768,11 +2741,11 @@ function wt(pe) {
               style: { padding: j ? le || "1rem" : le || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 g || _ || x || C ? /* @__PURE__ */ e.jsx(
-                  Ke,
+                  Ue,
                   {
                     styles: {
-                      title: G?.title,
-                      description: G?.description
+                      title: W?.title,
+                      description: W?.description
                     },
                     classNames: {
                       title: P?.title,
@@ -2781,7 +2754,7 @@ function wt(pe) {
                     graphTitle: g,
                     graphDescription: _,
                     width: v,
-                    graphDownload: x ? we.current : void 0,
+                    graphDownload: x ? ve.current : void 0,
                     dataDownload: C ? n.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? n.map((o) => o.data).filter((o) => o !== void 0) : n.filter((o) => o !== void 0) : null
                   }
                 ) : null,
@@ -2795,11 +2768,11 @@ function wt(pe) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": f ? "Click to pause animation" : "Click to play animation",
-                      children: f ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      children: f ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    He,
+                    Fe,
                     {
                       min: ce[0],
                       max: ce[ce.length - 1],
@@ -2817,78 +2790,78 @@ function wt(pe) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                   M ? /* @__PURE__ */ e.jsx(
-                    Qe,
+                    Je,
                     {
                       width: v,
-                      colorDomain: F,
+                      colorDomain: B,
                       colors: Y,
                       colorLegendTitle: ae,
-                      setSelectedColor: de,
+                      setSelectedColor: he,
                       showNAColor: !1
                     }
                   ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (v || l) && (ee || t) ? /* @__PURE__ */ e.jsx(
-                    vt,
+                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (v || a) && (ee || t) ? /* @__PURE__ */ e.jsx(
+                    bt,
                     {
-                      data: h !== void 0 ? h === "total" ? Le(
+                      data: h !== void 0 ? h === "total" ? Ie(
                         Te(
                           n,
                           m.dateFormat || "yyyy"
                         ).filter(
-                          (o) => m.enabled ? o.date === De(
+                          (o) => m.enabled ? o.date === $e(
                             new Date(ce[U]),
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
                           (o) => Q ? !o.size.every((i) => i == null) : o
                         ),
-                        (o) => ke(o.size.filter((i) => !W(i))),
+                        (o) => ke(o.size.filter((i) => !X(i))),
                         [c || "asc"]
-                      ) : Le(
+                      ) : Ie(
                         Te(
                           n,
                           m.dateFormat || "yyyy"
                         ).filter(
-                          (o) => m.enabled ? o.date === De(
+                          (o) => m.enabled ? o.date === $e(
                             new Date(ce[U]),
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
                           (o) => Q ? !o.size.every((i) => i == null) : o
                         ),
-                        (o) => W(o.size[h]) ? -1 / 0 : o.size[h],
+                        (o) => X(o.size[h]) ? -1 / 0 : o.size[h],
                         [c || "asc"]
                       ) : Te(
                         n,
                         m.dateFormat || "yyyy"
                       ).filter((o) => Q ? !o.size.every((i) => i == null) : o),
                       barColors: Y,
-                      width: v || l,
+                      width: v || a,
                       height: Math.max(
-                        I,
-                        ee || (K ? I ? (v || l) * K > I ? (v || l) * K : I : (v || l) * K : t)
+                        A,
+                        ee || (K ? A ? (v || a) * K > A ? (v || a) * K : A : (v || a) * K : t)
                       ),
                       suffix: E,
                       prefix: J,
                       barPadding: me,
-                      showLabels: se,
-                      showValues: he,
+                      showLabels: re,
+                      showValues: de,
                       showTicks: ue,
-                      truncateBy: O,
+                      truncateBy: N,
                       leftMargin: ge,
                       rightMargin: Z,
-                      topMargin: X,
+                      topMargin: G,
                       bottomMargin: ie,
                       tooltip: te,
-                      onSeriesMouseOver: re,
+                      onSeriesMouseOver: se,
                       refValues: R,
-                      maxValue: W(ne) ? Math.max(
+                      maxValue: X(ne) ? Math.max(
                         ...n.map(
                           (o) => Math.max(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
@@ -2896,16 +2869,16 @@ function wt(pe) {
                         ...n.map(
                           (o) => Math.max(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
                       ) : ne,
-                      minValue: W($) ? Math.min(
+                      minValue: X($) ? Math.min(
                         ...n.map(
                           (o) => Math.min(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
@@ -2913,40 +2886,40 @@ function wt(pe) {
                         ...n.map(
                           (o) => Math.min(
                             ...o.size.filter(
-                              (i) => !W(i)
+                              (i) => !X(i)
                             )
                           )
                         )
                       ) : $,
-                      onSeriesMouseClick: p,
+                      onSeriesMouseClick: y,
                       selectedColor: Oe,
-                      labelOrder: D,
-                      maxBarThickness: S,
+                      labelOrder: O,
+                      maxBarThickness: I,
                       resetSelectionOnDoubleClick: w,
                       detailsOnClick: q,
                       barAxisTitle: T,
-                      noOfTicks: V,
+                      noOfTicks: F,
                       valueColor: oe,
-                      styles: G,
+                      styles: W,
                       classNames: P,
                       animate: H === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : H || { duration: 0, once: !0, amount: 0 },
-                      colorDomain: F,
+                      colorDomain: B,
                       precision: u,
                       customLayers: k,
                       naLabel: d
                     }
                   ) : null })
                 ] }) }),
-                A || y ? /* @__PURE__ */ e.jsx(
-                  Je,
+                V || p ? /* @__PURE__ */ e.jsx(
+                  qe,
                   {
-                    styles: { footnote: G?.footnote, source: G?.source },
+                    styles: { footnote: W?.footnote, source: W?.source },
                     classNames: {
                       footnote: P?.footnote,
                       source: P?.source
                     },
-                    sources: A,
-                    footNote: y,
+                    sources: V,
+                    footNote: p,
                     width: v
                   }
                 ) : null
@@ -2958,77 +2931,77 @@ function wt(pe) {
     }
   );
 }
-function Ct(pe) {
+function wt(ye) {
   const {
     data: n,
     width: g,
     height: Y,
-    barColors: A,
+    barColors: V,
     barPadding: _,
     showLabels: me,
     showTicks: ue,
     truncateBy: ge,
     leftMargin: Z,
-    topMargin: X,
+    topMargin: G,
     bottomMargin: ie,
-    rightMargin: O,
-    tooltip: se,
-    onSeriesMouseOver: he,
+    rightMargin: N,
+    tooltip: re,
+    onSeriesMouseOver: de,
     suffix: j,
     prefix: E,
     showValues: J,
     refValues: ee,
     maxValue: v,
-    onSeriesMouseClick: y,
-    selectedColor: F,
+    onSeriesMouseClick: p,
+    selectedColor: B,
     labelOrder: ae,
     maxBarThickness: le,
     minBarThickness: K,
     resetSelectionOnDoubleClick: te,
-    detailsOnClick: re,
+    detailsOnClick: se,
     barAxisTitle: R,
     valueColor: xe,
     noOfTicks: ne,
     styles: $,
-    classNames: p,
+    classNames: y,
     animate: x,
     colorDomain: C,
     precision: z,
-    customLayers: N,
-    naLabel: D
-  } = pe, I = Me(null), S = Re(I, {
+    customLayers: D,
+    naLabel: O
+  } = ye, A = Me(null), I = _e(A, {
     once: x.once,
     amount: x.amount
   }), b = {
-    top: X,
+    top: G,
     bottom: ie,
     left: R ? Z + 30 : Z,
-    right: O
-  }, [w, q] = L(void 0), [T, V] = L(void 0), [oe, G] = L(void 0), [P, Q] = L(void 0), M = g - b.left - b.right, H = Y - b.top - b.bottom, u = qe().domain([0, v]).range([H, 0]).nice(), k = n.map((c, l) => ({
+    right: N
+  }, [w, q] = L(void 0), [T, F] = L(void 0), [oe, W] = L(void 0), [P, Q] = L(void 0), M = g - b.left - b.right, H = Y - b.top - b.bottom, u = Ee().domain([0, v]).range([H, 0]).nice(), k = n.map((c, a) => ({
     ...c,
-    id: ae ? `${c.label}` : `${l}`
-  })), m = ae || k.map((c) => `${c.id}`), d = Ie().domain(m).range([
+    id: ae ? `${c.label}` : `${a}`
+  })), m = ae || k.map((c) => `${c.id}`), d = Le().domain(m).range([
     0,
     K ? Math.max(M, K * m.length) : le ? Math.min(M, le * m.length) : M
   ]).paddingInner(_), h = u.ticks(ne);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye.svg,
+      pe.svg,
       {
         width: `${g}px`,
         height: `${Y}px`,
         viewBox: `0 0 ${g} ${Y}`,
         direction: "ltr",
-        ref: I,
+        ref: A,
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
           /* @__PURE__ */ e.jsx(
-            Ee,
+            Ye,
             {
               y1: u(0),
               y2: u(0),
               x1: 0 - Z,
               x2: M + b.right,
-              label: ze(0, D, z, E, j),
+              label: ze(0, O, z, E, j),
               labelPos: {
                 x: 0 - Z,
                 y: u(0),
@@ -3036,14 +3009,14 @@ function Ct(pe) {
                 dy: -5
               },
               classNames: {
-                axis: p?.xAxis?.axis,
-                label: p?.yAxis?.labels
+                axis: y?.xAxis?.axis,
+                label: y?.yAxis?.labels
               },
               styles: { axis: $?.xAxis?.axis, label: $?.yAxis?.labels }
             }
           ),
           ue ? /* @__PURE__ */ e.jsx(
-            ht,
+            dt,
             {
               values: h.filter((c) => c !== 0),
               y: h.filter((c) => c !== 0).map((c) => u(c)),
@@ -3054,8 +3027,8 @@ function Ct(pe) {
                 labels: $?.yAxis?.labels
               },
               classNames: {
-                gridLines: p?.yAxis?.gridLines,
-                labels: p?.yAxis?.labels
+                gridLines: y?.yAxis?.gridLines,
+                labels: y?.yAxis?.labels
               },
               suffix: j,
               prefix: E,
@@ -3066,21 +3039,21 @@ function Ct(pe) {
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
-            _e,
+            Xe,
             {
               x: 0 - Z - 15,
               y: H / 2,
               style: $?.yAxis?.title,
-              className: p?.yAxis?.title,
+              className: y?.yAxis?.title,
               text: R,
               rotate90: !0
             }
           ),
-          N.filter((c) => c.position === "before").map((c) => c.layer),
-          /* @__PURE__ */ e.jsxs(Ue, { children: [
+          D.filter((c) => c.position === "before").map((c) => c.layer),
+          /* @__PURE__ */ e.jsxs(Re, { children: [
             k.map(
-              (c) => W(d(c.id)) ? null : /* @__PURE__ */ e.jsxs(
-                ye.g,
+              (c) => X(d(c.id)) ? null : /* @__PURE__ */ e.jsxs(
+                pe.g,
                 {
                   className: "undp-viz-low-opacity undp-viz-g-with-hover",
                   variants: {
@@ -3093,48 +3066,48 @@ function Ct(pe) {
                   },
                   transition: { duration: x.duration },
                   initial: "initial",
-                  animate: S ? "whileInView" : "initial",
+                  animate: I ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: x.duration } },
                   children: [
-                    c.size.map((l, s) => /* @__PURE__ */ e.jsxs(
-                      ye.g,
+                    c.size.map((a, s) => /* @__PURE__ */ e.jsxs(
+                      pe.g,
                       {
-                        opacity: F ? A[s] === F ? 1 : 0.3 : 1,
+                        opacity: B ? V[s] === B ? 1 : 0.3 : 1,
                         onMouseEnter: (t) => {
-                          q({ ...c, sizeIndex: s }), Q(t.clientY), G(t.clientX), he?.({ ...c, sizeIndex: s });
+                          q({ ...c, sizeIndex: s }), Q(t.clientY), W(t.clientX), de?.({ ...c, sizeIndex: s });
                         },
                         onMouseMove: (t) => {
-                          q({ ...c, sizeIndex: s }), Q(t.clientY), G(t.clientX);
+                          q({ ...c, sizeIndex: s }), Q(t.clientY), W(t.clientX);
                         },
                         onMouseLeave: () => {
-                          q(void 0), G(void 0), Q(void 0), he?.(void 0);
+                          q(void 0), W(void 0), Q(void 0), de?.(void 0);
                         },
                         onClick: () => {
-                          (y || re) && (We(T, { ...c, sizeIndex: s }) && te ? (V(void 0), y?.(void 0)) : (V({ ...c, sizeIndex: s }), y && y({ ...c, sizeIndex: s })));
+                          (p || se) && (Pe(T, { ...c, sizeIndex: s }) && te ? (F(void 0), p?.(void 0)) : (F({ ...c, sizeIndex: s }), p && p({ ...c, sizeIndex: s })));
                         },
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            ye.rect,
+                            pe.rect,
                             {
                               x: 0,
                               width: d.bandwidth(),
                               variants: {
                                 initial: {
                                   height: 0,
-                                  fill: A[s],
+                                  fill: V[s],
                                   y: u(0)
                                 },
                                 whileInView: {
                                   height: Math.abs(
-                                    u(ke(c.size.filter((t, r) => r <= s && t))) - u(ke(c.size.filter((t, r) => r < s && t)))
+                                    u(ke(c.size.filter((t, l) => l <= s && t))) - u(ke(c.size.filter((t, l) => l < s && t)))
                                   ),
-                                  y: u(ke(c.size.filter((t, r) => r <= s && t))),
-                                  fill: A[s],
+                                  y: u(ke(c.size.filter((t, l) => l <= s && t))),
+                                  fill: V[s],
                                   transition: { duration: x.duration }
                                 }
                               },
                               initial: "initial",
-                              animate: S ? "whileInView" : "initial",
+                              animate: I ? "whileInView" : "initial",
                               exit: {
                                 height: 0,
                                 y: u(0),
@@ -3143,37 +3116,37 @@ function Ct(pe) {
                             }
                           ),
                           J ? /* @__PURE__ */ e.jsx(
-                            ye.text,
+                            pe.text,
                             {
                               x: d.bandwidth() / 2,
                               style: {
-                                fill: lt(A[s]),
+                                fill: at(V[s]),
                                 textAnchor: "middle",
                                 ...$?.graphObjectValues || {}
                               },
-                              className: $e("graph-value text-sm", p?.graphObjectValues),
+                              className: De("graph-value text-sm", y?.graphObjectValues),
                               dy: "0.33em",
                               variants: {
                                 initial: {
                                   y: u(0),
                                   opacity: 0,
-                                  fill: lt(A[s])
+                                  fill: at(V[s])
                                 },
                                 whileInView: {
-                                  y: u(ke(c.size.filter((t, r) => r <= s && t))) + Math.abs(
-                                    u(ke(c.size.filter((t, r) => r <= s && t))) - u(ke(c.size.filter((t, r) => r < s && t)))
+                                  y: u(ke(c.size.filter((t, l) => l <= s && t))) + Math.abs(
+                                    u(ke(c.size.filter((t, l) => l <= s && t))) - u(ke(c.size.filter((t, l) => l < s && t)))
                                   ) / 2,
-                                  opacity: l && Math.abs(
-                                    u(ke(c.size.filter((t, r) => r <= s && t))) - u(ke(c.size.filter((t, r) => r < s && t)))
+                                  opacity: a && Math.abs(
+                                    u(ke(c.size.filter((t, l) => l <= s && t))) - u(ke(c.size.filter((t, l) => l < s && t)))
                                   ) > 20 ? 1 : 0,
-                                  fill: lt(A[s]),
+                                  fill: at(V[s]),
                                   transition: { duration: x.duration }
                                 }
                               },
                               initial: "initial",
-                              animate: S ? "whileInView" : "initial",
+                              animate: I ? "whileInView" : "initial",
                               exit: { opacity: 0, transition: { duration: x.duration } },
-                              children: ze(l, D, z, E, j)
+                              children: ze(a, O, z, E, j)
                             }
                           ) : null
                         ]
@@ -3181,7 +3154,7 @@ function Ct(pe) {
                       `${c.label}-${C[s] || s}`
                     )),
                     me ? /* @__PURE__ */ e.jsx(
-                      dt,
+                      ct,
                       {
                         value: `${c.label}`.length < ge ? `${c.label}` : `${`${c.label}`.substring(0, ge)}...`,
                         y: u(0) + 5,
@@ -3189,14 +3162,14 @@ function Ct(pe) {
                         width: d.bandwidth(),
                         height: b.bottom,
                         style: $?.xAxis?.labels,
-                        className: p?.xAxis?.labels,
+                        className: y?.xAxis?.labels,
                         alignment: "top",
                         animate: x,
-                        isInView: S
+                        isInView: I
                       }
                     ) : null,
                     J ? /* @__PURE__ */ e.jsx(
-                      ye.text,
+                      pe.text,
                       {
                         style: {
                           ...xe && { fill: xe },
@@ -3205,10 +3178,10 @@ function Ct(pe) {
                         },
                         x: d.bandwidth() / 2,
                         dy: -10,
-                        className: $e(
+                        className: De(
                           "graph-value graph-value-total",
                           xe ? "text-sm" : "fill-primary-gray-700 dark:fill-primary-gray-300 text-sm",
-                          p?.graphObjectValues
+                          y?.graphObjectValues
                         ),
                         variants: {
                           initial: {
@@ -3216,7 +3189,7 @@ function Ct(pe) {
                             opacity: 0
                           },
                           whileInView: {
-                            y: u(ke(c.size.map((l) => l || 0))),
+                            y: u(ke(c.size.map((a) => a || 0))),
                             opacity: 1,
                             transition: { duration: x.duration }
                           }
@@ -3226,10 +3199,10 @@ function Ct(pe) {
                           transition: { duration: x.duration }
                         },
                         initial: "initial",
-                        animate: S ? "whileInView" : "initial",
+                        animate: I ? "whileInView" : "initial",
                         children: ze(
-                          ke(c.size.filter((l) => l)),
-                          D,
+                          ke(c.size.filter((a) => a)),
+                          O,
                           z,
                           E,
                           j
@@ -3241,8 +3214,8 @@ function Ct(pe) {
                 c.label
               )
             ),
-            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((c, l) => /* @__PURE__ */ e.jsx(
-              ct,
+            ee ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ee.map((c, a) => /* @__PURE__ */ e.jsx(
+              nt,
               {
                 text: c.text,
                 color: c.color,
@@ -3252,92 +3225,92 @@ function Ct(pe) {
                 classNames: c.classNames,
                 styles: c.styles,
                 animate: x,
-                isInView: S
+                isInView: I
               },
-              l
+              a
             )) }) : null
           ] }),
-          N.filter((c) => c.position === "after").map((c) => c.layer)
+          D.filter((c) => c.position === "after").map((c) => c.layer)
         ] })
       }
     ),
-    w && se && oe && P ? /* @__PURE__ */ e.jsx(
-      Xe,
+    w && re && oe && P ? /* @__PURE__ */ e.jsx(
+      We,
       {
         data: w,
-        body: se,
+        body: re,
         xPos: oe,
         yPos: P,
         backgroundStyle: $?.tooltip,
-        className: p?.tooltip
+        className: y?.tooltip
       }
     ) : null,
-    re && T !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ge,
+    se && T !== void 0 ? /* @__PURE__ */ e.jsx(
+      He,
       {
         open: T !== void 0,
         onClose: () => {
-          V(void 0);
+          F(void 0);
         },
         children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof re == "string" ? { __html: Ye(re, T) } : void 0,
-            children: typeof re == "function" ? re(T) : null
+            dangerouslySetInnerHTML: typeof se == "string" ? { __html: Ge(se, T) } : void 0,
+            children: typeof se == "function" ? se(T) : null
           }
         )
       }
     ) : null
   ] });
 }
-function kt(pe) {
+function Ct(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y = je.light.categoricalColors.colors,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 20,
     rightMargin: Z = 20,
-    topMargin: X = 20,
+    topMargin: G = 20,
     bottomMargin: ie = 25,
-    truncateBy: O = 999,
-    showLabels: se = !0,
-    showValues: he = !0,
+    truncateBy: N = 999,
+    showLabels: re = !0,
+    showValues: de = !0,
     backgroundColor: j = !1,
     showColorScale: E = !0,
     suffix: J = "",
     prefix: ee = "",
     height: v,
-    width: y,
-    footNote: F,
+    width: p,
+    footNote: B,
     colorDomain: ae,
     colorLegendTitle: le,
     padding: K,
     tooltip: te,
-    onSeriesMouseOver: re,
+    onSeriesMouseOver: se,
     relativeHeight: R,
     refValues: xe,
     graphID: ne,
     maxValue: $,
-    onSeriesMouseClick: p,
+    onSeriesMouseClick: y,
     graphDownload: x = !1,
     dataDownload: C = !1,
     language: z = "en",
-    theme: N = "light",
-    labelOrder: D,
-    minHeight: I = 0,
-    maxBarThickness: S,
+    theme: D = "light",
+    labelOrder: O,
+    minHeight: A = 0,
+    maxBarThickness: I,
     sortParameter: b,
     maxNumberOfBars: w,
     minBarThickness: q,
     ariaLabel: T,
-    resetSelectionOnDoubleClick: V = !0,
+    resetSelectionOnDoubleClick: F = !0,
     detailsOnClick: oe,
-    barAxisTitle: G,
+    barAxisTitle: W,
     noOfTicks: P = 5,
     valueColor: Q,
     styles: M,
@@ -3348,29 +3321,28 @@ function kt(pe) {
     customLayers: d = [],
     timeline: h = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     naLabel: c = "NA",
-    sortData: l
-  } = pe, [s, t] = L(0), [r, f] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
-    Ae(
-      n.filter((i) => i.date !== void 0 && i.date !== null),
-      (i) => i.date
-    ).map((i) => Be(`${i.date}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
-    (i, B) => it(i, B)
-  ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [de, be] = L(void 0), we = Me(null), Ne = Me(null);
+    sortData: a
+  } = ye, [s, t] = L(0), [l, f] = L(0), [Ce, ce] = L(h.autoplay), U = et(
+    Ae(n, "date", !0).map(
+      (i) => Se(`${i}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
+    ),
+    (i, S) => tt(i, S)
+  ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [he, be] = L(void 0), ve = Me(null), Ne = Me(null);
   Ve(() => {
-    const i = new ResizeObserver((B) => {
-      t(y || B[0].target.clientWidth || 620), f(v || B[0].target.clientHeight || 480);
+    const i = new ResizeObserver((S) => {
+      t(p || S[0].target.clientWidth || 620), f(v || S[0].target.clientHeight || 480);
     });
-    return we.current && (f(we.current.clientHeight || 480), t(we.current.clientWidth || 620), y || i.observe(we.current)), () => i.disconnect();
-  }, [y, v]), Ve(() => {
+    return ve.current && (f(ve.current.clientHeight || 480), t(ve.current.clientWidth || 620), p || i.observe(ve.current)), () => i.disconnect();
+  }, [p, v]), Ve(() => {
     const i = setInterval(
       () => {
-        Oe((B) => B < U.length - 1 ? B + 1 : 0);
+        Oe((S) => S < U.length - 1 ? S + 1 : 0);
       },
       (h.speed || 2) * 1e3
     );
     return Ce || clearInterval(i), () => clearInterval(i);
   }, [U, Ce, h.speed]);
-  const o = Pe(
+  const o = Be(
     U,
     fe,
     h.showOnlyActiveDate,
@@ -3379,14 +3351,14 @@ function kt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${N || "light"} flex  ${y ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${D || "light"} flex  ${p ? "w-fit grow-0" : "w-full grow"}`,
       dir: z === "he" || z === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: $e(
+          className: De(
             `${j ? j === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${z || "en"}`,
-            y ? "w-fit" : "w-full",
+            p ? "w-fit" : "w-full",
             H?.graphContainer
           ),
           style: {
@@ -3398,7 +3370,7 @@ function kt(pe) {
           "aria-label": T || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx("div", { style: { padding: j ? K || "1rem" : K || 0 }, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
             g || _ || x || C ? /* @__PURE__ */ e.jsx(
-              Ke,
+              Ue,
               {
                 styles: {
                   title: M?.title,
@@ -3410,7 +3382,7 @@ function kt(pe) {
                 },
                 graphTitle: g,
                 graphDescription: _,
-                width: y,
+                width: p,
                 graphDownload: x ? Ne.current : void 0,
                 dataDownload: C ? n.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? n.map((i) => i.data).filter((i) => i !== void 0) : n.filter((i) => i !== void 0) : null
               }
@@ -3425,11 +3397,11 @@ function kt(pe) {
                   },
                   className: "p-0 border-0 cursor-pointer bg-transparent",
                   "aria-label": Ce ? "Click to pause animation" : "Click to play animation",
-                  children: Ce ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                  children: Ce ? /* @__PURE__ */ e.jsx(Qe, {}) : /* @__PURE__ */ e.jsx(Ze, {})
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                He,
+                Fe,
                 {
                   min: U[0],
                   max: U[U.length - 1],
@@ -3447,11 +3419,11 @@ function kt(pe) {
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ze, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ e.jsx(Ke, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               E ? /* @__PURE__ */ e.jsx(
-                Qe,
+                Je,
                 {
-                  width: y,
+                  width: p,
                   colorDomain: ae,
                   colors: Y,
                   colorLegendTitle: le,
@@ -3459,74 +3431,74 @@ function kt(pe) {
                   showNAColor: !1
                 }
               ) : null,
-              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (y || s) && (v || r) ? /* @__PURE__ */ e.jsx(
-                Ct,
+              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: ve, "aria-label": "Graph area", children: (p || s) && (v || l) ? /* @__PURE__ */ e.jsx(
+                wt,
                 {
-                  data: b !== void 0 ? b === "total" ? Le(
+                  data: b !== void 0 ? b === "total" ? Ie(
                     Te(
                       n,
                       h.dateFormat || "yyyy"
                     ).filter(
-                      (i) => h.enabled ? i.date === De(
+                      (i) => h.enabled ? i.date === $e(
                         new Date(U[fe]),
                         h.dateFormat || "yyyy"
                       ) : i
                     ).filter(
-                      (i) => u ? !i.size.every((B) => B == null) : i
+                      (i) => u ? !i.size.every((S) => S == null) : i
                     ),
-                    (i) => ke(i.size.filter((B) => !W(B))),
-                    [l || "asc"]
-                  ).filter((i, B) => w ? B < w : !0) : Le(
+                    (i) => ke(i.size.filter((S) => !X(S))),
+                    [a || "asc"]
+                  ).filter((i, S) => w ? S < w : !0) : Ie(
                     Te(
                       n,
                       h.dateFormat || "yyyy"
                     ).filter(
-                      (i) => h.enabled ? i.date === De(
+                      (i) => h.enabled ? i.date === $e(
                         new Date(U[fe]),
                         h.dateFormat || "yyyy"
                       ) : i
                     ).filter(
-                      (i) => u ? !i.size.every((B) => B == null) : i
+                      (i) => u ? !i.size.every((S) => S == null) : i
                     ),
-                    (i) => W(i.size[b]) ? -1 / 0 : i.size[b],
-                    [l || "asc"]
-                  ).filter((i, B) => w ? B < w : !0) : Te(
+                    (i) => X(i.size[b]) ? -1 / 0 : i.size[b],
+                    [a || "asc"]
+                  ).filter((i, S) => w ? S < w : !0) : Te(
                     n,
                     h.dateFormat || "yyyy"
-                  ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => w ? B < w : !0),
+                  ).filter((i) => u ? !i.size.every((S) => S == null) : i).filter((i, S) => w ? S < w : !0),
                   barColors: Y,
-                  width: y || s,
+                  width: p || s,
                   height: Math.max(
-                    I,
-                    v || (R ? I ? (y || s) * R > I ? (y || s) * R : I : (y || s) * R : r)
+                    A,
+                    v || (R ? A ? (p || s) * R > A ? (p || s) * R : A : (p || s) * R : l)
                   ),
                   barPadding: me,
-                  showLabels: se,
+                  showLabels: re,
                   showTicks: ue,
-                  truncateBy: O,
+                  truncateBy: N,
                   leftMargin: ge,
                   rightMargin: Z,
-                  topMargin: X,
+                  topMargin: G,
                   bottomMargin: ie,
                   tooltip: te,
-                  onSeriesMouseOver: re,
-                  showValues: he,
+                  onSeriesMouseOver: se,
+                  showValues: de,
                   suffix: J,
                   prefix: ee,
                   refValues: xe,
-                  maxValue: W($) ? Math.max(
+                  maxValue: X($) ? Math.max(
                     ...n.map(
-                      (i) => ke(i.size.filter((B) => !W(B))) || 0
+                      (i) => ke(i.size.filter((S) => !X(S))) || 0
                     )
                   ) : $,
-                  onSeriesMouseClick: p,
-                  selectedColor: de,
-                  labelOrder: D,
-                  maxBarThickness: S,
+                  onSeriesMouseClick: y,
+                  selectedColor: he,
+                  labelOrder: O,
+                  maxBarThickness: I,
                   minBarThickness: q,
-                  resetSelectionOnDoubleClick: V,
+                  resetSelectionOnDoubleClick: F,
                   detailsOnClick: oe,
-                  barAxisTitle: G,
+                  barAxisTitle: W,
                   noOfTicks: P,
                   valueColor: Q,
                   styles: M,
@@ -3539,17 +3511,17 @@ function kt(pe) {
                 }
               ) : null })
             ] }) }),
-            A || F ? /* @__PURE__ */ e.jsx(
-              Je,
+            V || B ? /* @__PURE__ */ e.jsx(
+              qe,
               {
                 styles: { footnote: M?.footnote, source: M?.source },
                 classNames: {
                   footnote: H?.footnote,
                   source: H?.source
                 },
-                sources: A,
-                footNote: F,
-                width: y
+                sources: V,
+                footNote: B,
+                width: p
               }
             ) : null
           ] }) })
@@ -3558,53 +3530,53 @@ function kt(pe) {
     }
   );
 }
-function ri(pe) {
+function li(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y,
-    barPadding: A,
+    barPadding: V,
     showTicks: _,
     leftMargin: me,
     rightMargin: ue,
     topMargin: ge,
     bottomMargin: Z,
-    truncateBy: X,
+    truncateBy: G,
     showLabels: ie,
-    showValues: O,
-    backgroundColor: se,
-    suffix: he,
+    showValues: N,
+    backgroundColor: re,
+    suffix: de,
     prefix: j,
     sources: E,
     graphDescription: J,
     height: ee,
     width: v,
-    footNote: y,
-    colorDomain: F,
+    footNote: p,
+    colorDomain: B,
     colorLegendTitle: ae,
     padding: le,
     relativeHeight: K,
     tooltip: te,
-    onSeriesMouseOver: re,
+    onSeriesMouseOver: se,
     refValues: R,
     showColorScale: xe,
     graphID: ne,
     maxValue: $,
-    minValue: p,
+    minValue: y,
     highlightedDataPoints: x,
     onSeriesMouseClick: C,
     graphDownload: z,
-    dataDownload: N,
-    language: D,
-    theme: I,
-    sortData: S,
+    dataDownload: D,
+    language: O,
+    theme: A,
+    sortData: I,
     labelOrder: b,
     showNAColor: w,
     minHeight: q,
     maxBarThickness: T,
-    maxNumberOfBars: V,
+    maxNumberOfBars: F,
     minBarThickness: oe,
-    ariaLabel: G,
+    ariaLabel: W,
     resetSelectionOnDoubleClick: P,
     detailsOnClick: Q,
     barAxisTitle: M,
@@ -3615,60 +3587,60 @@ function ri(pe) {
     classNames: d,
     filterNA: h,
     animate: c,
-    dimmedOpacity: l,
+    dimmedOpacity: a,
     precision: s,
     customLayers: t,
-    timeline: r,
+    timeline: l,
     naLabel: f
-  } = pe;
+  } = ye;
   return k === "vertical" ? /* @__PURE__ */ e.jsx(
-    bt,
+    yt,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      barPadding: A,
+      barPadding: V,
       showTicks: _,
       leftMargin: me,
       rightMargin: ue,
       topMargin: ge,
       bottomMargin: Z,
-      truncateBy: X,
+      truncateBy: G,
       showLabels: ie,
-      showValues: O,
-      backgroundColor: se,
-      suffix: he,
+      showValues: N,
+      backgroundColor: re,
+      suffix: de,
       prefix: j,
       sources: E,
       graphDescription: J,
       height: ee,
       width: v,
-      footNote: y,
-      colorDomain: F,
+      footNote: p,
+      colorDomain: B,
       colorLegendTitle: ae,
       padding: le,
       relativeHeight: K,
       tooltip: te,
-      onSeriesMouseOver: re,
+      onSeriesMouseOver: se,
       refValues: R,
       showColorScale: xe,
       graphID: ne,
       maxValue: $,
-      minValue: p,
+      minValue: y,
       highlightedDataPoints: x,
       onSeriesMouseClick: C,
       graphDownload: z,
-      dataDownload: N,
-      language: D,
-      theme: I,
-      sortData: S,
+      dataDownload: D,
+      language: O,
+      theme: A,
+      sortData: I,
       labelOrder: b,
       showNAColor: w,
       minHeight: q,
       maxBarThickness: T,
-      maxNumberOfBars: V,
+      maxNumberOfBars: F,
       minBarThickness: oe,
-      ariaLabel: G,
+      ariaLabel: W,
       resetSelectionOnDoubleClick: P,
       styles: m,
       detailsOnClick: Q,
@@ -3678,60 +3650,60 @@ function ri(pe) {
       classNames: d,
       filterNA: h,
       animate: c,
-      dimmedOpacity: l,
+      dimmedOpacity: a,
       precision: s,
       customLayers: t,
-      timeline: r,
+      timeline: l,
       naLabel: f
     }
   ) : /* @__PURE__ */ e.jsx(
-    mt,
+    ut,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      barPadding: A,
+      barPadding: V,
       showTicks: _,
       leftMargin: me,
       rightMargin: ue,
       topMargin: ge,
       bottomMargin: Z,
-      truncateBy: X,
+      truncateBy: G,
       showLabels: ie,
-      showValues: O,
-      backgroundColor: se,
-      suffix: he,
+      showValues: N,
+      backgroundColor: re,
+      suffix: de,
       prefix: j,
       sources: E,
       graphDescription: J,
       height: ee,
       width: v,
-      footNote: y,
-      colorDomain: F,
+      footNote: p,
+      colorDomain: B,
       colorLegendTitle: ae,
       padding: le,
       relativeHeight: K,
       tooltip: te,
-      onSeriesMouseOver: re,
+      onSeriesMouseOver: se,
       refValues: R,
       showColorScale: xe,
       graphID: ne,
       maxValue: $,
-      minValue: p,
+      minValue: y,
       highlightedDataPoints: x,
       onSeriesMouseClick: C,
       graphDownload: z,
-      dataDownload: N,
-      language: D,
-      theme: I,
-      sortData: S,
+      dataDownload: D,
+      language: O,
+      theme: A,
+      sortData: I,
       labelOrder: b,
       showNAColor: w,
       minHeight: q,
       maxBarThickness: T,
-      maxNumberOfBars: V,
+      maxNumberOfBars: F,
       minBarThickness: oe,
-      ariaLabel: G,
+      ariaLabel: W,
       resetSelectionOnDoubleClick: P,
       styles: m,
       detailsOnClick: Q,
@@ -3741,61 +3713,61 @@ function ri(pe) {
       classNames: d,
       filterNA: h,
       animate: c,
-      dimmedOpacity: l,
+      dimmedOpacity: a,
       precision: s,
       customLayers: t,
-      timeline: r,
+      timeline: l,
       naLabel: f
     }
   );
 }
-function si(pe) {
+function si(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me,
     showTicks: ue,
     truncateBy: ge,
     height: Z,
-    width: X,
+    width: G,
     footNote: ie,
-    colorDomain: O,
-    colorLegendTitle: se,
-    suffix: he,
+    colorDomain: N,
+    colorLegendTitle: re,
+    suffix: de,
     prefix: j,
     showValues: E,
     padding: J,
     backgroundColor: ee,
     leftMargin: v,
-    rightMargin: y,
-    topMargin: F,
+    rightMargin: p,
+    topMargin: B,
     bottomMargin: ae,
     showLabels: le,
     relativeHeight: K,
     tooltip: te,
-    onSeriesMouseOver: re,
+    onSeriesMouseOver: se,
     refValues: R,
     graphID: xe,
     maxValue: ne,
     minValue: $,
-    onSeriesMouseClick: p,
+    onSeriesMouseClick: y,
     graphDownload: x,
     dataDownload: C,
     language: z,
-    labelOrder: N,
-    minHeight: D,
-    theme: I,
-    sortParameter: S,
+    labelOrder: D,
+    minHeight: O,
+    theme: A,
+    sortParameter: I,
     sortData: b,
     maxBarThickness: w,
     ariaLabel: q,
     resetSelectionOnDoubleClick: T,
-    detailsOnClick: V,
+    detailsOnClick: F,
     barAxisTitle: oe,
-    noOfTicks: G,
+    noOfTicks: W,
     valueColor: P,
     orientation: Q = "vertical",
     styles: M,
@@ -3806,57 +3778,57 @@ function si(pe) {
     customLayers: d,
     showColorScale: h,
     timeline: c,
-    naLabel: l
-  } = pe;
+    naLabel: a
+  } = ye;
   return Q === "vertical" ? /* @__PURE__ */ e.jsx(
-    wt,
+    vt,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      sources: A,
+      sources: V,
       graphDescription: _,
       barPadding: me,
       showTicks: ue,
       truncateBy: ge,
       height: Z,
-      width: X,
+      width: G,
       footNote: ie,
-      colorDomain: O,
-      colorLegendTitle: se,
-      suffix: he,
+      colorDomain: N,
+      colorLegendTitle: re,
+      suffix: de,
       prefix: j,
       showValues: E,
       padding: J,
       backgroundColor: ee,
       leftMargin: v,
-      rightMargin: y,
-      sortParameter: S,
+      rightMargin: p,
+      sortParameter: I,
       sortData: b,
-      topMargin: F,
+      topMargin: B,
       bottomMargin: ae,
       showLabels: le,
       relativeHeight: K,
       tooltip: te,
-      onSeriesMouseOver: re,
+      onSeriesMouseOver: se,
       refValues: R,
       graphID: xe,
       maxValue: ne,
       minValue: $,
-      onSeriesMouseClick: p,
+      onSeriesMouseClick: y,
       graphDownload: x,
       dataDownload: C,
       language: z,
-      labelOrder: N,
-      minHeight: D,
-      theme: I,
+      labelOrder: D,
+      minHeight: O,
+      theme: A,
       maxBarThickness: w,
       ariaLabel: q,
       resetSelectionOnDoubleClick: T,
       styles: M,
-      detailsOnClick: V,
+      detailsOnClick: F,
       barAxisTitle: oe,
-      noOfTicks: G,
+      noOfTicks: W,
       valueColor: P,
       classNames: H,
       filterNA: u,
@@ -3865,57 +3837,57 @@ function si(pe) {
       customLayers: d,
       showColorScale: h,
       timeline: c,
-      naLabel: l
+      naLabel: a
     }
   ) : /* @__PURE__ */ e.jsx(
-    xt,
+    gt,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      sortParameter: S,
+      sortParameter: I,
       sortData: b,
-      sources: A,
+      sources: V,
       graphDescription: _,
       barPadding: me,
       showTicks: ue,
       truncateBy: ge,
       height: Z,
-      width: X,
+      width: G,
       footNote: ie,
-      colorDomain: O,
-      colorLegendTitle: se,
-      suffix: he,
+      colorDomain: N,
+      colorLegendTitle: re,
+      suffix: de,
       prefix: j,
       showValues: E,
       padding: J,
       backgroundColor: ee,
       leftMargin: v,
-      rightMargin: y,
-      topMargin: F,
+      rightMargin: p,
+      topMargin: B,
       bottomMargin: ae,
       showLabels: le,
       relativeHeight: K,
       tooltip: te,
-      onSeriesMouseOver: re,
+      onSeriesMouseOver: se,
       refValues: R,
       graphID: xe,
       maxValue: ne,
       minValue: $,
-      onSeriesMouseClick: p,
+      onSeriesMouseClick: y,
       graphDownload: x,
       dataDownload: C,
       language: z,
-      labelOrder: N,
-      minHeight: D,
-      theme: I,
+      labelOrder: D,
+      minHeight: O,
+      theme: A,
       maxBarThickness: w,
       ariaLabel: q,
       resetSelectionOnDoubleClick: T,
       styles: M,
-      detailsOnClick: V,
+      detailsOnClick: F,
       barAxisTitle: oe,
-      noOfTicks: G,
+      noOfTicks: W,
       valueColor: P,
       classNames: H,
       filterNA: u,
@@ -3924,57 +3896,57 @@ function si(pe) {
       customLayers: d,
       showColorScale: h,
       timeline: c,
-      naLabel: l
+      naLabel: a
     }
   );
 }
-function oi(pe) {
+function ri(ye) {
   const {
     data: n,
     graphTitle: g,
     colors: Y,
-    sources: A,
+    sources: V,
     graphDescription: _,
     barPadding: me,
     showTicks: ue,
     leftMargin: ge,
     rightMargin: Z,
-    topMargin: X,
+    topMargin: G,
     bottomMargin: ie,
-    truncateBy: O,
-    showLabels: se,
-    showValues: he,
+    truncateBy: N,
+    showLabels: re,
+    showValues: de,
     backgroundColor: j,
     suffix: E,
     prefix: J,
     height: ee,
     width: v,
-    footNote: y,
-    colorDomain: F,
+    footNote: p,
+    colorDomain: B,
     colorLegendTitle: ae,
     padding: le,
     tooltip: K,
     onSeriesMouseOver: te,
-    relativeHeight: re,
+    relativeHeight: se,
     refValues: R,
     graphID: xe,
     maxValue: ne,
     onSeriesMouseClick: $,
-    graphDownload: p,
+    graphDownload: y,
     dataDownload: x,
     language: C,
     theme: z,
-    labelOrder: N,
-    minHeight: D,
-    maxBarThickness: I,
-    sortParameter: S,
+    labelOrder: D,
+    minHeight: O,
+    maxBarThickness: A,
+    sortParameter: I,
     sortData: b,
     maxNumberOfBars: w,
     minBarThickness: q,
     ariaLabel: T,
-    resetSelectionOnDoubleClick: V,
+    resetSelectionOnDoubleClick: F,
     detailsOnClick: oe,
-    barAxisTitle: G,
+    barAxisTitle: W,
     noOfTicks: P,
     valueColor: Q,
     orientation: M = "vertical",
@@ -3985,58 +3957,58 @@ function oi(pe) {
     precision: d,
     customLayers: h,
     showColorScale: c,
-    timeline: l,
+    timeline: a,
     naLabel: s
-  } = pe;
+  } = ye;
   return M === "vertical" ? /* @__PURE__ */ e.jsx(
-    kt,
+    Ct,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      sources: A,
+      sources: V,
       graphDescription: _,
       barPadding: me,
       showTicks: ue,
       leftMargin: ge,
       rightMargin: Z,
-      topMargin: X,
+      topMargin: G,
       bottomMargin: ie,
-      truncateBy: O,
-      showLabels: se,
-      showValues: he,
+      truncateBy: N,
+      showLabels: re,
+      showValues: de,
       backgroundColor: j,
       suffix: E,
       prefix: J,
       height: ee,
       width: v,
-      footNote: y,
-      colorDomain: F,
+      footNote: p,
+      colorDomain: B,
       colorLegendTitle: ae,
       padding: le,
       tooltip: K,
       onSeriesMouseOver: te,
-      relativeHeight: re,
+      relativeHeight: se,
       refValues: R,
       graphID: xe,
       maxValue: ne,
       onSeriesMouseClick: $,
-      graphDownload: p,
+      graphDownload: y,
       dataDownload: x,
       language: C,
       theme: z,
-      labelOrder: N,
-      minHeight: D,
-      maxBarThickness: I,
-      sortParameter: S,
+      labelOrder: D,
+      minHeight: O,
+      maxBarThickness: A,
+      sortParameter: I,
       sortData: b,
       maxNumberOfBars: w,
       minBarThickness: q,
       ariaLabel: T,
-      resetSelectionOnDoubleClick: V,
+      resetSelectionOnDoubleClick: F,
       styles: H,
       detailsOnClick: oe,
-      barAxisTitle: G,
+      barAxisTitle: W,
       noOfTicks: P,
       valueColor: Q,
       classNames: u,
@@ -4045,58 +4017,58 @@ function oi(pe) {
       precision: d,
       customLayers: h,
       showColorScale: c,
-      timeline: l,
+      timeline: a,
       naLabel: s
     }
   ) : /* @__PURE__ */ e.jsx(
-    yt,
+    ft,
     {
       data: n,
       graphTitle: g,
       colors: Y,
-      sources: A,
+      sources: V,
       graphDescription: _,
       barPadding: me,
       showTicks: ue,
       leftMargin: ge,
       rightMargin: Z,
-      topMargin: X,
+      topMargin: G,
       bottomMargin: ie,
-      truncateBy: O,
-      showLabels: se,
-      showValues: he,
+      truncateBy: N,
+      showLabels: re,
+      showValues: de,
       backgroundColor: j,
       suffix: E,
       prefix: J,
       height: ee,
       width: v,
-      footNote: y,
-      colorDomain: F,
+      footNote: p,
+      colorDomain: B,
       colorLegendTitle: ae,
       padding: le,
       tooltip: K,
       onSeriesMouseOver: te,
-      relativeHeight: re,
+      relativeHeight: se,
       refValues: R,
       graphID: xe,
       maxValue: ne,
       onSeriesMouseClick: $,
-      graphDownload: p,
+      graphDownload: y,
       dataDownload: x,
       language: C,
       theme: z,
-      labelOrder: N,
-      minHeight: D,
-      maxBarThickness: I,
-      sortParameter: S,
+      labelOrder: D,
+      minHeight: O,
+      maxBarThickness: A,
+      sortParameter: I,
       sortData: b,
       maxNumberOfBars: w,
       minBarThickness: q,
       ariaLabel: T,
-      resetSelectionOnDoubleClick: V,
+      resetSelectionOnDoubleClick: F,
       styles: H,
       detailsOnClick: oe,
-      barAxisTitle: G,
+      barAxisTitle: W,
       noOfTicks: P,
       valueColor: Q,
       classNames: u,
@@ -4105,14 +4077,14 @@ function oi(pe) {
       precision: d,
       customLayers: h,
       showColorScale: c,
-      timeline: l,
+      timeline: a,
       naLabel: s
     }
   );
 }
 export {
   si as GroupedBarGraph,
-  ri as SimpleBarGraph,
-  oi as StackedBarGraph
+  li as SimpleBarGraph,
+  ri as StackedBarGraph
 };
 //# sourceMappingURL=BarGraph.js.map