@undp/data-viz 1.5.7 → 1.5.9

package/dist/MultiLineAltChart.js

@@ -1,18 +1,18 @@
-import { j as t, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as t, m as xe } from "./index-CHPV5EwG-DBWUSD9b.js";
 import { useRef as ge, useState as G, useEffect as $e } from "react";
 import { p as u, f as Ve } from "./parse-DlCRUFh_.js";
 import { o as Te } from "./index-DvVprvy6.js";
 import { n as Se } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as He } from "./Tooltip-CVCGWyzw.js";
+import { T as He } from "./Tooltip-6LIdPQGC.js";
 import { c as x } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as We, g as Ie, A as Re } from "./customArea-B-dWU0zZ.js";
-import { A as Ye } from "./AxisTitle-BmHLMRJZ.js";
-import { A as Fe } from "./Axis-Ddg-seDi.js";
-import { X as Xe } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { R as Pe } from "./ReferenceLine-CfAW3vKJ.js";
-import { Y as Ee } from "./YTicksAndGridLines-B6ah7CRf.js";
-import { H as Ge } from "./index-DKCxu1Gh.js";
-import { Colors as T } from "./Colors.js";
+import { C as We, g as Ie, A as Re } from "./customArea-x4L4xwLl.js";
+import { A as Ye } from "./AxisTitle-v6_xcXZ-.js";
+import { A as Fe } from "./Axis-4gUOL8B7.js";
+import { X as Xe } from "./XTicksAndGridLines-DuydSnZ_.js";
+import { R as Pe } from "./ReferenceLine-CPMaAX0r.js";
+import { Y as Ee } from "./YTicksAndGridLines-7t4MKtGw.js";
+import { H as Ge } from "./index-Bw_eHBVN.js";
+import { Colors as D } from "./Colors.js";
 import { u as ue } from "./uniqBy-BHy4I8PK.js";
 import { s as Be } from "./sort-DfK1b0F5.js";
 import { c as ze, a as qe } from "./init-BhZylTFx.js";
@@ -23,24 +23,24 @@ import { l as Qe, c as Ze } from "./line-CPfhohvF.js";
 import { c as _e, s as et, a as tt, m as it } from "./step-BrDul-H4.js";
 import { s as ot } from "./select-DKy99ogv.js";
 import { p as at } from "./pointer-CWRWOsrb.js";
-import { u as rt } from "./use-in-view-yS6jzJAp.js";
-import { m as E } from "./proxy-CkpFesk1.js";
+import { u as rt } from "./use-in-view-DR-UTB96.js";
+import { m as E } from "./proxy-BYIC9BuT.js";
 import { GraphFooter as nt } from "./GraphFooter.js";
 import { GraphHeader as st } from "./GraphHeader.js";
-import { E as lt } from "./EmptyState-DdTp-Mdn.js";
+import { E as lt } from "./EmptyState-36lXXyui.js";
 import { ColorLegendWithMouseOver as ct } from "./ColorLegendWithMouseOver.js";
 function mt(pe) {
   const {
-    data: n,
+    data: r,
     width: S,
     height: K,
-    lineColors: s,
+    lineColors: a,
     dateFormat: f,
     noOfXTicks: ye,
     rightMargin: _,
     topMargin: de,
     bottomMargin: B,
-    suffix: D,
+    suffix: L,
     prefix: h,
     leftMargin: O,
     tooltip: ee,
@@ -49,10 +49,10 @@ function mt(pe) {
     highlightAreaSettings: k,
     minValue: z,
     maxValue: te,
-    highlightedLines: L,
-    animate: a,
+    highlightedLines: $,
+    animate: n,
     rtl: ie,
-    strokeWidth: $,
+    strokeWidth: M,
     showDots: q,
     annotations: we,
     customHighlightAreaSettings: ve,
@@ -61,41 +61,41 @@ function mt(pe) {
     minDate: ae,
     maxDate: re,
     curveType: U,
-    styles: b,
-    colorDomain: C,
+    styles: C,
+    colorDomain: p,
     selectedColor: I,
-    classNames: p,
+    classNames: y,
     showLabels: R,
     dimmedOpacity: j,
-    precision: M,
+    precision: N,
     naLabel: Ce,
     customLayers: ne
-  } = pe, se = ge(null), y = rt(se, {
-    once: a.once,
-    amount: a.amount
+  } = pe, se = ge(null), d = rt(se, {
+    once: n.once,
+    amount: n.amount
   }), [A, Oe] = G(!1);
   $e(() => {
-    if (y && !A) {
+    if (d && !A) {
       const e = setTimeout(
         () => {
           Oe(!0);
         },
-        (a.duration + 0.5) * 1e3
+        (n.duration + 0.5) * 1e3
       );
       return () => clearTimeout(e);
     }
-  }, [y, A, a.duration]);
+  }, [d, A, n.duration]);
   const je = U === "linear" ? Ze : U === "step" ? _e : U === "stepAfter" ? et : U === "stepBefore" ? tt : it, l = Te(
-    n.map((e) => ({
+    r.map((e) => ({
       ...e,
       date: u(`${e.date}`, f, /* @__PURE__ */ new Date())
     })),
     ["date"],
     ["asc"]
   ).filter((e) => !x(e.y)), Ae = ue(l, "label", !0), Z = Be(
-    ue(n, "date", !0).map((e) => u(`${e}`, f, /* @__PURE__ */ new Date())),
+    ue(r, "date", !0).map((e) => u(`${e}`, f, /* @__PURE__ */ new Date())),
     (e, i) => ze(e, i)
-  ), [g, d] = G(void 0), [N, Y] = G(void 0), [le, F] = G(void 0), w = {
+  ), [g, w] = G(void 0), [T, Y] = G(void 0), [le, F] = G(void 0), v = {
     top: de,
     bottom: B,
     left: oe ? O + 30 : O,
@@ -117,7 +117,7 @@ function mt(pe) {
     coordinates: e.coordinates.map(
       (i, m) => m % 2 === 0 ? u(`${i}`, f, /* @__PURE__ */ new Date()) : i
     )
-  })), v = S - w.left - w.right, V = K - w.top - w.bottom, P = ae ? u(`${ae}`, f, /* @__PURE__ */ new Date()) : Z[0], he = re ? u(`${re}`, f, /* @__PURE__ */ new Date()) : Z[Z.length - 1], o = x(z) ? Math.min(...l.map((e) => e.y).filter((e) => !x(e))) ? Math.min(
+  })), b = S - v.left - v.right, V = K - v.top - v.bottom, P = ae ? u(`${ae}`, f, /* @__PURE__ */ new Date()) : Z[0], he = re ? u(`${re}`, f, /* @__PURE__ */ new Date()) : Z[Z.length - 1], o = x(z) ? Math.min(...l.map((e) => e.y).filter((e) => !x(e))) ? Math.min(
     ...l.map((e) => e.y).filter((e) => !x(e))
   ) > 0 ? 0 : Math.min(
     ...l.map((e) => e.y).filter((e) => !x(e))
@@ -125,27 +125,27 @@ function mt(pe) {
     ...l.map((e) => e.y).filter((e) => !x(e))
   ) ? Math.max(
     ...l.map((e) => e.y).filter((e) => !x(e))
-  ) : 0, r = Ue().domain([P, he]).range([0, v]), c = Je().domain([
+  ) : 0, s = Ue().domain([P, he]).range([0, b]), c = Je().domain([
     x(z) ? o : z,
     x(te) ? J > 0 ? J : 0 : te
   ]).range([V, 0]).nice(), ke = Ke.from(
     l.filter((e) => !x(e.date) && !x(e.y)),
-    (e) => r(e.date),
+    (e) => s(e.date),
     (e) => c(e.y)
-  ).voronoi([0, 0, v < 0 ? 0 : v, V < 0 ? 0 : V]), De = Qe().x((e) => r(e.date)).y((e) => c(e.y)).curve(je), Me = c.ticks(be), Ne = r.ticks(ye);
+  ).voronoi([0, 0, b < 0 ? 0 : b, V < 0 ? 0 : V]), De = Qe().x((e) => s(e.date)).y((e) => c(e.y)).curve(je), Me = c.ticks(be), Ne = s.ticks(ye);
   return $e(() => {
     const e = (m) => {
       const H = l[qe(
         l.map((Le) => Le.date),
-        r.invert(at(m)[0]),
+        s.invert(at(m)[0]),
         0
       )];
-      d(H || l[l.length - 1]), F(m.clientY), Y(m.clientX), W?.(H || l[l.length - 1]);
+      w(H || l[l.length - 1]), F(m.clientY), Y(m.clientX), W?.(H || l[l.length - 1]);
     }, i = () => {
-      d(void 0), Y(void 0), F(void 0);
+      w(void 0), Y(void 0), F(void 0);
     };
     ot(X.current).on("mousemove", e).on("mouseout", i), W?.(void 0);
-  }, [r, l, W]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  }, [s, l, W]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       E.svg,
       {
@@ -154,26 +154,26 @@ function mt(pe) {
         viewBox: `0 0 ${S} ${K}`,
         direction: "ltr",
         ref: se,
-        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${w.left},${w.top})`, children: [
+        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
           /* @__PURE__ */ t.jsx(
             Ge,
             {
               areaSettings: me,
-              width: v,
+              width: b,
               height: V,
-              scale: r,
-              animate: a,
-              isInView: y
+              scale: s,
+              animate: n,
+              isInView: d
             }
           ),
           /* @__PURE__ */ t.jsx(
             We,
             {
               areaSettings: fe,
-              scaleX: r,
+              scaleX: s,
               scaleY: c,
-              animate: a,
-              isInView: y
+              animate: n,
+              isInView: d
             }
           ),
           /* @__PURE__ */ t.jsxs("g", { children: [
@@ -183,21 +183,21 @@ function mt(pe) {
                 values: Me.filter((e) => e !== 0),
                 y: Me.filter((e) => e !== 0).map((e) => c(e)),
                 x1: 0 - O,
-                x2: v + w.right,
+                x2: b + v.right,
                 styles: {
-                  gridLines: b?.yAxis?.gridLines,
-                  labels: b?.yAxis?.labels
+                  gridLines: C?.yAxis?.gridLines,
+                  labels: C?.yAxis?.labels
                 },
                 classNames: {
-                  gridLines: p?.yAxis?.gridLines,
-                  labels: p?.yAxis?.labels
+                  gridLines: y?.yAxis?.gridLines,
+                  labels: y?.yAxis?.labels
                 },
-                suffix: D,
+                suffix: L,
                 prefix: h,
                 labelType: "secondary",
                 showGridLines: !0,
                 labelPos: "vertical",
-                precision: M
+                precision: N
               }
             ),
             /* @__PURE__ */ t.jsx(
@@ -206,13 +206,13 @@ function mt(pe) {
                 y1: c(o < 0 ? 0 : o),
                 y2: c(o < 0 ? 0 : o),
                 x1: 0 - O,
-                x2: v + w.right,
+                x2: b + v.right,
                 label: Se(
                   o < 0 ? 0 : o,
                   "NA",
-                  M,
+                  N,
                   h,
-                  D
+                  L
                 ),
                 labelPos: {
                   x: 0 - O,
@@ -221,12 +221,12 @@ function mt(pe) {
                   dy: J < 0 ? "1em" : -5
                 },
                 classNames: {
-                  axis: p?.xAxis?.axis,
-                  label: p?.yAxis?.labels
+                  axis: y?.xAxis?.axis,
+                  label: y?.yAxis?.labels
                 },
                 styles: {
-                  axis: b?.xAxis?.axis,
-                  label: b?.yAxis?.labels
+                  axis: C?.xAxis?.axis,
+                  label: C?.yAxis?.labels
                 }
               }
             ),
@@ -235,8 +235,8 @@ function mt(pe) {
               {
                 x: 0 - O - 15,
                 y: V / 2,
-                style: b?.yAxis?.title,
-                className: p?.yAxis?.title,
+                style: C?.yAxis?.title,
+                className: y?.yAxis?.title,
                 text: oe,
                 rotate90: !0
               }
@@ -246,25 +246,25 @@ function mt(pe) {
             Xe,
             {
               values: Ne.map((e) => Ve(e, f)),
-              x: Ne.map((e) => r(e)),
+              x: Ne.map((e) => s(e)),
               y1: 0,
               y2: V,
               styles: {
-                gridLines: b?.xAxis?.gridLines,
-                labels: b?.xAxis?.labels
+                gridLines: C?.xAxis?.gridLines,
+                labels: C?.xAxis?.labels
               },
               classNames: {
-                gridLines: xe("opacity-0", p?.xAxis?.gridLines),
+                gridLines: xe("opacity-0", y?.xAxis?.gridLines),
                 labels: xe(
                   "fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",
-                  p?.xAxis?.labels
+                  y?.xAxis?.labels
                 )
               },
-              suffix: D,
+              suffix: L,
               prefix: h,
               labelType: "primary",
               showGridLines: !0,
-              precision: M
+              precision: N
             }
           ) }),
           ne.filter((e) => e.position === "before").map((e) => e.layer),
@@ -272,18 +272,18 @@ function mt(pe) {
             ce.map((e) => /* @__PURE__ */ t.jsxs(
               E.g,
               {
-                exit: { opacity: 0, transition: { duration: a.duration } },
+                exit: { opacity: 0, transition: { duration: n.duration } },
                 variants: {
                   initial: {
-                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && s[C.indexOf(e[0].color)] === I ? 1 : j : L.length !== 0 ? L.indexOf(e[0].label) !== -1 ? 1 : j : 1
+                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && a[p.indexOf(e[0].color)] === I ? 1 : j : $.length !== 0 ? $.indexOf(e[0].label) !== -1 ? 1 : j : 1
                   },
                   whileInView: {
-                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && s[C.indexOf(e[0].color)] === I ? 1 : j : L.length !== 0 ? L.indexOf(e[0].label) !== -1 ? 1 : j : 1,
-                    transition: { duration: a.duration }
+                    opacity: g ? e[0].label === g.label ? 1 : j : I ? e[0].color && a[p.indexOf(e[0].color)] === I ? 1 : j : $.length !== 0 ? $.indexOf(e[0].label) !== -1 ? 1 : j : 1,
+                    transition: { duration: n.duration }
                   }
                 },
                 initial: "initial",
-                animate: y ? "whileInView" : "initial",
+                animate: d ? "whileInView" : "initial",
                 children: [
                   /* @__PURE__ */ t.jsx(
                     E.path,
@@ -293,9 +293,9 @@ function mt(pe) {
                       ) || "",
                       style: {
                         fill: "none",
-                        strokeWidth: g ? e[0].label === g.label ? $ + Math.max(2, 0.5 * $) : $ : L.length !== 0 && L.indexOf(e[0].label) !== -1 ? $ + Math.max(2, 0.5 * $) : $
+                        strokeWidth: g ? e[0].label === g.label ? M + Math.max(2, 0.5 * M) : M : $.length !== 0 && $.indexOf(e[0].label) !== -1 ? M + Math.max(2, 0.5 * M) : M
                       },
-                      exit: { opacity: 0, transition: { duration: a.duration } },
+                      exit: { opacity: 0, transition: { duration: n.duration } },
                       variants: {
                         initial: {
                           pathLength: 0,
@@ -303,7 +303,7 @@ function mt(pe) {
                             e.filter((i) => !x(i.y))
                           ) || "",
                           opacity: 1,
-                          stroke: n.filter((i) => i.color).length === 0 ? s[0] : e[0].color ? s[C.indexOf(e[0].color)] : T.gray
+                          stroke: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray
                         },
                         whileInView: {
                           pathLength: 1,
@@ -311,69 +311,68 @@ function mt(pe) {
                             e.filter((i) => !x(i.y))
                           ) || "",
                           opacity: 1,
-                          stroke: n.filter((i) => i.color).length === 0 ? s[0] : e[0].color ? s[C.indexOf(e[0].color)] : T.gray,
-                          transition: { duration: a.duration }
+                          stroke: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
+                          transition: { duration: n.duration }
                         }
                       },
                       initial: "initial",
-                      animate: y ? "whileInView" : "initial"
+                      animate: d ? "whileInView" : "initial"
                     }
                   ),
                   e.map((i, m) => /* @__PURE__ */ t.jsx(E.g, { children: x(i.y) ? null : /* @__PURE__ */ t.jsx(t.Fragment, { children: q ? /* @__PURE__ */ t.jsx(
                     E.circle,
                     {
-                      r: v / e.length < 5 ? 0 : v / e.length < 20 ? 2 : 4,
-                      exit: { opacity: 0, transition: { duration: a.duration } },
+                      r: b / e.length < 5 ? 0 : b / e.length < 20 ? 2 : 4,
+                      exit: { opacity: 0, transition: { duration: n.duration } },
                       variants: {
                         initial: {
                           opacity: 0,
-                          fill: n.filter((H) => H.color).length === 0 ? s[0] : e[0].color ? s[C.indexOf(e[0].color)] : T.gray,
-                          cx: r(i.date),
+                          fill: r.filter((H) => H.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
+                          cx: s(i.date),
                           cy: c(i.y)
                         },
                         whileInView: {
                           opacity: 1,
-                          fill: n.filter((H) => H.color).length === 0 ? s[0] : e[0].color ? s[C.indexOf(e[0].color)] : T.gray,
+                          fill: r.filter((H) => H.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
                           transition: {
-                            duration: A ? a.duration : 0.5,
-                            delay: A ? 0 : a.duration
+                            duration: A ? n.duration : 0.5,
+                            delay: A ? 0 : n.duration
                           },
-                          cx: r(i.date),
+                          cx: s(i.date),
                           cy: c(i.y)
                         }
                       },
                       initial: "initial",
-                      animate: y ? "whileInView" : "initial"
+                      animate: d ? "whileInView" : "initial"
                     }
                   ) : null }) }, m)),
-                  (L.indexOf(e[0].label) !== -1 || g?.label === e[0].label) && R ? /* @__PURE__ */ t.jsx(
+                  ($.indexOf(e[0].label) !== -1 || g?.label === e[0].label) && R ? /* @__PURE__ */ t.jsx(
                     E.text,
                     {
-                      style: {
-                        fill: n.filter((i) => i.color).length === 0 ? s[0] : e[0].color ? s[C.indexOf(e[0].color)] : T.gray
-                      },
                       className: "text-sm font-bold",
                       dx: 5,
                       dy: 4,
-                      exit: { opacity: 0, transition: { duration: a.duration } },
+                      exit: { opacity: 0, transition: { duration: n.duration } },
                       variants: {
                         initial: {
                           opacity: 0,
-                          x: r(e[e.length - 1].date),
+                          fill: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
+                          x: s(e[e.length - 1].date),
                           y: c(e[e.length - 1].y)
                         },
                         whileInView: {
                           opacity: 1,
-                          x: r(e[e.length - 1].date),
+                          fill: r.filter((i) => i.color).length === 0 ? a[0] : e[0].color ? a[p.indexOf(e[0].color)] : D.gray,
+                          x: s(e[e.length - 1].date),
                           y: c(e[e.length - 1].y),
                           transition: {
-                            duration: A ? a.duration : 0.5,
-                            delay: A ? 0 : a.duration
+                            duration: A ? n.duration : 0.5,
+                            delay: A ? 0 : n.duration
                           }
                         }
                       },
                       initial: "initial",
-                      animate: y ? "whileInView" : "initial",
+                      animate: d ? "whileInView" : "initial",
                       children: e[0].label
                     }
                   ) : null
@@ -385,14 +384,14 @@ function mt(pe) {
               "text",
               {
                 y: c(g.y) - 8,
-                x: r(g.date),
-                className: xe("graph-value text-sm font-bold", p?.graphObjectValues),
+                x: s(g.date),
+                className: xe("graph-value text-sm font-bold", y?.graphObjectValues),
                 style: {
-                  fill: n.filter((e) => e.color).length === 0 ? s[0] : g.color ? s[C.indexOf(g.color)] : T.gray,
+                  fill: r.filter((e) => e.color).length === 0 ? a[0] : g.color ? a[p.indexOf(g.color)] : D.gray,
                   textAnchor: "middle",
-                  ...b?.graphObjectValues || {}
+                  ...C?.graphObjectValues || {}
                 },
-                children: Se(g.y, Ce, M, h, D)
+                children: Se(g.y, Ce, N, h, L)
               }
             ) : null
           ] }),
@@ -404,13 +403,13 @@ function mt(pe) {
               ),
               opacity: 0,
               onMouseEnter: (m) => {
-                d(e), F(m.clientY), Y(m.clientX), W?.(e);
+                w(e), F(m.clientY), Y(m.clientX), W?.(e);
               },
               onMouseMove: (m) => {
-                d(e), F(m.clientY), Y(m.clientX);
+                w(e), F(m.clientY), Y(m.clientX);
               },
               onMouseLeave: () => {
-                d(void 0), Y(void 0), F(void 0), W?.(void 0);
+                w(void 0), Y(void 0), F(void 0), W?.(void 0);
               }
             }
           ) }, i)),
@@ -421,22 +420,22 @@ function mt(pe) {
               color: e.color,
               y: c(e.value),
               x1: 0 - O,
-              x2: v + w.right,
+              x2: b + v.right,
               classNames: e.classNames,
               styles: e.styles,
-              animate: a,
-              isInView: y
+              animate: n,
+              isInView: d
             },
             i
           )) }) : null,
           /* @__PURE__ */ t.jsx("g", { children: we.map((e, i) => {
             const m = Ie(
               {
-                x: e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                x: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                 y: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
               },
               {
-                x: e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
+                x: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
                 y: e.yCoordinate ? c(e.yCoordinate) : 0
               },
               x(e.connectorRadius) ? 3.5 : e.connectorRadius
@@ -444,15 +443,15 @@ function mt(pe) {
               y1: m.y,
               x1: m.x,
               y2: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-              x2: e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+              x2: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
               cy: e.yCoordinate ? c(e.yCoordinate) : 0,
-              cx: e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
+              cx: e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
               circleRadius: x(e.connectorRadius) ? 3.5 : e.connectorRadius,
               strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
             } : void 0, Le = {
               y: e.yCoordinate ? c(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-              x: ie ? 0 : e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-              width: ie ? e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : v + w.right - (e.xCoordinate ? r(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+              x: ie ? 0 : e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+              width: ie ? e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : b + v.right - (e.xCoordinate ? s(u(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
               maxWidth: e.maxWidth,
               fontWeight: e.fontWeight,
               align: e.align
@@ -466,8 +465,8 @@ function mt(pe) {
                 text: e.text,
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: a,
-                isInView: y
+                animate: n,
+                isInView: d
               },
               i
             );
@@ -476,31 +475,31 @@ function mt(pe) {
         ] })
       }
     ),
-    g && ee && N && le ? /* @__PURE__ */ t.jsx(
+    g && ee && T && le ? /* @__PURE__ */ t.jsx(
       He,
       {
         data: g,
         body: ee,
-        xPos: N,
+        xPos: T,
         yPos: le,
-        backgroundStyle: b?.tooltip,
-        className: p?.tooltip
+        backgroundStyle: C?.tooltip,
+        className: y?.tooltip
       }
     ) : null
   ] });
 }
 function Pt(pe) {
   const {
-    data: n,
+    data: r,
     graphTitle: S,
     showNAColor: K = !0,
-    colors: s,
+    colors: a,
     colorDomain: f,
     suffix: ye = "",
     sources: _,
     prefix: de = "",
     graphDescription: B,
-    height: D,
+    height: L,
     width: h,
     footNote: O,
     noOfXTicks: ee = 10,
@@ -509,10 +508,10 @@ function Pt(pe) {
     backgroundColor: k = !1,
     leftMargin: z = 30,
     rightMargin: te = 50,
-    topMargin: L = 20,
-    bottomMargin: a = 25,
+    topMargin: $ = 20,
+    bottomMargin: n = 25,
     showColorScale: ie = !0,
-    tooltip: $,
+    tooltip: M,
     relativeHeight: q,
     onSeriesMouseOver: we,
     showLabels: ve = !0,
@@ -521,17 +520,17 @@ function Pt(pe) {
     graphID: ae,
     minValue: re,
     maxValue: U,
-    highlightedLines: b = [],
-    graphDownload: C = !1,
+    highlightedLines: C = [],
+    graphDownload: p = !1,
     dataDownload: I = !1,
-    animate: p = !1,
+    animate: y = !1,
     language: R = "en",
     colorLegendTitle: j,
-    minHeight: M = 0,
+    minHeight: N = 0,
     strokeWidth: Ce = 2,
     showDots: ne = !0,
     annotations: se = [],
-    customHighlightAreaSettings: y = [],
+    customHighlightAreaSettings: d = [],
     theme: A = "light",
     ariaLabel: Oe,
     yAxisTitle: je,
@@ -539,19 +538,19 @@ function Pt(pe) {
     minDate: Ae,
     maxDate: Z,
     curveType: g = "curve",
-    styles: d,
-    classNames: N,
+    styles: w,
+    classNames: T,
     dimmedOpacity: Y = 0.3,
     precision: le = 2,
     customLayers: F = [],
-    naLabel: w = "NA"
-  } = pe, [X, ce] = G(0), [me, fe] = G(0), [v, V] = G(void 0), P = ge(null), he = ge(null);
+    naLabel: v = "NA"
+  } = pe, [X, ce] = G(0), [me, fe] = G(0), [b, V] = G(void 0), P = ge(null), he = ge(null);
   return $e(() => {
     const o = new ResizeObserver((J) => {
-      ce(h || J[0].target.clientWidth || 620), fe(D || J[0].target.clientHeight || 480);
+      ce(h || J[0].target.clientWidth || 620), fe(L || J[0].target.clientHeight || 480);
     });
     return P.current && (fe(P.current.clientHeight || 480), ce(P.current.clientWidth || 620), h || o.observe(P.current)), () => o.disconnect();
-  }, [h, D]), /* @__PURE__ */ t.jsx(
+  }, [h, L]), /* @__PURE__ */ t.jsx(
     "div",
     {
       className: `${A || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
@@ -562,10 +561,10 @@ function Pt(pe) {
           className: xe(
             `${k ? k === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${R || "en"}`,
             h ? "w-fit" : "w-full",
-            N?.graphContainer
+            T?.graphContainer
           ),
           style: {
-            ...d?.graphContainer || {},
+            ...w?.graphContainer || {},
             ...k && k !== !0 ? { backgroundColor: k } : {}
           },
           id: ae,
@@ -577,53 +576,53 @@ function Pt(pe) {
               className: "flex grow",
               style: { padding: k ? Q || "1rem" : Q || 0 },
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                S || B || C || I ? /* @__PURE__ */ t.jsx(
+                S || B || p || I ? /* @__PURE__ */ t.jsx(
                   st,
                   {
                     styles: {
-                      title: d?.title,
-                      description: d?.description
+                      title: w?.title,
+                      description: w?.description
                     },
                     classNames: {
-                      title: N?.title,
-                      description: N?.description
+                      title: T?.title,
+                      description: T?.description
                     },
                     graphTitle: S,
                     graphDescription: B,
                     width: h,
-                    graphDownload: C ? he.current : void 0,
-                    dataDownload: I ? 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
+                    graphDownload: p ? he.current : void 0,
+                    dataDownload: I ? r.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? r.map((o) => o.data).filter((o) => o !== void 0) : r.filter((o) => o !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: n.length === 0 ? /* @__PURE__ */ t.jsx(lt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  ie && n.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ t.jsx(lt, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  ie && r.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ t.jsx(
                     ct,
                     {
                       width: h,
                       colorLegendTitle: j,
-                      colors: s || T[A].categoricalColors.colors,
-                      colorDomain: f || ue(n, "color", !0),
+                      colors: a || D[A].categoricalColors.colors,
+                      colorDomain: f || ue(r, "color", !0),
                       setSelectedColor: V,
                       showNAColor: K
                     }
                   ) : null,
-                  /* @__PURE__ */ t.jsx("div", { className: "w-full grow leading-0", ref: P, "aria-label": "Graph area", children: (h || X) && (D || me) ? /* @__PURE__ */ t.jsx(
+                  /* @__PURE__ */ t.jsx("div", { className: "w-full grow leading-0", ref: P, "aria-label": "Graph area", children: (h || X) && (L || me) ? /* @__PURE__ */ t.jsx(
                     mt,
                     {
-                      data: n,
-                      lineColors: n.filter((o) => o.color).length === 0 ? s ? [s] : [T.primaryColors["blue-600"]] : s || T[A].categoricalColors.colors,
+                      data: r,
+                      lineColors: r.filter((o) => o.color).length === 0 ? a ? [a] : [D.primaryColors["blue-600"]] : a || D[A].categoricalColors.colors,
                       width: h || X,
                       height: Math.max(
-                        M,
-                        D || (q ? M ? (h || X) * q > M ? (h || X) * q : M : (h || X) * q : me)
+                        N,
+                        L || (q ? N ? (h || X) * q > N ? (h || X) * q : N : (h || X) * q : me)
                       ),
                       dateFormat: W,
                       noOfXTicks: ee,
                       leftMargin: z,
                       rightMargin: te,
-                      topMargin: L,
-                      bottomMargin: a,
-                      tooltip: $,
+                      topMargin: $,
+                      bottomMargin: n,
+                      tooltip: M,
                       onSeriesMouseOver: we,
                       suffix: ye,
                       prefix: de,
@@ -631,37 +630,37 @@ function Pt(pe) {
                       refValues: oe,
                       minValue: re,
                       maxValue: U,
-                      highlightedLines: b,
-                      animate: p === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : p || { duration: 0, once: !0, amount: 0 },
+                      highlightedLines: C,
+                      animate: y === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : y || { duration: 0, once: !0, amount: 0 },
                       rtl: R === "he" || R === "ar",
                       strokeWidth: Ce,
                       showDots: ne,
                       annotations: se,
-                      customHighlightAreaSettings: y,
+                      customHighlightAreaSettings: d,
                       yAxisTitle: je,
                       noOfYTicks: l,
                       minDate: Ae,
                       maxDate: Z,
                       curveType: g,
-                      styles: d,
-                      classNames: N,
-                      selectedColor: v,
+                      styles: w,
+                      classNames: T,
+                      selectedColor: b,
                       showLabels: ve,
-                      colorDomain: n.filter((o) => o.color).length === 0 ? [] : f || ue(n, "color", !0),
+                      colorDomain: r.filter((o) => o.color).length === 0 ? [] : f || ue(r, "color", !0),
                       dimmedOpacity: Y,
                       precision: le,
                       customLayers: F,
-                      naLabel: w
+                      naLabel: v
                     }
                   ) : null })
                 ] }) }),
                 _ || O ? /* @__PURE__ */ t.jsx(
                   nt,
                   {
-                    styles: { footnote: d?.footnote, source: d?.source },
+                    styles: { footnote: w?.footnote, source: w?.source },
                     classNames: {
-                      footnote: N?.footnote,
-                      source: N?.source
+                      footnote: T?.footnote,
+                      source: T?.source
                     },
                     sources: _,
                     footNote: O,