@undp/data-viz 1.5.6 → 1.5.8

package/dist/ScatterPlot.js

@@ -8,7 +8,7 @@ import { l as Ge, a as qe } from "./simple-statistics-flVzqVtt.js";
 import { X as Be } from "./Modal-DVVwpKhP.js";
 import { T as _e } from "./Tooltip-CVCGWyzw.js";
 import { c } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { Colors as N } from "./Colors.js";
+import { Colors as M } from "./Colors.js";
 import { n as Te } from "./numberFormattingFunction-14YCbkN2.js";
 import { C as ze, g as Ue, A as Je } from "./customArea-B-dWU0zZ.js";
 import { s as Ke } from "./string2HTML-oFCROsus.js";
@@ -16,10 +16,10 @@ import { A as Pe } from "./Axis-Ddg-seDi.js";
 import { A as Xe } from "./AxisTitle-BmHLMRJZ.js";
 import { X as Qe } from "./XTicksAndGridLines-Bn9u5gOM.js";
 import { a as Ze, R as ei } from "./ReferenceLine-CfAW3vKJ.js";
-import { R as ii } from "./RegressionLine-mH7UKOPi.js";
+import { R as ii } from "./RegressionLine-C2--oMQq.js";
 import { Y as ti } from "./YTicksAndGridLines-B6ah7CRf.js";
-import { a as ai } from "./index-DKCxu1Gh.js";
-import { s as oi } from "./pow-e8zx3AQJ.js";
+import { a as oi } from "./index-DKCxu1Gh.js";
+import { s as ai } from "./pow-e8zx3AQJ.js";
 import { a as Ye } from "./linear-DUdu7l2G.js";
 import { D as ri } from "./delaunay-C1uAf38t.js";
 import { u as li } from "./use-in-view-yS6jzJAp.js";
@@ -36,19 +36,19 @@ import { s as gi } from "./sort-DfK1b0F5.js";
 import { c as hi } from "./init-BhZylTFx.js";
 function yi(ye) {
   const {
-    data: a,
+    data: o,
     width: L,
     height: D,
-    showLabels: ae,
-    colors: s,
-    colorDomain: C,
+    showLabels: oe,
+    colors: l,
+    colorDomain: w,
     radius: O,
     xAxisTitle: u,
-    yAxisTitle: J,
+    yAxisTitle: K,
     leftMargin: q,
     rightMargin: de,
     topMargin: pe,
-    bottomMargin: oe,
+    bottomMargin: ae,
     tooltip: re,
     onSeriesMouseOver: H,
     refXValues: $,
@@ -62,35 +62,35 @@ function yi(ye) {
     maxYValue: Ce,
     minYValue: A,
     onSeriesMouseClick: P,
-    rtl: K,
+    rtl: Q,
     annotations: Oe,
     customHighlightAreaSettings: je,
     regressionLine: z,
-    resetSelectionOnDoubleClick: Q,
-    detailsOnClick: M,
+    resetSelectionOnDoubleClick: Z,
+    detailsOnClick: k,
     noOfXTicks: le,
     noOfYTicks: se,
-    labelColor: Z,
+    labelColor: U,
     xSuffix: ne,
     ySuffix: ce,
     xPrefix: xe,
     yPrefix: me,
     styles: x,
     classNames: m,
-    animate: l,
-    dimmedOpacity: k,
+    animate: s,
+    dimmedOpacity: N,
     precision: S,
     customLayers: fe
   } = ye, ue = Se(null), p = li(ue, {
-    once: l.once,
-    amount: l.amount
+    once: s.once,
+    amount: s.amount
   }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), g = {
     top: pe,
-    bottom: u ? oe + 50 : oe,
-    left: J ? q + 30 : q,
+    bottom: u ? ae + 50 : ae,
+    left: K ? q + 30 : q,
     right: de
-  }, U = a.map((e, d) => ({ ...e, id: `${d}` })), y = L - g.left - g.right, b = D - g.top - g.bottom, w = a.filter((e) => e.radius === void 0 || e.radius === null).length !== a.length ? oi().domain([0, we]).range([0.25, O]).nice() : void 0, h = U.filter((e) => !c(e.radius)).length === 0 ? U : Ee(
-    U.filter((e) => !c(e.radius)),
+  }, J = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - g.left - g.right, b = D - g.top - g.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? ai().domain([0, we]).range([0.25, O]).nice() : void 0, h = J.filter((e) => !c(e.radius)).length === 0 ? J : Ee(
+    J.filter((e) => !c(e.radius)),
     "radius",
     "desc"
   ), r = Ye().domain([j, _]).range([0, y]).nice(), n = Ye().domain([A, Ce]).range([b, 0]).nice(), ee = r.ticks(le), ie = n.ticks(se), F = ri.from(
@@ -98,7 +98,7 @@ function yi(ye) {
     (e) => r(e.x),
     (e) => n(e.y)
   ).voronoi([0, 0, y < 0 ? 0 : y, b < 0 ? 0 : b]), Ae = Ge(
-    a.filter((e) => !c(e.x) && !c(e.y)).map((e) => [r(e.x), n(e.y)])
+    o.filter((e) => !c(e.x) && !c(e.y)).map((e) => [r(e.x), n(e.y)])
   ), f = qe(Ae);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -112,14 +112,14 @@ function yi(ye) {
         children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
           /* @__PURE__ */ t.jsxs(Ie, { children: [
             /* @__PURE__ */ t.jsx(
-              ai,
+              oi,
               {
                 areaSettings: be,
                 width: y,
                 height: b,
                 scaleX: r,
                 scaleY: n,
-                animate: l,
+                animate: s,
                 isInView: p
               },
               "highlight-area"
@@ -130,7 +130,7 @@ function yi(ye) {
                 areaSettings: je,
                 scaleX: r,
                 scaleY: n,
-                animate: l,
+                animate: s,
                 isInView: p
               },
               "custom-area"
@@ -197,7 +197,7 @@ function yi(ye) {
                 y: b / 2,
                 style: x?.yAxis?.title,
                 className: m?.yAxis?.title,
-                text: J,
+                text: K,
                 rotate90: !0
               }
             )
@@ -274,19 +274,19 @@ function yi(ye) {
             h.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
               "path",
               {
-                d: F.renderCell(h.findIndex((o) => o.id === e.id)),
+                d: F.renderCell(h.findIndex((a) => a.id === e.id)),
                 opacity: 0,
-                onMouseEnter: (o) => {
-                  Y(e), v(o.clientY), R(o.clientX), H?.(e);
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
                 },
-                onMouseMove: (o) => {
-                  Y(e), v(o.clientY), R(o.clientX);
+                onMouseMove: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX);
                 },
                 onMouseLeave: () => {
                   Y(void 0), R(void 0), v(void 0), H?.(void 0);
                 },
                 onClick: () => {
-                  (P || M) && ($e(I, e) && Q ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
+                  (P || k) && ($e(I, e) && Z ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
                 }
               },
               `tesselation_${e.label || d}`
@@ -298,29 +298,29 @@ function yi(ye) {
                   initial: {
                     x: r(e.x),
                     y: n(e.y),
-                    opacity: B ? e.color && s[C.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1
+                    opacity: B ? e.color && l[w.indexOf(`${e.color}`)] === B ? 1 : N : X ? X.id === e.id ? 1 : N : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : N : 1
                   },
                   whileInView: {
                     x: r(e.x),
                     y: n(e.y),
-                    opacity: B ? e.color && s[C.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1,
-                    transition: { duration: l.duration }
+                    opacity: B ? e.color && l[w.indexOf(`${e.color}`)] === B ? 1 : N : X ? X.id === e.id ? 1 : N : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : N : 1,
+                    transition: { duration: s.duration }
                   }
                 },
                 initial: "initial",
                 animate: p ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: l.duration } },
-                onMouseEnter: (o) => {
-                  Y(e), v(o.clientY), R(o.clientX), H?.(e);
+                exit: { opacity: 0, transition: { duration: s.duration } },
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
                 },
-                onMouseMove: (o) => {
-                  Y(e), v(o.clientY), R(o.clientX);
+                onMouseMove: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX);
                 },
                 onMouseLeave: () => {
                   Y(void 0), R(void 0), v(void 0), H?.(void 0);
                 },
                 onClick: () => {
-                  (P || M) && ($e(I, e) && Q ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
+                  (P || k) && ($e(I, e) && Z ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
                 },
                 children: [
                   /* @__PURE__ */ t.jsx(
@@ -328,18 +328,18 @@ function yi(ye) {
                     {
                       cx: 0,
                       cy: 0,
-                      exit: { r: 0, transition: { duration: l.duration } },
+                      exit: { r: 0, transition: { duration: s.duration } },
                       variants: {
                         initial: {
                           r: 0,
-                          fill: a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          stroke: a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray
+                          fill: o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray
                         },
                         whileInView: {
-                          r: w ? w(e.radius || 0) : O,
-                          fill: a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          stroke: a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          transition: { duration: l.duration }
+                          r: C ? C(e.radius || 0) : O,
+                          fill: o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray,
+                          transition: { duration: s.duration }
                         }
                       },
                       initial: "initial",
@@ -349,7 +349,7 @@ function yi(ye) {
                       }
                     }
                   ),
-                  ae && !c(e.label) ? /* @__PURE__ */ t.jsx(
+                  oe && !c(e.label) ? /* @__PURE__ */ t.jsx(
                     te.text,
                     {
                       style: {
@@ -357,18 +357,18 @@ function yi(ye) {
                       },
                       className: Ne("graph-value text-sm", m?.graphObjectValues),
                       y: 0,
-                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      exit: { opacity: 0, transition: { duration: s.duration } },
                       variants: {
                         initial: {
-                          x: w ? w(e.radius || 0) : O,
+                          x: C ? C(e.radius || 0) : O,
                           opacity: 0,
-                          fill: Z || (a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray)
+                          fill: U || (o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray)
                         },
                         whileInView: {
-                          x: w ? w(e.radius || 0) : O,
+                          x: C ? C(e.radius || 0) : O,
                           opacity: 1,
-                          fill: Z || (a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
-                          transition: { duration: l.duration }
+                          fill: U || (o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray),
+                          transition: { duration: s.duration }
                         }
                       },
                       initial: "initial",
@@ -381,21 +381,22 @@ function yi(ye) {
                     te.text,
                     {
                       style: {
-                        fill: Z || (a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
                         ...x?.graphObjectValues || {}
                       },
                       className: Ne("graph-value text-sm", m?.graphObjectValues),
                       y: 0,
-                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      exit: { opacity: 0, transition: { duration: s.duration } },
                       variants: {
                         initial: {
-                          x: w ? w(e.radius || 0) : O,
-                          opacity: 0
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 0,
+                          fill: U || (o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray)
                         },
                         whileInView: {
-                          x: w ? w(e.radius || 0) : O,
+                          x: C ? C(e.radius || 0) : O,
                           opacity: 1,
-                          transition: { duration: l.duration }
+                          fill: U || (o.filter((a) => a.color).length === 0 ? l[0] : e.color ? l[w.indexOf(`${e.color}`)] : M.gray),
+                          transition: { duration: s.duration }
                         }
                       },
                       initial: "initial",
@@ -417,10 +418,10 @@ function yi(ye) {
                 x: r(e.value),
                 y1: 0,
                 y2: b,
-                textSide: r(e.value) > y * 0.75 || K ? "left" : "right",
+                textSide: r(e.value) > y * 0.75 || Q ? "left" : "right",
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: l,
+                animate: s,
                 isInView: p
               },
               d
@@ -435,13 +436,13 @@ function yi(ye) {
                 x2: y,
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: l,
+                animate: s,
                 isInView: p
               },
               d
             )),
             /* @__PURE__ */ t.jsx("g", { children: Oe.map((e, d) => {
-              const o = Ue(
+              const a = Ue(
                 {
                   x: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                   y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
@@ -452,8 +453,8 @@ function yi(ye) {
                 },
                 c(e.connectorRadius) ? 3.5 : e.connectorRadius
               ), Me = e.showConnector ? {
-                y1: o.y,
-                x1: o.x,
+                y1: a.y,
+                x1: a.x,
                 y2: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
                 x2: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                 cy: e.yCoordinate ? n(e.yCoordinate) : 0,
@@ -462,8 +463,8 @@ function yi(ye) {
                 strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
               } : void 0, E = {
                 y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-                x: K ? 0 : e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-                width: K ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + g.right - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+                x: Q ? 0 : e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                width: Q ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + g.right - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
                 maxWidth: e.maxWidth,
                 fontWeight: e.fontWeight,
                 align: e.align
@@ -477,7 +478,7 @@ function yi(ye) {
                   text: e.text,
                   classNames: e.classNames,
                   styles: e.styles,
-                  animate: l,
+                  animate: s,
                   isInView: p
                 },
                 d
@@ -495,7 +496,7 @@ function yi(ye) {
                 className: m?.regLine,
                 style: x?.regLine,
                 color: typeof z == "string" ? z : void 0,
-                animate: l,
+                animate: s,
                 isInView: p
               }
             ) : null
@@ -515,7 +516,7 @@ function yi(ye) {
         className: m?.tooltip
       }
     ) : null,
-    M && I !== void 0 ? /* @__PURE__ */ t.jsx(
+    k && I !== void 0 ? /* @__PURE__ */ t.jsx(
       Be,
       {
         open: I !== void 0,
@@ -526,8 +527,8 @@ function yi(ye) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Ke(M, I) } : void 0,
-            children: typeof M == "function" ? M(I) : null
+            dangerouslySetInnerHTML: typeof k == "string" ? { __html: Ke(k, I) } : void 0,
+            children: typeof k == "function" ? k(I) : null
           }
         )
       }
@@ -536,19 +537,19 @@ function yi(ye) {
 }
 function Zi(ye) {
   const {
-    data: a,
+    data: o,
     graphTitle: L,
     colors: D,
-    sources: ae,
-    graphDescription: s,
-    showLabels: C = !1,
+    sources: oe,
+    graphDescription: l,
+    showLabels: w = !1,
     height: O,
     width: u,
-    footNote: J,
+    footNote: K,
     colorDomain: q,
     colorLegendTitle: de,
     radius: pe = 5,
-    xAxisTitle: oe = "X Axis",
+    xAxisTitle: ae = "X Axis",
     yAxisTitle: re = "Y Axis",
     padding: H,
     backgroundColor: $ = !1,
@@ -562,23 +563,23 @@ function Zi(ye) {
     refXValues: Ce = [],
     refYValues: A = [],
     highlightAreaSettings: P = [],
-    showColorScale: K = !0,
+    showColorScale: Q = !0,
     highlightedDataPoints: Oe = [],
     graphID: je,
     maxRadiusValue: z,
-    maxXValue: Q,
-    minXValue: M,
+    maxXValue: Z,
+    minXValue: k,
     maxYValue: le,
     minYValue: se,
-    xSuffix: Z = "",
+    xSuffix: U = "",
     ySuffix: ne = "",
     xPrefix: ce = "",
     yPrefix: xe = "",
     onSeriesMouseClick: me,
     graphDownload: x = !1,
     dataDownload: m = !1,
-    language: l = "en",
-    showNAColor: k = !0,
+    language: s = "en",
+    showNAColor: N = !0,
     minHeight: S = 0,
     annotations: fe = [],
     customHighlightAreaSettings: ue = [],
@@ -592,17 +593,17 @@ function Zi(ye) {
     labelColor: he,
     styles: v,
     classNames: g,
-    animate: U = !1,
+    animate: J = !1,
     dimmedOpacity: y = 0.3,
     precision: b = 2,
-    customLayers: w = [],
+    customLayers: C = [],
     timeline: h = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
   } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(h.autoplay), f = gi(
-    ke(a, "date", !0).map(
+    ke(o, "date", !0).map(
       (i) => Re(`${i}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()
     ),
     (i, G) => hi(i, G)
-  ), [e, d] = V(h.autoplay ? 0 : f.length - 1), [o, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  ), [e, d] = V(h.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
   De(() => {
     const i = new ResizeObserver((G) => {
       n(u || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
@@ -627,12 +628,12 @@ function Zi(ye) {
     "div",
     {
       className: `${p || "light"} flex  ${u ? "w-fit grow-0" : "w-full grow"}`,
-      dir: l === "he" || l === "ar" ? "rtl" : void 0,
+      dir: s === "he" || s === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
           className: Ne(
-            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l || "en"}`,
+            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${s || "en"}`,
             u ? "w-fit" : "w-full",
             g?.graphContainer
           ),
@@ -642,14 +643,14 @@ function Zi(ye) {
           },
           id: je,
           ref: Ve,
-          "aria-label": Y || `${L ? `The graph shows ${L}. ` : ""}This is a scatter plot that shows correlation between two variables.${s ? ` ${s}` : ""}`,
+          "aria-label": Y || `${L ? `The graph shows ${L}. ` : ""}This is a scatter plot that shows correlation between two variables.${l ? ` ${l}` : ""}`,
           children: /* @__PURE__ */ t.jsx(
             "div",
             {
               className: "flex grow",
               style: { padding: $ ? H || "1rem" : H || 0 },
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                L || s || x || m ? /* @__PURE__ */ t.jsx(
+                L || l || x || m ? /* @__PURE__ */ t.jsx(
                   ni,
                   {
                     styles: {
@@ -661,10 +662,10 @@ function Zi(ye) {
                       description: g?.description
                     },
                     graphTitle: L,
-                    graphDescription: s,
+                    graphDescription: l,
                     width: u,
                     graphDownload: x ? Ve.current : void 0,
-                    dataDownload: m ? a.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? a.map((i) => i.data).filter((i) => i !== void 0) : a.filter((i) => i !== void 0) : null
+                    dataDownload: m ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
                   }
                 ) : null,
                 h.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -699,16 +700,16 @@ function Zi(ye) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: a.length === 0 ? /* @__PURE__ */ t.jsx(xi, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  K && a.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
+                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ t.jsx(xi, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  Q && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
                     ci,
                     {
                       width: u,
                       colorLegendTitle: de,
-                      colors: D || N[p].categoricalColors.colors,
-                      colorDomain: q || ke(a, "color", !0),
+                      colors: D || M[p].categoricalColors.colors,
+                      colorDomain: q || ke(o, "color", !0),
                       setSelectedColor: Me,
-                      showNAColor: k
+                      showNAColor: N
                     }
                   ) : null,
                   /* @__PURE__ */ t.jsx(
@@ -721,7 +722,7 @@ function Zi(ye) {
                         yi,
                         {
                           data: ui(
-                            a,
+                            o,
                             h.dateFormat || "yyyy"
                           ).filter(
                             (i) => h.enabled ? i.date === He(
@@ -734,13 +735,13 @@ function Zi(ye) {
                             S,
                             O || (_ ? S ? (u || r) * _ > S ? (u || r) * _ : S : (u || r) * _ : ee)
                           ),
-                          colorDomain: a.filter((i) => i.color).length === 0 ? [] : q || ke(a, "color", !0),
-                          colors: a.filter((i) => i.color).length === 0 ? D ? [D] : [N.primaryColors["blue-600"]] : D || N[p].categoricalColors.colors,
-                          xAxisTitle: oe,
+                          colorDomain: o.filter((i) => i.color).length === 0 ? [] : q || ke(o, "color", !0),
+                          colors: o.filter((i) => i.color).length === 0 ? D ? [D] : [M.primaryColors["blue-600"]] : D || M[p].categoricalColors.colors,
+                          xAxisTitle: ae,
                           yAxisTitle: re,
                           refXValues: Ce,
                           refYValues: A,
-                          showLabels: C,
+                          showLabels: w,
                           radius: pe,
                           leftMargin: ve,
                           rightMargin: be,
@@ -749,33 +750,33 @@ function Zi(ye) {
                           tooltip: we,
                           onSeriesMouseOver: j,
                           highlightAreaSettings: P,
-                          highlightedDataPoints: a.filter((i) => i.label).length === 0 ? [] : Oe,
-                          selectedColor: o,
+                          highlightedDataPoints: o.filter((i) => i.label).length === 0 ? [] : Oe,
+                          selectedColor: a,
                           maxRadiusValue: c(z) ? Math.max(
-                            ...a.map((i) => i.radius).filter((i) => i != null)
+                            ...o.map((i) => i.radius).filter((i) => i != null)
                           ) : z,
-                          maxXValue: c(Q) ? Math.max(
-                            ...a.map((i) => i.x).filter((i) => i != null)
+                          maxXValue: c(Z) ? Math.max(
+                            ...o.map((i) => i.x).filter((i) => i != null)
                           ) > 0 ? Math.max(
-                            ...a.map((i) => i.x).filter((i) => i != null)
-                          ) : 0 : Q,
-                          minXValue: c(M) ? Math.min(
-                            ...a.map((i) => i.x).filter((i) => i != null)
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : 0 : Z,
+                          minXValue: c(k) ? Math.min(
+                            ...o.map((i) => i.x).filter((i) => i != null)
                           ) > 0 ? 0 : Math.min(
-                            ...a.map((i) => i.x).filter((i) => i != null)
-                          ) : M,
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : k,
                           maxYValue: c(le) ? Math.max(
-                            ...a.map((i) => i.y).filter((i) => i != null)
+                            ...o.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? Math.max(
-                            ...a.map((i) => i.y).filter((i) => i != null)
+                            ...o.map((i) => i.y).filter((i) => i != null)
                           ) : 0 : le,
                           minYValue: c(se) ? Math.min(
-                            ...a.map((i) => i.y).filter((i) => i != null)
+                            ...o.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? 0 : Math.min(
-                            ...a.map((i) => i.y).filter((i) => i != null)
+                            ...o.map((i) => i.y).filter((i) => i != null)
                           ) : se,
                           onSeriesMouseClick: me,
-                          rtl: l === "he" || l === "ar",
+                          rtl: s === "he" || s === "ar",
                           annotations: fe,
                           customHighlightAreaSettings: ue,
                           regressionLine: X,
@@ -784,22 +785,22 @@ function Zi(ye) {
                           noOfXTicks: ge,
                           noOfYTicks: R,
                           labelColor: he,
-                          xSuffix: Z,
+                          xSuffix: U,
                           ySuffix: ne,
                           xPrefix: ce,
                           yPrefix: xe,
                           styles: v,
                           classNames: g,
-                          animate: U === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : U || { duration: 0, once: !0, amount: 0 },
+                          animate: J === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : J || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: y,
                           precision: b,
-                          customLayers: w
+                          customLayers: C
                         }
                       ) : null
                     }
                   )
                 ] }) }),
-                ae || J ? /* @__PURE__ */ t.jsx(
+                oe || K ? /* @__PURE__ */ t.jsx(
                   si,
                   {
                     styles: { footnote: v?.footnote, source: v?.source },
@@ -807,8 +808,8 @@ function Zi(ye) {
                       footnote: g?.footnote,
                       source: g?.source
                     },
-                    sources: ae,
-                    footNote: J,
+                    sources: oe,
+                    footNote: K,
                     width: u
                   }
                 ) : null