@undp/data-viz 2.5.3 → 2.6.0

package/dist/ScatterPlot.js

@@ -1,37 +1,39 @@
-import { c as vi, j as l, m as fi } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as vi, j as l } from "./compiler-runtime-qHgugrLy.js";
 import { f as Ai, p as Ci } from "./parse-Dv4of-PN.js";
-import { useRef as ci, useState as Et, useEffect as ui } from "react";
-import { g as $i, N as wi } from "./getSliderMarks-X-_goqH9.js";
-import { i as xi } from "./index-Bwrro8-q.js";
-import { o as Li } from "./index-BZQYSqar.js";
-import { l as ji, a as Vi } from "./simple-statistics-flVzqVtt.js";
-import { T as Di } from "./Tooltip-3EYDVa3w.js";
+import { useRef as ci, useState as Et, useEffect as fi } from "react";
+import { SliderUI as $i } from "@undp/design-system-react/SliderUI";
+import { i as ui } from "./index-Bwrro8-q.js";
+import { o as wi } from "./index-BZQYSqar.js";
+import { l as Li, a as ji } from "./simple-statistics-flVzqVtt.js";
+import { cn as xi } from "@undp/design-system-react/cn";
+import { T as Vi } from "./Tooltip-DO56mY4b.js";
 import { c as L } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { Colors as E } from "./Colors.js";
 import { n as mi } from "./numberFormattingFunction-BUUV_luR.js";
-import { g as ki, A as Mi, C as Ni } from "./customArea-D89lETG0.js";
-import { A as pi } from "./Axis-CNZYWzH0.js";
-import { A as di } from "./AxisTitle-CyLCqpW6.js";
-import { X as Si } from "./XTicksAndGridLines-CkYwVshF.js";
-import { R as Ti, a as Xi } from "./ReferenceLine-D41VuUhE.js";
-import { R as Yi } from "./RegressionLine-CuwB42I6.js";
-import { Y as Pi } from "./YTicksAndGridLines-BbujwxOB.js";
-import { a as Ii } from "./index-DHVGV8Df.js";
-import { D as Ri } from "./DetailsModal-GqEbGHY2.js";
-import { s as Fi } from "./pow-BXYLJHCq.js";
+import { g as Di, A as ki, C as Mi } from "./customArea-Dixg0NtQ.js";
+import { A as pi } from "./Axis-RRx-0Rlw.js";
+import { A as di } from "./AxisTitle-B9F80_Z0.js";
+import { X as Si } from "./XTicksAndGridLines-obTK2e7G.js";
+import { R as Ni, a as Ti } from "./ReferenceLine-NF4g3Reh.js";
+import { R as Xi } from "./RegressionLine-BQ6h-NZP.js";
+import { Y as Yi } from "./YTicksAndGridLines-wtuAKNeT.js";
+import { a as Pi } from "./index-CmkqqFRG.js";
+import { D as Ii } from "./DetailsModal-k-Me_U_T.js";
+import { s as Ri } from "./pow-BXYLJHCq.js";
 import { a as gi } from "./linear-DNXM5Pdl.js";
-import { D as Hi } from "./delaunay-C1uAf38t.js";
-import { m as We } from "./proxy-BsxtcZKa.js";
-import { u as Wi } from "./use-in-view-KOXq5Kmc.js";
-import { A as hi } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as Ei } from "./GraphFooter.js";
-import { GraphHeader as Gi } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as Zi } from "./ColorLegendWithMouseOver.js";
-import { E as qi } from "./EmptyState-CaxXCkiN.js";
-import { P as Bi, e as zi } from "./index-ApTBN0kp.js";
-import { a as Ui } from "./ensureCompleteData-CDIukSG6.js";
+import { D as Fi } from "./delaunay-C1uAf38t.js";
+import { m as We } from "./proxy-D31SA_aE.js";
+import { u as Hi } from "./use-in-view-Co5SmzfT.js";
+import { A as hi } from "./index-CNUlPiEL.js";
+import { GraphFooter as Wi } from "./GraphFooter.js";
+import { GraphHeader as Ei } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as Gi } from "./ColorLegendWithMouseOver.js";
+import { E as Zi } from "./EmptyState-prZ8OnEs.js";
+import { g as qi } from "./getSliderMarks-DSxFGb1f.js";
+import { P as Bi, e as Ui } from "./index-D_ls5oK8.js";
+import { a as zi } from "./ensureCompleteData-CDIukSG6.js";
 import { u as yi } from "./uniqBy-BHy4I8PK.js";
-import { a as Ji, G as Ki } from "./GraphContainer-B8ZqOzKI.js";
+import { a as Ji, G as Ki } from "./GraphContainer-DcOM2CI6.js";
 function Qi(i) {
   const t = vi.c(229), {
     data: o,
@@ -48,11 +50,11 @@ function Qi(i) {
     topMargin: oe,
     bottomMargin: Ye,
     tooltip: se,
-    onSeriesMouseOver: Nt,
+    onSeriesMouseOver: St,
     refXValues: ne,
     refYValues: ye,
     highlightAreaSettings: ve,
-    selectedColor: St,
+    selectedColor: Nt,
     highlightedDataPoints: Z,
     maxRadiusValue: be,
     maxXValue: le,
@@ -65,18 +67,18 @@ function Qi(i) {
     customHighlightAreaSettings: Tt,
     regressionLine: Zt,
     resetSelectionOnDoubleClick: qt,
-    detailsOnClick: N,
+    detailsOnClick: S,
     noOfXTicks: Bt,
-    noOfYTicks: zt,
+    noOfYTicks: Ut,
     labelColor: q,
     styles: s,
     classNames: n,
     animate: f,
-    dimmedOpacity: S,
+    dimmedOpacity: N,
     showHighlightedDataPointsLabels: Ae,
     customLayers: B,
     showVoronoiTesselation: Ce,
-    useVoronoiInteraction: Ut,
+    useVoronoiInteraction: zt,
     xNumberDisplayOptions: m,
     yNumberDisplayOptions: d,
     fallbackColor: T
@@ -86,7 +88,7 @@ function Qi(i) {
     once: f.once,
     amount: f.amount
   }, t[0] = f.amount, t[1] = f.once, t[2] = ae) : ae = t[2];
-  const $ = Wi($e, ae), [X, Xt] = Et(void 0), [F, h] = Et(void 0), [p, Yt] = Et(void 0), [ce, z] = Et(void 0), Jt = O ? Ye + 50 : Ye, we = G ? R + 30 : R;
+  const $ = Hi($e, ae), [X, Xt] = Et(void 0), [F, h] = Et(void 0), [p, Yt] = Et(void 0), [ce, U] = Et(void 0), Jt = O ? Ye + 50 : Ye, we = G ? R + 30 : R;
   let fe;
   t[3] !== he || t[4] !== Jt || t[5] !== we || t[6] !== oe ? (fe = {
     top: oe,
@@ -95,13 +97,13 @@ function Qi(i) {
     right: he
   }, t[3] = he, t[4] = Jt, t[5] = we, t[6] = oe, t[7] = fe) : fe = t[7];
   const y = fe;
-  let at, ct, ft, ut, xt, mt, H, pt, dt, gt, ht, U, yt, J, vt, K, W, bt;
-  if (t[8] !== f || t[9] !== Oe || t[10] !== n?.graphObjectValues || t[11] !== n?.regLine || t[12] !== n?.xAxis?.axis || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.gridLines || t[17] !== n?.yAxis?.labels || t[18] !== n?.yAxis?.title || t[19] !== a || t[20] !== r || t[21] !== Tt || t[22] !== B || t[23] !== o || t[24] !== N || t[25] !== S || t[26] !== T || t[27] !== C || t[28] !== ve || t[29] !== Z || t[30] !== $ || t[31] !== q || t[32] !== R || t[33] !== y.bottom || t[34] !== y.left || t[35] !== y.right || t[36] !== y.top || t[37] !== be || t[38] !== le || t[39] !== re || t[40] !== D || t[41] !== j || t[42] !== F || t[43] !== X || t[44] !== Bt || t[45] !== zt || t[46] !== M || t[47] !== Nt || t[48] !== I || t[49] !== ne || t[50] !== ye || t[51] !== Zt || t[52] !== qt || t[53] !== rt || t[54] !== St || t[55] !== Ae || t[56] !== Gt || t[57] !== Ce || t[58] !== s?.graphObjectValues || t[59] !== s?.regLine || t[60] !== s?.xAxis?.axis || t[61] !== s?.xAxis?.gridLines || t[62] !== s?.xAxis?.labels || t[63] !== s?.xAxis?.title || t[64] !== s?.yAxis?.gridLines || t[65] !== s?.yAxis?.labels || t[66] !== s?.yAxis?.title || t[67] !== Ut || t[68] !== lt || t[69] !== O || t[70] !== m?.locale || t[71] !== m?.padZeros || t[72] !== m?.precision || t[73] !== m?.prefix || t[74] !== m?.suffix || t[75] !== G || t[76] !== d?.locale || t[77] !== d?.padZeros || t[78] !== d?.precision || t[79] !== d?.prefix || t[80] !== d?.suffix) {
-    const ue = o.map(Oo), w = lt - y.left - y.right, A = C - y.top - y.bottom, b = o.filter(bo).length !== o.length ? Fi().domain([0, be]).range([0.25, I]).nice() : void 0, Kt = ue.filter(vo).length === 0 ? ue.filter(yo) : Li(ue.filter(ho), "radius", "desc"), u = gi().domain([D, le]).range([0, w]).nice(), g = gi().domain([j, re]).range([A, 0]).nice(), Le = u.ticks(Bt), xe = g.ticks(zt), Pe = Hi.from(Kt, (e) => u(e.x), (e) => g(e.y)).voronoi([0, 0, w < 0 ? 0 : w, A < 0 ? 0 : A]), je = ji(o.filter(go).map((e) => [u(e.x), g(e.y)])), Ve = Vi(je);
-    ct = We.svg, pt = `${lt}px`, dt = `${C}px`, gt = `0 0 ${lt} ${C}`, ht = "ltr", U = $e, ft = `translate(${y.left},${y.top})`;
+  let at, ct, ft, ut, xt, mt, H, pt, dt, gt, ht, z, yt, J, vt, K, W, bt;
+  if (t[8] !== f || t[9] !== Oe || t[10] !== n?.graphObjectValues || t[11] !== n?.regLine || t[12] !== n?.xAxis?.axis || t[13] !== n?.xAxis?.gridLines || t[14] !== n?.xAxis?.labels || t[15] !== n?.xAxis?.title || t[16] !== n?.yAxis?.gridLines || t[17] !== n?.yAxis?.labels || t[18] !== n?.yAxis?.title || t[19] !== a || t[20] !== r || t[21] !== Tt || t[22] !== B || t[23] !== o || t[24] !== S || t[25] !== N || t[26] !== T || t[27] !== C || t[28] !== ve || t[29] !== Z || t[30] !== $ || t[31] !== q || t[32] !== R || t[33] !== y.bottom || t[34] !== y.left || t[35] !== y.right || t[36] !== y.top || t[37] !== be || t[38] !== le || t[39] !== re || t[40] !== D || t[41] !== j || t[42] !== F || t[43] !== X || t[44] !== Bt || t[45] !== Ut || t[46] !== M || t[47] !== St || t[48] !== I || t[49] !== ne || t[50] !== ye || t[51] !== Zt || t[52] !== qt || t[53] !== rt || t[54] !== Nt || t[55] !== Ae || t[56] !== Gt || t[57] !== Ce || t[58] !== s?.graphObjectValues || t[59] !== s?.regLine || t[60] !== s?.xAxis?.axis || t[61] !== s?.xAxis?.gridLines || t[62] !== s?.xAxis?.labels || t[63] !== s?.xAxis?.title || t[64] !== s?.yAxis?.gridLines || t[65] !== s?.yAxis?.labels || t[66] !== s?.yAxis?.title || t[67] !== zt || t[68] !== lt || t[69] !== O || t[70] !== m?.locale || t[71] !== m?.padZeros || t[72] !== m?.precision || t[73] !== m?.prefix || t[74] !== m?.suffix || t[75] !== G || t[76] !== d?.locale || t[77] !== d?.padZeros || t[78] !== d?.precision || t[79] !== d?.prefix || t[80] !== d?.suffix) {
+    const ue = o.map(Oo), w = lt - y.left - y.right, A = C - y.top - y.bottom, b = o.filter(bo).length !== o.length ? Ri().domain([0, be]).range([0.25, I]).nice() : void 0, Kt = ue.filter(vo).length === 0 ? ue.filter(yo) : wi(ue.filter(ho), "radius", "desc"), u = gi().domain([D, le]).range([0, w]).nice(), g = gi().domain([j, re]).range([A, 0]).nice(), Le = u.ticks(Bt), xe = g.ticks(Ut), Pe = Fi.from(Kt, (e) => u(e.x), (e) => g(e.y)).voronoi([0, 0, w < 0 ? 0 : w, A < 0 ? 0 : A]), je = Li(o.filter(go).map((e) => [u(e.x), g(e.y)])), Ve = ji(je);
+    ct = We.svg, pt = `${lt}px`, dt = `${C}px`, gt = `0 0 ${lt} ${C}`, ht = "ltr", z = $e, ft = `translate(${y.left},${y.top})`;
     let It;
-    t[99] !== f || t[100] !== Tt || t[101] !== $ || t[102] !== u || t[103] !== g ? (It = /* @__PURE__ */ l.jsx(Ni, { areaSettings: Tt, scaleX: u, scaleY: g, animate: f, isInView: $ }, "custom-area"), t[99] = f, t[100] = Tt, t[101] = $, t[102] = u, t[103] = g, t[104] = It) : It = t[104], ut = /* @__PURE__ */ l.jsxs(hi, { children: [
-      /* @__PURE__ */ l.jsx(Ii, { areaSettings: ve, width: w, height: A, scaleX: u, scaleY: g, animate: f, isInView: $ }, "highlight-area"),
+    t[99] !== f || t[100] !== Tt || t[101] !== $ || t[102] !== u || t[103] !== g ? (It = /* @__PURE__ */ l.jsx(Mi, { areaSettings: Tt, scaleX: u, scaleY: g, animate: f, isInView: $ }, "custom-area"), t[99] = f, t[100] = Tt, t[101] = $, t[102] = u, t[103] = g, t[104] = It) : It = t[104], ut = /* @__PURE__ */ l.jsxs(hi, { children: [
+      /* @__PURE__ */ l.jsx(Pi, { areaSettings: ve, width: w, height: A, scaleX: u, scaleY: g, animate: f, isInView: $ }, "highlight-area"),
       It
     ] });
     const c = s?.yAxis?.gridLines, me = s?.yAxis?.labels;
@@ -151,7 +153,7 @@ function Qi(i) {
     const Lt = 0 - R - 15, jt = A / 2, Vt = s?.yAxis?.title, Dt = n?.yAxis?.title;
     let st;
     t[138] !== Lt || t[139] !== jt || t[140] !== Vt || t[141] !== Dt || t[142] !== G ? (st = /* @__PURE__ */ l.jsx(di, { x: Lt, y: jt, style: Vt, className: Dt, text: G, rotate90: !0 }), t[138] = Lt, t[139] = jt, t[140] = Vt, t[141] = Dt, t[142] = G, t[143] = st) : st = t[143], xt = /* @__PURE__ */ l.jsxs("g", { children: [
-      /* @__PURE__ */ l.jsx(Pi, { values: xe.filter(po), y: xe.filter(mo).map((e) => g(e)), x1: 0, x2: w + y.right, styles: Qt, classNames: Rt, labelType: "secondary", showGridLines: !0, labelPos: "side", suffix: d?.suffix || "", prefix: d?.prefix || "", precision: d?.precision ?? 2, locale: d?.locale || "en", padZeros: d?.padZeros || !1 }),
+      /* @__PURE__ */ l.jsx(Yi, { values: xe.filter(po), y: xe.filter(mo).map((e) => g(e)), x1: 0, x2: w + y.right, styles: Qt, classNames: Rt, labelType: "secondary", showGridLines: !0, labelPos: "side", suffix: d?.suffix || "", prefix: d?.prefix || "", precision: d?.precision ?? 2, locale: d?.locale || "en", padZeros: d?.padZeros || !1 }),
       ie,
       st
     ] });
@@ -167,9 +169,9 @@ function Qi(i) {
       gridLines: v,
       labels: nt
     }, t[147] = v, t[148] = nt, t[149] = Ee) : Ee = t[149];
-    const qe = u(D < 0 ? 0 : D), Be = u(D < 0 ? 0 : D), ze = D < 0 ? 0 : D, Ue = m?.precision ?? 2, Je = m?.prefix || "", Ke = m?.suffix || "", Qe = m?.locale || "en", _e = m?.padZeros || !1;
+    const qe = u(D < 0 ? 0 : D), Be = u(D < 0 ? 0 : D), Ue = D < 0 ? 0 : D, ze = m?.precision ?? 2, Je = m?.prefix || "", Ke = m?.suffix || "", Qe = m?.locale || "en", _e = m?.padZeros || !1;
     let ke;
-    t[150] !== ze || t[151] !== Ue || t[152] !== Je || t[153] !== Ke || t[154] !== Qe || t[155] !== _e ? (ke = mi(ze, void 0, Ue, Je, Ke, Qe, _e), t[150] = ze, t[151] = Ue, t[152] = Je, t[153] = Ke, t[154] = Qe, t[155] = _e, t[156] = ke) : ke = t[156];
+    t[150] !== Ue || t[151] !== ze || t[152] !== Je || t[153] !== Ke || t[154] !== Qe || t[155] !== _e ? (ke = mi(Ue, void 0, ze, Je, Ke, Qe, _e), t[150] = Ue, t[151] = ze, t[152] = Je, t[153] = Ke, t[154] = Qe, t[155] = _e, t[156] = ke) : ke = t[156];
     const ti = u(D < 0 ? 0 : D);
     let Me;
     t[157] !== A || t[158] !== ti ? (Me = {
@@ -179,53 +181,53 @@ function Qi(i) {
       dx: 0
     }, t[157] = A, t[158] = ti, t[159] = Me) : Me = t[159];
     const ei = n?.xAxis?.axis, ii = n?.yAxis?.labels;
-    let Ne;
-    t[160] !== ei || t[161] !== ii ? (Ne = {
+    let Se;
+    t[160] !== ei || t[161] !== ii ? (Se = {
       axis: ei,
       label: ii
-    }, t[160] = ei, t[161] = ii, t[162] = Ne) : Ne = t[162];
+    }, t[160] = ei, t[161] = ii, t[162] = Se) : Se = t[162];
     const oi = s?.xAxis?.axis;
-    let Se;
-    t[163] !== s?.yAxis?.labels ? (Se = s?.yAxis?.labels || {}, t[163] = s?.yAxis?.labels, t[164] = Se) : Se = t[164];
+    let Ne;
+    t[163] !== s?.yAxis?.labels ? (Ne = s?.yAxis?.labels || {}, t[163] = s?.yAxis?.labels, t[164] = Ne) : Ne = t[164];
     let Te;
-    t[165] !== Se ? (Te = {
+    t[165] !== Ne ? (Te = {
       textAnchor: "middle",
-      ...Se
-    }, t[165] = Se, t[166] = Te) : Te = t[166];
+      ...Ne
+    }, t[165] = Ne, t[166] = Te) : Te = t[166];
     let Xe;
     t[167] !== oi || t[168] !== Te ? (Xe = {
       axis: oi,
       label: Te
     }, t[167] = oi, t[168] = Te, t[169] = Xe) : Xe = t[169];
     let Ge;
-    t[170] !== A || t[171] !== qe || t[172] !== Be || t[173] !== ke || t[174] !== Me || t[175] !== Ne || t[176] !== Xe ? (Ge = /* @__PURE__ */ l.jsx(pi, { x1: qe, x2: Be, y1: 0, y2: A, label: ke, labelPos: Me, classNames: Ne, styles: Xe }), t[170] = A, t[171] = qe, t[172] = Be, t[173] = ke, t[174] = Me, t[175] = Ne, t[176] = Xe, t[177] = Ge) : Ge = t[177];
+    t[170] !== A || t[171] !== qe || t[172] !== Be || t[173] !== ke || t[174] !== Me || t[175] !== Se || t[176] !== Xe ? (Ge = /* @__PURE__ */ l.jsx(pi, { x1: qe, x2: Be, y1: 0, y2: A, label: ke, labelPos: Me, classNames: Se, styles: Xe }), t[170] = A, t[171] = qe, t[172] = Be, t[173] = ke, t[174] = Me, t[175] = Se, t[176] = Xe, t[177] = Ge) : Ge = t[177];
     const si = w / 2, ni = A + 30, li = s?.xAxis?.title, ri = n?.xAxis?.title;
     let Ze;
     t[178] !== si || t[179] !== ni || t[180] !== li || t[181] !== ri || t[182] !== O ? (Ze = /* @__PURE__ */ l.jsx(di, { x: si, y: ni, style: li, className: ri, text: O }), t[178] = si, t[179] = ni, t[180] = li, t[181] = ri, t[182] = O, t[183] = Ze) : Ze = t[183], mt = /* @__PURE__ */ l.jsxs("g", { children: [
       /* @__PURE__ */ l.jsx(Si, { values: Le.filter(xo), x: Le.filter(uo).map((e) => u(e)), y1: 0, y2: A, styles: Ht, classNames: Ee, labelType: "primary", showGridLines: !0, suffix: m?.suffix || "", prefix: m?.prefix || "", precision: m?.precision ?? 2, locale: m?.locale || "en", padZeros: m?.padZeros || !1 }),
       Ge,
       Ze
-    ] }), t[184] !== B ? (H = B.filter(fo).map(co), t[184] = B, t[185] = H) : H = t[185], at = hi, yt = Ut && Kt.map((e, Wt) => /* @__PURE__ */ l.jsx("path", { d: Pe.renderCell(Kt.findIndex((V) => V.id === e.id)), opacity: Ce ? 1 : 0, className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
+    ] }), t[184] !== B ? (H = B.filter(fo).map(co), t[184] = B, t[185] = H) : H = t[185], at = hi, yt = zt && Kt.map((e, Wt) => /* @__PURE__ */ l.jsx("path", { d: Pe.renderCell(Kt.findIndex((V) => V.id === e.id)), opacity: Ce ? 1 : 0, className: "stroke-primary-gray-700 dark:stroke-primary-gray-300", style: {
       fillOpacity: 0,
       strokeWidth: 1
     }, onMouseEnter: (V) => {
-      Xt(e), z(V.clientY), Yt(V.clientX), Nt?.(e);
+      Xt(e), U(V.clientY), Yt(V.clientX), St?.(e);
     }, onMouseMove: (V) => {
-      Xt(e), z(V.clientY), Yt(V.clientX);
+      Xt(e), U(V.clientY), Yt(V.clientX);
     }, onMouseLeave: () => {
-      Xt(void 0), Yt(void 0), z(void 0), Nt?.(void 0);
+      Xt(void 0), Yt(void 0), U(void 0), St?.(void 0);
     }, onClick: () => {
-      (M || N) && (xi(F, e) && qt ? (h(void 0), M?.(void 0)) : (h(e), M?.(e)));
+      (M || S) && (ui(F, e) && qt ? (h(void 0), M?.(void 0)) : (h(e), M?.(e)));
     } }, `tesselation_${e.label || Wt}`)), J = Kt.map((e, Wt) => /* @__PURE__ */ l.jsxs(We.g, { variants: {
       initial: {
         x: u(e.x),
         y: g(e.y),
-        opacity: St ? e.color && r[a.indexOf(`${e.color}`)] === St ? 1 : S : X ? X.id === e.id ? 1 : S : Z ? Z.indexOf(e.label || "") !== -1 ? 1 : S : 1
+        opacity: Nt ? e.color && r[a.indexOf(`${e.color}`)] === Nt ? 1 : N : X ? X.id === e.id ? 1 : N : Z ? Z.indexOf(e.label || "") !== -1 ? 1 : N : 1
       },
       whileInView: {
         x: u(e.x),
         y: g(e.y),
-        opacity: St ? e.color && r[a.indexOf(`${e.color}`)] === St ? 1 : S : X ? X.id === e.id ? 1 : S : Z ? Z.indexOf(e.label || "") !== -1 ? 1 : S : 1,
+        opacity: Nt ? e.color && r[a.indexOf(`${e.color}`)] === Nt ? 1 : N : X ? X.id === e.id ? 1 : N : Z ? Z.indexOf(e.label || "") !== -1 ? 1 : N : 1,
         transition: {
           duration: f.duration
         }
@@ -236,13 +238,13 @@ function Qi(i) {
         duration: f.duration
       }
     }, onMouseEnter: (V) => {
-      Xt(e), z(V.clientY), Yt(V.clientX), Nt?.(e);
+      Xt(e), U(V.clientY), Yt(V.clientX), St?.(e);
     }, onMouseMove: (V) => {
-      Xt(e), z(V.clientY), Yt(V.clientX);
+      Xt(e), U(V.clientY), Yt(V.clientX);
     }, onMouseLeave: () => {
-      Xt(void 0), Yt(void 0), z(void 0), Nt?.(void 0);
+      Xt(void 0), Yt(void 0), U(void 0), St?.(void 0);
     }, onClick: () => {
-      (M || N) && (xi(F, e) && qt ? (h(void 0), M?.(void 0)) : (h(e), M?.(e)));
+      (M || S) && (ui(F, e) && qt ? (h(void 0), M?.(void 0)) : (h(e), M?.(e)));
     }, children: [
       /* @__PURE__ */ l.jsx(We.circle, { cx: 0, cy: 0, exit: {
         r: 0,
@@ -268,7 +270,7 @@ function Qi(i) {
       } }),
       Gt && !L(e.label) ? /* @__PURE__ */ l.jsx(We.text, { style: {
         ...s?.graphObjectValues || {}
-      }, className: fi("graph-value text-sm", n?.graphObjectValues), y: 0, exit: {
+      }, className: xi("graph-value text-sm", n?.graphObjectValues), y: 0, exit: {
         opacity: 0,
         transition: {
           duration: f.duration
@@ -289,7 +291,7 @@ function Qi(i) {
         }
       }, initial: "initial", animate: $ ? "whileInView" : "initial", dy: "0.33em", dx: 3, children: e.label }) : Z && !L(e.label) && Ae && Z.indexOf(e.label) !== -1 ? /* @__PURE__ */ l.jsx(We.text, { style: {
         ...s?.graphObjectValues || {}
-      }, className: fi("graph-value text-sm", n?.graphObjectValues), y: 0, exit: {
+      }, className: xi("graph-value text-sm", n?.graphObjectValues), y: 0, exit: {
         opacity: 0,
         transition: {
           duration: f.duration
@@ -309,9 +311,9 @@ function Qi(i) {
           }
         }
       }, initial: "initial", animate: $ ? "whileInView" : "initial", dy: "0.33em", dx: 3, children: e.label }) : null
-    ] }, `${e.label || Wt}`)), vt = ne.map((e, Wt) => /* @__PURE__ */ l.jsx(Ti, { text: e.text, color: e.color, x: u(e.value), y1: 0, y2: A, textSide: u(e.value) > w * 0.75 || rt ? "left" : "right", classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt)), K = ye.map((e, Wt) => /* @__PURE__ */ l.jsx(Xi, { text: e.text, color: e.color, y: g(e.value), x1: 0, x2: w, classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt));
+    ] }, `${e.label || Wt}`)), vt = ne.map((e, Wt) => /* @__PURE__ */ l.jsx(Ni, { text: e.text, color: e.color, x: u(e.value), y1: 0, y2: A, textSide: u(e.value) > w * 0.75 || rt ? "left" : "right", classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt)), K = ye.map((e, Wt) => /* @__PURE__ */ l.jsx(Ti, { text: e.text, color: e.color, y: g(e.value), x1: 0, x2: w, classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt));
     const ai = Oe.map((e, Wt) => {
-      const V = ki({
+      const V = Di({
         x: e.xCoordinate ? u(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
         y: e.yCoordinate ? g(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
       }, {
@@ -334,11 +336,11 @@ function Qi(i) {
         fontWeight: e.fontWeight,
         align: e.align
       };
-      return /* @__PURE__ */ l.jsx(Mi, { color: e.color, connectorsSettings: bi, labelSettings: Oi, text: e.text, classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt);
+      return /* @__PURE__ */ l.jsx(ki, { color: e.color, connectorsSettings: bi, labelSettings: Oi, text: e.text, classNames: e.classNames, styles: e.styles, animate: f, isInView: $ }, Wt);
     });
-    t[186] !== ai ? (W = /* @__PURE__ */ l.jsx("g", { children: ai }), t[186] = ai, t[187] = W) : W = t[187], bt = Zt ? /* @__PURE__ */ l.jsx(Yi, { x1: 0, x2: w, y1: Ve(0), y2: Ve(w), graphHeight: A, graphWidth: w, className: n?.regLine, style: s?.regLine, color: typeof Zt == "string" ? Zt : void 0, animate: f, isInView: $ }) : null, t[8] = f, t[9] = Oe, t[10] = n?.graphObjectValues, t[11] = n?.regLine, t[12] = n?.xAxis?.axis, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.gridLines, t[17] = n?.yAxis?.labels, t[18] = n?.yAxis?.title, t[19] = a, t[20] = r, t[21] = Tt, t[22] = B, t[23] = o, t[24] = N, t[25] = S, t[26] = T, t[27] = C, t[28] = ve, t[29] = Z, t[30] = $, t[31] = q, t[32] = R, t[33] = y.bottom, t[34] = y.left, t[35] = y.right, t[36] = y.top, t[37] = be, t[38] = le, t[39] = re, t[40] = D, t[41] = j, t[42] = F, t[43] = X, t[44] = Bt, t[45] = zt, t[46] = M, t[47] = Nt, t[48] = I, t[49] = ne, t[50] = ye, t[51] = Zt, t[52] = qt, t[53] = rt, t[54] = St, t[55] = Ae, t[56] = Gt, t[57] = Ce, t[58] = s?.graphObjectValues, t[59] = s?.regLine, t[60] = s?.xAxis?.axis, t[61] = s?.xAxis?.gridLines, t[62] = s?.xAxis?.labels, t[63] = s?.xAxis?.title, t[64] = s?.yAxis?.gridLines, t[65] = s?.yAxis?.labels, t[66] = s?.yAxis?.title, t[67] = Ut, t[68] = lt, t[69] = O, t[70] = m?.locale, t[71] = m?.padZeros, t[72] = m?.precision, t[73] = m?.prefix, t[74] = m?.suffix, t[75] = G, t[76] = d?.locale, t[77] = d?.padZeros, t[78] = d?.precision, t[79] = d?.prefix, t[80] = d?.suffix, t[81] = at, t[82] = ct, t[83] = ft, t[84] = ut, t[85] = xt, t[86] = mt, t[87] = H, t[88] = pt, t[89] = dt, t[90] = gt, t[91] = ht, t[92] = U, t[93] = yt, t[94] = J, t[95] = vt, t[96] = K, t[97] = W, t[98] = bt;
+    t[186] !== ai ? (W = /* @__PURE__ */ l.jsx("g", { children: ai }), t[186] = ai, t[187] = W) : W = t[187], bt = Zt ? /* @__PURE__ */ l.jsx(Xi, { x1: 0, x2: w, y1: Ve(0), y2: Ve(w), graphHeight: A, graphWidth: w, className: n?.regLine, style: s?.regLine, color: typeof Zt == "string" ? Zt : void 0, animate: f, isInView: $ }) : null, t[8] = f, t[9] = Oe, t[10] = n?.graphObjectValues, t[11] = n?.regLine, t[12] = n?.xAxis?.axis, t[13] = n?.xAxis?.gridLines, t[14] = n?.xAxis?.labels, t[15] = n?.xAxis?.title, t[16] = n?.yAxis?.gridLines, t[17] = n?.yAxis?.labels, t[18] = n?.yAxis?.title, t[19] = a, t[20] = r, t[21] = Tt, t[22] = B, t[23] = o, t[24] = S, t[25] = N, t[26] = T, t[27] = C, t[28] = ve, t[29] = Z, t[30] = $, t[31] = q, t[32] = R, t[33] = y.bottom, t[34] = y.left, t[35] = y.right, t[36] = y.top, t[37] = be, t[38] = le, t[39] = re, t[40] = D, t[41] = j, t[42] = F, t[43] = X, t[44] = Bt, t[45] = Ut, t[46] = M, t[47] = St, t[48] = I, t[49] = ne, t[50] = ye, t[51] = Zt, t[52] = qt, t[53] = rt, t[54] = Nt, t[55] = Ae, t[56] = Gt, t[57] = Ce, t[58] = s?.graphObjectValues, t[59] = s?.regLine, t[60] = s?.xAxis?.axis, t[61] = s?.xAxis?.gridLines, t[62] = s?.xAxis?.labels, t[63] = s?.xAxis?.title, t[64] = s?.yAxis?.gridLines, t[65] = s?.yAxis?.labels, t[66] = s?.yAxis?.title, t[67] = zt, t[68] = lt, t[69] = O, t[70] = m?.locale, t[71] = m?.padZeros, t[72] = m?.precision, t[73] = m?.prefix, t[74] = m?.suffix, t[75] = G, t[76] = d?.locale, t[77] = d?.padZeros, t[78] = d?.precision, t[79] = d?.prefix, t[80] = d?.suffix, t[81] = at, t[82] = ct, t[83] = ft, t[84] = ut, t[85] = xt, t[86] = mt, t[87] = H, t[88] = pt, t[89] = dt, t[90] = gt, t[91] = ht, t[92] = z, t[93] = yt, t[94] = J, t[95] = vt, t[96] = K, t[97] = W, t[98] = bt;
   } else
-    at = t[81], ct = t[82], ft = t[83], ut = t[84], xt = t[85], mt = t[86], H = t[87], pt = t[88], dt = t[89], gt = t[90], ht = t[91], U = t[92], yt = t[93], J = t[94], vt = t[95], K = t[96], W = t[97], bt = t[98];
+    at = t[81], ct = t[82], ft = t[83], ut = t[84], xt = t[85], mt = t[86], H = t[87], pt = t[88], dt = t[89], gt = t[90], ht = t[91], z = t[92], yt = t[93], J = t[94], vt = t[95], K = t[96], W = t[97], bt = t[98];
   let Ot;
   t[188] !== at || t[189] !== yt || t[190] !== J || t[191] !== vt || t[192] !== K || t[193] !== W || t[194] !== bt ? (Ot = /* @__PURE__ */ l.jsxs(at, { children: [
     yt,
@@ -360,11 +362,11 @@ function Qi(i) {
     Q
   ] }), t[198] = ft, t[199] = ut, t[200] = xt, t[201] = mt, t[202] = H, t[203] = Ot, t[204] = Q, t[205] = _) : _ = t[205];
   let k;
-  t[206] !== ct || t[207] !== pt || t[208] !== dt || t[209] !== gt || t[210] !== ht || t[211] !== U || t[212] !== _ ? (k = /* @__PURE__ */ l.jsx(ct, { width: pt, height: dt, viewBox: gt, direction: ht, ref: U, children: _ }), t[206] = ct, t[207] = pt, t[208] = dt, t[209] = gt, t[210] = ht, t[211] = U, t[212] = _, t[213] = k) : k = t[213];
+  t[206] !== ct || t[207] !== pt || t[208] !== dt || t[209] !== gt || t[210] !== ht || t[211] !== z || t[212] !== _ ? (k = /* @__PURE__ */ l.jsx(ct, { width: pt, height: dt, viewBox: gt, direction: ht, ref: z, children: _ }), t[206] = ct, t[207] = pt, t[208] = dt, t[209] = gt, t[210] = ht, t[211] = z, t[212] = _, t[213] = k) : k = t[213];
   let At;
-  t[214] !== n?.tooltip || t[215] !== p || t[216] !== ce || t[217] !== X || t[218] !== s?.tooltip || t[219] !== se ? (At = X && se && p && ce ? /* @__PURE__ */ l.jsx(Di, { data: X, body: se, xPos: p, yPos: ce, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[214] = n?.tooltip, t[215] = p, t[216] = ce, t[217] = X, t[218] = s?.tooltip, t[219] = se, t[220] = At) : At = t[220];
+  t[214] !== n?.tooltip || t[215] !== p || t[216] !== ce || t[217] !== X || t[218] !== s?.tooltip || t[219] !== se ? (At = X && se && p && ce ? /* @__PURE__ */ l.jsx(Vi, { data: X, body: se, xPos: p, yPos: ce, backgroundStyle: s?.tooltip, className: n?.tooltip }) : null, t[214] = n?.tooltip, t[215] = p, t[216] = ce, t[217] = X, t[218] = s?.tooltip, t[219] = se, t[220] = At) : At = t[220];
   let Ct;
-  t[221] !== n?.modal || t[222] !== N || t[223] !== F ? (Ct = N && F !== void 0 ? /* @__PURE__ */ l.jsx(Ri, { body: N, data: F, setData: h, className: n?.modal }) : null, t[221] = n?.modal, t[222] = N, t[223] = F, t[224] = Ct) : Ct = t[224];
+  t[221] !== n?.modal || t[222] !== S || t[223] !== F ? (Ct = S && F !== void 0 ? /* @__PURE__ */ l.jsx(Ii, { body: S, data: F, setData: h, className: n?.modal }) : null, t[221] = n?.modal, t[222] = S, t[223] = F, t[224] = Ct) : Ct = t[224];
   let Pt;
   return t[225] !== k || t[226] !== At || t[227] !== Ct ? (Pt = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     k,
@@ -441,7 +443,7 @@ function Oo(i, t) {
     id: `${t}`
   };
 }
-function Ms(i) {
+function Ns(i) {
   const t = vi.c(141), {
     data: o,
     graphTitle: lt,
@@ -457,11 +459,11 @@ function Ms(i) {
     colorLegendTitle: oe,
     radius: Ye,
     xAxisTitle: se,
-    yAxisTitle: Nt,
+    yAxisTitle: St,
     padding: ne,
     backgroundColor: ye,
     leftMargin: ve,
-    rightMargin: St,
+    rightMargin: Nt,
     topMargin: Z,
     bottomMargin: be,
     tooltip: le,
@@ -474,18 +476,18 @@ function Ms(i) {
     highlightedDataPoints: Tt,
     showHighlightedDataPointsLabels: Zt,
     graphID: qt,
-    maxRadiusValue: N,
+    maxRadiusValue: S,
     maxXValue: Bt,
-    minXValue: zt,
+    minXValue: Ut,
     maxYValue: q,
     minYValue: s,
     onSeriesMouseClick: n,
     graphDownload: f,
-    dataDownload: S,
+    dataDownload: N,
     language: Ae,
     showNAColor: B,
     minHeight: Ce,
-    annotations: Ut,
+    annotations: zt,
     customHighlightAreaSettings: m,
     theme: d,
     regressionLine: T,
@@ -499,30 +501,30 @@ function Ms(i) {
     classNames: p,
     animate: Yt,
     dimmedOpacity: ce,
-    customLayers: z,
+    customLayers: U,
     timeline: Jt,
     showVoronoiTesselation: we,
     useVoronoiInteraction: fe,
     xNumberDisplayOptions: y,
     yNumberDisplayOptions: at
-  } = i, ct = a === void 0 ? !1 : a, ft = he === void 0 ? E.gray : he, ut = Ye === void 0 ? 5 : Ye, xt = se === void 0 ? "X Axis" : se, mt = Nt === void 0 ? "Y Axis" : Nt, H = ye === void 0 ? !1 : ye, pt = ve === void 0 ? 0 : ve, dt = St === void 0 ? 10 : St, gt = Z === void 0 ? 20 : Z, ht = be === void 0 ? 50 : be;
-  let U;
-  t[0] !== j ? (U = j === void 0 ? [] : j, t[0] = j, t[1] = U) : U = t[1];
-  const yt = U;
+  } = i, ct = a === void 0 ? !1 : a, ft = he === void 0 ? E.gray : he, ut = Ye === void 0 ? 5 : Ye, xt = se === void 0 ? "X Axis" : se, mt = St === void 0 ? "Y Axis" : St, H = ye === void 0 ? !1 : ye, pt = ve === void 0 ? 0 : ve, dt = Nt === void 0 ? 10 : Nt, gt = Z === void 0 ? 20 : Z, ht = be === void 0 ? 50 : be;
+  let z;
+  t[0] !== j ? (z = j === void 0 ? [] : j, t[0] = j, t[1] = z) : z = t[1];
+  const yt = z;
   let J;
   t[2] !== M ? (J = M === void 0 ? [] : M, t[2] = M, t[3] = J) : J = t[3];
   const vt = J;
   let K;
   t[4] !== rt ? (K = rt === void 0 ? [] : rt, t[4] = rt, t[5] = K) : K = t[5];
-  const W = K, bt = Oe === void 0 ? !0 : Oe, Ot = Zt === void 0 ? !1 : Zt, Q = f === void 0 ? !1 : f, _ = S === void 0 ? !1 : S, k = Ae === void 0 ? "en" : Ae, At = B === void 0 ? !0 : B, Ct = Ce === void 0 ? 0 : Ce;
+  const W = K, bt = Oe === void 0 ? !0 : Oe, Ot = Zt === void 0 ? !1 : Zt, Q = f === void 0 ? !1 : f, _ = N === void 0 ? !1 : N, k = Ae === void 0 ? "en" : Ae, At = B === void 0 ? !0 : B, Ct = Ce === void 0 ? 0 : Ce;
   let Pt;
-  t[6] !== Ut ? (Pt = Ut === void 0 ? [] : Ut, t[6] = Ut, t[7] = Pt) : Pt = t[7];
+  t[6] !== zt ? (Pt = zt === void 0 ? [] : zt, t[6] = zt, t[7] = Pt) : Pt = t[7];
   const ue = Pt;
   let w;
   t[8] !== m ? (w = m === void 0 ? [] : m, t[8] = m, t[9] = w) : w = t[9];
   const A = w, b = d === void 0 ? "light" : d, Kt = T === void 0 ? !1 : T, u = ae === void 0 ? !0 : ae, g = X === void 0 ? 5 : X, Le = Xt === void 0 ? 5 : Xt, xe = Yt === void 0 ? !1 : Yt, Pe = ce === void 0 ? 0.3 : ce;
   let je;
-  t[10] !== z ? (je = z === void 0 ? [] : z, t[10] = z, t[11] = je) : je = t[11];
+  t[10] !== U ? (je = U === void 0 ? [] : U, t[10] = U, t[11] = je) : je = t[11];
   const Ve = je;
   let It;
   t[12] !== Jt ? (It = Jt === void 0 ? {
@@ -534,7 +536,7 @@ function Ms(i) {
   let Ft;
   if (t[14] !== o || t[15] !== c.dateFormat) {
     let v;
-    t[17] !== c.dateFormat ? (v = (nt) => Ci(`${nt.date}`, c.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[17] = c.dateFormat, t[18] = v) : v = t[18], Ft = [...new Set(o.filter(Jo).map(v))], Ft.sort(Uo), t[14] = o, t[15] = c.dateFormat, t[16] = Ft;
+    t[17] !== c.dateFormat ? (v = (nt) => Ci(`${nt.date}`, c.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), t[17] = c.dateFormat, t[18] = v) : v = t[18], Ft = [...new Set(o.filter(Jo).map(v))], Ft.sort(zo), t[14] = o, t[15] = c.dateFormat, t[16] = Ft;
   } else
     Ft = t[16];
   const x = Ft, [P, pe] = Et(c.autoplay ? 0 : x.length - 1), [de, He] = Et(void 0), $t = ci(null), De = ci(null);
@@ -544,43 +546,43 @@ function Ms(i) {
       Ie(nt[0].target.clientWidth || 620), Re(nt[0].target.clientHeight || 480);
     });
     return $t.current && v.observe($t.current), () => v.disconnect();
-  }, te = [], t[19] = tt, t[20] = te) : (tt = t[19], te = t[20]), ui(tt, te);
+  }, te = [], t[19] = tt, t[20] = te) : (tt = t[19], te = t[20]), fi(tt, te);
   let ee, et;
   t[21] !== Y || t[22] !== c.speed || t[23] !== x ? (ee = () => {
     const v = setInterval(() => {
       pe((nt) => nt < x.length - 1 ? nt + 1 : 0);
     }, (c.speed || 2) * 1e3);
     return Y || clearInterval(v), () => clearInterval(v);
-  }, et = [x, Y, c.speed], t[21] = Y, t[22] = c.speed, t[23] = x, t[24] = ee, t[25] = et) : (ee = t[24], et = t[25]), ui(ee, et);
+  }, et = [x, Y, c.speed], t[21] = Y, t[22] = c.speed, t[23] = x, t[24] = ee, t[25] = et) : (ee = t[24], et = t[25]), fi(ee, et);
   const ge = c.dateFormat || "yyyy";
   let it;
-  t[26] !== P || t[27] !== ge || t[28] !== c.showOnlyActiveDate || t[29] !== x ? (it = $i(x, P, c.showOnlyActiveDate, ge), t[26] = P, t[27] = ge, t[28] = c.showOnlyActiveDate, t[29] = x, t[30] = it) : it = t[30];
+  t[26] !== P || t[27] !== ge || t[28] !== c.showOnlyActiveDate || t[29] !== x ? (it = qi(x, P, c.showOnlyActiveDate, ge), t[26] = P, t[27] = ge, t[28] = c.showOnlyActiveDate, t[29] = x, t[30] = it) : it = t[30];
   const ot = it, wt = p?.graphContainer, ie = h?.graphContainer;
   let Lt;
-  t[31] !== p?.description || t[32] !== p?.title || t[33] !== o || t[34] !== _ || t[35] !== r || t[36] !== Q || t[37] !== lt || t[38] !== h?.description || t[39] !== h?.title || t[40] !== O ? (Lt = lt || r || Q || _ ? /* @__PURE__ */ l.jsx(Gi, { styles: {
+  t[31] !== p?.description || t[32] !== p?.title || t[33] !== o || t[34] !== _ || t[35] !== r || t[36] !== Q || t[37] !== lt || t[38] !== h?.description || t[39] !== h?.title || t[40] !== O ? (Lt = lt || r || Q || _ ? /* @__PURE__ */ l.jsx(Ei, { styles: {
     title: h?.title,
     description: h?.description
   }, classNames: {
     title: p?.title,
     description: p?.description
-  }, graphTitle: lt, graphDescription: r, width: O, graphDownload: Q ? De : void 0, dataDownload: _ ? o.map(zo).filter(Bo).length > 0 ? o.map(qo).filter(Zo) : o.filter(Go) : null }) : null, t[31] = p?.description, t[32] = p?.title, t[33] = o, t[34] = _, t[35] = r, t[36] = Q, t[37] = lt, t[38] = h?.description, t[39] = h?.title, t[40] = O, t[41] = Lt) : Lt = t[41];
+  }, graphTitle: lt, graphDescription: r, width: O, graphDownload: Q ? De : void 0, dataDownload: _ ? o.map(Uo).filter(Bo).length > 0 ? o.map(qo).filter(Zo) : o.filter(Go) : null }) : null, t[31] = p?.description, t[32] = p?.title, t[33] = o, t[34] = _, t[35] = r, t[36] = Q, t[37] = lt, t[38] = h?.description, t[39] = h?.title, t[40] = O, t[41] = Lt) : Lt = t[41];
   let jt;
   t[42] !== P || t[43] !== ot || t[44] !== Y || t[45] !== c.enabled || t[46] !== x ? (jt = c.enabled && x.length > 0 && ot ? /* @__PURE__ */ l.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ l.jsx("button", { type: "button", onClick: () => {
       Fe(!Y);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": Y ? "Click to pause animation" : "Click to play animation", children: Y ? /* @__PURE__ */ l.jsx(Bi, {}) : /* @__PURE__ */ l.jsx(zi, {}) }),
-    /* @__PURE__ */ l.jsx(wi, { min: x[0], max: x[x.length - 1], marks: ot, step: null, defaultValue: x[x.length - 1], value: x[P], onChangeComplete: (v) => {
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": Y ? "Click to pause animation" : "Click to play animation", children: Y ? /* @__PURE__ */ l.jsx(Bi, {}) : /* @__PURE__ */ l.jsx(Ui, {}) }),
+    /* @__PURE__ */ l.jsx($i, { min: x[0], max: x[x.length - 1], marks: ot, step: null, defaultValue: x[x.length - 1], value: x[P], onChangeComplete: (v) => {
       pe(x.indexOf(v));
     }, onChange: (v) => {
       pe(x.indexOf(v));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
   ] }) : null, t[42] = P, t[43] = ot, t[44] = Y, t[45] = c.enabled, t[46] = x, t[47] = jt) : jt = t[47];
   let Vt;
-  t[48] !== p?.colorLegend || t[49] !== R || t[50] !== oe || t[51] !== C || t[52] !== o || t[53] !== bt || t[54] !== At || t[55] !== b || t[56] !== O ? (Vt = bt && o.filter(Eo).length !== 0 && o.length > 0 ? /* @__PURE__ */ l.jsx(Zi, { width: O, colorLegendTitle: oe, colors: C || E[b].categoricalColors.colors, colorDomain: R || yi(o, "color", !0), setSelectedColor: He, showNAColor: At, className: p?.colorLegend }) : null, t[48] = p?.colorLegend, t[49] = R, t[50] = oe, t[51] = C, t[52] = o, t[53] = bt, t[54] = At, t[55] = b, t[56] = O, t[57] = Vt) : Vt = t[57];
+  t[48] !== p?.colorLegend || t[49] !== R || t[50] !== oe || t[51] !== C || t[52] !== o || t[53] !== bt || t[54] !== At || t[55] !== b || t[56] !== O ? (Vt = bt && o.filter(Eo).length !== 0 && o.length > 0 ? /* @__PURE__ */ l.jsx(Gi, { width: O, colorLegendTitle: oe, colors: C || E[b].categoricalColors.colors, colorDomain: R || yi(o, "color", !0), setSelectedColor: He, showNAColor: At, className: p?.colorLegend }) : null, t[48] = p?.colorLegend, t[49] = R, t[50] = oe, t[51] = C, t[52] = o, t[53] = bt, t[54] = At, t[55] = b, t[56] = O, t[57] = Vt) : Vt = t[57];
   let Dt;
-  t[58] !== o.length ? (Dt = o.length === 0 && /* @__PURE__ */ l.jsx(qi, {}), t[58] = o.length, t[59] = Dt) : Dt = t[59];
+  t[58] !== o.length ? (Dt = o.length === 0 && /* @__PURE__ */ l.jsx(Zi, {}), t[58] = o.length, t[59] = Dt) : Dt = t[59];
   let st;
-  t[60] !== xe || t[61] !== ue || t[62] !== ht || t[63] !== p || t[64] !== R || t[65] !== C || t[66] !== A || t[67] !== Ve || t[68] !== o || t[69] !== $ || t[70] !== Pe || t[71] !== ft || t[72] !== W || t[73] !== Tt || t[74] !== P || t[75] !== F || t[76] !== k || t[77] !== pt || t[78] !== N || t[79] !== Bt || t[80] !== q || t[81] !== zt || t[82] !== s || t[83] !== g || t[84] !== Le || t[85] !== n || t[86] !== re || t[87] !== ut || t[88] !== yt || t[89] !== vt || t[90] !== Kt || t[91] !== u || t[92] !== dt || t[93] !== de || t[94] !== Ot || t[95] !== ct || t[96] !== me || t[97] !== h || t[98] !== Rt || t[99] !== _t || t[100] !== b || t[101] !== c.dateFormat || t[102] !== c.enabled || t[103] !== le || t[104] !== gt || t[105] !== x || t[106] !== Qt || t[107] !== xt || t[108] !== y || t[109] !== mt || t[110] !== at ? (st = _t && Rt && o.length > 0 ? /* @__PURE__ */ l.jsx(Qi, { data: Ui(o, c.dateFormat || "yyyy").filter((v) => c.enabled ? `${v.date}` === Ai(new Date(x[P]), c.dateFormat || "yyyy") : v), width: _t, height: Rt, colorDomain: o.filter(Wo).length === 0 ? [] : R || yi(o, "color", !0), colors: o.filter(Ho).length === 0 ? C ? typeof C == "string" ? [C] : [C[0]] : [E.primaryColors["blue-600"]] : typeof C == "string" ? [C] : C || E[b].categoricalColors.colors, xAxisTitle: xt, yAxisTitle: mt, refXValues: yt, refYValues: vt, showLabels: ct, radius: ut, leftMargin: pt, rightMargin: dt, topMargin: gt, bottomMargin: ht, tooltip: le, onSeriesMouseOver: re, highlightAreaSettings: W, showVoronoiTesselation: me, highlightedDataPoints: o.filter(Fo).length === 0 ? [] : Tt, showHighlightedDataPointsLabels: Ot, selectedColor: de, maxRadiusValue: L(N) ? Math.max(...o.map(Ro).filter(Io)) : N, maxXValue: L(Bt) ? Math.max(...o.map(Po).filter(Yo)) > 0 ? Math.max(...o.map(Xo).filter(To)) : 0 : Bt, minXValue: L(zt) ? Math.min(...o.map(So).filter(No)) > 0 ? 0 : Math.min(...o.map(Mo).filter(ko)) : zt, maxYValue: L(q) ? Math.max(...o.map(Do).filter(Vo)) > 0 ? Math.max(...o.map(jo).filter(Lo)) : 0 : q, minYValue: L(s) ? Math.min(...o.map(wo).filter($o)) > 0 ? 0 : Math.min(...o.map(Co).filter(Ao)) : s, onSeriesMouseClick: n, rtl: k === "he" || k === "ar", annotations: ue, customHighlightAreaSettings: A, regressionLine: Kt, resetSelectionOnDoubleClick: u, detailsOnClick: $, noOfXTicks: g, noOfYTicks: Le, labelColor: F, styles: h, classNames: p, animate: xe === !0 ? {
+  t[60] !== xe || t[61] !== ue || t[62] !== ht || t[63] !== p || t[64] !== R || t[65] !== C || t[66] !== A || t[67] !== Ve || t[68] !== o || t[69] !== $ || t[70] !== Pe || t[71] !== ft || t[72] !== W || t[73] !== Tt || t[74] !== P || t[75] !== F || t[76] !== k || t[77] !== pt || t[78] !== S || t[79] !== Bt || t[80] !== q || t[81] !== Ut || t[82] !== s || t[83] !== g || t[84] !== Le || t[85] !== n || t[86] !== re || t[87] !== ut || t[88] !== yt || t[89] !== vt || t[90] !== Kt || t[91] !== u || t[92] !== dt || t[93] !== de || t[94] !== Ot || t[95] !== ct || t[96] !== me || t[97] !== h || t[98] !== Rt || t[99] !== _t || t[100] !== b || t[101] !== c.dateFormat || t[102] !== c.enabled || t[103] !== le || t[104] !== gt || t[105] !== x || t[106] !== Qt || t[107] !== xt || t[108] !== y || t[109] !== mt || t[110] !== at ? (st = _t && Rt && o.length > 0 ? /* @__PURE__ */ l.jsx(Qi, { data: zi(o, c.dateFormat || "yyyy").filter((v) => c.enabled ? `${v.date}` === Ai(new Date(x[P]), c.dateFormat || "yyyy") : v), width: _t, height: Rt, colorDomain: o.filter(Wo).length === 0 ? [] : R || yi(o, "color", !0), colors: o.filter(Ho).length === 0 ? C ? typeof C == "string" ? [C] : [C[0]] : [E.primaryColors["blue-600"]] : typeof C == "string" ? [C] : C || E[b].categoricalColors.colors, xAxisTitle: xt, yAxisTitle: mt, refXValues: yt, refYValues: vt, showLabels: ct, radius: ut, leftMargin: pt, rightMargin: dt, topMargin: gt, bottomMargin: ht, tooltip: le, onSeriesMouseOver: re, highlightAreaSettings: W, showVoronoiTesselation: me, highlightedDataPoints: o.filter(Fo).length === 0 ? [] : Tt, showHighlightedDataPointsLabels: Ot, selectedColor: de, maxRadiusValue: L(S) ? Math.max(...o.map(Ro).filter(Io)) : S, maxXValue: L(Bt) ? Math.max(...o.map(Po).filter(Yo)) > 0 ? Math.max(...o.map(Xo).filter(To)) : 0 : Bt, minXValue: L(Ut) ? Math.min(...o.map(No).filter(So)) > 0 ? 0 : Math.min(...o.map(Mo).filter(ko)) : Ut, maxYValue: L(q) ? Math.max(...o.map(Do).filter(Vo)) > 0 ? Math.max(...o.map(jo).filter(Lo)) : 0 : q, minYValue: L(s) ? Math.min(...o.map(wo).filter($o)) > 0 ? 0 : Math.min(...o.map(Co).filter(Ao)) : s, onSeriesMouseClick: n, rtl: k === "he" || k === "ar", annotations: ue, customHighlightAreaSettings: A, regressionLine: Kt, resetSelectionOnDoubleClick: u, detailsOnClick: $, noOfXTicks: g, noOfYTicks: Le, labelColor: F, styles: h, classNames: p, animate: xe === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -588,14 +590,14 @@ function Ms(i) {
     duration: 0,
     once: !0,
     amount: 0
-  }, dimmedOpacity: Pe, customLayers: Ve, useVoronoiInteraction: Qt, xNumberDisplayOptions: y, yNumberDisplayOptions: at, fallbackColor: ft }) : null, t[60] = xe, t[61] = ue, t[62] = ht, t[63] = p, t[64] = R, t[65] = C, t[66] = A, t[67] = Ve, t[68] = o, t[69] = $, t[70] = Pe, t[71] = ft, t[72] = W, t[73] = Tt, t[74] = P, t[75] = F, t[76] = k, t[77] = pt, t[78] = N, t[79] = Bt, t[80] = q, t[81] = zt, t[82] = s, t[83] = g, t[84] = Le, t[85] = n, t[86] = re, t[87] = ut, t[88] = yt, t[89] = vt, t[90] = Kt, t[91] = u, t[92] = dt, t[93] = de, t[94] = Ot, t[95] = ct, t[96] = me, t[97] = h, t[98] = Rt, t[99] = _t, t[100] = b, t[101] = c.dateFormat, t[102] = c.enabled, t[103] = le, t[104] = gt, t[105] = x, t[106] = Qt, t[107] = xt, t[108] = y, t[109] = mt, t[110] = at, t[111] = st) : st = t[111];
+  }, dimmedOpacity: Pe, customLayers: Ve, useVoronoiInteraction: Qt, xNumberDisplayOptions: y, yNumberDisplayOptions: at, fallbackColor: ft }) : null, t[60] = xe, t[61] = ue, t[62] = ht, t[63] = p, t[64] = R, t[65] = C, t[66] = A, t[67] = Ve, t[68] = o, t[69] = $, t[70] = Pe, t[71] = ft, t[72] = W, t[73] = Tt, t[74] = P, t[75] = F, t[76] = k, t[77] = pt, t[78] = S, t[79] = Bt, t[80] = q, t[81] = Ut, t[82] = s, t[83] = g, t[84] = Le, t[85] = n, t[86] = re, t[87] = ut, t[88] = yt, t[89] = vt, t[90] = Kt, t[91] = u, t[92] = dt, t[93] = de, t[94] = Ot, t[95] = ct, t[96] = me, t[97] = h, t[98] = Rt, t[99] = _t, t[100] = b, t[101] = c.dateFormat, t[102] = c.enabled, t[103] = le, t[104] = gt, t[105] = x, t[106] = Qt, t[107] = xt, t[108] = y, t[109] = mt, t[110] = at, t[111] = st) : st = t[111];
   let kt;
   t[112] !== Dt || t[113] !== st ? (kt = /* @__PURE__ */ l.jsxs(Ji, { ref: $t, children: [
     Dt,
     st
   ] }), t[112] = Dt, t[113] = st, t[114] = kt) : kt = t[114];
   let Mt;
-  t[115] !== p?.footnote || t[116] !== p?.source || t[117] !== G || t[118] !== Gt || t[119] !== h?.footnote || t[120] !== h?.source || t[121] !== O ? (Mt = Gt || G ? /* @__PURE__ */ l.jsx(Ei, { styles: {
+  t[115] !== p?.footnote || t[116] !== p?.source || t[117] !== G || t[118] !== Gt || t[119] !== h?.footnote || t[120] !== h?.source || t[121] !== O ? (Mt = Gt || G ? /* @__PURE__ */ l.jsx(Wi, { styles: {
     footnote: h?.footnote,
     source: h?.source
   }, classNames: {
@@ -641,10 +643,10 @@ function ko(i) {
 function Mo(i) {
   return i.x;
 }
-function No(i) {
+function So(i) {
   return i != null;
 }
-function So(i) {
+function No(i) {
   return i.x;
 }
 function To(i) {
@@ -689,16 +691,16 @@ function qo(i) {
 function Bo(i) {
   return i !== void 0;
 }
-function zo(i) {
+function Uo(i) {
   return i.data;
 }
-function Uo(i, t) {
+function zo(i, t) {
   return i - t;
 }
 function Jo(i) {
   return i.date;
 }
 export {
-  Ms as ScatterPlot
+  Ns as ScatterPlot
 };
 //# sourceMappingURL=ScatterPlot.js.map