@undp/data-viz 1.5.0 → 1.5.2

package/dist/BarGraph.js

@@ -54,7 +54,7 @@ function ut(pe) {
     tooltip: J,
     onSeriesMouseOver: ee,
     refValues: v,
-    selectedColor: f,
+    selectedColor: y,
     highlightedDataPoints: F,
     maxValue: ae,
     minValue: le,
@@ -83,9 +83,9 @@ function ut(pe) {
     bottom: j,
     left: ge,
     right: se
-  }, m = X - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((r, y) => ({
+  }, m = X - k.left - k.right, d = ie - k.top - k.bottom, h = n.map((r, f) => ({
     ...r,
-    id: te ? `${r.label}` : `${y}`
+    id: te ? `${r.label}` : `${f}`
   })), c = qe().domain([le, ae]).range([0, m]).nice(), l = te || h.map((r) => `${r.id}`), s = Ie().domain(l).range([
     0,
     xe ? Math.max(d, xe * l.length) : R ? Math.min(d, R * l.length) : d
@@ -141,24 +141,24 @@ function ut(pe) {
                   className: "undp-viz-g-with-hover",
                   variants: {
                     initial: {
-                      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
+                      opacity: y ? r.color && g[O.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85
                     },
                     whileInView: {
-                      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,
+                      opacity: y ? r.color && g[O.indexOf(r.color)] === y ? 1 : I : F.length !== 0 ? F.indexOf(r.label) !== -1 ? 0.85 : I : 0.85,
                       transition: { duration: D.duration }
                     }
                   },
                   initial: "initial",
                   animate: T ? "whileInView" : "initial",
                   exit: { opacity: 0, transition: { duration: D.duration } },
-                  onMouseEnter: (y) => {
-                    oe(r), u(y.clientY), M(y.clientX), ee?.(r);
+                  onMouseEnter: (f) => {
+                    oe(r), u(f.clientY), M(f.clientX), ee?.(r);
                   },
                   onClick: () => {
                     (K || $) && (We(G, r) && ne ? (P(void 0), K?.(void 0)) : (P(r), K?.(r)));
                   },
-                  onMouseMove: (y) => {
-                    oe(r), u(y.clientY), M(y.clientX);
+                  onMouseMove: (f) => {
+                    oe(r), u(f.clientY), M(f.clientX);
                   },
                   onMouseLeave: () => {
                     oe(void 0), M(void 0), u(void 0), ee?.(void 0);
@@ -172,13 +172,13 @@ function ut(pe) {
                             width: 0,
                             x: c(0),
                             y: s(`${r.id}`),
-                            fill: n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray
+                            fill: n.filter((f) => f.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((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray,
+                            fill: n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray,
                             transition: { duration: D.duration }
                           }
                         },
@@ -226,13 +226,13 @@ function ut(pe) {
                             x: c(0),
                             y: s(`${r.id}`) + s.bandwidth() / 2,
                             opacity: 0,
-                            fill: x || (n.filter((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray)
+                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : 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((y) => y.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray),
+                            fill: x || (n.filter((f) => f.color).length === 0 ? g[0] : r.color ? g[O.indexOf(r.color)] : je.gray),
                             transition: { duration: D.duration }
                           }
                         },
@@ -261,7 +261,7 @@ function ut(pe) {
                 styles: { axis: z?.yAxis?.axis }
               }
             ),
-            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((r, y) => /* @__PURE__ */ e.jsx(
+            v ? /* @__PURE__ */ e.jsx(e.Fragment, { children: v.map((r, f) => /* @__PURE__ */ e.jsx(
               nt,
               {
                 text: r.text,
@@ -275,7 +275,7 @@ function ut(pe) {
                 animate: D,
                 isInView: T
               },
-              y
+              f
             )) }) : null
           ] }),
           b.filter((r) => r.position === "after").map((r) => r.layer)
@@ -333,7 +333,7 @@ function mt(pe) {
     colorDomain: J,
     colorLegendTitle: ee,
     highlightedDataPoints: v = [],
-    padding: f,
+    padding: y,
     backgroundColor: F = !1,
     topMargin: ae = 25,
     bottomMargin: le = 10,
@@ -373,7 +373,7 @@ function mt(pe) {
     customLayers: s = [],
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     naLabel: r = "NA"
-  } = pe, [y, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
+  } = pe, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
     Ae(
       n.filter((a) => a.date !== void 0 && a.date !== null),
       (a) => a.date
@@ -424,7 +424,7 @@ function mt(pe) {
             "div",
             {
               className: "flex grow",
-              style: { padding: F ? f || "1rem" : f || 0 },
+              style: { padding: F ? y || "1rem" : y || 0 },
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 g || ue || z || N ? /* @__PURE__ */ e.jsx(
                   Ke,
@@ -497,7 +497,7 @@ function mt(pe) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: i,
                       "aria-label": "Graph area",
-                      children: (j || y) && (he || ce) ? /* @__PURE__ */ e.jsx(
+                      children: (j || f) && (he || ce) ? /* @__PURE__ */ e.jsx(
                         ut,
                         {
                           data: D === "asc" ? rt(
@@ -527,11 +527,11 @@ function mt(pe) {
                             n.filter((a) => a.color),
                             "color"
                           ).map((a) => a.color),
-                          width: j || y,
+                          width: j || f,
                           selectedColor: Ne,
                           height: Math.max(
                             w,
-                            he || (te ? w ? (j || y) * te > w ? (j || y) * te : w : (j || y) * te : ce)
+                            he || (te ? w ? (j || f) * te > w ? (j || f) * te : w : (j || f) * te : ce)
                           ),
                           suffix: A,
                           prefix: me,
@@ -622,7 +622,7 @@ function gt(pe) {
     onSeriesMouseOver: J,
     refValues: ee,
     maxValue: v,
-    minValue: f,
+    minValue: y,
     onSeriesMouseClick: F,
     selectedColor: ae,
     rtl: le,
@@ -651,7 +651,7 @@ function gt(pe) {
   }, [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([f, v]).range([0, H]).nice(), h = Ie().domain(m).range([
+  })), m = K || k.map((s) => `${s.id}`), d = qe().domain([y, v]).range([0, H]).nice(), h = Ie().domain(m).range([
     0,
     te ? Math.min(u, te * m.length) : u
   ]).paddingInner(Y), c = Ie().domain(n[0].size.map((s, t) => `${t}`)).range([0, h.bandwidth()]).paddingInner(0.1), l = d.ticks($);
@@ -723,11 +723,11 @@ function gt(pe) {
                       {
                         className: "undp-viz-g-with-hover",
                         opacity: ae ? g[r] === ae ? 1 : 0.3 : 0.85,
-                        onMouseEnter: (y) => {
-                          T({ ...s, sizeIndex: r }), M(y.clientY), P(y.clientX), J?.({ ...s, sizeIndex: r });
+                        onMouseEnter: (f) => {
+                          T({ ...s, sizeIndex: r }), M(f.clientY), P(f.clientX), J?.({ ...s, sizeIndex: r });
                         },
-                        onMouseMove: (y) => {
-                          T({ ...s, sizeIndex: r }), M(y.clientY), P(y.clientX);
+                        onMouseMove: (f) => {
+                          T({ ...s, sizeIndex: r }), M(f.clientY), P(f.clientX);
                         },
                         onMouseLeave: () => {
                           T(void 0), P(void 0), M(void 0), J?.(void 0);
@@ -802,7 +802,7 @@ function gt(pe) {
                         value: `${s.label}`.length < me ? `${s.label}` : `${`${s.label}`.substring(0, me)}...`,
                         y: 0,
                         x: 0 - w.left,
-                        width: d(f < 0 ? 0 : f) + w.left,
+                        width: d(y < 0 ? 0 : y) + w.left,
                         height: h.bandwidth(),
                         style: p?.yAxis?.labels,
                         className: x?.yAxis?.labels,
@@ -818,8 +818,8 @@ function gt(pe) {
             /* @__PURE__ */ e.jsx(
               Ee,
               {
-                x1: d(f < 0 ? 0 : f),
-                x2: d(f < 0 ? 0 : f),
+                x1: d(y < 0 ? 0 : y),
+                x2: d(y < 0 ? 0 : y),
                 y1: -2.5,
                 y2: u + w.bottom,
                 classNames: { axis: x?.yAxis?.axis },
@@ -898,7 +898,7 @@ function xt(pe) {
     showColorScale: J = !0,
     padding: ee,
     backgroundColor: v = !1,
-    leftMargin: f = 100,
+    leftMargin: y = 100,
     rightMargin: F = 40,
     topMargin: ae = 25,
     bottomMargin: le = 10,
@@ -934,7 +934,7 @@ function xt(pe) {
     naLabel: d = "NA",
     sortParameter: h,
     sortData: c
-  } = pe, [l, s] = L(0), [t, r] = L(0), [y, Ce] = L(m.autoplay), ce = Fe(
+  } = pe, [l, s] = L(0), [t, r] = L(0), [f, Ce] = L(m.autoplay), ce = Fe(
     Ae(
       n.filter((o) => o.date !== void 0 && o.date !== null),
       (o) => o.date
@@ -953,8 +953,8 @@ function xt(pe) {
       },
       (m.speed || 2) * 1e3
     );
-    return y || clearInterval(o), () => clearInterval(o);
-  }, [ce, y, m.speed]);
+    return f || clearInterval(o), () => clearInterval(o);
+  }, [ce, f, m.speed]);
   const Ne = Pe(
     ce,
     U,
@@ -1011,11 +1011,11 @@ function xt(pe) {
                     {
                       type: "button",
                       onClick: () => {
-                        Ce(!y);
+                        Ce(!f);
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
-                      "aria-label": y ? "Click to pause animation" : "Click to play animation",
-                      children: y ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      "aria-label": f ? "Click to pause animation" : "Click to play animation",
+                      children: f ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
@@ -1095,7 +1095,7 @@ function xt(pe) {
                       showValues: E,
                       barPadding: me,
                       showTicks: ue,
-                      leftMargin: f,
+                      leftMargin: y,
                       rightMargin: F,
                       topMargin: ae,
                       bottomMargin: le,
@@ -1200,7 +1200,7 @@ function ft(pe) {
     showValues: J,
     refValues: ee,
     maxValue: v,
-    onSeriesMouseClick: f,
+    onSeriesMouseClick: y,
     selectedColor: F,
     rtl: ae,
     labelOrder: le,
@@ -1308,7 +1308,7 @@ function ft(pe) {
                           T(void 0), P(void 0), M(void 0), se?.(void 0);
                         },
                         onClick: () => {
-                          (f || R) && (We(V, { ...l, sizeIndex: t }) && re ? (oe(void 0), f?.(void 0)) : (oe({ ...l, sizeIndex: t }), f && f({ ...l, sizeIndex: t })));
+                          (y || R) && (We(V, { ...l, sizeIndex: t }) && re ? (oe(void 0), y?.(void 0)) : (oe({ ...l, sizeIndex: t }), y && y({ ...l, sizeIndex: t })));
                         },
                         children: [
                           s ? /* @__PURE__ */ e.jsx(
@@ -1331,7 +1331,7 @@ function ft(pe) {
                                 whileInView: {
                                   width: d(s || 0),
                                   x: d(
-                                    t === 0 ? 0 : ke(l.size.filter((r, y) => y < t && r))
+                                    t === 0 ? 0 : ke(l.size.filter((r, f) => f < t && r))
                                   ),
                                   fill: g[t],
                                   transition: { duration: C.duration }
@@ -1364,7 +1364,7 @@ function ft(pe) {
                                 },
                                 whileInView: {
                                   x: d(
-                                    t === 0 ? 0 : ke(l.size.filter((r, y) => y < t && r))
+                                    t === 0 ? 0 : ke(l.size.filter((r, f) => f < t && r))
                                   ) + d(s || 0) / 2,
                                   opacity: s && d(s) / ze(s, I, N, E, j).length > 12 ? 1 : 0,
                                   fill: lt(g[t]),
@@ -1524,7 +1524,7 @@ function yt(pe) {
     backgroundColor: J = !1,
     topMargin: ee = 25,
     bottomMargin: v = 10,
-    tooltip: f,
+    tooltip: y,
     onSeriesMouseOver: F,
     suffix: ae = "",
     prefix: le = "",
@@ -1561,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, y] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
+  } = pe, [s, t] = L(0), [r, f] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
     Ae(
       n.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
@@ -1570,9 +1570,9 @@ 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(O || B[0].target.clientWidth || 620), y(ie || B[0].target.clientHeight || 480);
+      t(O || B[0].target.clientWidth || 620), f(ie || B[0].target.clientHeight || 480);
     });
-    return we.current && (y(we.current.clientHeight || 480), t(we.current.clientWidth || 620), O || i.observe(we.current)), () => i.disconnect();
+    return we.current && (f(we.current.clientHeight || 480), t(we.current.clientWidth || 620), O || i.observe(we.current)), () => i.disconnect();
   }, [O, ie]), Ve(() => {
     const i = setInterval(
       () => {
@@ -1730,7 +1730,7 @@ function yt(pe) {
                       bottomMargin: v,
                       truncateBy: X,
                       showLabels: K,
-                      tooltip: f,
+                      tooltip: y,
                       onSeriesMouseOver: F,
                       showValues: re,
                       suffix: ae,
@@ -1804,7 +1804,7 @@ function pt(pe) {
     tooltip: J,
     onSeriesMouseOver: ee,
     refValues: v,
-    selectedColor: f,
+    selectedColor: y,
     maxValue: F,
     minValue: ae,
     highlightedDataPoints: le,
@@ -1921,22 +1921,22 @@ function pt(pe) {
                   animate: q ? "whileInView" : "initial",
                   variants: {
                     initial: {
-                      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
+                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85
                     },
                     whileInView: {
-                      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,
+                      opacity: y ? t.color && A[ie.indexOf(t.color)] === y ? 1 : N : le.length !== 0 ? le.indexOf(t.label) !== -1 ? 0.85 : N : 0.85,
                       transition: { duration: D.duration }
                     }
                   },
                   exit: { opacity: 0, transition: { duration: D.duration } },
-                  onMouseEnter: (y) => {
-                    oe(t), u(y.clientY), M(y.clientX), ee?.(t);
+                  onMouseEnter: (f) => {
+                    oe(t), u(f.clientY), M(f.clientX), ee?.(t);
                   },
                   onClick: () => {
                     (K || ne) && (We(G, t) && xe ? (P(void 0), K?.(void 0)) : (P(t), K?.(t)));
                   },
-                  onMouseMove: (y) => {
-                    oe(t), u(y.clientY), M(y.clientX);
+                  onMouseMove: (f) => {
+                    oe(t), u(f.clientY), M(f.clientX);
                   },
                   onMouseLeave: () => {
                     oe(void 0), M(void 0), u(void 0), ee?.(void 0);
@@ -1953,13 +1953,13 @@ function pt(pe) {
                             height: 0,
                             x: l(`${t.id}`),
                             y: d(0),
-                            fill: n.filter((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray
+                            fill: n.filter((f) => f.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((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray,
+                            fill: n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray,
                             transition: { duration: D.duration }
                           }
                         },
@@ -2003,12 +2003,12 @@ function pt(pe) {
                             x: l(`${t.id}`) + l.bandwidth() / 2,
                             y: d(0),
                             opacity: 0,
-                            fill: p || (n.filter((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray)
+                            fill: p || (n.filter((f) => f.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((y) => y.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray),
+                            fill: p || (n.filter((f) => f.color).length === 0 ? A[0] : t.color ? A[ie.indexOf(t.color)] : je.gray),
                             opacity: 1,
                             transition: { duration: D.duration }
                           }
@@ -2098,7 +2098,7 @@ function bt(pe) {
     graphDescription: J,
     height: ee,
     width: v,
-    footNote: f,
+    footNote: y,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -2138,7 +2138,7 @@ function bt(pe) {
     customLayers: s = [],
     timeline: t = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 },
     naLabel: r = "NA"
-  } = pe, [y, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
+  } = pe, [f, Ce] = L(0), [ce, U] = L(0), [fe, Oe] = L(t.autoplay), de = Fe(
     Ae(
       n.filter((a) => a.date !== void 0 && a.date !== null),
       (a) => a.date
@@ -2262,7 +2262,7 @@ function bt(pe) {
                       className: "flex grow flex-col justify-center w-full leading-0",
                       ref: i,
                       "aria-label": "Graph area",
-                      children: (v || y) && (ee || ce) ? /* @__PURE__ */ e.jsx(
+                      children: (v || f) && (ee || ce) ? /* @__PURE__ */ e.jsx(
                         pt,
                         {
                           data: S === "asc" ? rt(
@@ -2292,11 +2292,11 @@ function bt(pe) {
                             n.filter((a) => a.color),
                             "color"
                           ).map((a) => a.color),
-                          width: v || y,
+                          width: v || f,
                           refValues: R,
                           height: Math.max(
                             q,
-                            ee || (K ? q ? (v || y) * K > q ? (v || y) * K : q : (v || y) * K : ce)
+                            ee || (K ? q ? (v || f) * K > q ? (v || f) * K : q : (v || f) * K : ce)
                           ),
                           suffix: he,
                           prefix: j,
@@ -2344,7 +2344,7 @@ function bt(pe) {
                     }
                   )
                 ] }) }),
-                E || f ? /* @__PURE__ */ e.jsx(
+                E || y ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
                     styles: { footnote: k?.footnote, source: k?.source },
@@ -2353,7 +2353,7 @@ function bt(pe) {
                       source: m?.source
                     },
                     sources: E,
-                    footNote: f,
+                    footNote: y,
                     width: v
                   }
                 ) : null
@@ -2386,7 +2386,7 @@ function vt(pe) {
     onSeriesMouseOver: J,
     refValues: ee,
     maxValue: v,
-    minValue: f,
+    minValue: y,
     onSeriesMouseClick: F,
     selectedColor: ae,
     labelOrder: le,
@@ -2411,7 +2411,7 @@ function vt(pe) {
     bottom: j,
     left: R ? O + 30 : O,
     right: se
-  }, [w, q] = L(void 0), [T, V] = L(void 0), [oe, G] = L(void 0), [P, Q] = L(void 0), M = g - b.left - b.right, H = Y - b.top - b.bottom, u = qe().domain([f, v]).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([y, v]).range([H, 0]).nice(), k = n.map((l, s) => ({
     ...l,
     id: le ? `${l.label}` : `${s}`
   })), m = le || k.map((l) => `${l.id}`), d = Ie().domain(m).range([
@@ -2431,12 +2431,12 @@ function vt(pe) {
           /* @__PURE__ */ e.jsx(
             Ee,
             {
-              y1: u(f < 0 ? 0 : f),
-              y2: u(f < 0 ? 0 : f),
+              y1: u(y < 0 ? 0 : y),
+              y2: u(y < 0 ? 0 : y),
               x1: 0 - O,
               x2: M + b.right,
               label: ze(
-                f < 0 ? 0 : f,
+                y < 0 ? 0 : y,
                 D,
                 z,
                 me,
@@ -2446,7 +2446,7 @@ function vt(pe) {
                 x: 0 - O,
                 dx: 0,
                 dy: v < 0 ? "1em" : -5,
-                y: u(f < 0 ? 0 : f)
+                y: u(y < 0 ? 0 : y)
               },
               classNames: {
                 axis: p?.xAxis?.axis,
@@ -2678,7 +2678,7 @@ function wt(pe) {
     prefix: J = "",
     height: ee,
     width: v,
-    footNote: f,
+    footNote: y,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -2714,7 +2714,7 @@ function wt(pe) {
     naLabel: d = "NA",
     sortParameter: h,
     sortData: c
-  } = pe, [l, s] = L(0), [t, r] = L(0), [y, Ce] = L(m.autoplay), ce = Fe(
+  } = pe, [l, s] = L(0), [t, r] = L(0), [f, Ce] = L(m.autoplay), ce = Fe(
     Ae(
       n.filter((o) => o.date !== void 0 && o.date !== null),
       (o) => o.date
@@ -2733,8 +2733,8 @@ function wt(pe) {
       },
       (m.speed || 2) * 1e3
     );
-    return y || clearInterval(o), () => clearInterval(o);
-  }, [ce, y, m.speed]);
+    return f || clearInterval(o), () => clearInterval(o);
+  }, [ce, f, m.speed]);
   const Ne = Pe(
     ce,
     U,
@@ -2791,11 +2791,11 @@ function wt(pe) {
                     {
                       type: "button",
                       onClick: () => {
-                        Ce(!y);
+                        Ce(!f);
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
-                      "aria-label": y ? "Click to pause animation" : "Click to play animation",
-                      children: y ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
+                      "aria-label": f ? "Click to pause animation" : "Click to play animation",
+                      children: f ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx(tt, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
@@ -2937,7 +2937,7 @@ function wt(pe) {
                     }
                   ) : null })
                 ] }) }),
-                A || f ? /* @__PURE__ */ e.jsx(
+                A || y ? /* @__PURE__ */ e.jsx(
                   Je,
                   {
                     styles: { footnote: G?.footnote, source: G?.source },
@@ -2946,7 +2946,7 @@ function wt(pe) {
                       source: P?.source
                     },
                     sources: A,
-                    footNote: f,
+                    footNote: y,
                     width: v
                   }
                 ) : null
@@ -2979,7 +2979,7 @@ function Ct(pe) {
     showValues: J,
     refValues: ee,
     maxValue: v,
-    onSeriesMouseClick: f,
+    onSeriesMouseClick: y,
     selectedColor: F,
     labelOrder: ae,
     maxBarThickness: le,
@@ -3110,7 +3110,7 @@ function Ct(pe) {
                           q(void 0), G(void 0), Q(void 0), he?.(void 0);
                         },
                         onClick: () => {
-                          (f || re) && (We(T, { ...c, sizeIndex: s }) && te ? (V(void 0), f?.(void 0)) : (V({ ...c, sizeIndex: s }), f && f({ ...c, sizeIndex: s })));
+                          (y || re) && (We(T, { ...c, sizeIndex: s }) && te ? (V(void 0), y?.(void 0)) : (V({ ...c, sizeIndex: s }), y && y({ ...c, sizeIndex: s })));
                         },
                         children: [
                           /* @__PURE__ */ e.jsx(
@@ -3312,7 +3312,7 @@ function kt(pe) {
     suffix: J = "",
     prefix: ee = "",
     height: v,
-    width: f,
+    width: y,
     footNote: F,
     colorDomain: ae,
     colorLegendTitle: le,
@@ -3349,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, y] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
+  } = pe, [s, t] = L(0), [r, f] = L(0), [Ce, ce] = L(h.autoplay), U = Fe(
     Ae(
       n.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
@@ -3358,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(f || B[0].target.clientWidth || 620), y(v || B[0].target.clientHeight || 480);
+      t(y || B[0].target.clientWidth || 620), f(v || B[0].target.clientHeight || 480);
     });
-    return we.current && (y(we.current.clientHeight || 480), t(we.current.clientWidth || 620), f || i.observe(we.current)), () => i.disconnect();
-  }, [f, v]), Ve(() => {
+    return we.current && (f(we.current.clientHeight || 480), t(we.current.clientWidth || 620), y || i.observe(we.current)), () => i.disconnect();
+  }, [y, v]), Ve(() => {
     const i = setInterval(
       () => {
         Oe((B) => B < U.length - 1 ? B + 1 : 0);
@@ -3379,14 +3379,14 @@ function kt(pe) {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `${N || "light"} flex  ${f ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${N || "light"} flex  ${y ? "w-fit grow-0" : "w-full grow"}`,
       dir: z === "he" || z === "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 ${z || "en"}`,
-            f ? "w-fit" : "w-full",
+            y ? "w-fit" : "w-full",
             H?.graphContainer
           ),
           style: {
@@ -3410,7 +3410,7 @@ function kt(pe) {
                 },
                 graphTitle: g,
                 graphDescription: _,
-                width: f,
+                width: y,
                 graphDownload: x ? Ne.current : void 0,
                 dataDownload: C ? n.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? n.map((i) => i.data).filter((i) => i !== void 0) : n.filter((i) => i !== void 0) : null
               }
@@ -3451,7 +3451,7 @@ function kt(pe) {
               E ? /* @__PURE__ */ e.jsx(
                 Qe,
                 {
-                  width: f,
+                  width: y,
                   colorDomain: ae,
                   colors: Y,
                   colorLegendTitle: le,
@@ -3459,7 +3459,7 @@ function kt(pe) {
                   showNAColor: !1
                 }
               ) : null,
-              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (f || s) && (v || r) ? /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx("div", { className: "w-full grow leading-0", ref: we, "aria-label": "Graph area", children: (y || s) && (v || r) ? /* @__PURE__ */ e.jsx(
                 Ct,
                 {
                   data: b !== void 0 ? b === "total" ? Le(
@@ -3495,10 +3495,10 @@ function kt(pe) {
                     h.dateFormat || "yyyy"
                   ).filter((i) => u ? !i.size.every((B) => B == null) : i).filter((i, B) => w ? B < w : !0),
                   barColors: Y,
-                  width: f || s,
+                  width: y || s,
                   height: Math.max(
                     I,
-                    v || (R ? I ? (f || s) * R > I ? (f || s) * R : I : (f || s) * R : r)
+                    v || (R ? I ? (y || s) * R > I ? (y || s) * R : I : (y || s) * R : r)
                   ),
                   barPadding: me,
                   showLabels: se,
@@ -3549,7 +3549,7 @@ function kt(pe) {
                 },
                 sources: A,
                 footNote: F,
-                width: f
+                width: y
               }
             ) : null
           ] }) })
@@ -3579,7 +3579,7 @@ function ri(pe) {
     graphDescription: J,
     height: ee,
     width: v,
-    footNote: f,
+    footNote: y,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -3619,7 +3619,7 @@ function ri(pe) {
     precision: s,
     customLayers: t,
     timeline: r,
-    naLabel: y
+    naLabel: f
   } = pe;
   return k === "vertical" ? /* @__PURE__ */ e.jsx(
     bt,
@@ -3643,7 +3643,7 @@ function ri(pe) {
       graphDescription: J,
       height: ee,
       width: v,
-      footNote: f,
+      footNote: y,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -3681,7 +3681,8 @@ function ri(pe) {
       dimmedOpacity: l,
       precision: s,
       customLayers: t,
-      timeline: r
+      timeline: r,
+      naLabel: f
     }
   ) : /* @__PURE__ */ e.jsx(
     mt,
@@ -3705,7 +3706,7 @@ function ri(pe) {
       graphDescription: J,
       height: ee,
       width: v,
-      footNote: f,
+      footNote: y,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -3739,11 +3740,12 @@ function ri(pe) {
       valueColor: u,
       classNames: d,
       filterNA: h,
+      animate: c,
       dimmedOpacity: l,
       precision: s,
       customLayers: t,
       timeline: r,
-      naLabel: y
+      naLabel: f
     }
   );
 }
@@ -3768,7 +3770,7 @@ function si(pe) {
     padding: J,
     backgroundColor: ee,
     leftMargin: v,
-    rightMargin: f,
+    rightMargin: y,
     topMargin: F,
     bottomMargin: ae,
     showLabels: le,
@@ -3828,7 +3830,7 @@ function si(pe) {
       padding: J,
       backgroundColor: ee,
       leftMargin: v,
-      rightMargin: f,
+      rightMargin: y,
       sortParameter: S,
       sortData: b,
       topMargin: F,
@@ -3889,7 +3891,7 @@ function si(pe) {
       padding: J,
       backgroundColor: ee,
       leftMargin: v,
-      rightMargin: f,
+      rightMargin: y,
       topMargin: F,
       bottomMargin: ae,
       showLabels: le,
@@ -3947,7 +3949,7 @@ function oi(pe) {
     prefix: J,
     height: ee,
     width: v,
-    footNote: f,
+    footNote: y,
     colorDomain: F,
     colorLegendTitle: ae,
     padding: le,
@@ -4008,7 +4010,7 @@ function oi(pe) {
       prefix: J,
       height: ee,
       width: v,
-      footNote: f,
+      footNote: y,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,
@@ -4068,7 +4070,7 @@ function oi(pe) {
       prefix: J,
       height: ee,
       width: v,
-      footNote: f,
+      footNote: y,
       colorDomain: F,
       colorLegendTitle: ae,
       padding: le,