@undp/data-viz 1.5.2 → 1.5.3

package/dist/ScatterPlot.js

@@ -1,44 +1,45 @@
 import { j as t, m as Ne } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { u as ke } from "./index-AqnpA7_O.js";
 import { p as Re, f as He } from "./parse-DlCRUFh_.js";
 import { useRef as Se, useState as V, useEffect as De } from "react";
-import { s as We, g as Fe, x as Ee } from "./getSliderMarks-C0jptXeP.js";
+import { g as We, x as Fe } from "./getSliderMarks-9cNoRkDx.js";
 import { i as $e } from "./index-Bwrro8-q.js";
-import { o as Ge } from "./index-DvVprvy6.js";
-import { l as qe, a as Be } from "./simple-statistics-flVzqVtt.js";
-import { X as _e } from "./Modal-DVVwpKhP.js";
-import { T as ze } from "./Tooltip-CVCGWyzw.js";
+import { o as Ee } from "./index-DvVprvy6.js";
+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 { n as Te } from "./numberFormattingFunction-14YCbkN2.js";
-import { C as Ue, g as Je, A as Ke } from "./customArea-B-dWU0zZ.js";
-import { s as Qe } from "./string2HTML-oFCROsus.js";
+import { C as ze, g as Ue, A as Je } from "./customArea-B-dWU0zZ.js";
+import { s as Ke } from "./string2HTML-oFCROsus.js";
 import { A as Pe } from "./Axis-Ddg-seDi.js";
 import { A as Xe } from "./AxisTitle-BmHLMRJZ.js";
-import { X as Ze } from "./XTicksAndGridLines-Bn9u5gOM.js";
-import { a as ei, R as ii } from "./ReferenceLine-CfAW3vKJ.js";
-import { R as ti } from "./RegressionLine-mH7UKOPi.js";
-import { Y as oi } from "./YTicksAndGridLines-B6ah7CRf.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 { Y as ti } from "./YTicksAndGridLines-B6ah7CRf.js";
 import { a as ai } from "./index-DKCxu1Gh.js";
-import { s as li } from "./pow-e8zx3AQJ.js";
+import { s as oi } from "./pow-e8zx3AQJ.js";
 import { a as Ye } from "./linear-DUdu7l2G.js";
 import { D as ri } from "./delaunay-C1uAf38t.js";
-import { u as si } from "./use-in-view-yS6jzJAp.js";
+import { u as li } from "./use-in-view-yS6jzJAp.js";
 import { m as te } from "./proxy-CkpFesk1.js";
 import { A as Ie } from "./index-CNvov0eg.js";
-import { GraphFooter as ni } from "./GraphFooter.js";
-import { GraphHeader as ci } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as xi } from "./ColorLegendWithMouseOver.js";
-import { E as mi } from "./EmptyState-DdTp-Mdn.js";
-import { P as fi, f as ui } from "./index-BmCqpO1B.js";
-import { e as gi } from "./ensureCompleteData-BALdOrsS.js";
+import { GraphFooter as si } from "./GraphFooter.js";
+import { GraphHeader as ni } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as ci } from "./ColorLegendWithMouseOver.js";
+import { E as xi } from "./EmptyState-DdTp-Mdn.js";
+import { P as mi, f as fi } from "./index-BmCqpO1B.js";
+import { e as ui } from "./ensureCompleteData-DlmibgaI.js";
+import { u as ke } from "./uniqBy-BHy4I8PK.js";
+import { s as gi } from "./sort-DfK1b0F5.js";
 import { c as hi } from "./init-BhZylTFx.js";
 function yi(ye) {
   const {
-    data: o,
+    data: a,
     width: L,
     height: D,
-    showLabels: oe,
+    showLabels: ae,
     colors: s,
     colorDomain: C,
     radius: O,
@@ -47,8 +48,8 @@ function yi(ye) {
     leftMargin: q,
     rightMargin: de,
     topMargin: pe,
-    bottomMargin: ae,
-    tooltip: le,
+    bottomMargin: oe,
+    tooltip: re,
     onSeriesMouseOver: H,
     refXValues: $,
     refYValues: ve,
@@ -67,7 +68,7 @@ function yi(ye) {
     regressionLine: z,
     resetSelectionOnDoubleClick: Q,
     detailsOnClick: M,
-    noOfXTicks: re,
+    noOfXTicks: le,
     noOfYTicks: se,
     labelColor: Z,
     xSuffix: ne,
@@ -76,29 +77,29 @@ function yi(ye) {
     yPrefix: me,
     styles: x,
     classNames: m,
-    animate: r,
+    animate: l,
     dimmedOpacity: k,
     precision: S,
     customLayers: fe
-  } = ye, ue = Se(null), p = si(ue, {
-    once: r.once,
-    amount: r.amount
+  } = ye, ue = Se(null), p = li(ue, {
+    once: l.once,
+    amount: l.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 ? ae + 50 : ae,
+    bottom: u ? oe + 50 : oe,
     left: J ? q + 30 : q,
     right: de
-  }, U = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - g.left - g.right, b = D - g.top - g.bottom, w = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? li().domain([0, we]).range([0.25, O]).nice() : void 0, h = U.filter((e) => !c(e.radius)).length === 0 ? U : Ge(
+  }, 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)),
     "radius",
     "desc"
-  ), l = Ye().domain([j, _]).range([0, y]).nice(), n = Ye().domain([A, Ce]).range([b, 0]).nice(), ee = l.ticks(re), ie = n.ticks(se), F = ri.from(
+  ), 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(
     h.filter((e) => !c(e.x) && !c(e.y)),
-    (e) => l(e.x),
+    (e) => r(e.x),
     (e) => n(e.y)
-  ).voronoi([0, 0, y < 0 ? 0 : y, b < 0 ? 0 : b]), Ae = qe(
-    o.filter((e) => !c(e.x) && !c(e.y)).map((e) => [l(e.x), n(e.y)])
-  ), f = Be(Ae);
+  ).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)])
+  ), f = qe(Ae);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       te.svg,
@@ -116,20 +117,20 @@ function yi(ye) {
                 areaSettings: be,
                 width: y,
                 height: b,
-                scaleX: l,
+                scaleX: r,
                 scaleY: n,
-                animate: r,
+                animate: l,
                 isInView: p
               },
               "highlight-area"
             ),
             /* @__PURE__ */ t.jsx(
-              Ue,
+              ze,
               {
                 areaSettings: je,
-                scaleX: l,
+                scaleX: r,
                 scaleY: n,
-                animate: r,
+                animate: l,
                 isInView: p
               },
               "custom-area"
@@ -137,7 +138,7 @@ function yi(ye) {
           ] }),
           /* @__PURE__ */ t.jsxs("g", { children: [
             /* @__PURE__ */ t.jsx(
-              oi,
+              ti,
               {
                 values: ie.filter((e) => e !== 0),
                 y: ie.filter((e) => e !== 0).map((e) => n(e)),
@@ -203,10 +204,10 @@ function yi(ye) {
           ] }),
           /* @__PURE__ */ t.jsxs("g", { children: [
             /* @__PURE__ */ t.jsx(
-              Ze,
+              Qe,
               {
                 values: ee.filter((e) => e !== 0),
-                x: ee.filter((e) => e !== 0).map((e) => l(e)),
+                x: ee.filter((e) => e !== 0).map((e) => r(e)),
                 y1: 0,
                 y2: b,
                 styles: {
@@ -227,8 +228,8 @@ function yi(ye) {
             /* @__PURE__ */ t.jsx(
               Pe,
               {
-                x1: l(j < 0 ? 0 : j),
-                x2: l(j < 0 ? 0 : j),
+                x1: r(j < 0 ? 0 : j),
+                x2: r(j < 0 ? 0 : j),
                 y1: 0,
                 y2: b,
                 label: Te(
@@ -239,7 +240,7 @@ function yi(ye) {
                   ne
                 ),
                 labelPos: {
-                  x: l(j < 0 ? 0 : j),
+                  x: r(j < 0 ? 0 : j),
                   y: b,
                   dy: "1em",
                   dx: 0
@@ -273,13 +274,13 @@ function yi(ye) {
             h.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
               "path",
               {
-                d: F.renderCell(h.findIndex((a) => a.id === e.id)),
+                d: F.renderCell(h.findIndex((o) => o.id === e.id)),
                 opacity: 0,
-                onMouseEnter: (a) => {
-                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                onMouseEnter: (o) => {
+                  Y(e), v(o.clientY), R(o.clientX), H?.(e);
                 },
-                onMouseMove: (a) => {
-                  Y(e), v(a.clientY), R(a.clientX);
+                onMouseMove: (o) => {
+                  Y(e), v(o.clientY), R(o.clientX);
                 },
                 onMouseLeave: () => {
                   Y(void 0), R(void 0), v(void 0), H?.(void 0);
@@ -295,25 +296,25 @@ function yi(ye) {
               {
                 variants: {
                   initial: {
-                    x: l(e.x),
+                    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
                   },
                   whileInView: {
-                    x: l(e.x),
+                    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: r.duration }
+                    transition: { duration: l.duration }
                   }
                 },
                 initial: "initial",
                 animate: p ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: r.duration } },
-                onMouseEnter: (a) => {
-                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                exit: { opacity: 0, transition: { duration: l.duration } },
+                onMouseEnter: (o) => {
+                  Y(e), v(o.clientY), R(o.clientX), H?.(e);
                 },
-                onMouseMove: (a) => {
-                  Y(e), v(a.clientY), R(a.clientX);
+                onMouseMove: (o) => {
+                  Y(e), v(o.clientY), R(o.clientX);
                 },
                 onMouseLeave: () => {
                   Y(void 0), R(void 0), v(void 0), H?.(void 0);
@@ -327,18 +328,18 @@ function yi(ye) {
                     {
                       cx: 0,
                       cy: 0,
-                      exit: { r: 0, transition: { duration: r.duration } },
+                      exit: { r: 0, transition: { duration: l.duration } },
                       variants: {
                         initial: {
                           r: 0,
-                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray
+                          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
                         },
                         whileInView: {
                           r: w ? w(e.radius || 0) : O,
-                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
-                          transition: { duration: r.duration }
+                          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 }
                         }
                       },
                       initial: "initial",
@@ -348,7 +349,7 @@ function yi(ye) {
                       }
                     }
                   ),
-                  oe && !c(e.label) ? /* @__PURE__ */ t.jsx(
+                  ae && !c(e.label) ? /* @__PURE__ */ t.jsx(
                     te.text,
                     {
                       style: {
@@ -356,18 +357,18 @@ function yi(ye) {
                       },
                       className: Ne("graph-value text-sm", m?.graphObjectValues),
                       y: 0,
-                      exit: { opacity: 0, transition: { duration: r.duration } },
+                      exit: { opacity: 0, transition: { duration: l.duration } },
                       variants: {
                         initial: {
                           x: w ? w(e.radius || 0) : O,
                           opacity: 0,
-                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray)
+                          fill: Z || (a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray)
                         },
                         whileInView: {
                           x: w ? w(e.radius || 0) : O,
                           opacity: 1,
-                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
-                          transition: { duration: r.duration }
+                          fill: Z || (a.filter((o) => o.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
+                          transition: { duration: l.duration }
                         }
                       },
                       initial: "initial",
@@ -380,12 +381,12 @@ function yi(ye) {
                     te.text,
                     {
                       style: {
-                        fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
+                        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: r.duration } },
+                      exit: { opacity: 0, transition: { duration: l.duration } },
                       variants: {
                         initial: {
                           x: w ? w(e.radius || 0) : O,
@@ -394,7 +395,7 @@ function yi(ye) {
                         whileInView: {
                           x: w ? w(e.radius || 0) : O,
                           opacity: 1,
-                          transition: { duration: r.duration }
+                          transition: { duration: l.duration }
                         }
                       },
                       initial: "initial",
@@ -409,23 +410,23 @@ function yi(ye) {
               `${e.label || d}`
             )),
             $.map((e, d) => /* @__PURE__ */ t.jsx(
-              ei,
+              Ze,
               {
                 text: e.text,
                 color: e.color,
-                x: l(e.value),
+                x: r(e.value),
                 y1: 0,
                 y2: b,
-                textSide: l(e.value) > y * 0.75 || K ? "left" : "right",
+                textSide: r(e.value) > y * 0.75 || K ? "left" : "right",
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: r,
+                animate: l,
                 isInView: p
               },
               d
             )),
             ve.map((e, d) => /* @__PURE__ */ t.jsx(
-              ii,
+              ei,
               {
                 text: e.text,
                 color: e.color,
@@ -434,41 +435,41 @@ function yi(ye) {
                 x2: y,
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: r,
+                animate: l,
                 isInView: p
               },
               d
             )),
             /* @__PURE__ */ t.jsx("g", { children: Oe.map((e, d) => {
-              const a = Je(
+              const o = Ue(
                 {
-                  x: e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                  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
                 },
                 {
-                  x: e.xCoordinate ? l(e.xCoordinate) : 0,
+                  x: e.xCoordinate ? r(e.xCoordinate) : 0,
                   y: e.yCoordinate ? n(e.yCoordinate) : 0
                 },
                 c(e.connectorRadius) ? 3.5 : e.connectorRadius
               ), Me = e.showConnector ? {
-                y1: a.y,
-                x1: a.x,
+                y1: o.y,
+                x1: o.x,
                 y2: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-                x2: e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                x2: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                 cy: e.yCoordinate ? n(e.yCoordinate) : 0,
-                cx: e.xCoordinate ? l(e.xCoordinate) : 0,
+                cx: e.xCoordinate ? r(e.xCoordinate) : 0,
                 circleRadius: c(e.connectorRadius) ? 3.5 : e.connectorRadius,
                 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 ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-                width: K ? e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + g.right - (e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+                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)),
                 maxWidth: e.maxWidth,
                 fontWeight: e.fontWeight,
                 align: e.align
               };
               return /* @__PURE__ */ t.jsx(
-                Ke,
+                Je,
                 {
                   color: e.color,
                   connectorsSettings: Me,
@@ -476,14 +477,14 @@ function yi(ye) {
                   text: e.text,
                   classNames: e.classNames,
                   styles: e.styles,
-                  animate: r,
+                  animate: l,
                   isInView: p
                 },
                 d
               );
             }) }),
             z ? /* @__PURE__ */ t.jsx(
-              ti,
+              ii,
               {
                 x1: 0,
                 x2: y,
@@ -494,7 +495,7 @@ function yi(ye) {
                 className: m?.regLine,
                 style: x?.regLine,
                 color: typeof z == "string" ? z : void 0,
-                animate: r,
+                animate: l,
                 isInView: p
               }
             ) : null
@@ -503,11 +504,11 @@ function yi(ye) {
         ] })
       }
     ),
-    X && le && ge && he ? /* @__PURE__ */ t.jsx(
-      ze,
+    X && re && ge && he ? /* @__PURE__ */ t.jsx(
+      _e,
       {
         data: X,
-        body: le,
+        body: re,
         xPos: ge,
         yPos: he,
         backgroundStyle: x?.tooltip,
@@ -515,7 +516,7 @@ function yi(ye) {
       }
     ) : null,
     M && I !== void 0 ? /* @__PURE__ */ t.jsx(
-      _e,
+      Be,
       {
         open: I !== void 0,
         onClose: () => {
@@ -525,7 +526,7 @@ function yi(ye) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Qe(M, I) } : void 0,
+            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Ke(M, I) } : void 0,
             children: typeof M == "function" ? M(I) : null
           }
         )
@@ -533,12 +534,12 @@ function yi(ye) {
     ) : null
   ] });
 }
-function Qi(ye) {
+function Zi(ye) {
   const {
-    data: o,
+    data: a,
     graphTitle: L,
     colors: D,
-    sources: oe,
+    sources: ae,
     graphDescription: s,
     showLabels: C = !1,
     height: O,
@@ -547,8 +548,8 @@ function Qi(ye) {
     colorDomain: q,
     colorLegendTitle: de,
     radius: pe = 5,
-    xAxisTitle: ae = "X Axis",
-    yAxisTitle: le = "Y Axis",
+    xAxisTitle: oe = "X Axis",
+    yAxisTitle: re = "Y Axis",
     padding: H,
     backgroundColor: $ = !1,
     leftMargin: ve = 0,
@@ -567,7 +568,7 @@ function Qi(ye) {
     maxRadiusValue: z,
     maxXValue: Q,
     minXValue: M,
-    maxYValue: re,
+    maxYValue: le,
     minYValue: se,
     xSuffix: Z = "",
     ySuffix: ne = "",
@@ -576,7 +577,7 @@ function Qi(ye) {
     onSeriesMouseClick: me,
     graphDownload: x = !1,
     dataDownload: m = !1,
-    language: r = "en",
+    language: l = "en",
     showNAColor: k = !0,
     minHeight: S = 0,
     annotations: fe = [],
@@ -596,13 +597,12 @@ function Qi(ye) {
     precision: b = 2,
     customLayers: w = [],
     timeline: h = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = ye, [l, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(h.autoplay), f = We(
-    ke(
-      o.filter((i) => i.date !== void 0 && i.date !== null),
-      (i) => i.date
-    ).map((i) => Re(`${i.date}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(h.autoplay), f = gi(
+    ke(a, "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), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  ), [e, d] = V(h.autoplay ? 0 : f.length - 1), [o, 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);
@@ -617,7 +617,7 @@ function Qi(ye) {
     );
     return F || clearInterval(i), () => clearInterval(i);
   }, [f, F, h.speed]);
-  const Le = Fe(
+  const Le = We(
     f,
     e,
     h.showOnlyActiveDate,
@@ -627,12 +627,12 @@ function Qi(ye) {
     "div",
     {
       className: `${p || "light"} flex  ${u ? "w-fit grow-0" : "w-full grow"}`,
-      dir: r === "he" || r === "ar" ? "rtl" : void 0,
+      dir: l === "he" || l === "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 ${r || "en"}`,
+            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l || "en"}`,
             u ? "w-fit" : "w-full",
             g?.graphContainer
           ),
@@ -650,7 +650,7 @@ function Qi(ye) {
               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(
-                  ci,
+                  ni,
                   {
                     styles: {
                       title: v?.title,
@@ -664,7 +664,7 @@ function Qi(ye) {
                     graphDescription: s,
                     width: u,
                     graphDownload: x ? Ve.current : void 0,
-                    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
+                    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
                   }
                 ) : null,
                 h.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
@@ -677,11 +677,11 @@ function Qi(ye) {
                       },
                       className: "p-0 border-0 cursor-pointer bg-transparent",
                       "aria-label": F ? "Click to pause animation" : "Click to play animation",
-                      children: F ? /* @__PURE__ */ t.jsx(fi, {}) : /* @__PURE__ */ t.jsx(ui, {})
+                      children: F ? /* @__PURE__ */ t.jsx(mi, {}) : /* @__PURE__ */ t.jsx(fi, {})
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ee,
+                    Fe,
                     {
                       min: f[0],
                       max: f[f.length - 1],
@@ -699,17 +699,14 @@ function Qi(ye) {
                     }
                   )
                 ] }) : null,
-                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ t.jsx(mi, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                  K && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
-                    xi,
+                /* @__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(
+                    ci,
                     {
                       width: u,
                       colorLegendTitle: de,
                       colors: D || N[p].categoricalColors.colors,
-                      colorDomain: q || ke(
-                        o.filter((i) => i.color),
-                        "color"
-                      ).map((i) => i.color),
+                      colorDomain: q || ke(a, "color", !0),
                       setSelectedColor: Me,
                       showNAColor: k
                     }
@@ -720,11 +717,11 @@ function Qi(ye) {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: E,
                       "aria-label": "Graph area",
-                      children: (u || l) && (O || ee) ? /* @__PURE__ */ t.jsx(
+                      children: (u || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
                         yi,
                         {
-                          data: gi(
-                            o,
+                          data: ui(
+                            a,
                             h.dateFormat || "yyyy"
                           ).filter(
                             (i) => h.enabled ? i.date === He(
@@ -732,18 +729,15 @@ function Qi(ye) {
                               h.dateFormat || "yyyy"
                             ) : i
                           ),
-                          width: u || l,
+                          width: u || r,
                           height: Math.max(
                             S,
-                            O || (_ ? S ? (u || l) * _ > S ? (u || l) * _ : S : (u || l) * _ : ee)
+                            O || (_ ? S ? (u || r) * _ > S ? (u || r) * _ : S : (u || r) * _ : ee)
                           ),
-                          colorDomain: o.filter((i) => i.color).length === 0 ? [] : q || ke(
-                            o.filter((i) => i.color),
-                            "color"
-                          ).map((i) => i.color),
-                          colors: o.filter((i) => i.color).length === 0 ? D ? [D] : [N.primaryColors["blue-600"]] : D || N[p].categoricalColors.colors,
-                          xAxisTitle: ae,
-                          yAxisTitle: le,
+                          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,
+                          yAxisTitle: re,
                           refXValues: Ce,
                           refYValues: A,
                           showLabels: C,
@@ -755,33 +749,33 @@ function Qi(ye) {
                           tooltip: we,
                           onSeriesMouseOver: j,
                           highlightAreaSettings: P,
-                          highlightedDataPoints: o.filter((i) => i.label).length === 0 ? [] : Oe,
-                          selectedColor: a,
+                          highlightedDataPoints: a.filter((i) => i.label).length === 0 ? [] : Oe,
+                          selectedColor: o,
                           maxRadiusValue: c(z) ? Math.max(
-                            ...o.map((i) => i.radius).filter((i) => i != null)
+                            ...a.map((i) => i.radius).filter((i) => i != null)
                           ) : z,
                           maxXValue: c(Q) ? Math.max(
-                            ...o.map((i) => i.x).filter((i) => i != null)
+                            ...a.map((i) => i.x).filter((i) => i != null)
                           ) > 0 ? Math.max(
-                            ...o.map((i) => i.x).filter((i) => i != null)
+                            ...a.map((i) => i.x).filter((i) => i != null)
                           ) : 0 : Q,
                           minXValue: c(M) ? Math.min(
-                            ...o.map((i) => i.x).filter((i) => i != null)
+                            ...a.map((i) => i.x).filter((i) => i != null)
                           ) > 0 ? 0 : Math.min(
-                            ...o.map((i) => i.x).filter((i) => i != null)
+                            ...a.map((i) => i.x).filter((i) => i != null)
                           ) : M,
-                          maxYValue: c(re) ? Math.max(
-                            ...o.map((i) => i.y).filter((i) => i != null)
+                          maxYValue: c(le) ? Math.max(
+                            ...a.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? Math.max(
-                            ...o.map((i) => i.y).filter((i) => i != null)
-                          ) : 0 : re,
+                            ...a.map((i) => i.y).filter((i) => i != null)
+                          ) : 0 : le,
                           minYValue: c(se) ? Math.min(
-                            ...o.map((i) => i.y).filter((i) => i != null)
+                            ...a.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? 0 : Math.min(
-                            ...o.map((i) => i.y).filter((i) => i != null)
+                            ...a.map((i) => i.y).filter((i) => i != null)
                           ) : se,
                           onSeriesMouseClick: me,
-                          rtl: r === "he" || r === "ar",
+                          rtl: l === "he" || l === "ar",
                           annotations: fe,
                           customHighlightAreaSettings: ue,
                           regressionLine: X,
@@ -805,15 +799,15 @@ function Qi(ye) {
                     }
                   )
                 ] }) }),
-                oe || J ? /* @__PURE__ */ t.jsx(
-                  ni,
+                ae || J ? /* @__PURE__ */ t.jsx(
+                  si,
                   {
                     styles: { footnote: v?.footnote, source: v?.source },
                     classNames: {
                       footnote: g?.footnote,
                       source: g?.source
                     },
-                    sources: oe,
+                    sources: ae,
                     footNote: J,
                     width: u
                   }
@@ -827,6 +821,6 @@ function Qi(ye) {
   );
 }
 export {
-  Qi as ScatterPlot
+  Zi as ScatterPlot
 };
 //# sourceMappingURL=ScatterPlot.js.map