@undp/data-viz 1.2.8 → 1.3.1

package/dist/ScatterPlot.js

@@ -0,0 +1,829 @@
+import { j as t, m as Ne } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as ke } from "./index-CaAIPGZo.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 { i as $e } from "./index-27yTRcko.js";
+import { o as Ge } from "./index-BLizQDlg.js";
+import { l as qe, a as Be } from "./simple-statistics-flVzqVtt.js";
+import { X as ze } from "./Modal-CUU6ZK3U.js";
+import { T as Ue } from "./Tooltip-DyM5snqx.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 _e, g as Je, A as Ke } from "./customArea-CaxScFmW.js";
+import { s as Qe } from "./string2HTML-CWHGfz_d.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-C1GpoG9d.js";
+import { R as ti } from "./RegressionLine-BFwDCTUU.js";
+import { Y as oi } from "./YTicksAndGridLines-B6ah7CRf.js";
+import { a as ai } from "./index-n_RI8T0n.js";
+import { u as ri } from "./use-in-view-BAHrBy6b.js";
+import { s as li } from "./pow-e8zx3AQJ.js";
+import { a as Ye } from "./linear-DUdu7l2G.js";
+import { D as si } from "./delaunay-C1uAf38t.js";
+import { m as te } from "./proxy-DJxJg1kD.js";
+import { A as Ie } from "./index-BxAUvrua.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-BBDZbDCE.js";
+import { c as hi } from "./init-BhZylTFx.js";
+function yi(ye) {
+  const {
+    data: o,
+    width: L,
+    height: D,
+    showLabels: oe,
+    colors: s,
+    colorDomain: w,
+    radius: O,
+    xAxisTitle: g,
+    yAxisTitle: J,
+    leftMargin: q,
+    rightMargin: de,
+    topMargin: pe,
+    bottomMargin: ae,
+    tooltip: re,
+    onSeriesMouseOver: H,
+    refXValues: $,
+    refYValues: ve,
+    highlightAreaSettings: be,
+    selectedColor: B,
+    highlightedDataPoints: T,
+    maxRadiusValue: Ce,
+    maxXValue: z,
+    minXValue: j,
+    maxYValue: we,
+    minYValue: A,
+    onSeriesMouseClick: P,
+    rtl: K,
+    annotations: Oe,
+    customHighlightAreaSettings: je,
+    regressionLine: U,
+    resetSelectionOnDoubleClick: Q,
+    detailsOnClick: M,
+    noOfXTicks: le,
+    noOfYTicks: se,
+    labelColor: Z,
+    xSuffix: ne,
+    ySuffix: ce,
+    xPrefix: xe,
+    yPrefix: me,
+    styles: x,
+    classNames: m,
+    animate: l,
+    dimmedOpacity: k,
+    precision: S,
+    customLayers: fe
+  } = ye, ue = Se(null), p = ri(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), h = {
+    top: pe,
+    bottom: g ? ae + 50 : ae,
+    left: J ? q + 30 : q,
+    right: de
+  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - h.left - h.right, b = D - h.top - h.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? li().domain([0, Ce]).range([0.25, O]).nice() : void 0, u = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
+    _.filter((e) => !c(e.radius)),
+    "radius",
+    "desc"
+  ), r = Ye().domain([j, z]).range([0, y]).nice(), n = Ye().domain([A, we]).range([b, 0]).nice(), ee = r.ticks(le), ie = n.ticks(se), F = si.from(
+    u.filter((e) => !c(e.x) && !c(e.y)),
+    (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) => [r(e.x), n(e.y)])
+  ), f = Be(Ae);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      te.svg,
+      {
+        width: `${L}px`,
+        height: `${D}px`,
+        viewBox: `0 0 ${L} ${D}`,
+        direction: "ltr",
+        ref: ue,
+        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${h.left},${h.top})`, children: [
+          /* @__PURE__ */ t.jsxs(Ie, { children: [
+            /* @__PURE__ */ t.jsx(
+              ai,
+              {
+                areaSettings: be,
+                width: y,
+                height: b,
+                scaleX: r,
+                scaleY: n,
+                animate: l,
+                isInView: p
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              _e,
+              {
+                areaSettings: je,
+                scaleX: r,
+                scaleY: n,
+                animate: l,
+                isInView: p
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx(
+              oi,
+              {
+                values: ie.filter((e) => e !== 0),
+                y: ie.filter((e) => e !== 0).map((e) => n(e)),
+                x1: 0,
+                x2: y + h.right,
+                styles: {
+                  gridLines: x?.yAxis?.gridLines,
+                  labels: x?.yAxis?.labels
+                },
+                classNames: {
+                  gridLines: m?.yAxis?.gridLines,
+                  labels: m?.yAxis?.labels
+                },
+                suffix: ce,
+                prefix: me,
+                labelType: "secondary",
+                showGridLines: !0,
+                labelPos: "side",
+                precision: S
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Pe,
+              {
+                y1: n(A < 0 ? 0 : A),
+                y2: n(A < 0 ? 0 : A),
+                x1: 0,
+                x2: y + h.right,
+                label: Te(
+                  A < 0 ? 0 : A,
+                  "NA",
+                  S,
+                  me,
+                  ce
+                ),
+                labelPos: {
+                  x: 0,
+                  y: n(A < 0 ? 0 : A),
+                  dy: "0.33em",
+                  dx: -4
+                },
+                classNames: {
+                  axis: m?.xAxis?.axis,
+                  label: m?.yAxis?.labels
+                },
+                styles: {
+                  axis: x?.xAxis?.axis,
+                  label: { textAnchor: "end", ...x?.yAxis?.labels || {} }
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Xe,
+              {
+                x: 0 - q - 15,
+                y: b / 2,
+                style: x?.yAxis?.title,
+                className: m?.yAxis?.title,
+                text: J,
+                rotate90: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx(
+              Ze,
+              {
+                values: ee.filter((e) => e !== 0),
+                x: ee.filter((e) => e !== 0).map((e) => r(e)),
+                y1: 0,
+                y2: b,
+                styles: {
+                  gridLines: x?.xAxis?.gridLines,
+                  labels: x?.xAxis?.labels
+                },
+                classNames: {
+                  gridLines: m?.xAxis?.gridLines,
+                  labels: m?.xAxis?.labels
+                },
+                suffix: ne,
+                prefix: xe,
+                labelType: "primary",
+                showGridLines: !0,
+                precision: S
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Pe,
+              {
+                x1: r(j < 0 ? 0 : j),
+                x2: r(j < 0 ? 0 : j),
+                y1: 0,
+                y2: b,
+                label: Te(
+                  j < 0 ? 0 : j,
+                  "NA",
+                  S,
+                  xe,
+                  ne
+                ),
+                labelPos: {
+                  x: r(j < 0 ? 0 : j),
+                  y: b,
+                  dy: "1em",
+                  dx: 0
+                },
+                classNames: {
+                  axis: m?.xAxis?.axis,
+                  label: m?.yAxis?.labels
+                },
+                styles: {
+                  axis: x?.xAxis?.axis,
+                  label: {
+                    textAnchor: "middle",
+                    ...x?.yAxis?.labels || {}
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Xe,
+              {
+                x: y / 2,
+                y: b + 30,
+                style: x?.xAxis?.title,
+                className: m?.xAxis?.title,
+                text: g
+              }
+            )
+          ] }),
+          fe.filter((e) => e.position === "before").map((e) => e.layer),
+          /* @__PURE__ */ t.jsxs(Ie, { children: [
+            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
+              "path",
+              {
+                d: F.renderCell(u.findIndex((a) => a.id === e.id)),
+                opacity: 0,
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                },
+                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)));
+                }
+              },
+              `${e.label || d}`
+            )),
+            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
+              te.g,
+              {
+                variants: {
+                  initial: {
+                    x: r(e.x),
+                    y: n(e.y),
+                    opacity: B ? e.color && s[w.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: r(e.x),
+                    y: n(e.y),
+                    opacity: B ? e.color && s[w.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 }
+                  }
+                },
+                initial: "initial",
+                animate: p ? "whileInView" : "initial",
+                exit: { opacity: 0, transition: { duration: l.duration } },
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                },
+                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)));
+                },
+                children: [
+                  /* @__PURE__ */ t.jsx(
+                    te.circle,
+                    {
+                      cx: 0,
+                      cy: 0,
+                      exit: { r: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          r: 0,
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray
+                        },
+                        whileInView: {
+                          r: C ? C(e.radius || 0) : O,
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      style: {
+                        fillOpacity: 0.6
+                      }
+                    }
+                  ),
+                  oe && !c(e.label) ? /* @__PURE__ */ t.jsx(
+                    te.text,
+                    {
+                      style: {
+                        ...x?.graphObjectValues || {}
+                      },
+                      className: Ne("graph-value text-sm", m?.graphObjectValues),
+                      y: 0,
+                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 0,
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray)
+                        },
+                        whileInView: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 1,
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      dy: "0.33em",
+                      dx: 3,
+                      children: e.label
+                    }
+                  ) : T.length !== 0 && !c(e.label) && T.indexOf(e.label) !== -1 ? /* @__PURE__ */ t.jsx(
+                    te.text,
+                    {
+                      style: {
+                        fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
+                        ...x?.graphObjectValues || {}
+                      },
+                      className: Ne("graph-value text-sm", m?.graphObjectValues),
+                      y: 0,
+                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 0
+                        },
+                        whileInView: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 1,
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      dy: "0.33em",
+                      dx: 3,
+                      children: e.label
+                    }
+                  ) : null
+                ]
+              },
+              `${e.label || d}`
+            )),
+            $.map((e, d) => /* @__PURE__ */ t.jsx(
+              ei,
+              {
+                text: e.text,
+                color: e.color,
+                x: r(e.value),
+                y1: 0,
+                y2: b,
+                textSide: r(e.value) > y * 0.75 || K ? "left" : "right",
+                classNames: e.classNames,
+                styles: e.styles,
+                animate: l,
+                isInView: p
+              },
+              d
+            )),
+            ve.map((e, d) => /* @__PURE__ */ t.jsx(
+              ii,
+              {
+                text: e.text,
+                color: e.color,
+                y: n(e.value),
+                x1: 0,
+                x2: y,
+                classNames: e.classNames,
+                styles: e.styles,
+                animate: l,
+                isInView: p
+              },
+              d
+            )),
+            /* @__PURE__ */ t.jsx("g", { children: Oe.map((e, d) => {
+              const a = Je(
+                {
+                  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 ? 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,
+                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,
+                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 ? 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 - (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,
+                {
+                  color: e.color,
+                  connectorsSettings: Me,
+                  labelSettings: E,
+                  text: e.text,
+                  classNames: e.classNames,
+                  styles: e.styles,
+                  animate: l,
+                  isInView: p
+                },
+                d
+              );
+            }) }),
+            U ? /* @__PURE__ */ t.jsx(
+              ti,
+              {
+                x1: 0,
+                x2: y,
+                y1: f(0),
+                y2: f(y),
+                graphHeight: b,
+                graphWidth: y,
+                className: m?.regLine,
+                style: x?.regLine,
+                color: typeof U == "string" ? U : void 0,
+                animate: l,
+                isInView: p
+              }
+            ) : null
+          ] }),
+          fe.filter((e) => e.position === "after").map((e) => e.layer)
+        ] })
+      }
+    ),
+    X && re && ge && he ? /* @__PURE__ */ t.jsx(
+      Ue,
+      {
+        data: X,
+        body: re,
+        xPos: ge,
+        yPos: he,
+        backgroundStyle: x?.tooltip,
+        className: m?.tooltip
+      }
+    ) : null,
+    M && I !== void 0 ? /* @__PURE__ */ t.jsx(
+      ze,
+      {
+        open: I !== void 0,
+        onClose: () => {
+          W(void 0);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Qe(M, I) } : void 0,
+            children: typeof M == "function" ? M(I) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Qi(ye) {
+  const {
+    data: o,
+    graphTitle: L,
+    colors: D,
+    sources: oe,
+    graphDescription: s,
+    showLabels: w = !1,
+    height: O,
+    width: g,
+    footNote: J,
+    colorDomain: q,
+    colorLegendTitle: de,
+    radius: pe = 5,
+    xAxisTitle: ae = "X Axis",
+    yAxisTitle: re = "Y Axis",
+    padding: H,
+    backgroundColor: $ = !1,
+    leftMargin: ve = 0,
+    rightMargin: be = 10,
+    topMargin: B = 20,
+    bottomMargin: T = 50,
+    tooltip: Ce,
+    relativeHeight: z,
+    onSeriesMouseOver: j,
+    refXValues: we = [],
+    refYValues: A = [],
+    highlightAreaSettings: P = [],
+    showColorScale: K = !0,
+    highlightedDataPoints: Oe = [],
+    graphID: je,
+    maxRadiusValue: U,
+    maxXValue: Q,
+    minXValue: M,
+    maxYValue: le,
+    minYValue: se,
+    xSuffix: Z = "",
+    ySuffix: ne = "",
+    xPrefix: ce = "",
+    yPrefix: xe = "",
+    onSeriesMouseClick: me,
+    graphDownload: x = !1,
+    dataDownload: m = !1,
+    language: l = "en",
+    showNAColor: k = !0,
+    minHeight: S = 0,
+    annotations: fe = [],
+    customHighlightAreaSettings: ue = [],
+    theme: p = "light",
+    regressionLine: X = !1,
+    ariaLabel: Y,
+    resetSelectionOnDoubleClick: I = !0,
+    detailsOnClick: W,
+    noOfXTicks: ge = 5,
+    noOfYTicks: R = 5,
+    labelColor: he,
+    styles: v,
+    classNames: h,
+    animate: _ = !1,
+    dimmedOpacity: y = 0.3,
+    precision: b = 2,
+    customLayers: C = [],
+    timeline: u = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(u.autoplay), f = We(
+    ke(
+      o.filter((i) => i.date !== void 0 && i.date !== null),
+      (i) => i.date
+    ).map((i) => Re(`${i.date}`, u.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (i, G) => hi(i, G)
+  ), [e, d] = V(u.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  De(() => {
+    const i = new ResizeObserver((G) => {
+      n(g || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
+    });
+    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), g || i.observe(E.current)), () => i.disconnect();
+  }, [g, O]), De(() => {
+    const i = setInterval(
+      () => {
+        d((G) => G < f.length - 1 ? G + 1 : 0);
+      },
+      (u.speed || 2) * 1e3
+    );
+    return F || clearInterval(i), () => clearInterval(i);
+  }, [f, F, u.speed]);
+  const Le = Fe(
+    f,
+    e,
+    u.showOnlyActiveDate,
+    u.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: `${p || "light"} flex  ${g ? "w-fit grow-0" : "w-full grow"}`,
+      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 ${l || "en"}`,
+            h?.graphContainer
+          ),
+          style: {
+            ...v?.graphContainer || {},
+            ...$ && $ !== !0 ? { backgroundColor: $ } : {}
+          },
+          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}` : ""}`,
+          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(
+                  ci,
+                  {
+                    styles: {
+                      title: v?.title,
+                      description: v?.description
+                    },
+                    classNames: {
+                      title: h?.title,
+                      description: h?.description
+                    },
+                    graphTitle: L,
+                    graphDescription: s,
+                    width: g,
+                    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
+                  }
+                ) : null,
+                u.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ae(!F);
+                      },
+                      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, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Ee,
+                    {
+                      min: f[0],
+                      max: f[f.length - 1],
+                      marks: Le,
+                      step: null,
+                      defaultValue: f[f.length - 1],
+                      value: f[e],
+                      onChangeComplete: (i) => {
+                        d(f.indexOf(i));
+                      },
+                      onChange: (i) => {
+                        d(f.indexOf(i));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : 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,
+                    {
+                      width: g,
+                      colorLegendTitle: de,
+                      colors: D || N[p].categoricalColors.colors,
+                      colorDomain: q || ke(
+                        o.filter((i) => i.color),
+                        "color"
+                      ).map((i) => i.color),
+                      setSelectedColor: Me,
+                      showNAColor: k
+                    }
+                  ) : null,
+                  /* @__PURE__ */ t.jsx(
+                    "div",
+                    {
+                      className: "flex flex-col grow justify-center w-full leading-0",
+                      ref: E,
+                      "aria-label": "Graph area",
+                      children: (g || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
+                        yi,
+                        {
+                          data: gi(
+                            o,
+                            u.dateFormat || "yyyy"
+                          ).filter(
+                            (i) => u.enabled ? i.date === He(
+                              new Date(f[e]),
+                              u.dateFormat || "yyyy"
+                            ) : i
+                          ),
+                          width: g || r,
+                          height: Math.max(
+                            S,
+                            O || (z ? S ? (g || r) * z > S ? (g || r) * z : S : (g || r) * z : 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: re,
+                          refXValues: we,
+                          refYValues: A,
+                          showLabels: w,
+                          radius: pe,
+                          leftMargin: ve,
+                          rightMargin: be,
+                          topMargin: B,
+                          bottomMargin: T,
+                          tooltip: Ce,
+                          onSeriesMouseOver: j,
+                          highlightAreaSettings: P,
+                          highlightedDataPoints: o.filter((i) => i.label).length === 0 ? [] : Oe,
+                          selectedColor: a,
+                          maxRadiusValue: c(U) ? Math.max(
+                            ...o.map((i) => i.radius).filter((i) => i != null)
+                          ) : U,
+                          maxXValue: c(Q) ? Math.max(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) > 0 ? Math.max(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : 0 : Q,
+                          minXValue: c(M) ? Math.min(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : M,
+                          maxYValue: c(le) ? Math.max(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) > 0 ? Math.max(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) : 0 : le,
+                          minYValue: c(se) ? Math.min(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) : se,
+                          onSeriesMouseClick: me,
+                          rtl: l === "he" || l === "ar",
+                          annotations: fe,
+                          customHighlightAreaSettings: ue,
+                          regressionLine: X,
+                          resetSelectionOnDoubleClick: I,
+                          detailsOnClick: W,
+                          noOfXTicks: ge,
+                          noOfYTicks: R,
+                          labelColor: he,
+                          xSuffix: Z,
+                          ySuffix: ne,
+                          xPrefix: ce,
+                          yPrefix: xe,
+                          styles: v,
+                          classNames: h,
+                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: y,
+                          precision: b,
+                          customLayers: C
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                oe || J ? /* @__PURE__ */ t.jsx(
+                  ni,
+                  {
+                    styles: { footnote: v?.footnote, source: v?.source },
+                    classNames: {
+                      footnote: h?.footnote,
+                      source: h?.source
+                    },
+                    sources: oe,
+                    footNote: J,
+                    width: g
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Qi as ScatterPlot
+};
+//# sourceMappingURL=ScatterPlot.js.map