@undp/data-viz 1.4.13 → 1.4.15

package/dist/BarGraph.js

@@ -37,24 +37,24 @@ function ut(pe) {
   const {
     data: n,
     barColor: g,
-    suffix: X,
+    suffix: Y,
     prefix: A,
-    barPadding: Y,
+    barPadding: _,
     showValues: me,
     showTicks: ue,
     leftMargin: ge,
     truncateBy: Z,
-    width: _,
+    width: X,
     height: ie,
-    colorDomain: D,
+    colorDomain: O,
     rightMargin: se,
     topMargin: he,
-    bottomMargin: M,
+    bottomMargin: j,
     showLabels: E,
     tooltip: J,
     onSeriesMouseOver: ee,
-    refValues: C,
-    selectedColor: y,
+    refValues: v,
+    selectedColor: f,
     highlightedDataPoints: F,
     maxValue: ae,
     minValue: le,
@@ -67,37 +67,37 @@ function ut(pe) {
     detailsOnClick: $,
     barAxisTitle: p,
     valueColor: x,
-    noOfTicks: w,
+    noOfTicks: C,
     styles: z,
-    classNames: O,
-    animate: N,
+    classNames: N,
+    animate: D,
     dimmedOpacity: I,
     precision: S,
     customLayers: b,
-    naLabel: v
+    naLabel: w
   } = pe, q = Me(null), T = Re(q, {
-    once: N.once,
-    amount: N.amount
-  }), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, j] = L(void 0), [H, u] = L(void 0), k = {
+    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,
-    bottom: M,
+    bottom: j,
     left: ge,
     right: se
-  }, m = _ - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((r, f) => ({
+  }, m = X - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((r, y) => ({
     ...r,
-    id: te ? `${r.label}` : `${f}`
+    id: te ? `${r.label}` : `${y}`
   })), c = qe().domain([le, ae]).range([0, m]).nice(), l = te || h.map((r) => `${r.id}`), s = Ie().domain(l).range([
     0,
     xe ? Math.max(d, xe * l.length) : R ? Math.min(d, R * l.length) : d
-  ]).paddingInner(Y), t = c.ticks(w);
+  ]).paddingInner(_), t = c.ticks(C);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ye.svg,
       {
         ref: q,
-        width: `${_}px`,
+        width: `${X}px`,
         height: `${ie}px`,
-        viewBox: `0 0 ${_} ${ie}`,
+        viewBox: `0 0 ${X} ${ie}`,
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${k.left},${k.top})`, children: [
           ue ? /* @__PURE__ */ e.jsx(
@@ -112,10 +112,10 @@ function ut(pe) {
                 labels: z?.xAxis?.labels
               },
               classNames: {
-                gridLines: O?.xAxis?.gridLines,
-                labels: O?.xAxis?.labels
+                gridLines: N?.xAxis?.gridLines,
+                labels: N?.xAxis?.labels
               },
-              suffix: X,
+              suffix: Y,
               prefix: A,
               labelType: "secondary",
               showGridLines: !0,
@@ -128,7 +128,7 @@ function ut(pe) {
               x: m / 2,
               y: 0 - k.top + 15,
               style: z?.xAxis?.title,
-              className: O?.xAxis?.title,
+              className: N?.xAxis?.title,
               text: p
             }
           ),
@@ -141,27 +141,27 @@ function ut(pe) {
                   className: "undp-viz-g-with-hover",
                   variants: {
                     initial: {
-                      opacity: y ? r.color && g[D.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85
+                      opacity: f ? r.color && g[O.indexOf(r.color)] === f ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85
                     },
                     whileInView: {
-                      opacity: y ? r.color && g[D.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85,
-                      transition: { duration: N.duration }
+                      opacity: f ? r.color && g[O.indexOf(r.color)] === f ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85,
+                      transition: { duration: D.duration }
                     }
                   },
                   initial: "initial",
                   animate: T ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: N.duration } },
-                  onMouseEnter: (f) => {
-                    oe(r), u(f.clientY), j(f.clientX), ee?.(r);
+                  exit: { opacity: 0, transition: { duration: D.duration } },
+                  onMouseEnter: (y) => {
+                    oe(r), u(y.clientY), M(y.clientX), ee?.(r);
                   },
                   onClick: () => {
                     (K || $) && (We(G, r) && ne ? (P(void 0), K?.(void 0)) : (P(r), K?.(r)));
                   },
-                  onMouseMove: (f) => {
-                    oe(r), u(f.clientY), j(f.clientX);
+                  onMouseMove: (y) => {
+                    oe(r), u(y.clientY), M(y.clientX);
                   },
                   onMouseLeave: () => {
-                    oe(void 0), j(void 0), u(void 0), ee?.(void 0);
+                    oe(void 0), M(void 0), u(void 0), ee?.(void 0);
                   },
                   children: [
                     r.size ? /* @__PURE__ */ e.jsx(
@@ -172,14 +172,14 @@ function ut(pe) {
                             width: 0,
                             x: c(0),
                             y: s(`${r.id}`),
-                            fill: n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[D.indexOf(r.color)] : je.gray
+                            fill: n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.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[D.indexOf(r.color)] : je.gray,
-                            transition: { duration: N.duration }
+                            fill: n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray,
+                            transition: { duration: D.duration }
                           }
                         },
                         initial: "initial",
@@ -187,7 +187,7 @@ function ut(pe) {
                         exit: {
                           width: 0,
                           x: c(0),
-                          transition: { duration: N.duration }
+                          transition: { duration: D.duration }
                         },
                         height: s.bandwidth()
                       }
@@ -198,12 +198,12 @@ function ut(pe) {
                         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 ? _ - c(0) : c(0) + k.left,
+                        width: (r.size || 0) < 0 ? X - c(0) : c(0) + k.left,
                         height: s.bandwidth(),
                         alignment: r.size && r.size < 0 ? "left" : "right",
                         style: z?.yAxis?.labels,
-                        className: O?.yAxis?.labels,
-                        animate: N,
+                        className: N?.yAxis?.labels,
+                        animate: D,
                         isInView: T
                       }
                     ) : null,
@@ -217,7 +217,7 @@ function ut(pe) {
                         className: $e(
                           "graph-value text-sm",
                           !x && g.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
-                          O?.graphObjectValues
+                          N?.graphObjectValues
                         ),
                         dx: r.size && r.size < 0 ? -5 : 5,
                         dy: "0.33em",
@@ -226,23 +226,23 @@ function ut(pe) {
                             x: c(0),
                             y: s(`${r.id}`) + s.bandwidth() / 2,
                             opacity: 0,
-                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[D.indexOf(r.color)] : je.gray)
+                            fill: x || (n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray)
                           },
                           whileInView: {
                             x: r.size ? c(r.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[D.indexOf(r.color)] : je.gray),
-                            transition: { duration: N.duration }
+                            fill: x || (n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray),
+                            transition: { duration: D.duration }
                           }
                         },
                         initial: "initial",
                         animate: T ? "whileInView" : "initial",
                         exit: {
                           opacity: 0,
-                          transition: { duration: N.duration }
+                          transition: { duration: D.duration }
                         },
-                        children: ze(r.size, v, S, A, X)
+                        children: ze(r.size, w, S, A, Y)
                       }
                     ) : null
                   ]
@@ -257,11 +257,11 @@ function ut(pe) {
                 x2: c(le < 0 ? 0 : le),
                 y1: -2.5,
                 y2: d + k.bottom,
-                classNames: { axis: O?.yAxis?.axis },
+                classNames: { axis: N?.yAxis?.axis },
                 styles: { axis: z?.yAxis?.axis }
               }
             ),
-            C ? /* @__PURE__ */ e.jsx(e.Fragment, { children: C.map((r, f) => /* @__PURE__ */ e.jsx(
+            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((r, y) => /* @__PURE__ */ e.jsx(
               nt,
               {
                 text: r.text,
@@ -272,10 +272,10 @@ function ut(pe) {
                 textSide: c(r.value) > m * 0.75 || re ? "left" : "right",
                 classNames: r.classNames,
                 styles: r.styles,
-                animate: N,
+                animate: D,
                 isInView: T
               },
-              f
+              y
             )) }) : null
           ] }),
           b.filter((r) => r.position === "after").map((r) => r.layer)
@@ -290,7 +290,7 @@ function ut(pe) {
         xPos: Q,
         yPos: H,
         backgroundStyle: z?.tooltip,
-        className: O?.tooltip
+        className: N?.tooltip
       }
     ) : null,
     $ && G !== void 0 ? /* @__PURE__ */ e.jsx(
@@ -316,24 +316,24 @@ function mt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X,
+    colors: Y,
     suffix: A = "",
-    sources: Y,
+    sources: _,
     prefix: me = "",
     graphDescription: ue,
     barPadding: ge = 0.25,
     showValues: Z = !0,
-    showTicks: _ = !0,
+    showTicks: X = !0,
     leftMargin: ie = 100,
-    rightMargin: D = 40,
+    rightMargin: O = 40,
     truncateBy: se = 999,
     height: he,
-    width: M,
+    width: j,
     footNote: E,
     colorDomain: J,
     colorLegendTitle: ee,
-    highlightedDataPoints: C = [],
-    padding: y,
+    highlightedDataPoints: v = [],
+    padding: f,
     backgroundColor: F = !1,
     topMargin: ae = 25,
     bottomMargin: le = 10,
@@ -346,14 +346,14 @@ function mt(pe) {
     graphID: $,
     maxValue: p,
     minValue: x,
-    onSeriesMouseClick: w,
+    onSeriesMouseClick: C,
     graphDownload: z = !1,
-    dataDownload: O = !1,
-    sortData: N,
+    dataDownload: N = !1,
+    sortData: D,
     labelOrder: I,
     language: S = "en",
     showNAColor: b = !0,
-    minHeight: v = 0,
+    minHeight: w = 0,
     theme: q = "light",
     maxBarThickness: T,
     maxNumberOfBars: V,
@@ -361,7 +361,7 @@ function mt(pe) {
     ariaLabel: G,
     resetSelectionOnDoubleClick: P = !0,
     detailsOnClick: Q,
-    barAxisTitle: j,
+    barAxisTitle: M,
     noOfTicks: H = 5,
     valueColor: u,
     styles: k,
@@ -373,7 +373,7 @@ function mt(pe) {
     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(
+  } = pe, [y, 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
@@ -382,10 +382,10 @@ function mt(pe) {
   ), [be, we] = L(t.autoplay ? 0 : de.length - 1), [Ne, o] = L(void 0), i = Me(null), B = Me(null);
   Ve(() => {
     const a = new ResizeObserver((ve) => {
-      Ce(M || ve[0].target.clientWidth || 620), U(he || ve[0].target.clientHeight || 480);
+      Ce(j || ve[0].target.clientWidth || 620), U(he || ve[0].target.clientHeight || 480);
     });
-    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), M || a.observe(i.current)), () => a.disconnect();
-  }, [M, he]), Ve(() => {
+    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(
       () => {
         we((ve) => ve < de.length - 1 ? ve + 1 : 0);
@@ -403,13 +403,14 @@ function mt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${q || "light"} flex ${M ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${q || "light"} flex ${j ? "w-fit grow-0" : "w-full grow"}`,
       dir: S === "he" || S === "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"}`,
+            j ? "w-fit" : "w-full",
             m?.graphContainer
           ),
           style: {
@@ -423,9 +424,9 @@ function mt(pe) {
             "div",
             {
               className: "flex grow",
-              style: { padding: F ? y || "1rem" : y || 0 },
+              style: { padding: F ? f || "1rem" : f || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                g || ue || z || O ? /* @__PURE__ */ e.jsx(
+                g || ue || z || N ? /* @__PURE__ */ e.jsx(
                   Ke,
                   {
                     styles: {
@@ -438,9 +439,9 @@ function mt(pe) {
                     },
                     graphTitle: g,
                     graphDescription: ue,
-                    width: M,
+                    width: j,
                     graphDownload: z ? B.current : void 0,
-                    dataDownload: O ? 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
+                    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
                   }
                 ) : null,
                 t.enabled && de.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -479,9 +480,9 @@ function mt(pe) {
                   ne && n.filter((a) => a.color).length !== 0 ? /* @__PURE__ */ e.jsx(
                     Qe,
                     {
-                      width: M,
+                      width: j,
                       colorLegendTitle: ee,
-                      colors: X || je[q].categoricalColors.colors,
+                      colors: Y || je[q].categoricalColors.colors,
                       colorDomain: J || Ae(
                         n.filter((a) => a.color),
                         "color"
@@ -496,10 +497,10 @@ function mt(pe) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: i,
                       "aria-label": "Graph area",
-                      children: (M || f) && (he || ce) ? /* @__PURE__ */ e.jsx(
+                      children: (j || y) && (he || ce) ? /* @__PURE__ */ e.jsx(
                         ut,
                         {
-                          data: N === "asc" ? rt(
+                          data: D === "asc" ? rt(
                             Se(n, t.dateFormat || "yyyy").filter(
                               (a) => t.enabled ? a.date === De(
                                 new Date(de[be]),
@@ -507,7 +508,7 @@ function mt(pe) {
                               ) : a
                             ).filter((a) => d ? !W(a.size) : a),
                             (a) => a.size
-                          ).filter((a, ve) => V ? ve < V : !0) : N === "desc" ? rt(
+                          ).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]),
@@ -521,24 +522,24 @@ function mt(pe) {
                               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 ? X ? [X] : [je.primaryColors["blue-600"]] : X || je[q].categoricalColors.colors,
+                          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),
-                          width: M || f,
+                          width: j || y,
                           selectedColor: Ne,
                           height: Math.max(
-                            v,
-                            he || (te ? v ? (M || f) * te > v ? (M || f) * te : v : (M || f) * te : ce)
+                            w,
+                            he || (te ? w ? (j || y) * te > w ? (j || y) * te : w : (j || y) * te : ce)
                           ),
                           suffix: A,
                           prefix: me,
                           barPadding: ge,
                           showValues: Z,
-                          showTicks: _,
+                          showTicks: X,
                           leftMargin: ie,
-                          rightMargin: D,
+                          rightMargin: O,
                           topMargin: ae,
                           bottomMargin: le,
                           truncateBy: se,
@@ -556,15 +557,15 @@ function mt(pe) {
                           ) >= 0 ? 0 : Math.min(
                             ...n.filter((a) => !W(a.size)).map((a) => a.size)
                           ) : x,
-                          highlightedDataPoints: C,
-                          onSeriesMouseClick: w,
+                          highlightedDataPoints: v,
+                          onSeriesMouseClick: C,
                           labelOrder: I,
                           rtl: S === "he" || S === "ar",
                           maxBarThickness: T,
                           minBarThickness: oe,
                           resetSelectionOnDoubleClick: P,
                           detailsOnClick: Q,
-                          barAxisTitle: j,
+                          barAxisTitle: M,
                           noOfTicks: H,
                           valueColor: u,
                           classNames: m,
@@ -579,12 +580,12 @@ function mt(pe) {
                     }
                   )
                 ] }) }),
-                Y || E ? /* @__PURE__ */ e.jsx(
+                _ || E ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
-                    sources: Y,
+                    sources: _,
                     footNote: E,
-                    width: M,
+                    width: j,
                     styles: { footnote: k?.footnote, source: k?.source },
                     classNames: {
                       footnote: m?.footnote,
@@ -604,24 +605,24 @@ function gt(pe) {
   const {
     data: n,
     barColors: g,
-    barPadding: X,
+    barPadding: Y,
     showTicks: A,
-    leftMargin: Y,
+    leftMargin: _,
     truncateBy: me,
     width: ue,
     height: ge,
     suffix: Z,
-    prefix: _,
+    prefix: X,
     showValues: ie,
-    rightMargin: D,
+    rightMargin: O,
     topMargin: se,
     bottomMargin: he,
-    showLabels: M,
+    showLabels: j,
     tooltip: E,
     onSeriesMouseOver: J,
     refValues: ee,
-    maxValue: C,
-    minValue: y,
+    maxValue: v,
+    minValue: f,
     onSeriesMouseClick: F,
     selectedColor: ae,
     rtl: le,
@@ -634,26 +635,26 @@ function gt(pe) {
     noOfTicks: $,
     styles: p,
     classNames: x,
-    animate: w,
+    animate: C,
     colorDomain: z,
-    precision: O,
-    customLayers: N,
+    precision: N,
+    customLayers: D,
     naLabel: I
   } = pe, S = Me(null), b = Re(S, {
-    once: w.once,
-    amount: w.amount
-  }), v = {
+    once: C.once,
+    amount: C.amount
+  }), w = {
     top: xe ? se + 25 : se,
     bottom: he,
-    left: Y,
-    right: D
-  }, [q, T] = L(void 0), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, j] = L(void 0), H = ue - v.left - v.right, u = ge - v.top - v.bottom, k = n.map((s, t) => ({
+    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) => ({
     ...s,
     id: K ? `${s.label}` : `${t}`
-  })), m = K || k.map((s) => `${s.id}`), d = qe().domain([y, C]).range([0, H]).nice(), h = Ie().domain(m).range([
+  })), m = K || k.map((s) => `${s.id}`), d = qe().domain([f, v]).range([0, H]).nice(), h = Ie().domain(m).range([
     0,
     te ? Math.min(u, te * m.length) : u
-  ]).paddingInner(X), c = Ie().domain(n[0].size.map((s, t) => `${t}`)).range([0, h.bandwidth()]).paddingInner(0.1), l = d.ticks($);
+  ]).paddingInner(Y), c = Ie().domain(n[0].size.map((s, t) => `${t}`)).range([0, h.bandwidth()]).paddingInner(0.1), l = d.ticks($);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ye.svg,
@@ -663,14 +664,14 @@ function gt(pe) {
         height: `${ge}px`,
         viewBox: `0 0 ${ue} ${ge}`,
         direction: "ltr",
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
           A ? /* @__PURE__ */ e.jsx(
             st,
             {
               values: l.filter((s) => s !== 0),
               x: l.filter((s) => s !== 0).map((s) => d(s)),
               y1: 0 - se,
-              y2: u + v.bottom,
+              y2: u + w.bottom,
               styles: {
                 gridLines: p?.xAxis?.gridLines,
                 labels: p?.xAxis?.labels
@@ -680,23 +681,23 @@ function gt(pe) {
                 labels: x?.xAxis?.labels
               },
               suffix: Z,
-              prefix: _,
+              prefix: X,
               labelType: "secondary",
               showGridLines: !0,
-              precision: O
+              precision: N
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
             _e,
             {
               x: H / 2,
-              y: 0 - v.top + 15,
+              y: 0 - w.top + 15,
               style: p?.xAxis?.title,
               className: x?.xAxis?.title,
               text: xe
             }
           ),
-          N.filter((s) => s.position === "before").map((s) => s.layer),
+          D.filter((s) => s.position === "before").map((s) => s.layer),
           /* @__PURE__ */ e.jsxs(Ue, { children: [
             k.map(
               (s) => W(h(s.id)) ? null : /* @__PURE__ */ e.jsxs(
@@ -710,26 +711,26 @@ function gt(pe) {
                     whileInView: {
                       x: 0,
                       y: h(`${s.id}`),
-                      transition: { duration: w.duration }
+                      transition: { duration: C.duration }
                     }
                   },
                   initial: "initial",
                   animate: b ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: w.duration } },
+                  exit: { opacity: 0, transition: { duration: C.duration } },
                   children: [
                     s.size.map((t, r) => /* @__PURE__ */ e.jsxs(
                       ye.g,
                       {
                         className: "undp-viz-g-with-hover",
                         opacity: ae ? g[r] === ae ? 1 : 0.3 : 0.85,
-                        onMouseEnter: (f) => {
-                          T({ ...s, sizeIndex: r }), j(f.clientY), P(f.clientX), J?.({ ...s, sizeIndex: r });
+                        onMouseEnter: (y) => {
+                          T({ ...s, sizeIndex: r }), M(y.clientY), P(y.clientX), J?.({ ...s, sizeIndex: r });
                         },
-                        onMouseMove: (f) => {
-                          T({ ...s, sizeIndex: r }), j(f.clientY), P(f.clientX);
+                        onMouseMove: (y) => {
+                          T({ ...s, sizeIndex: r }), M(y.clientY), P(y.clientX);
                         },
                         onMouseLeave: () => {
-                          T(void 0), P(void 0), j(void 0), J?.(void 0);
+                          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 })));
@@ -749,13 +750,13 @@ function gt(pe) {
                                   width: W(t) ? 0 : t >= 0 ? d(t) - d(0) : d(0) - d(t),
                                   x: t >= 0 ? d(0) : d(t),
                                   fill: g[r],
-                                  transition: { duration: w.duration }
+                                  transition: { duration: C.duration }
                                 }
                               },
                               exit: {
                                 width: 0,
                                 x: d(0),
-                                transition: { duration: w.duration }
+                                transition: { duration: C.duration }
                               },
                               height: c.bandwidth(),
                               initial: "initial",
@@ -779,33 +780,33 @@ function gt(pe) {
                                 whileInView: {
                                   x: d(t || 0),
                                   opacity: 1,
-                                  transition: { duration: w.duration }
+                                  transition: { duration: C.duration }
                                 }
                               },
                               initial: "initial",
                               animate: b ? "whileInView" : "initial",
                               exit: {
                                 opacity: 0,
-                                transition: { duration: w.duration }
+                                transition: { duration: C.duration }
                               },
-                              children: ze(t, I, O, _, Z)
+                              children: ze(t, I, N, X, Z)
                             }
                           ) : null
                         ]
                       },
                       `${s.label}-${z[r] || r}`
                     )),
-                    M ? /* @__PURE__ */ e.jsx(
+                    j ? /* @__PURE__ */ e.jsx(
                       ot,
                       {
                         value: `${s.label}`.length < me ? `${s.label}` : `${`${s.label}`.substring(0, me)}...`,
                         y: 0,
-                        x: 0 - v.left,
-                        width: d(y < 0 ? 0 : y) + v.left,
+                        x: 0 - w.left,
+                        width: d(f < 0 ? 0 : f) + w.left,
                         height: h.bandwidth(),
                         style: p?.yAxis?.labels,
                         className: x?.yAxis?.labels,
-                        animate: w,
+                        animate: C,
                         isInView: b
                       }
                     ) : null
@@ -817,10 +818,10 @@ function gt(pe) {
             /* @__PURE__ */ e.jsx(
               Ee,
               {
-                x1: d(y < 0 ? 0 : y),
-                x2: d(y < 0 ? 0 : y),
+                x1: d(f < 0 ? 0 : f),
+                x2: d(f < 0 ? 0 : f),
                 y1: -2.5,
-                y2: u + v.bottom,
+                y2: u + w.bottom,
                 classNames: { axis: x?.yAxis?.axis },
                 styles: { axis: p?.yAxis?.axis }
               }
@@ -831,18 +832,18 @@ function gt(pe) {
                 text: s.text,
                 color: s.color,
                 x: d(s.value),
-                y1: 0 - v.top,
-                y2: u + v.bottom,
+                y1: 0 - w.top,
+                y2: u + w.bottom,
                 textSide: d(s.value) > H * 0.75 || le ? "left" : "right",
                 classNames: s.classNames,
                 styles: s.styles,
-                animate: w,
+                animate: C,
                 isInView: b
               },
               t
             )) }) : null
           ] }),
-          N.filter((s) => s.position === "after").map((s) => s.layer)
+          D.filter((s) => s.position === "after").map((s) => s.layer)
         ] })
       }
     ),
@@ -880,24 +881,24 @@ function xt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X = je.light.categoricalColors.colors,
+    colors: Y = je.light.categoricalColors.colors,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     truncateBy: ge = 999,
     height: Z,
-    width: _,
+    width: X,
     footNote: ie,
-    colorDomain: D,
+    colorDomain: O,
     colorLegendTitle: se,
     suffix: he = "",
-    prefix: M = "",
+    prefix: j = "",
     showValues: E = !0,
     showColorScale: J = !0,
     padding: ee,
-    backgroundColor: C = !1,
-    leftMargin: y = 100,
+    backgroundColor: v = !1,
+    leftMargin: f = 100,
     rightMargin: F = 40,
     topMargin: ae = 25,
     bottomMargin: le = 10,
@@ -910,14 +911,14 @@ function xt(pe) {
     maxValue: $,
     minValue: p,
     onSeriesMouseClick: x,
-    graphDownload: w = !1,
+    graphDownload: C = !1,
     dataDownload: z = !1,
-    language: O = "en",
-    labelOrder: N,
+    language: N = "en",
+    labelOrder: D,
     minHeight: I = 0,
     theme: S = "light",
     maxBarThickness: b,
-    ariaLabel: v,
+    ariaLabel: w,
     resetSelectionOnDoubleClick: q = !0,
     detailsOnClick: T,
     barAxisTitle: V,
@@ -925,7 +926,7 @@ function xt(pe) {
     valueColor: G,
     styles: P,
     classNames: Q,
-    filterNA: j = !0,
+    filterNA: M = !0,
     animate: H = !1,
     precision: u = 2,
     customLayers: k = [],
@@ -933,7 +934,7 @@ 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(
+  } = pe, [l, s] = L(0), [t, r] = L(0), [y, Ce] = L(m.autoplay), ce = Fe(
     Ae(
       n.filter((o) => o.date !== void 0 && o.date !== null),
       (o) => o.date
@@ -942,18 +943,18 @@ function xt(pe) {
   ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, de] = L(void 0), be = Me(null), we = Me(null);
   Ve(() => {
     const o = new ResizeObserver((i) => {
-      s(_ || i[0].target.clientWidth || 620), r(Z || i[0].target.clientHeight || 480);
+      s(X || i[0].target.clientWidth || 620), r(Z || i[0].target.clientHeight || 480);
     });
-    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), _ || o.observe(be.current)), () => o.disconnect();
-  }, [_, Z]), Ve(() => {
+    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), X || o.observe(be.current)), () => o.disconnect();
+  }, [X, Z]), Ve(() => {
     const o = setInterval(
       () => {
         fe((i) => i < ce.length - 1 ? i + 1 : 0);
       },
       (m.speed || 2) * 1e3
     );
-    return f || clearInterval(o), () => clearInterval(o);
-  }, [ce, f, m.speed]);
+    return y || clearInterval(o), () => clearInterval(o);
+  }, [ce, y, m.speed]);
   const Ne = Pe(
     ce,
     U,
@@ -963,29 +964,30 @@ function xt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${S || "light"} flex  ${_ ? "w-fit grow-0" : "w-full grow"}`,
-      dir: O === "he" || O === "ar" ? "rtl" : void 0,
+      className: `${S || "light"} flex  ${X ? "w-fit grow-0" : "w-full grow"}`,
+      dir: N === "he" || N === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: $e(
-            `${C ? C === !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 ? 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",
             Q?.graphContainer
           ),
           style: {
             ...P?.graphContainer || {},
-            ...C && C !== !0 ? { backgroundColor: C } : {}
+            ...v && v !== !0 ? { backgroundColor: v } : {}
           },
           id: ne,
           ref: we,
-          "aria-label": v || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${Y ? ` ${Y}` : ""}`,
+          "aria-label": w || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: C ? ee || "1rem" : ee || 0 },
+              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 || Y || w || z ? /* @__PURE__ */ e.jsx(
+                g || _ || C || z ? /* @__PURE__ */ e.jsx(
                   Ke,
                   {
                     styles: {
@@ -997,9 +999,9 @@ function xt(pe) {
                       description: Q?.description
                     },
                     graphTitle: g,
-                    graphDescription: Y,
-                    width: _,
-                    graphDownload: w ? we.current : void 0,
+                    graphDescription: _,
+                    width: X,
+                    graphDownload: C ? we.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,
@@ -1009,11 +1011,11 @@ function xt(pe) {
                     {
                       type: "button",
                       onClick: () => {
-                        Ce(!f);
+                        Ce(!y);
                       },
                       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, {})
+                      "aria-label": y ? "Click to pause animation" : "Click to play animation",
+                      children: y ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
@@ -1039,15 +1041,15 @@ function xt(pe) {
                   J ? /* @__PURE__ */ e.jsx(
                     Qe,
                     {
-                      width: _,
-                      colorDomain: D,
-                      colors: X,
+                      width: X,
+                      colorDomain: O,
+                      colors: Y,
                       colorLegendTitle: se,
                       setSelectedColor: de,
                       showNAColor: !1
                     }
                   ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (_ || l) && (Z || t) ? /* @__PURE__ */ e.jsx(
+                  /* @__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,
                     {
                       data: h !== void 0 ? h === "total" ? Le(
@@ -1060,7 +1062,7 @@ function xt(pe) {
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
-                          (o) => j ? !o.size.every((i) => i == null) : o
+                          (o) => M ? !o.size.every((i) => i == null) : o
                         ),
                         (o) => ke(o.size.filter((i) => !W(i))),
                         [c || "asc"]
@@ -1074,26 +1076,26 @@ function xt(pe) {
                             m.dateFormat || "yyyy"
                           ) : o
                         ).filter(
-                          (o) => j ? !o.size.every((i) => i == null) : o
+                          (o) => M ? !o.size.every((i) => i == null) : o
                         ),
                         (o) => W(o.size[h]) ? -1 / 0 : o.size[h],
                         [c || "asc"]
                       ) : Te(
                         n,
                         m.dateFormat || "yyyy"
-                      ).filter((o) => j ? !o.size.every((i) => i == null) : o),
-                      barColors: X,
-                      width: _ || l,
+                      ).filter((o) => M ? !o.size.every((i) => i == null) : o),
+                      barColors: Y,
+                      width: X || l,
                       height: Math.max(
                         I,
-                        Z || (te ? I ? (_ || l) * te > I ? (_ || l) * te : I : (_ || l) * te : t)
+                        Z || (te ? I ? (X || l) * te > I ? (X || l) * te : I : (X || l) * te : t)
                       ),
                       suffix: he,
-                      prefix: M,
+                      prefix: j,
                       showValues: E,
                       barPadding: me,
                       showTicks: ue,
-                      leftMargin: y,
+                      leftMargin: f,
                       rightMargin: F,
                       topMargin: ae,
                       bottomMargin: le,
@@ -1138,8 +1140,8 @@ function xt(pe) {
                       ) : p,
                       onSeriesMouseClick: x,
                       selectedColor: Oe,
-                      labelOrder: N,
-                      rtl: O === "he" || O === "ar",
+                      labelOrder: D,
+                      rtl: N === "he" || N === "ar",
                       maxBarThickness: b,
                       resetSelectionOnDoubleClick: q,
                       detailsOnClick: T,
@@ -1148,7 +1150,7 @@ function xt(pe) {
                       valueColor: G,
                       styles: P,
                       classNames: Q,
-                      colorDomain: D,
+                      colorDomain: O,
                       animate: H === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : H || { duration: 0, once: !0, amount: 0 },
                       precision: u,
                       customLayers: k,
@@ -1166,7 +1168,7 @@ function xt(pe) {
                     },
                     sources: A,
                     footNote: ie,
-                    width: _
+                    width: X
                   }
                 ) : null
               ] })
@@ -1181,24 +1183,24 @@ function ft(pe) {
   const {
     data: n,
     barColors: g,
-    barPadding: X,
+    barPadding: Y,
     showTicks: A,
-    leftMargin: Y,
+    leftMargin: _,
     rightMargin: me,
     truncateBy: ue,
     width: ge,
     height: Z,
-    topMargin: _,
+    topMargin: X,
     bottomMargin: ie,
-    tooltip: D,
+    tooltip: O,
     onSeriesMouseOver: se,
     showLabels: he,
-    suffix: M,
+    suffix: j,
     prefix: E,
     showValues: J,
     refValues: ee,
-    maxValue: C,
-    onSeriesMouseClick: y,
+    maxValue: v,
+    onSeriesMouseClick: f,
     selectedColor: F,
     rtl: ae,
     labelOrder: le,
@@ -1211,26 +1213,26 @@ function ft(pe) {
     noOfTicks: $,
     styles: p,
     classNames: x,
-    animate: w,
+    animate: C,
     colorDomain: z,
-    precision: O,
-    customLayers: N,
+    precision: N,
+    customLayers: D,
     naLabel: I
   } = pe, S = Me(null), b = Re(S, {
-    once: w.once,
-    amount: w.amount
-  }), v = {
-    top: xe ? _ + 25 : _,
+    once: C.once,
+    amount: C.amount
+  }), w = {
+    top: xe ? X + 25 : X,
     bottom: ie,
-    left: Y,
+    left: _,
     right: me
-  }, [q, T] = L(void 0), [V, oe] = L(void 0), [G, P] = L(void 0), [Q, j] = L(void 0), H = ge - v.left - v.right, u = Z - v.top - v.bottom, k = n.map((l, s) => ({
+  }, [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, C]).range([0, H]).nice(), h = Ie().domain(m).range([
+  })), m = le || k.map((l) => `${l.id}`), d = qe().domain([0, v]).range([0, H]).nice(), h = Ie().domain(m).range([
     0,
     te ? Math.max(u, te * m.length) : K ? Math.min(u, K * m.length) : u
-  ]).paddingInner(X), c = d.ticks($);
+  ]).paddingInner(Y), c = d.ticks($);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ye.svg,
@@ -1240,14 +1242,14 @@ function ft(pe) {
         height: `${Z}px`,
         viewBox: `0 0 ${ge} ${Z}`,
         direction: "ltr",
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
           A ? /* @__PURE__ */ e.jsx(
             st,
             {
               values: c.filter((l) => l !== 0),
               x: c.filter((l) => l !== 0).map((l) => d(l)),
-              y1: 0 - _,
-              y2: u + v.bottom,
+              y1: 0 - X,
+              y2: u + w.bottom,
               styles: {
                 gridLines: p?.xAxis?.gridLines,
                 labels: p?.xAxis?.labels
@@ -1256,24 +1258,24 @@ function ft(pe) {
                 gridLines: x?.xAxis?.gridLines,
                 labels: x?.xAxis?.labels
               },
-              suffix: M,
+              suffix: j,
               prefix: E,
               labelType: "secondary",
               showGridLines: !0,
-              precision: O
+              precision: N
             }
           ) : null,
           /* @__PURE__ */ e.jsx(
             _e,
             {
               x: H / 2,
-              y: 0 - v.top + 15,
+              y: 0 - w.top + 15,
               style: p?.xAxis?.title,
               className: x?.xAxis?.title,
               text: xe
             }
           ),
-          N.filter((l) => l.position === "before").map((l) => l.layer),
+          D.filter((l) => l.position === "before").map((l) => l.layer),
           /* @__PURE__ */ e.jsxs(Ue, { children: [
             k.map(
               (l) => W(h(l.id)) ? null : /* @__PURE__ */ e.jsxs(
@@ -1285,28 +1287,28 @@ function ft(pe) {
                     whileInView: {
                       x: 0,
                       y: h(`${l.id}`),
-                      transition: { duration: w.duration }
+                      transition: { duration: C.duration }
                     }
                   },
                   initial: "initial",
                   animate: b ? "whileInView" : "initial",
-                  exit: { opacity: 0, transition: { duration: w.duration } },
+                  exit: { opacity: 0, transition: { duration: C.duration } },
                   children: [
                     l.size.map((s, t) => /* @__PURE__ */ e.jsxs(
                       ye.g,
                       {
                         opacity: F ? g[t] === F ? 1 : 0.3 : 1,
                         onMouseEnter: (r) => {
-                          T({ ...l, sizeIndex: t }), j(r.clientY), P(r.clientX), se?.({ ...l, sizeIndex: t });
+                          T({ ...l, sizeIndex: t }), M(r.clientY), P(r.clientX), se?.({ ...l, sizeIndex: t });
                         },
                         onMouseMove: (r) => {
-                          T({ ...l, sizeIndex: t }), j(r.clientY), P(r.clientX);
+                          T({ ...l, sizeIndex: t }), M(r.clientY), P(r.clientX);
                         },
                         onMouseLeave: () => {
-                          T(void 0), P(void 0), j(void 0), se?.(void 0);
+                          T(void 0), P(void 0), M(void 0), se?.(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 })));
+                          (f || R) && (We(V, { ...l, sizeIndex: t }) && re ? (oe(void 0), f?.(void 0)) : (oe({ ...l, sizeIndex: t }), f && f({ ...l, sizeIndex: t })));
                         },
                         children: [
                           s ? /* @__PURE__ */ e.jsx(
@@ -1318,7 +1320,7 @@ function ft(pe) {
                               exit: {
                                 width: 0,
                                 x: d(0),
-                                transition: { duration: w.duration }
+                                transition: { duration: C.duration }
                               },
                               variants: {
                                 initial: {
@@ -1329,10 +1331,10 @@ 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(l.size.filter((r, y) => y < t && r))
                                   ),
                                   fill: g[t],
-                                  transition: { duration: w.duration }
+                                  transition: { duration: C.duration }
                                 }
                               },
                               initial: "initial",
@@ -1352,7 +1354,7 @@ function ft(pe) {
                               className: $e("graph-value text-sm", x?.graphObjectValues),
                               exit: {
                                 opacity: 0,
-                                transition: { duration: w.duration }
+                                transition: { duration: C.duration }
                               },
                               variants: {
                                 initial: {
@@ -1362,16 +1364,16 @@ function ft(pe) {
                                 },
                                 whileInView: {
                                   x: d(
-                                    t === 0 ? 0 : ke(l.size.filter((r, f) => f < t && r))
+                                    t === 0 ? 0 : ke(l.size.filter((r, y) => y < t && r))
                                   ) + d(s || 0) / 2,
-                                  opacity: s && d(s) / ze(s, I, O, E, M).length > 12 ? 1 : 0,
+                                  opacity: s && d(s) / ze(s, I, N, E, j).length > 12 ? 1 : 0,
                                   fill: lt(g[t]),
-                                  transition: { duration: w.duration }
+                                  transition: { duration: C.duration }
                                 }
                               },
                               initial: "initial",
                               animate: b ? "whileInView" : "initial",
-                              children: ze(s, I, O, E, M)
+                              children: ze(s, I, N, E, j)
                             }
                           ) : null
                         ]
@@ -1383,12 +1385,12 @@ function ft(pe) {
                       {
                         value: `${l.label}`.length < ue ? `${l.label}` : `${`${l.label}`.substring(0, ue)}...`,
                         y: 0,
-                        x: 0 - v.left,
-                        width: 0 + v.left,
+                        x: 0 - w.left,
+                        width: 0 + w.left,
                         height: h.bandwidth(),
                         style: p?.yAxis?.labels,
                         className: x?.yAxis?.labels,
-                        animate: w,
+                        animate: C,
                         isInView: b
                       }
                     ) : null,
@@ -1416,21 +1418,21 @@ function ft(pe) {
                           whileInView: {
                             x: d(ke(l.size.map((s) => s || 0))),
                             opacity: 1,
-                            transition: { duration: w.duration }
+                            transition: { duration: C.duration }
                           }
                         },
                         exit: {
                           opacity: 0,
-                          transition: { duration: w.duration }
+                          transition: { duration: C.duration }
                         },
                         initial: "initial",
                         animate: b ? "whileInView" : "initial",
                         children: ze(
                           ke(l.size.filter((s) => s)),
                           I,
-                          O,
+                          N,
                           E,
-                          M
+                          j
                         )
                       }
                     ) : null
@@ -1445,7 +1447,7 @@ function ft(pe) {
                 x1: d(0),
                 x2: d(0),
                 y1: -2.5,
-                y2: u + v.bottom,
+                y2: u + w.bottom,
                 classNames: { axis: x?.yAxis?.axis },
                 styles: { axis: p?.yAxis?.axis }
               }
@@ -1456,26 +1458,26 @@ function ft(pe) {
                 text: l.text,
                 color: l.color,
                 x: d(l.value),
-                y1: 0 - v.top,
-                y2: u + v.bottom,
+                y1: 0 - w.top,
+                y2: u + w.bottom,
                 textSide: d(l.value) > H * 0.75 || ae ? "left" : "right",
                 classNames: l.classNames,
                 styles: l.styles,
-                animate: w,
+                animate: C,
                 isInView: b
               },
               s
             )) }) : null
           ] }),
-          N.filter((l) => l.position === "after").map((l) => l.layer)
+          D.filter((l) => l.position === "after").map((l) => l.layer)
         ] })
       }
     ),
-    q && D && G && Q ? /* @__PURE__ */ e.jsx(
+    q && O && G && Q ? /* @__PURE__ */ e.jsx(
       Xe,
       {
         data: q,
-        body: D,
+        body: O,
         xPos: G,
         yPos: Q,
         backgroundStyle: p?.tooltip,
@@ -1505,24 +1507,24 @@ function yt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X = je.light.categoricalColors.colors,
+    colors: Y = je.light.categoricalColors.colors,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 100,
     rightMargin: Z = 40,
-    truncateBy: _ = 999,
+    truncateBy: X = 999,
     height: ie,
-    width: D,
+    width: O,
     footNote: se,
     colorDomain: he,
-    colorLegendTitle: M,
+    colorLegendTitle: j,
     padding: E,
     backgroundColor: J = !1,
     topMargin: ee = 25,
-    bottomMargin: C = 10,
-    tooltip: y,
+    bottomMargin: v = 10,
+    tooltip: f,
     onSeriesMouseOver: F,
     suffix: ae = "",
     prefix: le = "",
@@ -1535,14 +1537,14 @@ function yt(pe) {
     onSeriesMouseClick: $,
     graphDownload: p = !1,
     dataDownload: x = !1,
-    language: w = "en",
+    language: C = "en",
     labelOrder: z,
-    minHeight: O = 0,
-    theme: N = "light",
+    minHeight: N = 0,
+    theme: D = "light",
     maxBarThickness: I,
     sortParameter: S,
     maxNumberOfBars: b,
-    minBarThickness: v,
+    minBarThickness: w,
     showColorScale: q = !0,
     ariaLabel: T,
     resetSelectionOnDoubleClick: V = !0,
@@ -1550,7 +1552,7 @@ function yt(pe) {
     barAxisTitle: G,
     noOfTicks: P = 5,
     valueColor: Q,
-    styles: j,
+    styles: M,
     classNames: H,
     filterNA: u = !0,
     animate: k = !1,
@@ -1559,7 +1561,7 @@ function yt(pe) {
     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(
+  } = pe, [s, t] = L(0), [r, y] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
     Ae(
       n.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
@@ -1568,10 +1570,10 @@ function yt(pe) {
   ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [de, be] = L(void 0), we = Me(null), Ne = Me(null);
   Ve(() => {
     const i = new ResizeObserver((B) => {
-      t(D || B[0].target.clientWidth || 620), f(ie || B[0].target.clientHeight || 480);
+      t(O || B[0].target.clientWidth || 620), y(ie || B[0].target.clientHeight || 480);
     });
-    return we.current && (f(we.current.clientHeight || 480), t(we.current.clientWidth || 620), D || i.observe(we.current)), () => i.disconnect();
-  }, [D, ie]), Ve(() => {
+    return we.current && (y(we.current.clientHeight || 480), t(we.current.clientWidth || 620), O || i.observe(we.current)), () => i.disconnect();
+  }, [O, ie]), Ve(() => {
     const i = setInterval(
       () => {
         Oe((B) => B < U.length - 1 ? B + 1 : 0);
@@ -1589,42 +1591,43 @@ function yt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${N || "light"} flex  ${D ? "w-fit grow-0" : "w-full grow"}`,
-      dir: w === "he" || w === "ar" ? "rtl" : void 0,
+      className: `${D || "light"} flex  ${O ? "w-fit grow-0" : "w-full grow"}`,
+      dir: C === "he" || C === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: $e(
-            `${J ? J === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${w || "en"}`,
+            `${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",
             H?.graphContainer
           ),
           style: {
-            ...j?.graphContainer || {},
+            ...M?.graphContainer || {},
             ...J && J !== !0 ? { backgroundColor: J } : {}
           },
           id: xe,
           ref: Ne,
-          "aria-label": T || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${Y ? ` ${Y}` : ""}`,
+          "aria-label": T || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               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 || Y || p || x ? /* @__PURE__ */ e.jsx(
+                g || _ || p || x ? /* @__PURE__ */ e.jsx(
                   Ke,
                   {
                     styles: {
-                      title: j?.title,
-                      description: j?.description
+                      title: M?.title,
+                      description: M?.description
                     },
                     classNames: {
                       title: H?.title,
                       description: H?.description
                     },
                     graphTitle: g,
-                    graphDescription: Y,
-                    width: D,
+                    graphDescription: _,
+                    width: O,
                     graphDownload: p ? 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
                   }
@@ -1665,15 +1668,15 @@ function yt(pe) {
                   q ? /* @__PURE__ */ e.jsx(
                     Qe,
                     {
-                      width: D,
+                      width: O,
                       colorDomain: he,
-                      colors: X,
-                      colorLegendTitle: M,
+                      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: (D || s) && (ie || r) ? /* @__PURE__ */ e.jsx(
+                  /* @__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,
                     {
                       data: S !== void 0 ? S === "total" ? Le(
@@ -1713,21 +1716,21 @@ function yt(pe) {
                           h.dateFormat || "yyyy"
                         ) : i
                       ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => b ? B < b : !0),
-                      barColors: X,
-                      width: D || s,
+                      barColors: Y,
+                      width: O || s,
                       height: Math.max(
-                        O,
-                        ie || (te ? O ? (D || s) * te > O ? (D || s) * te : O : (D || s) * te : r)
+                        N,
+                        ie || (te ? N ? (O || s) * te > N ? (O || s) * te : N : (O || s) * te : r)
                       ),
                       barPadding: me,
                       showTicks: ue,
                       leftMargin: ge,
                       rightMargin: Z,
                       topMargin: ee,
-                      bottomMargin: C,
-                      truncateBy: _,
+                      bottomMargin: v,
+                      truncateBy: X,
                       showLabels: K,
-                      tooltip: y,
+                      tooltip: f,
                       onSeriesMouseOver: F,
                       showValues: re,
                       suffix: ae,
@@ -1740,17 +1743,17 @@ function yt(pe) {
                       ) : ne,
                       onSeriesMouseClick: $,
                       selectedColor: de,
-                      rtl: w === "he" || w === "ar",
+                      rtl: C === "he" || C === "ar",
                       labelOrder: z,
                       maxBarThickness: I,
-                      minBarThickness: v,
+                      minBarThickness: w,
                       resetSelectionOnDoubleClick: V,
                       detailsOnClick: oe,
                       barAxisTitle: G,
                       noOfTicks: P,
                       valueColor: Q,
                       classNames: H,
-                      styles: j,
+                      styles: M,
                       animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
                       colorDomain: he,
                       precision: m,
@@ -1762,14 +1765,14 @@ function yt(pe) {
                 A || se ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
-                    styles: { footnote: j?.footnote, source: j?.source },
+                    styles: { footnote: M?.footnote, source: M?.source },
                     classNames: {
                       footnote: H?.footnote,
                       source: H?.source
                     },
                     sources: A,
                     footNote: se,
-                    width: D
+                    width: O
                   }
                 ) : null
               ] })
@@ -1784,24 +1787,24 @@ function pt(pe) {
   const {
     data: n,
     width: g,
-    height: X,
+    height: Y,
     barColor: A,
-    suffix: Y,
+    suffix: _,
     prefix: me,
     barPadding: ue,
     showLabels: ge,
     showValues: Z,
-    showTicks: _,
+    showTicks: X,
     colorDomain: ie,
-    truncateBy: D,
+    truncateBy: O,
     rightMargin: se,
     topMargin: he,
-    bottomMargin: M,
+    bottomMargin: j,
     leftMargin: E,
     tooltip: J,
     onSeriesMouseOver: ee,
-    refValues: C,
-    selectedColor: y,
+    refValues: v,
+    selectedColor: f,
     maxValue: F,
     minValue: ae,
     highlightedDataPoints: le,
@@ -1814,22 +1817,22 @@ function pt(pe) {
     barAxisTitle: $,
     valueColor: p,
     noOfTicks: x,
-    styles: w,
+    styles: C,
     classNames: z,
-    dimmedOpacity: O,
-    animate: N,
+    dimmedOpacity: N,
+    animate: D,
     precision: I,
     customLayers: S,
     naLabel: b
-  } = pe, v = Me(null), q = Re(v, {
-    once: N.once,
-    amount: N.amount
+  } = pe, w = Me(null), q = Re(w, {
+    once: D.once,
+    amount: D.amount
   }), T = {
     top: he,
-    bottom: M,
+    bottom: j,
     left: $ ? E + 30 : E,
     right: se
-  }, [V, oe] = L(void 0), [G, P] = L(void 0), [Q, j] = L(void 0), [H, u] = L(void 0), k = g - T.left - T.right, m = X - T.top - T.bottom, d = qe().domain([ae, F]).range([m, 0]).nice(), h = n.map((t, r) => ({
+  }, [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) => ({
     ...t,
     id: te ? `${t.label}` : `${r}`
   })), c = te || h.map((t) => `${t.id}`), l = Ie().domain(c).range([
@@ -1840,10 +1843,10 @@ function pt(pe) {
     /* @__PURE__ */ e.jsx(
       ye.svg,
       {
-        ref: v,
+        ref: w,
         width: `${g}px`,
-        height: `${X}px`,
-        viewBox: `0 0 ${g} ${X}`,
+        height: `${Y}px`,
+        viewBox: `0 0 ${g} ${Y}`,
         direction: "ltr",
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${T.left},${T.top})`, children: [
           /* @__PURE__ */ e.jsx(
@@ -1858,7 +1861,7 @@ function pt(pe) {
                 b,
                 I,
                 me,
-                Y
+                _
               ),
               labelPos: {
                 x: 0 - E,
@@ -1870,10 +1873,10 @@ function pt(pe) {
                 axis: z?.xAxis?.axis,
                 label: z?.yAxis?.labels
               },
-              styles: { axis: w?.xAxis?.axis, label: w?.yAxis?.labels }
+              styles: { axis: C?.xAxis?.axis, label: C?.yAxis?.labels }
             }
           ),
-          _ ? /* @__PURE__ */ e.jsx(
+          X ? /* @__PURE__ */ e.jsx(
             ht,
             {
               values: s.filter((t) => t !== 0),
@@ -1881,14 +1884,14 @@ function pt(pe) {
               x1: 0 - E,
               x2: k + T.right,
               styles: {
-                gridLines: w?.yAxis?.gridLines,
-                labels: w?.yAxis?.labels
+                gridLines: C?.yAxis?.gridLines,
+                labels: C?.yAxis?.labels
               },
               classNames: {
                 gridLines: z?.yAxis?.gridLines,
                 labels: z?.yAxis?.labels
               },
-              suffix: Y,
+              suffix: _,
               prefix: me,
               labelType: "secondary",
               showGridLines: !0,
@@ -1901,7 +1904,7 @@ function pt(pe) {
             {
               x: 0 - E - 15,
               y: m / 2,
-              style: w?.yAxis?.title,
+              style: C?.yAxis?.title,
               className: z?.yAxis?.title,
               text: $,
               rotate90: !0
@@ -1918,25 +1921,25 @@ function pt(pe) {
                   animate: q ? "whileInView" : "initial",
                   variants: {
                     initial: {
-                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : O : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : O : 0.85
+                      opacity: f ? t.color && A[ie.indexOf(t.color)] === f ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85
                     },
                     whileInView: {
-                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : O : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : O : 0.85,
-                      transition: { duration: N.duration }
+                      opacity: f ? t.color && A[ie.indexOf(t.color)] === f ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85,
+                      transition: { duration: D.duration }
                     }
                   },
-                  exit: { opacity: 0, transition: { duration: N.duration } },
-                  onMouseEnter: (f) => {
-                    oe(t), u(f.clientY), j(f.clientX), ee?.(t);
+                  exit: { opacity: 0, transition: { duration: D.duration } },
+                  onMouseEnter: (y) => {
+                    oe(t), u(y.clientY), M(y.clientX), ee?.(t);
                   },
                   onClick: () => {
                     (K || ne) && (We(G, t) && xe ? (P(void 0), K?.(void 0)) : (P(t), K?.(t)));
                   },
-                  onMouseMove: (f) => {
-                    oe(t), u(f.clientY), j(f.clientX);
+                  onMouseMove: (y) => {
+                    oe(t), u(y.clientY), M(y.clientX);
                   },
                   onMouseLeave: () => {
-                    oe(void 0), j(void 0), u(void 0), ee?.(void 0);
+                    oe(void 0), M(void 0), u(void 0), ee?.(void 0);
                   },
                   children: [
                     t.size ? /* @__PURE__ */ e.jsx(
@@ -1950,35 +1953,35 @@ function pt(pe) {
                             height: 0,
                             x: l(`${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((y) => y.color).length === 0 ? A[0] : t.color ? A[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: N.duration }
+                            fill: n.filter((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray,
+                            transition: { duration: D.duration }
                           }
                         },
                         exit: {
                           height: 0,
                           y: d(0),
-                          transition: { duration: N.duration }
+                          transition: { duration: D.duration }
                         }
                       }
                     ) : null,
                     ge ? /* @__PURE__ */ e.jsx(
                       dt,
                       {
-                        value: `${t.label}`.length < D ? `${t.label}` : `${`${t.label}`.substring(0, D)}...`,
+                        value: `${t.label}`.length < O ? `${t.label}` : `${`${t.label}`.substring(0, O)}...`,
                         y: (t.size || 0) < 0 ? 0 : d(0) + 5,
                         x: l(`${t.id}`),
                         width: l.bandwidth(),
                         height: (t.size || 0) < 0 ? d(0) - 5 : T.bottom,
-                        style: w?.xAxis?.labels,
+                        style: C?.xAxis?.labels,
                         className: z?.xAxis?.labels,
                         alignment: (t.size || 0) < 0 ? "bottom" : "top",
-                        animate: N,
+                        animate: D,
                         isInView: q
                       }
                     ) : null,
@@ -1987,7 +1990,7 @@ function pt(pe) {
                       {
                         style: {
                           textAnchor: "middle",
-                          ...w?.graphObjectValues || {}
+                          ...C?.graphObjectValues || {}
                         },
                         className: $e(
                           "graph-value text-sm",
@@ -2000,23 +2003,23 @@ function pt(pe) {
                             x: l(`${t.id}`) + l.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: p || (n.filter((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray)
                           },
                           whileInView: {
                             x: l(`${t.id}`) + l.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: p || (n.filter((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray),
                             opacity: 1,
-                            transition: { duration: N.duration }
+                            transition: { duration: D.duration }
                           }
                         },
                         initial: "initial",
                         animate: q ? "whileInView" : "initial",
                         exit: {
                           opacity: 0,
-                          transition: { duration: N.duration }
+                          transition: { duration: D.duration }
                         },
-                        children: ze(t.size, b, I, me, Y)
+                        children: ze(t.size, b, I, me, _)
                       }
                     ) : null
                   ]
@@ -2024,7 +2027,7 @@ function pt(pe) {
                 t.label
               )
             ),
-            C ? /* @__PURE__ */ e.jsx(e.Fragment, { children: C.map((t, r) => /* @__PURE__ */ e.jsx(
+            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((t, r) => /* @__PURE__ */ e.jsx(
               ct,
               {
                 text: t.text,
@@ -2034,7 +2037,7 @@ function pt(pe) {
                 x2: k + T.right,
                 classNames: t.classNames,
                 styles: t.styles,
-                animate: N,
+                animate: D,
                 isInView: q
               },
               r
@@ -2051,7 +2054,7 @@ function pt(pe) {
         body: J,
         xPos: Q,
         yPos: H,
-        backgroundStyle: w?.tooltip,
+        backgroundStyle: C?.tooltip,
         className: z?.tooltip
       }
     ) : null,
@@ -2078,24 +2081,24 @@ function bt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X,
+    colors: Y,
     barPadding: A = 0.25,
-    showTicks: Y = !0,
+    showTicks: _ = !0,
     leftMargin: me = 20,
     rightMargin: ue = 20,
     topMargin: ge = 20,
     bottomMargin: Z = 25,
-    truncateBy: _ = 999,
+    truncateBy: X = 999,
     showLabels: ie = !0,
-    showValues: D = !0,
+    showValues: O = !0,
     backgroundColor: se = !1,
     suffix: he = "",
-    prefix: M = "",
+    prefix: j = "",
     sources: E,
     graphDescription: J,
     height: ee,
-    width: C,
-    footNote: y,
+    width: v,
+    footNote: f,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -2108,14 +2111,14 @@ function bt(pe) {
     maxValue: $,
     minValue: p,
     highlightedDataPoints: x = [],
-    onSeriesMouseClick: w,
+    onSeriesMouseClick: C,
     graphDownload: z = !1,
-    dataDownload: O = !1,
-    language: N = "en",
+    dataDownload: N = !1,
+    language: D = "en",
     theme: I = "light",
     sortData: S,
     labelOrder: b,
-    showNAColor: v = !0,
+    showNAColor: w = !0,
     minHeight: q = 0,
     maxBarThickness: T,
     maxNumberOfBars: V,
@@ -2123,7 +2126,7 @@ function bt(pe) {
     ariaLabel: G,
     resetSelectionOnDoubleClick: P = !0,
     detailsOnClick: Q,
-    barAxisTitle: j,
+    barAxisTitle: M,
     noOfTicks: H = 5,
     valueColor: u,
     styles: k,
@@ -2135,7 +2138,7 @@ function bt(pe) {
     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(
+  } = pe, [y, 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
@@ -2144,10 +2147,10 @@ function bt(pe) {
   ), [be, we] = L(t.autoplay ? 0 : de.length - 1), [Ne, o] = L(void 0), i = Me(null), B = Me(null);
   Ve(() => {
     const a = new ResizeObserver((ve) => {
-      Ce(C || ve[0].target.clientWidth || 620), U(ee || ve[0].target.clientHeight || 480);
+      Ce(v || ve[0].target.clientWidth || 620), U(ee || ve[0].target.clientHeight || 480);
     });
-    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), C || a.observe(i.current)), () => a.disconnect();
-  }, [C, ee]), Ve(() => {
+    return i.current && (U(i.current.clientHeight || 480), Ce(i.current.clientWidth || 620), v || a.observe(i.current)), () => a.disconnect();
+  }, [v, ee]), Ve(() => {
     const a = setInterval(
       () => {
         we((ve) => ve < de.length - 1 ? ve + 1 : 0);
@@ -2165,13 +2168,14 @@ function bt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${I || "light"} flex  ${C ? "w-fit grow-0" : "w-full grow"}`,
-      dir: N === "he" || N === "ar" ? "rtl" : void 0,
+      className: `${I || "light"} flex  ${v ? "w-fit grow-0" : "w-full grow"}`,
+      dir: D === "he" || D === "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 ${N || "en"}`,
+            `${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"}`,
+            v ? "w-fit" : "w-full",
             m?.graphContainer
           ),
           style: {
@@ -2187,7 +2191,7 @@ function bt(pe) {
               className: "flex grow",
               style: { padding: se ? le || "1rem" : le || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                g || J || z || O ? /* @__PURE__ */ e.jsx(
+                g || J || z || N ? /* @__PURE__ */ e.jsx(
                   Ke,
                   {
                     styles: {
@@ -2200,9 +2204,9 @@ function bt(pe) {
                     },
                     graphTitle: g,
                     graphDescription: J,
-                    width: C,
+                    width: v,
                     graphDownload: z ? B.current : void 0,
-                    dataDownload: O ? 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
+                    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
                   }
                 ) : null,
                 t.enabled && de.length > 0 && at ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -2241,15 +2245,15 @@ function bt(pe) {
                   xe && n.filter((a) => a.color).length !== 0 ? /* @__PURE__ */ e.jsx(
                     Qe,
                     {
-                      width: C,
+                      width: v,
                       colorLegendTitle: ae,
-                      colors: X || je[I].categoricalColors.colors,
+                      colors: Y || je[I].categoricalColors.colors,
                       colorDomain: F || Ae(
                         n.filter((a) => a.color),
                         "color"
                       ).map((a) => a.color),
                       setSelectedColor: o,
-                      showNAColor: v
+                      showNAColor: w
                     }
                   ) : null,
                   /* @__PURE__ */ e.jsx(
@@ -2258,7 +2262,7 @@ function bt(pe) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: i,
                       "aria-label": "Graph area",
-                      children: (C || f) && (ee || ce) ? /* @__PURE__ */ e.jsx(
+                      children: (v || y) && (ee || ce) ? /* @__PURE__ */ e.jsx(
                         pt,
                         {
                           data: S === "asc" ? rt(
@@ -2283,24 +2287,24 @@ function bt(pe) {
                               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 ? X ? [X] : [je.primaryColors["blue-600"]] : X || je[I].categoricalColors.colors,
+                          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),
-                          width: C || f,
+                          width: v || y,
                           refValues: R,
                           height: Math.max(
                             q,
-                            ee || (K ? q ? (C || f) * K > q ? (C || f) * K : q : (C || f) * K : ce)
+                            ee || (K ? q ? (v || y) * K > q ? (v || y) * K : q : (v || y) * K : ce)
                           ),
                           suffix: he,
-                          prefix: M,
+                          prefix: j,
                           barPadding: A,
                           showLabels: ie,
-                          showValues: D,
-                          showTicks: Y,
-                          truncateBy: _,
+                          showValues: O,
+                          showTicks: _,
+                          truncateBy: X,
                           leftMargin: me,
                           rightMargin: ue,
                           selectedColor: Ne,
@@ -2319,13 +2323,13 @@ function bt(pe) {
                             ...n.filter((a) => !W(a.size)).map((a) => a.size)
                           ) : p,
                           highlightedDataPoints: x,
-                          onSeriesMouseClick: w,
+                          onSeriesMouseClick: C,
                           labelOrder: b,
                           maxBarThickness: T,
                           minBarThickness: oe,
                           resetSelectionOnDoubleClick: P,
                           detailsOnClick: Q,
-                          barAxisTitle: j,
+                          barAxisTitle: M,
                           noOfTicks: H,
                           valueColor: u,
                           styles: k,
@@ -2340,7 +2344,7 @@ function bt(pe) {
                     }
                   )
                 ] }) }),
-                E || y ? /* @__PURE__ */ e.jsx(
+                E || f ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
                     styles: { footnote: k?.footnote, source: k?.source },
@@ -2349,8 +2353,8 @@ function bt(pe) {
                       source: m?.source
                     },
                     sources: E,
-                    footNote: y,
-                    width: C
+                    footNote: f,
+                    width: v
                   }
                 ) : null
               ] })
@@ -2365,24 +2369,24 @@ function vt(pe) {
   const {
     data: n,
     width: g,
-    height: X,
+    height: Y,
     barColors: A,
-    suffix: Y,
+    suffix: _,
     prefix: me,
     barPadding: ue,
     showLabels: ge,
     showValues: Z,
-    showTicks: _,
+    showTicks: X,
     truncateBy: ie,
-    leftMargin: D,
+    leftMargin: O,
     rightMargin: se,
     topMargin: he,
-    bottomMargin: M,
+    bottomMargin: j,
     tooltip: E,
     onSeriesMouseOver: J,
     refValues: ee,
-    maxValue: C,
-    minValue: y,
+    maxValue: v,
+    minValue: f,
     onSeriesMouseClick: F,
     selectedColor: ae,
     labelOrder: le,
@@ -2395,54 +2399,54 @@ function vt(pe) {
     styles: $,
     classNames: p,
     animate: x,
-    colorDomain: w,
+    colorDomain: C,
     precision: z,
-    customLayers: O,
-    naLabel: N
+    customLayers: N,
+    naLabel: D
   } = pe, I = Me(null), S = Re(I, {
     once: x.once,
     amount: x.amount
   }), b = {
     top: he,
-    bottom: M,
-    left: R ? D + 30 : D,
+    bottom: j,
+    left: R ? O + 30 : O,
     right: se
-  }, [v, q] = L(void 0), [T, V] = L(void 0), [oe, G] = L(void 0), [P, Q] = L(void 0), j = g - b.left - b.right, H = X - b.top - b.bottom, u = qe().domain([y, C]).range([H, 0]).nice(), k = n.map((l, s) => ({
+  }, [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([f, 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([
     0,
-    K ? Math.min(j, K * m.length) : j
+    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);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ye.svg,
       {
         width: `${g}px`,
-        height: `${X}px`,
-        viewBox: `0 0 ${g} ${X}`,
+        height: `${Y}px`,
+        viewBox: `0 0 ${g} ${Y}`,
         direction: "ltr",
         ref: I,
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
           /* @__PURE__ */ e.jsx(
             Ee,
             {
-              y1: u(y < 0 ? 0 : y),
-              y2: u(y < 0 ? 0 : y),
-              x1: 0 - D,
-              x2: j + b.right,
+              y1: u(f < 0 ? 0 : f),
+              y2: u(f < 0 ? 0 : f),
+              x1: 0 - O,
+              x2: M + b.right,
               label: ze(
-                y < 0 ? 0 : y,
-                N,
+                f < 0 ? 0 : f,
+                D,
                 z,
                 me,
-                Y
+                _
               ),
               labelPos: {
-                x: 0 - D,
+                x: 0 - O,
                 dx: 0,
-                dy: C < 0 ? "1em" : -5,
-                y: u(y < 0 ? 0 : y)
+                dy: v < 0 ? "1em" : -5,
+                y: u(f < 0 ? 0 : f)
               },
               classNames: {
                 axis: p?.xAxis?.axis,
@@ -2451,13 +2455,13 @@ function vt(pe) {
               styles: { axis: $?.xAxis?.axis, label: $?.yAxis?.labels }
             }
           ),
-          _ ? /* @__PURE__ */ e.jsx(
+          X ? /* @__PURE__ */ e.jsx(
             ht,
             {
               values: c.filter((l) => l !== 0),
               y: c.filter((l) => l !== 0).map((l) => u(l)),
-              x1: 0 - D,
-              x2: j + b.right,
+              x1: 0 - O,
+              x2: M + b.right,
               styles: {
                 gridLines: $?.yAxis?.gridLines,
                 labels: $?.yAxis?.labels
@@ -2466,7 +2470,7 @@ function vt(pe) {
                 gridLines: p?.yAxis?.gridLines,
                 labels: p?.yAxis?.labels
               },
-              suffix: Y,
+              suffix: _,
               prefix: me,
               labelType: "secondary",
               showGridLines: !0,
@@ -2477,7 +2481,7 @@ function vt(pe) {
           /* @__PURE__ */ e.jsx(
             _e,
             {
-              x: 0 - D - 15,
+              x: 0 - O - 15,
               y: H / 2,
               style: $?.yAxis?.title,
               className: p?.yAxis?.title,
@@ -2485,7 +2489,7 @@ function vt(pe) {
               rotate90: !0
             }
           ),
-          O.filter((l) => l.position === "before").map((l) => l.layer),
+          N.filter((l) => l.position === "before").map((l) => l.layer),
           /* @__PURE__ */ e.jsxs(Ue, { children: [
             k.map(
               (l) => W(d(l.id)) ? null : /* @__PURE__ */ e.jsxs(
@@ -2576,12 +2580,12 @@ function vt(pe) {
                                 opacity: 0,
                                 transition: { duration: x.duration }
                               },
-                              children: ze(s, N, z, me, Y)
+                              children: ze(s, D, z, me, _)
                             }
                           ) : null
                         ]
                       },
-                      `${l.label}-${w[t] || t}`
+                      `${l.label}-${C[t] || t}`
                     )),
                     ge ? /* @__PURE__ */ e.jsx(
                       dt,
@@ -2609,8 +2613,8 @@ function vt(pe) {
                 text: l.text,
                 color: l.color,
                 y: u(l.value),
-                x1: 0 - D,
-                x2: j + b.right,
+                x1: 0 - O,
+                x2: M + b.right,
                 classNames: l.classNames,
                 styles: l.styles,
                 animate: x,
@@ -2619,14 +2623,14 @@ function vt(pe) {
               s
             )) }) : null
           ] }),
-          O.filter((l) => l.position === "after").map((l) => l.layer)
+          N.filter((l) => l.position === "after").map((l) => l.layer)
         ] })
       }
     ),
-    v && E && oe && P ? /* @__PURE__ */ e.jsx(
+    w && E && oe && P ? /* @__PURE__ */ e.jsx(
       Xe,
       {
-        data: v,
+        data: w,
         body: E,
         xPos: oe,
         yPos: P,
@@ -2657,24 +2661,24 @@ function wt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X = je.light.categoricalColors.colors,
+    colors: Y = je.light.categoricalColors.colors,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 20,
     rightMargin: Z = 20,
-    topMargin: _ = 20,
+    topMargin: X = 20,
     bottomMargin: ie = 25,
-    truncateBy: D = 999,
+    truncateBy: O = 999,
     showLabels: se = !0,
     showValues: he = !0,
-    backgroundColor: M = !1,
+    backgroundColor: j = !1,
     suffix: E = "",
     prefix: J = "",
     height: ee,
-    width: C,
-    footNote: y,
+    width: v,
+    footNote: f,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -2687,14 +2691,14 @@ function wt(pe) {
     minValue: $,
     onSeriesMouseClick: p,
     graphDownload: x = !1,
-    dataDownload: w = !1,
+    dataDownload: C = !1,
     language: z = "en",
-    theme: O = "light",
-    labelOrder: N,
+    theme: N = "light",
+    labelOrder: D,
     minHeight: I = 0,
     maxBarThickness: S,
     ariaLabel: b,
-    resetSelectionOnDoubleClick: v = !0,
+    resetSelectionOnDoubleClick: w = !0,
     detailsOnClick: q,
     barAxisTitle: T,
     noOfTicks: V = 5,
@@ -2702,7 +2706,7 @@ function wt(pe) {
     styles: G,
     classNames: P,
     filterNA: Q = !0,
-    showColorScale: j = !0,
+    showColorScale: M = !0,
     animate: H = !1,
     precision: u = 2,
     customLayers: k = [],
@@ -2710,7 +2714,7 @@ 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(
+  } = pe, [l, s] = L(0), [t, r] = L(0), [y, Ce] = L(m.autoplay), ce = Fe(
     Ae(
       n.filter((o) => o.date !== void 0 && o.date !== null),
       (o) => o.date
@@ -2719,18 +2723,18 @@ function wt(pe) {
   ), [U, fe] = L(m.autoplay ? 0 : ce.length - 1), [Oe, de] = L(void 0), be = Me(null), we = Me(null);
   Ve(() => {
     const o = new ResizeObserver((i) => {
-      s(C || i[0].target.clientWidth || 620), r(ee || i[0].target.clientHeight || 480);
+      s(v || i[0].target.clientWidth || 620), r(ee || i[0].target.clientHeight || 480);
     });
-    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), C || o.observe(be.current)), () => o.disconnect();
-  }, [C, ee]), Ve(() => {
+    return be.current && (r(be.current.clientHeight || 480), s(be.current.clientWidth || 620), v || o.observe(be.current)), () => o.disconnect();
+  }, [v, ee]), Ve(() => {
     const o = setInterval(
       () => {
         fe((i) => i < ce.length - 1 ? i + 1 : 0);
       },
       (m.speed || 2) * 1e3
     );
-    return f || clearInterval(o), () => clearInterval(o);
-  }, [ce, f, m.speed]);
+    return y || clearInterval(o), () => clearInterval(o);
+  }, [ce, y, m.speed]);
   const Ne = Pe(
     ce,
     U,
@@ -2740,29 +2744,30 @@ function wt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${O || "light"} flex  ${C ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${N || "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(
-            `${M ? M === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${z || "en"}`,
+            `${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 || {},
-            ...M && M !== !0 ? { backgroundColor: M } : {}
+            ...j && j !== !0 ? { backgroundColor: j } : {}
           },
           id: xe,
           ref: we,
-          "aria-label": b || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${Y ? ` ${Y}` : ""}`,
+          "aria-label": b || `${g ? `The graph shows ${g}. ` : ""}This is a grouped bar chart. ${_ ? ` ${_}` : ""}`,
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: M ? le || "1rem" : le || 0 },
+              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 || Y || x || w ? /* @__PURE__ */ e.jsx(
+                g || _ || x || C ? /* @__PURE__ */ e.jsx(
                   Ke,
                   {
                     styles: {
@@ -2774,10 +2779,10 @@ function wt(pe) {
                       description: P?.description
                     },
                     graphTitle: g,
-                    graphDescription: Y,
-                    width: C,
+                    graphDescription: _,
+                    width: v,
                     graphDownload: x ? we.current : void 0,
-                    dataDownload: w ? 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
+                    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,
                 m.enabled && ce.length > 0 && Ne ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -2786,11 +2791,11 @@ function wt(pe) {
                     {
                       type: "button",
                       onClick: () => {
-                        Ce(!f);
+                        Ce(!y);
                       },
                       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, {})
+                      "aria-label": y ? "Click to pause animation" : "Click to play animation",
+                      children: y ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
@@ -2813,18 +2818,18 @@ 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: [
-                  j ? /* @__PURE__ */ e.jsx(
+                  M ? /* @__PURE__ */ e.jsx(
                     Qe,
                     {
-                      width: C,
+                      width: v,
                       colorDomain: F,
-                      colors: X,
+                      colors: Y,
                       colorLegendTitle: ae,
                       setSelectedColor: de,
                       showNAColor: !1
                     }
                   ) : null,
-                  /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: be, "aria-label": "Graph area", children: (C || l) && (ee || t) ? /* @__PURE__ */ e.jsx(
+                  /* @__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,
                     {
                       data: h !== void 0 ? h === "total" ? Le(
@@ -2859,11 +2864,11 @@ function wt(pe) {
                         n,
                         m.dateFormat || "yyyy"
                       ).filter((o) => Q ? !o.size.every((i) => i == null) : o),
-                      barColors: X,
-                      width: C || l,
+                      barColors: Y,
+                      width: v || l,
                       height: Math.max(
                         I,
-                        ee || (K ? I ? (C || l) * K > I ? (C || l) * K : I : (C || l) * K : t)
+                        ee || (K ? I ? (v || l) * K > I ? (v || l) * K : I : (v || l) * K : t)
                       ),
                       suffix: E,
                       prefix: J,
@@ -2871,10 +2876,10 @@ function wt(pe) {
                       showLabels: se,
                       showValues: he,
                       showTicks: ue,
-                      truncateBy: D,
+                      truncateBy: O,
                       leftMargin: ge,
                       rightMargin: Z,
-                      topMargin: _,
+                      topMargin: X,
                       bottomMargin: ie,
                       tooltip: te,
                       onSeriesMouseOver: re,
@@ -2915,9 +2920,9 @@ function wt(pe) {
                       ) : $,
                       onSeriesMouseClick: p,
                       selectedColor: Oe,
-                      labelOrder: N,
+                      labelOrder: D,
                       maxBarThickness: S,
-                      resetSelectionOnDoubleClick: v,
+                      resetSelectionOnDoubleClick: w,
                       detailsOnClick: q,
                       barAxisTitle: T,
                       noOfTicks: V,
@@ -2932,7 +2937,7 @@ function wt(pe) {
                     }
                   ) : null })
                 ] }) }),
-                A || y ? /* @__PURE__ */ e.jsx(
+                A || f ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
                     styles: { footnote: G?.footnote, source: G?.source },
@@ -2941,8 +2946,8 @@ function wt(pe) {
                       source: P?.source
                     },
                     sources: A,
-                    footNote: y,
-                    width: C
+                    footNote: f,
+                    width: v
                   }
                 ) : null
               ] })
@@ -2957,24 +2962,24 @@ function Ct(pe) {
   const {
     data: n,
     width: g,
-    height: X,
+    height: Y,
     barColors: A,
-    barPadding: Y,
+    barPadding: _,
     showLabels: me,
     showTicks: ue,
     truncateBy: ge,
     leftMargin: Z,
-    topMargin: _,
+    topMargin: X,
     bottomMargin: ie,
-    rightMargin: D,
+    rightMargin: O,
     tooltip: se,
     onSeriesMouseOver: he,
-    suffix: M,
+    suffix: j,
     prefix: E,
     showValues: J,
     refValues: ee,
-    maxValue: C,
-    onSeriesMouseClick: y,
+    maxValue: v,
+    onSeriesMouseClick: f,
     selectedColor: F,
     labelOrder: ae,
     maxBarThickness: le,
@@ -2987,32 +2992,32 @@ function Ct(pe) {
     styles: $,
     classNames: p,
     animate: x,
-    colorDomain: w,
+    colorDomain: C,
     precision: z,
-    customLayers: O,
-    naLabel: N
+    customLayers: N,
+    naLabel: D
   } = pe, I = Me(null), S = Re(I, {
     once: x.once,
     amount: x.amount
   }), b = {
-    top: _,
+    top: X,
     bottom: ie,
     left: R ? Z + 30 : Z,
-    right: D
-  }, [v, q] = L(void 0), [T, V] = L(void 0), [oe, G] = L(void 0), [P, Q] = L(void 0), j = g - b.left - b.right, H = X - b.top - b.bottom, u = qe().domain([0, C]).range([H, 0]).nice(), k = n.map((c, l) => ({
+    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) => ({
     ...c,
     id: ae ? `${c.label}` : `${l}`
   })), m = ae || k.map((c) => `${c.id}`), d = Ie().domain(m).range([
     0,
-    K ? Math.max(j, K * m.length) : le ? Math.min(j, le * m.length) : j
-  ]).paddingInner(Y), h = u.ticks(ne);
+    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,
       {
         width: `${g}px`,
-        height: `${X}px`,
-        viewBox: `0 0 ${g} ${X}`,
+        height: `${Y}px`,
+        viewBox: `0 0 ${g} ${Y}`,
         direction: "ltr",
         ref: I,
         children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
@@ -3022,8 +3027,8 @@ function Ct(pe) {
               y1: u(0),
               y2: u(0),
               x1: 0 - Z,
-              x2: j + b.right,
-              label: ze(0, N, z, E, M),
+              x2: M + b.right,
+              label: ze(0, D, z, E, j),
               labelPos: {
                 x: 0 - Z,
                 y: u(0),
@@ -3043,7 +3048,7 @@ function Ct(pe) {
               values: h.filter((c) => c !== 0),
               y: h.filter((c) => c !== 0).map((c) => u(c)),
               x1: 0 - Z,
-              x2: j + b.right,
+              x2: M + b.right,
               styles: {
                 gridLines: $?.yAxis?.gridLines,
                 labels: $?.yAxis?.labels
@@ -3052,7 +3057,7 @@ function Ct(pe) {
                 gridLines: p?.yAxis?.gridLines,
                 labels: p?.yAxis?.labels
               },
-              suffix: M,
+              suffix: j,
               prefix: E,
               labelType: "secondary",
               showGridLines: !0,
@@ -3071,7 +3076,7 @@ function Ct(pe) {
               rotate90: !0
             }
           ),
-          O.filter((c) => c.position === "before").map((c) => c.layer),
+          N.filter((c) => c.position === "before").map((c) => c.layer),
           /* @__PURE__ */ e.jsxs(Ue, { children: [
             k.map(
               (c) => W(d(c.id)) ? null : /* @__PURE__ */ e.jsxs(
@@ -3105,7 +3110,7 @@ function Ct(pe) {
                           q(void 0), G(void 0), Q(void 0), he?.(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 })));
+                          (f || re) && (We(T, { ...c, sizeIndex: s }) && te ? (V(void 0), f?.(void 0)) : (V({ ...c, sizeIndex: s }), f && f({ ...c, sizeIndex: s })));
                         },
                         children: [
                           /* @__PURE__ */ e.jsx(
@@ -3168,12 +3173,12 @@ function Ct(pe) {
                               initial: "initial",
                               animate: S ? "whileInView" : "initial",
                               exit: { opacity: 0, transition: { duration: x.duration } },
-                              children: ze(l, N, z, E, M)
+                              children: ze(l, D, z, E, j)
                             }
                           ) : null
                         ]
                       },
-                      `${c.label}-${w[s] || s}`
+                      `${c.label}-${C[s] || s}`
                     )),
                     me ? /* @__PURE__ */ e.jsx(
                       dt,
@@ -3224,10 +3229,10 @@ function Ct(pe) {
                         animate: S ? "whileInView" : "initial",
                         children: ze(
                           ke(c.size.filter((l) => l)),
-                          N,
+                          D,
                           z,
                           E,
-                          M
+                          j
                         )
                       }
                     ) : null
@@ -3243,7 +3248,7 @@ function Ct(pe) {
                 color: c.color,
                 y: u(c.value),
                 x1: 0 - Z,
-                x2: j + b.right,
+                x2: M + b.right,
                 classNames: c.classNames,
                 styles: c.styles,
                 animate: x,
@@ -3252,14 +3257,14 @@ function Ct(pe) {
               l
             )) }) : null
           ] }),
-          O.filter((c) => c.position === "after").map((c) => c.layer)
+          N.filter((c) => c.position === "after").map((c) => c.layer)
         ] })
       }
     ),
-    v && se && oe && P ? /* @__PURE__ */ e.jsx(
+    w && se && oe && P ? /* @__PURE__ */ e.jsx(
       Xe,
       {
-        data: v,
+        data: w,
         body: se,
         xPos: oe,
         yPos: P,
@@ -3290,24 +3295,24 @@ function kt(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X = je.light.categoricalColors.colors,
+    colors: Y = je.light.categoricalColors.colors,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me = 0.25,
     showTicks: ue = !0,
     leftMargin: ge = 20,
     rightMargin: Z = 20,
-    topMargin: _ = 20,
+    topMargin: X = 20,
     bottomMargin: ie = 25,
-    truncateBy: D = 999,
+    truncateBy: O = 999,
     showLabels: se = !0,
     showValues: he = !0,
-    backgroundColor: M = !1,
+    backgroundColor: j = !1,
     showColorScale: E = !0,
     suffix: J = "",
     prefix: ee = "",
-    height: C,
-    width: y,
+    height: v,
+    width: f,
     footNote: F,
     colorDomain: ae,
     colorLegendTitle: le,
@@ -3320,14 +3325,14 @@ function kt(pe) {
     maxValue: $,
     onSeriesMouseClick: p,
     graphDownload: x = !1,
-    dataDownload: w = !1,
+    dataDownload: C = !1,
     language: z = "en",
-    theme: O = "light",
-    labelOrder: N,
+    theme: N = "light",
+    labelOrder: D,
     minHeight: I = 0,
     maxBarThickness: S,
     sortParameter: b,
-    maxNumberOfBars: v,
+    maxNumberOfBars: w,
     minBarThickness: q,
     ariaLabel: T,
     resetSelectionOnDoubleClick: V = !0,
@@ -3335,7 +3340,7 @@ function kt(pe) {
     barAxisTitle: G,
     noOfTicks: P = 5,
     valueColor: Q,
-    styles: j,
+    styles: M,
     classNames: H,
     filterNA: u = !0,
     animate: k = !1,
@@ -3344,7 +3349,7 @@ function kt(pe) {
     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(
+  } = pe, [s, t] = L(0), [r, y] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
     Ae(
       n.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
@@ -3353,10 +3358,10 @@ function kt(pe) {
   ), [fe, Oe] = L(h.autoplay ? 0 : U.length - 1), [de, be] = L(void 0), we = Me(null), Ne = Me(null);
   Ve(() => {
     const i = new ResizeObserver((B) => {
-      t(y || B[0].target.clientWidth || 620), f(C || B[0].target.clientHeight || 480);
+      t(f || B[0].target.clientWidth || 620), y(v || B[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, C]), Ve(() => {
+    return we.current && (y(we.current.clientHeight || 480), t(we.current.clientWidth || 620), f || i.observe(we.current)), () => i.disconnect();
+  }, [f, v]), Ve(() => {
     const i = setInterval(
       () => {
         Oe((B) => B < U.length - 1 ? B + 1 : 0);
@@ -3374,39 +3379,40 @@ function kt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${O || "light"} flex  ${y ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${N || "light"} flex  ${f ? "w-fit grow-0" : "w-full grow"}`,
       dir: z === "he" || z === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: $e(
-            `${M ? M === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${z || "en"}`,
+            `${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"}`,
+            f ? "w-fit" : "w-full",
             H?.graphContainer
           ),
           style: {
-            ...j?.graphContainer || {},
-            ...M && M !== !0 ? { backgroundColor: M } : {}
+            ...M?.graphContainer || {},
+            ...j && j !== !0 ? { backgroundColor: j } : {}
           },
           id: ne,
           ref: Ne,
-          "aria-label": T || `${g ? `The graph shows ${g}. ` : ""}This is a stacked bar chart. ${Y ? ` ${Y}` : ""}`,
-          children: /* @__PURE__ */ e.jsx("div", { style: { padding: M ? K || "1rem" : K || 0 }, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-            g || Y || x || w ? /* @__PURE__ */ e.jsx(
+          "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,
               {
                 styles: {
-                  title: j?.title,
-                  description: j?.description
+                  title: M?.title,
+                  description: M?.description
                 },
                 classNames: {
                   title: H?.title,
                   description: H?.description
                 },
                 graphTitle: g,
-                graphDescription: Y,
-                width: y,
+                graphDescription: _,
+                width: f,
                 graphDownload: x ? Ne.current : void 0,
-                dataDownload: w ? 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
+                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
               }
             ) : null,
             h.enabled && U.length > 0 && o ? /* @__PURE__ */ e.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -3445,15 +3451,15 @@ function kt(pe) {
               E ? /* @__PURE__ */ e.jsx(
                 Qe,
                 {
-                  width: y,
+                  width: f,
                   colorDomain: ae,
-                  colors: X,
+                  colors: Y,
                   colorLegendTitle: le,
                   setSelectedColor: be,
                   showNAColor: !1
                 }
               ) : null,
-              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (y || s) && (C || r) ? /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (f || s) && (v || r) ? /* @__PURE__ */ e.jsx(
                 Ct,
                 {
                   data: b !== void 0 ? b === "total" ? Le(
@@ -3470,7 +3476,7 @@ function kt(pe) {
                     ),
                     (i) => ke(i.size.filter((B) => !W(B))),
                     [l || "asc"]
-                  ).filter((i, B) => v ? B < v : !0) : Le(
+                  ).filter((i, B) => w ? B < w : !0) : Le(
                     Te(
                       n,
                       h.dateFormat || "yyyy"
@@ -3484,23 +3490,23 @@ function kt(pe) {
                     ),
                     (i) => W(i.size[b]) ? -1 / 0 : i.size[b],
                     [l || "asc"]
-                  ).filter((i, B) => v ? B < v : !0) : Te(
+                  ).filter((i, B) => w ? B < w : !0) : Te(
                     n,
                     h.dateFormat || "yyyy"
-                  ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => v ? B < v : !0),
-                  barColors: X,
-                  width: y || s,
+                  ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => w ? B < w : !0),
+                  barColors: Y,
+                  width: f || s,
                   height: Math.max(
                     I,
-                    C || (R ? I ? (y || s) * R > I ? (y || s) * R : I : (y || s) * R : r)
+                    v || (R ? I ? (f || s) * R > I ? (f || s) * R : I : (f || s) * R : r)
                   ),
                   barPadding: me,
                   showLabels: se,
                   showTicks: ue,
-                  truncateBy: D,
+                  truncateBy: O,
                   leftMargin: ge,
                   rightMargin: Z,
-                  topMargin: _,
+                  topMargin: X,
                   bottomMargin: ie,
                   tooltip: te,
                   onSeriesMouseOver: re,
@@ -3515,7 +3521,7 @@ function kt(pe) {
                   ) : $,
                   onSeriesMouseClick: p,
                   selectedColor: de,
-                  labelOrder: N,
+                  labelOrder: D,
                   maxBarThickness: S,
                   minBarThickness: q,
                   resetSelectionOnDoubleClick: V,
@@ -3523,7 +3529,7 @@ function kt(pe) {
                   barAxisTitle: G,
                   noOfTicks: P,
                   valueColor: Q,
-                  styles: j,
+                  styles: M,
                   classNames: H,
                   animate: k === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : k || { duration: 0, once: !0, amount: 0 },
                   colorDomain: ae,
@@ -3536,14 +3542,14 @@ function kt(pe) {
             A || F ? /* @__PURE__ */ e.jsx(
               Je,
               {
-                styles: { footnote: j?.footnote, source: j?.source },
+                styles: { footnote: M?.footnote, source: M?.source },
                 classNames: {
                   footnote: H?.footnote,
                   source: H?.source
                 },
                 sources: A,
                 footNote: F,
-                width: y
+                width: f
               }
             ) : null
           ] }) })
@@ -3556,24 +3562,24 @@ function ri(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X,
+    colors: Y,
     barPadding: A,
-    showTicks: Y,
+    showTicks: _,
     leftMargin: me,
     rightMargin: ue,
     topMargin: ge,
     bottomMargin: Z,
-    truncateBy: _,
+    truncateBy: X,
     showLabels: ie,
-    showValues: D,
+    showValues: O,
     backgroundColor: se,
     suffix: he,
-    prefix: M,
+    prefix: j,
     sources: E,
     graphDescription: J,
     height: ee,
-    width: C,
-    footNote: y,
+    width: v,
+    footNote: f,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -3586,14 +3592,14 @@ function ri(pe) {
     maxValue: $,
     minValue: p,
     highlightedDataPoints: x,
-    onSeriesMouseClick: w,
+    onSeriesMouseClick: C,
     graphDownload: z,
-    dataDownload: O,
-    language: N,
+    dataDownload: N,
+    language: D,
     theme: I,
     sortData: S,
     labelOrder: b,
-    showNAColor: v,
+    showNAColor: w,
     minHeight: q,
     maxBarThickness: T,
     maxNumberOfBars: V,
@@ -3601,7 +3607,7 @@ function ri(pe) {
     ariaLabel: G,
     resetSelectionOnDoubleClick: P,
     detailsOnClick: Q,
-    barAxisTitle: j,
+    barAxisTitle: M,
     noOfTicks: H,
     valueColor: u,
     orientation: k = "vertical",
@@ -3613,31 +3619,31 @@ function ri(pe) {
     precision: s,
     customLayers: t,
     timeline: r,
-    naLabel: f
+    naLabel: y
   } = pe;
   return k === "vertical" ? /* @__PURE__ */ e.jsx(
     bt,
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       barPadding: A,
-      showTicks: Y,
+      showTicks: _,
       leftMargin: me,
       rightMargin: ue,
       topMargin: ge,
       bottomMargin: Z,
-      truncateBy: _,
+      truncateBy: X,
       showLabels: ie,
-      showValues: D,
+      showValues: O,
       backgroundColor: se,
       suffix: he,
-      prefix: M,
+      prefix: j,
       sources: E,
       graphDescription: J,
       height: ee,
-      width: C,
-      footNote: y,
+      width: v,
+      footNote: f,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -3650,14 +3656,14 @@ function ri(pe) {
       maxValue: $,
       minValue: p,
       highlightedDataPoints: x,
-      onSeriesMouseClick: w,
+      onSeriesMouseClick: C,
       graphDownload: z,
-      dataDownload: O,
-      language: N,
+      dataDownload: N,
+      language: D,
       theme: I,
       sortData: S,
       labelOrder: b,
-      showNAColor: v,
+      showNAColor: w,
       minHeight: q,
       maxBarThickness: T,
       maxNumberOfBars: V,
@@ -3666,7 +3672,7 @@ function ri(pe) {
       resetSelectionOnDoubleClick: P,
       styles: m,
       detailsOnClick: Q,
-      barAxisTitle: j,
+      barAxisTitle: M,
       noOfTicks: H,
       valueColor: u,
       classNames: d,
@@ -3682,24 +3688,24 @@ function ri(pe) {
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       barPadding: A,
-      showTicks: Y,
+      showTicks: _,
       leftMargin: me,
       rightMargin: ue,
       topMargin: ge,
       bottomMargin: Z,
-      truncateBy: _,
+      truncateBy: X,
       showLabels: ie,
-      showValues: D,
+      showValues: O,
       backgroundColor: se,
       suffix: he,
-      prefix: M,
+      prefix: j,
       sources: E,
       graphDescription: J,
       height: ee,
-      width: C,
-      footNote: y,
+      width: v,
+      footNote: f,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -3712,14 +3718,14 @@ function ri(pe) {
       maxValue: $,
       minValue: p,
       highlightedDataPoints: x,
-      onSeriesMouseClick: w,
+      onSeriesMouseClick: C,
       graphDownload: z,
-      dataDownload: O,
-      language: N,
+      dataDownload: N,
+      language: D,
       theme: I,
       sortData: S,
       labelOrder: b,
-      showNAColor: v,
+      showNAColor: w,
       minHeight: q,
       maxBarThickness: T,
       maxNumberOfBars: V,
@@ -3728,7 +3734,7 @@ function ri(pe) {
       resetSelectionOnDoubleClick: P,
       styles: m,
       detailsOnClick: Q,
-      barAxisTitle: j,
+      barAxisTitle: M,
       noOfTicks: H,
       valueColor: u,
       classNames: d,
@@ -3737,7 +3743,7 @@ function ri(pe) {
       precision: s,
       customLayers: t,
       timeline: r,
-      naLabel: f
+      naLabel: y
     }
   );
 }
@@ -3745,24 +3751,24 @@ function si(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X,
+    colors: Y,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me,
     showTicks: ue,
     truncateBy: ge,
     height: Z,
-    width: _,
+    width: X,
     footNote: ie,
-    colorDomain: D,
+    colorDomain: O,
     colorLegendTitle: se,
     suffix: he,
-    prefix: M,
+    prefix: j,
     showValues: E,
     padding: J,
     backgroundColor: ee,
-    leftMargin: C,
-    rightMargin: y,
+    leftMargin: v,
+    rightMargin: f,
     topMargin: F,
     bottomMargin: ae,
     showLabels: le,
@@ -3775,14 +3781,14 @@ function si(pe) {
     minValue: $,
     onSeriesMouseClick: p,
     graphDownload: x,
-    dataDownload: w,
+    dataDownload: C,
     language: z,
-    labelOrder: O,
-    minHeight: N,
+    labelOrder: N,
+    minHeight: D,
     theme: I,
     sortParameter: S,
     sortData: b,
-    maxBarThickness: v,
+    maxBarThickness: w,
     ariaLabel: q,
     resetSelectionOnDoubleClick: T,
     detailsOnClick: V,
@@ -3790,7 +3796,7 @@ function si(pe) {
     noOfTicks: G,
     valueColor: P,
     orientation: Q = "vertical",
-    styles: j,
+    styles: M,
     classNames: H,
     filterNA: u,
     animate: k,
@@ -3805,24 +3811,24 @@ function si(pe) {
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       sources: A,
-      graphDescription: Y,
+      graphDescription: _,
       barPadding: me,
       showTicks: ue,
       truncateBy: ge,
       height: Z,
-      width: _,
+      width: X,
       footNote: ie,
-      colorDomain: D,
+      colorDomain: O,
       colorLegendTitle: se,
       suffix: he,
-      prefix: M,
+      prefix: j,
       showValues: E,
       padding: J,
       backgroundColor: ee,
-      leftMargin: C,
-      rightMargin: y,
+      leftMargin: v,
+      rightMargin: f,
       sortParameter: S,
       sortData: b,
       topMargin: F,
@@ -3837,15 +3843,15 @@ function si(pe) {
       minValue: $,
       onSeriesMouseClick: p,
       graphDownload: x,
-      dataDownload: w,
+      dataDownload: C,
       language: z,
-      labelOrder: O,
-      minHeight: N,
+      labelOrder: N,
+      minHeight: D,
       theme: I,
-      maxBarThickness: v,
+      maxBarThickness: w,
       ariaLabel: q,
       resetSelectionOnDoubleClick: T,
-      styles: j,
+      styles: M,
       detailsOnClick: V,
       barAxisTitle: oe,
       noOfTicks: G,
@@ -3864,26 +3870,26 @@ function si(pe) {
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       sortParameter: S,
       sortData: b,
       sources: A,
-      graphDescription: Y,
+      graphDescription: _,
       barPadding: me,
       showTicks: ue,
       truncateBy: ge,
       height: Z,
-      width: _,
+      width: X,
       footNote: ie,
-      colorDomain: D,
+      colorDomain: O,
       colorLegendTitle: se,
       suffix: he,
-      prefix: M,
+      prefix: j,
       showValues: E,
       padding: J,
       backgroundColor: ee,
-      leftMargin: C,
-      rightMargin: y,
+      leftMargin: v,
+      rightMargin: f,
       topMargin: F,
       bottomMargin: ae,
       showLabels: le,
@@ -3896,15 +3902,15 @@ function si(pe) {
       minValue: $,
       onSeriesMouseClick: p,
       graphDownload: x,
-      dataDownload: w,
+      dataDownload: C,
       language: z,
-      labelOrder: O,
-      minHeight: N,
+      labelOrder: N,
+      minHeight: D,
       theme: I,
-      maxBarThickness: v,
+      maxBarThickness: w,
       ariaLabel: q,
       resetSelectionOnDoubleClick: T,
-      styles: j,
+      styles: M,
       detailsOnClick: V,
       barAxisTitle: oe,
       noOfTicks: G,
@@ -3924,24 +3930,24 @@ function oi(pe) {
   const {
     data: n,
     graphTitle: g,
-    colors: X,
+    colors: Y,
     sources: A,
-    graphDescription: Y,
+    graphDescription: _,
     barPadding: me,
     showTicks: ue,
     leftMargin: ge,
     rightMargin: Z,
-    topMargin: _,
+    topMargin: X,
     bottomMargin: ie,
-    truncateBy: D,
+    truncateBy: O,
     showLabels: se,
     showValues: he,
-    backgroundColor: M,
+    backgroundColor: j,
     suffix: E,
     prefix: J,
     height: ee,
-    width: C,
-    footNote: y,
+    width: v,
+    footNote: f,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -3954,14 +3960,14 @@ function oi(pe) {
     onSeriesMouseClick: $,
     graphDownload: p,
     dataDownload: x,
-    language: w,
+    language: C,
     theme: z,
-    labelOrder: O,
-    minHeight: N,
+    labelOrder: N,
+    minHeight: D,
     maxBarThickness: I,
     sortParameter: S,
     sortData: b,
-    maxNumberOfBars: v,
+    maxNumberOfBars: w,
     minBarThickness: q,
     ariaLabel: T,
     resetSelectionOnDoubleClick: V,
@@ -3969,7 +3975,7 @@ function oi(pe) {
     barAxisTitle: G,
     noOfTicks: P,
     valueColor: Q,
-    orientation: j = "vertical",
+    orientation: M = "vertical",
     styles: H,
     classNames: u,
     filterNA: k,
@@ -3980,29 +3986,29 @@ function oi(pe) {
     timeline: l,
     naLabel: s
   } = pe;
-  return j === "vertical" ? /* @__PURE__ */ e.jsx(
+  return M === "vertical" ? /* @__PURE__ */ e.jsx(
     kt,
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       sources: A,
-      graphDescription: Y,
+      graphDescription: _,
       barPadding: me,
       showTicks: ue,
       leftMargin: ge,
       rightMargin: Z,
-      topMargin: _,
+      topMargin: X,
       bottomMargin: ie,
-      truncateBy: D,
+      truncateBy: O,
       showLabels: se,
       showValues: he,
-      backgroundColor: M,
+      backgroundColor: j,
       suffix: E,
       prefix: J,
       height: ee,
-      width: C,
-      footNote: y,
+      width: v,
+      footNote: f,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -4015,14 +4021,14 @@ function oi(pe) {
       onSeriesMouseClick: $,
       graphDownload: p,
       dataDownload: x,
-      language: w,
+      language: C,
       theme: z,
-      labelOrder: O,
-      minHeight: N,
+      labelOrder: N,
+      minHeight: D,
       maxBarThickness: I,
       sortParameter: S,
       sortData: b,
-      maxNumberOfBars: v,
+      maxNumberOfBars: w,
       minBarThickness: q,
       ariaLabel: T,
       resetSelectionOnDoubleClick: V,
@@ -4045,24 +4051,24 @@ function oi(pe) {
     {
       data: n,
       graphTitle: g,
-      colors: X,
+      colors: Y,
       sources: A,
-      graphDescription: Y,
+      graphDescription: _,
       barPadding: me,
       showTicks: ue,
       leftMargin: ge,
       rightMargin: Z,
-      topMargin: _,
+      topMargin: X,
       bottomMargin: ie,
-      truncateBy: D,
+      truncateBy: O,
       showLabels: se,
       showValues: he,
-      backgroundColor: M,
+      backgroundColor: j,
       suffix: E,
       prefix: J,
       height: ee,
-      width: C,
-      footNote: y,
+      width: v,
+      footNote: f,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -4075,14 +4081,14 @@ function oi(pe) {
       onSeriesMouseClick: $,
       graphDownload: p,
       dataDownload: x,
-      language: w,
+      language: C,
       theme: z,
-      labelOrder: O,
-      minHeight: N,
+      labelOrder: N,
+      minHeight: D,
       maxBarThickness: I,
       sortParameter: S,
       sortData: b,
-      maxNumberOfBars: v,
+      maxNumberOfBars: w,
       minBarThickness: q,
       ariaLabel: T,
       resetSelectionOnDoubleClick: V,