@undp/data-viz 2.5.4 → 2.6.1

package/dist/ScatterPlot-DGv-CLx8.js

@@ -0,0 +1,588 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { l as n, u as r } from "./Icons-BLXwPP3h.js";
+import { Colors as i } from "./Colors.js";
+import { GraphFooter as ee } from "./GraphFooter.js";
+import { GraphHeader as a } from "./GraphHeader.js";
+import { t as o } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as s } from "./uniqBy-feeqYuys.js";
+import { n as c, t as te } from "./GraphContainer-DgEB1AVN.js";
+import { n as ne, t as l } from "./parse-5MWhaq6h.js";
+import { t as u } from "./lodash.orderby-Dn2sr3tw.js";
+import { ColorLegendWithMouseOver as re } from "./ColorLegendWithMouseOver.js";
+import { t as ie } from "./EmptyState-DBmT1Adf.js";
+import { a as ae } from "./ensureCompleteData-VxAHq-s7.js";
+import { t as d } from "./getSliderMarks-CTKVxOEm.js";
+import { t as f } from "./linear-BkosG4OK.js";
+import { t as oe } from "./pow-CISbw8TV.js";
+import { t as p } from "./fast-deep-equal--80N92KJ.js";
+import { t as m } from "./proxy-BiRrIImK.js";
+import { t as se } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as h } from "./use-in-view-CjlKdln1.js";
+import { t as g } from "./Axis-B3ai1eeP.js";
+import { t as ce } from "./AxisTitle-DqJw_G-f.js";
+import { t as le } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as ue } from "./XTicksAndGridLines-B2XZgwzW.js";
+import { t as de } from "./YTicksAndGridLines-CVTzNJYP.js";
+import { t as fe } from "./DetailsModal-DxUowfkg.js";
+import { n as pe, t as me } from "./ReferenceLine-C8owKJx1.js";
+import { t as he } from "./Tooltip-Y6uTGwkF.js";
+import { n as ge, r as _e, t as ve } from "./getLineEndPoint-BkKmq-KI.js";
+import { n as ye } from "./HighlightArea-BljOOgRP.js";
+import { n as be, r as xe } from "./simple-statistics-BlsBuRxU.js";
+import { t as Se } from "./RegressionLine-B-3HbVf4.js";
+import { t as Ce } from "./delaunay-ZuH6I4Fh.js";
+import { cn as we } from "@undp/design-system-react/cn";
+import { useEffect as Te, useMemo as Ee, useRef as De, useState as _ } from "react";
+import { SliderUI as v } from "@undp/design-system-react/SliderUI";
+//#region src/Components/Graphs/ScatterPlot/Graph.tsx
+var Oe = /* @__PURE__ */ e(p(), 1), ke = /* @__PURE__ */ e(u(), 1), y = t();
+function b(e) {
+	let { data: t, width: n, height: r, showLabels: ee, colors: a, colorDomain: s, radius: c, xAxisTitle: te, yAxisTitle: ne, leftMargin: l, rightMargin: u, topMargin: re, bottomMargin: ie, tooltip: ae, onSeriesMouseOver: d, refXValues: p, refYValues: Te, highlightAreaSettings: Ee, selectedColor: v, highlightedDataPoints: b, maxRadiusValue: Ae, maxXValue: je, minXValue: x, maxYValue: Me, minYValue: S, onSeriesMouseClick: C, rtl: w, annotations: Ne, customHighlightAreaSettings: Pe, regressionLine: T, resetSelectionOnDoubleClick: E, detailsOnClick: D, noOfXTicks: Fe, noOfYTicks: Ie, labelColor: O, styles: k, classNames: A, animate: j, dimmedOpacity: M, showHighlightedDataPointsLabels: Le, customLayers: Re, showVoronoiTesselation: ze, useVoronoiInteraction: Be, xNumberDisplayOptions: N, yNumberDisplayOptions: P, fallbackColor: F } = e, I = De(null), L = h(I, {
+		once: j.once,
+		amount: j.amount
+	}), [R, z] = _(void 0), [B, V] = _(void 0), [Ve, H] = _(void 0), [U, W] = _(void 0), G = {
+		top: re,
+		bottom: te ? ie + 50 : ie,
+		left: ne ? l + 30 : l,
+		right: u
+	}, K = t.map((e, t) => ({
+		...e,
+		id: `${t}`
+	})), q = n - G.left - G.right, J = r - G.top - G.bottom, Y = t.filter((e) => e.radius === void 0 || e.radius === null).length === t.length ? void 0 : oe().domain([0, Ae]).range([.25, c]).nice(), X = K.filter((e) => !o(e.radius)).length === 0 ? K.filter((e) => !o(e.x) && !o(e.y)) : (0, ke.default)(K.filter((e) => !o(e.radius) && !o(e.x) && !o(e.y)), "radius", "desc"), Z = f().domain([x, je]).range([0, q]).nice(), Q = f().domain([S, Me]).range([J, 0]).nice(), He = Z.ticks(Fe), $ = Q.ticks(Ie), Ue = Ce.from(X, (e) => Z(e.x), (e) => Q(e.y)).voronoi([
+		0,
+		0,
+		q < 0 ? 0 : q,
+		J < 0 ? 0 : J
+	]), We = xe(be(t.filter((e) => !o(e.x) && !o(e.y)).map((e) => [Z(e.x), Q(e.y)])));
+	return /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [
+		/* @__PURE__ */ (0, y.jsx)(m.svg, {
+			width: `${n}px`,
+			height: `${r}px`,
+			viewBox: `0 0 ${n} ${r}`,
+			direction: "ltr",
+			ref: I,
+			children: /* @__PURE__ */ (0, y.jsxs)("g", {
+				transform: `translate(${G.left},${G.top})`,
+				children: [
+					/* @__PURE__ */ (0, y.jsxs)(se, { children: [/* @__PURE__ */ (0, y.jsx)(ye, {
+						areaSettings: Ee,
+						width: q,
+						height: J,
+						scaleX: Z,
+						scaleY: Q,
+						animate: j,
+						isInView: L
+					}, "highlight-area"), /* @__PURE__ */ (0, y.jsx)(ge, {
+						areaSettings: Pe,
+						scaleX: Z,
+						scaleY: Q,
+						animate: j,
+						isInView: L
+					}, "custom-area")] }),
+					/* @__PURE__ */ (0, y.jsxs)("g", { children: [
+						/* @__PURE__ */ (0, y.jsx)(de, {
+							values: $.filter((e) => e !== 0),
+							y: $.filter((e) => e !== 0).map((e) => Q(e)),
+							x1: 0,
+							x2: q + G.right,
+							styles: {
+								gridLines: k?.yAxis?.gridLines,
+								labels: k?.yAxis?.labels
+							},
+							classNames: {
+								gridLines: A?.yAxis?.gridLines,
+								labels: A?.yAxis?.labels
+							},
+							labelType: "secondary",
+							showGridLines: !0,
+							labelPos: "side",
+							suffix: P?.suffix || "",
+							prefix: P?.prefix || "",
+							precision: P?.precision ?? 2,
+							locale: P?.locale || "en",
+							padZeros: P?.padZeros || !1
+						}),
+						/* @__PURE__ */ (0, y.jsx)(g, {
+							y1: Q(S < 0 ? 0 : S),
+							y2: Q(S < 0 ? 0 : S),
+							x1: 0,
+							x2: q + G.right,
+							label: le(S < 0 ? 0 : S, void 0, P?.precision ?? 2, P?.prefix || "", P?.suffix || "", P?.locale || "en", P?.padZeros || !1),
+							labelPos: {
+								x: 0,
+								y: Q(S < 0 ? 0 : S),
+								dy: "0.33em",
+								dx: -4
+							},
+							classNames: {
+								axis: A?.xAxis?.axis,
+								label: A?.yAxis?.labels
+							},
+							styles: {
+								axis: k?.xAxis?.axis,
+								label: {
+									textAnchor: "end",
+									...k?.yAxis?.labels || {}
+								}
+							}
+						}),
+						/* @__PURE__ */ (0, y.jsx)(ce, {
+							x: 0 - l - 15,
+							y: J / 2,
+							style: k?.yAxis?.title,
+							className: A?.yAxis?.title,
+							text: ne,
+							rotate90: !0
+						})
+					] }),
+					/* @__PURE__ */ (0, y.jsxs)("g", { children: [
+						/* @__PURE__ */ (0, y.jsx)(ue, {
+							values: He.filter((e) => e !== 0),
+							x: He.filter((e) => e !== 0).map((e) => Z(e)),
+							y1: 0,
+							y2: J,
+							styles: {
+								gridLines: k?.xAxis?.gridLines,
+								labels: k?.xAxis?.labels
+							},
+							classNames: {
+								gridLines: A?.xAxis?.gridLines,
+								labels: A?.xAxis?.labels
+							},
+							labelType: "primary",
+							showGridLines: !0,
+							suffix: N?.suffix || "",
+							prefix: N?.prefix || "",
+							precision: N?.precision ?? 2,
+							locale: N?.locale || "en",
+							padZeros: N?.padZeros || !1
+						}),
+						/* @__PURE__ */ (0, y.jsx)(g, {
+							x1: Z(x < 0 ? 0 : x),
+							x2: Z(x < 0 ? 0 : x),
+							y1: 0,
+							y2: J,
+							label: le(x < 0 ? 0 : x, void 0, N?.precision ?? 2, N?.prefix || "", N?.suffix || "", N?.locale || "en", N?.padZeros || !1),
+							labelPos: {
+								x: Z(x < 0 ? 0 : x),
+								y: J,
+								dy: "1em",
+								dx: 0
+							},
+							classNames: {
+								axis: A?.xAxis?.axis,
+								label: A?.yAxis?.labels
+							},
+							styles: {
+								axis: k?.xAxis?.axis,
+								label: {
+									textAnchor: "middle",
+									...k?.yAxis?.labels || {}
+								}
+							}
+						}),
+						/* @__PURE__ */ (0, y.jsx)(ce, {
+							x: q / 2,
+							y: J + 30,
+							style: k?.xAxis?.title,
+							className: A?.xAxis?.title,
+							text: te
+						})
+					] }),
+					Re.filter((e) => e.position === "before").map((e) => e.layer),
+					/* @__PURE__ */ (0, y.jsxs)(se, { children: [
+						Be && X.map((e, t) => /* @__PURE__ */ (0, y.jsx)("path", {
+							d: Ue.renderCell(X.findIndex((t) => t.id === e.id)),
+							opacity: +!!ze,
+							className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+							style: {
+								fillOpacity: 0,
+								strokeWidth: 1
+							},
+							onMouseEnter: (t) => {
+								z(e), W(t.clientY), H(t.clientX), d?.(e);
+							},
+							onMouseMove: (t) => {
+								z(e), W(t.clientY), H(t.clientX);
+							},
+							onMouseLeave: () => {
+								z(void 0), H(void 0), W(void 0), d?.(void 0);
+							},
+							onClick: () => {
+								(C || D) && ((0, Oe.default)(B, e) && E ? (V(void 0), C?.(void 0)) : (V(e), C?.(e)));
+							}
+						}, `tesselation_${e.label || t}`)),
+						X.map((e, n) => /* @__PURE__ */ (0, y.jsxs)(m.g, {
+							variants: {
+								initial: {
+									x: Z(e.x),
+									y: Q(e.y),
+									opacity: v ? e.color && a[s.indexOf(`${e.color}`)] === v ? 1 : M : R ? R.id === e.id ? 1 : M : b && b.indexOf(e.label || "") === -1 ? M : 1
+								},
+								whileInView: {
+									x: Z(e.x),
+									y: Q(e.y),
+									opacity: v ? e.color && a[s.indexOf(`${e.color}`)] === v ? 1 : M : R ? R.id === e.id ? 1 : M : b && b.indexOf(e.label || "") === -1 ? M : 1,
+									transition: { duration: j.duration }
+								}
+							},
+							initial: "initial",
+							animate: L ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: j.duration }
+							},
+							onMouseEnter: (t) => {
+								z(e), W(t.clientY), H(t.clientX), d?.(e);
+							},
+							onMouseMove: (t) => {
+								z(e), W(t.clientY), H(t.clientX);
+							},
+							onMouseLeave: () => {
+								z(void 0), H(void 0), W(void 0), d?.(void 0);
+							},
+							onClick: () => {
+								(C || D) && ((0, Oe.default)(B, e) && E ? (V(void 0), C?.(void 0)) : (V(e), C?.(e)));
+							},
+							children: [/* @__PURE__ */ (0, y.jsx)(m.circle, {
+								cx: 0,
+								cy: 0,
+								exit: {
+									r: 0,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										r: 0,
+										fill: t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray,
+										stroke: t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray
+									},
+									whileInView: {
+										r: Y ? Y(e.radius || 0) : c,
+										fill: t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray,
+										stroke: t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray,
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: L ? "whileInView" : "initial",
+								style: { fillOpacity: .6 }
+							}), ee && !o(e.label) ? /* @__PURE__ */ (0, y.jsx)(m.text, {
+								style: { ...k?.graphObjectValues || {} },
+								className: we("graph-value text-sm", A?.graphObjectValues),
+								y: 0,
+								exit: {
+									opacity: 0,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Y ? Y(e.radius || 0) : c,
+										opacity: 0,
+										fill: O || (t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray)
+									},
+									whileInView: {
+										x: Y ? Y(e.radius || 0) : c,
+										opacity: 1,
+										fill: O || (t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray),
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: L ? "whileInView" : "initial",
+								dy: "0.33em",
+								dx: 3,
+								children: e.label
+							}) : b && !o(e.label) && Le ? b.indexOf(e.label) === -1 ? null : /* @__PURE__ */ (0, y.jsx)(m.text, {
+								style: { ...k?.graphObjectValues || {} },
+								className: we("graph-value text-sm", A?.graphObjectValues),
+								y: 0,
+								exit: {
+									opacity: 0,
+									transition: { duration: j.duration }
+								},
+								variants: {
+									initial: {
+										x: Y ? Y(e.radius || 0) : c,
+										opacity: 0,
+										fill: O || (t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray)
+									},
+									whileInView: {
+										x: Y ? Y(e.radius || 0) : c,
+										opacity: 1,
+										fill: O || (t.filter((e) => e.color).length === 0 ? a[0] : e.color ? s.indexOf(`${e.color}`) === -1 || s.indexOf(`${e.color}`) > a.length - 1 ? F : a[s.indexOf(`${e.color}`)] : i.gray),
+										transition: { duration: j.duration }
+									}
+								},
+								initial: "initial",
+								animate: L ? "whileInView" : "initial",
+								dy: "0.33em",
+								dx: 3,
+								children: e.label
+							}) : null]
+						}, `${e.label || n}`)),
+						p?.map((e) => /* @__PURE__ */ (0, y.jsx)(me, {
+							text: e.text,
+							color: e.color,
+							x: Z(e.value),
+							y1: 0,
+							y2: J,
+							textSide: Z(e.value) > q * .75 || w ? "left" : "right",
+							classNames: e.classNames,
+							styles: e.styles,
+							animate: j,
+							isInView: L
+						}, e.text)),
+						Te?.map((e) => /* @__PURE__ */ (0, y.jsx)(pe, {
+							text: e.text,
+							color: e.color,
+							y: Q(e.value),
+							x1: 0,
+							x2: q,
+							classNames: e.classNames,
+							styles: e.styles,
+							animate: j,
+							isInView: L
+						}, e.text)),
+						/* @__PURE__ */ (0, y.jsx)("g", { children: Ne.map((e) => {
+							let t = ve({
+								x: e.xCoordinate ? Z(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+								y: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+							}, {
+								x: e.xCoordinate ? Z(e.xCoordinate) : 0,
+								y: e.yCoordinate ? Q(e.yCoordinate) : 0
+							}, o(e.connectorRadius) ? 3.5 : e.connectorRadius), n = e.showConnector ? {
+								y1: t.y,
+								x1: t.x,
+								y2: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+								x2: e.xCoordinate ? Z(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+								cy: e.yCoordinate ? Q(e.yCoordinate) : 0,
+								cx: e.xCoordinate ? Z(e.xCoordinate) : 0,
+								circleRadius: o(e.connectorRadius) ? 3.5 : e.connectorRadius,
+								strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
+							} : void 0, r = {
+								y: e.yCoordinate ? Q(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+								x: w ? 0 : e.xCoordinate ? Z(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+								width: w ? e.xCoordinate ? Z(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : q + G.right - (e.xCoordinate ? Z(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+								maxWidth: e.maxWidth,
+								fontWeight: e.fontWeight,
+								align: e.align
+							};
+							return /* @__PURE__ */ (0, y.jsx)(_e, {
+								color: e.color,
+								connectorsSettings: n,
+								labelSettings: r,
+								text: e.text,
+								classNames: e.classNames,
+								styles: e.styles,
+								animate: j,
+								isInView: L
+							}, e.text);
+						}) }),
+						T ? /* @__PURE__ */ (0, y.jsx)(Se, {
+							x1: 0,
+							x2: q,
+							y1: We(0),
+							y2: We(q),
+							graphHeight: J,
+							graphWidth: q,
+							className: A?.regLine,
+							style: k?.regLine,
+							color: typeof T == "string" ? T : void 0,
+							animate: j,
+							isInView: L
+						}) : null
+					] }),
+					Re.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}),
+		R && ae && Ve && U ? /* @__PURE__ */ (0, y.jsx)(he, {
+			data: R,
+			body: ae,
+			xPos: Ve,
+			yPos: U,
+			backgroundStyle: k?.tooltip,
+			className: A?.tooltip
+		}) : null,
+		D && B !== void 0 ? /* @__PURE__ */ (0, y.jsx)(fe, {
+			body: D,
+			data: B,
+			setData: V,
+			className: A?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/ScatterPlot/index.tsx
+function Ae(e) {
+	let { data: t, graphTitle: u, colors: f, sources: oe, graphDescription: p, showLabels: m = !1, height: se, width: h, footNote: g, colorDomain: ce, fallbackColor: le = i.gray, colorLegendTitle: ue, radius: de = 5, xAxisTitle: fe = "X Axis", yAxisTitle: pe = "Y Axis", padding: me, backgroundColor: he = !1, leftMargin: ge = 0, rightMargin: _e = 10, topMargin: ve = 20, bottomMargin: ye = 50, tooltip: be, relativeHeight: xe, onSeriesMouseOver: Se, refXValues: Ce = [], refYValues: we = [], highlightAreaSettings: Oe = [], showColorScale: ke = !0, highlightedDataPoints: Ae, showHighlightedDataPointsLabels: je = !1, graphID: x, maxRadiusValue: Me, maxXValue: S, minXValue: C, maxYValue: w, minYValue: Ne, onSeriesMouseClick: Pe, graphDownload: T = !1, dataDownload: E = !1, language: D = "en", showNAColor: Fe = !0, minHeight: Ie = 0, annotations: O = [], customHighlightAreaSettings: k = [], theme: A = "light", regressionLine: j = !1, ariaLabel: M, resetSelectionOnDoubleClick: Le = !0, detailsOnClick: Re, noOfXTicks: ze = 5, noOfYTicks: Be = 5, labelColor: N, styles: P, classNames: F, animate: I = !1, dimmedOpacity: L = .3, customLayers: R = [], timeline: z = {
+		enabled: !1,
+		autoplay: !1,
+		showOnlyActiveDate: !0
+	}, showVoronoiTesselation: B = !1, useVoronoiInteraction: V = !0, xNumberDisplayOptions: Ve, yNumberDisplayOptions: H } = e, [U, W] = _(0), [G, K] = _(0), [q, J] = _(z.autoplay), Y = Ee(() => {
+		let e = [...new Set(t.filter((e) => e.date).map((e) => l(`${e.date}`, z.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()))];
+		return e.sort((e, t) => e - t), e;
+	}, [t, z.dateFormat]), [X, Z] = _(z.autoplay ? 0 : Y.length - 1), [Q, He] = _(void 0), $ = De(null), Ue = De(null);
+	Te(() => {
+		let e = new ResizeObserver((e) => {
+			W(e[0].target.clientWidth || 620), K(e[0].target.clientHeight || 480);
+		});
+		return $.current && e.observe($.current), () => e.disconnect();
+	}, []), Te(() => {
+		let e = setInterval(() => {
+			Z((e) => e < Y.length - 1 ? e + 1 : 0);
+		}, (z.speed || 2) * 1e3);
+		return q || clearInterval(e), () => clearInterval(e);
+	}, [
+		Y,
+		q,
+		z.speed
+	]);
+	let We = d(Y, X, z.showOnlyActiveDate, z.dateFormat || "yyyy");
+	return /* @__PURE__ */ (0, y.jsxs)(c, {
+		className: F?.graphContainer,
+		style: P?.graphContainer,
+		id: x,
+		ref: Ue,
+		"aria-label": M,
+		backgroundColor: he,
+		theme: A,
+		language: D,
+		minHeight: Ie,
+		width: h,
+		height: se,
+		relativeHeight: xe,
+		padding: me,
+		children: [
+			u || p || T || E ? /* @__PURE__ */ (0, y.jsx)(a, {
+				styles: {
+					title: P?.title,
+					description: P?.description
+				},
+				classNames: {
+					title: F?.title,
+					description: F?.description
+				},
+				graphTitle: u,
+				graphDescription: p,
+				width: h,
+				graphDownload: T ? Ue : void 0,
+				dataDownload: E ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+			}) : null,
+			z.enabled && Y.length > 0 && We ? /* @__PURE__ */ (0, y.jsxs)("div", {
+				className: "flex gap-6 items-center",
+				dir: "ltr",
+				children: [/* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					onClick: () => {
+						J(!q);
+					},
+					className: "p-0 border-0 cursor-pointer bg-transparent",
+					"aria-label": q ? "Click to pause animation" : "Click to play animation",
+					children: q ? /* @__PURE__ */ (0, y.jsx)(n, {}) : /* @__PURE__ */ (0, y.jsx)(r, {})
+				}), /* @__PURE__ */ (0, y.jsx)(v, {
+					min: Y[0],
+					max: Y[Y.length - 1],
+					marks: We,
+					step: null,
+					defaultValue: Y[Y.length - 1],
+					value: Y[X],
+					onChangeComplete: (e) => {
+						Z(Y.indexOf(e));
+					},
+					onChange: (e) => {
+						Z(Y.indexOf(e));
+					},
+					"aria-label": "Time slider. Use arrow keys to adjust selected time period."
+				})]
+			}) : null,
+			ke && t.filter((e) => e.color).length !== 0 && t.length > 0 ? /* @__PURE__ */ (0, y.jsx)(re, {
+				width: h,
+				colorLegendTitle: ue,
+				colors: f || i[A].categoricalColors.colors,
+				colorDomain: ce || s(t, "color", !0),
+				setSelectedColor: He,
+				showNAColor: Fe,
+				className: F?.colorLegend
+			}) : null,
+			/* @__PURE__ */ (0, y.jsxs)(te, {
+				ref: $,
+				children: [t.length === 0 && /* @__PURE__ */ (0, y.jsx)(ie, {}), U && G && t.length > 0 ? /* @__PURE__ */ (0, y.jsx)(b, {
+					data: ae(t, z.dateFormat || "yyyy").filter((e) => z.enabled ? `${e.date}` === ne(new Date(Y[X]), z.dateFormat || "yyyy") : e),
+					width: U,
+					height: G,
+					colorDomain: t.filter((e) => e.color).length === 0 ? [] : ce || s(t, "color", !0),
+					colors: t.filter((e) => e.color).length === 0 ? f ? typeof f == "string" ? [f] : [f[0]] : [i.primaryColors["blue-600"]] : typeof f == "string" ? [f] : f || i[A].categoricalColors.colors,
+					xAxisTitle: fe,
+					yAxisTitle: pe,
+					refXValues: Ce,
+					refYValues: we,
+					showLabels: m,
+					radius: de,
+					leftMargin: ge,
+					rightMargin: _e,
+					topMargin: ve,
+					bottomMargin: ye,
+					tooltip: be,
+					onSeriesMouseOver: Se,
+					highlightAreaSettings: Oe,
+					showVoronoiTesselation: B,
+					highlightedDataPoints: t.filter((e) => e.label).length === 0 ? [] : Ae,
+					showHighlightedDataPointsLabels: je,
+					selectedColor: Q,
+					maxRadiusValue: o(Me) ? Math.max(...t.map((e) => e.radius).filter((e) => e != null)) : Me,
+					maxXValue: o(S) ? Math.max(...t.map((e) => e.x).filter((e) => e != null)) > 0 ? Math.max(...t.map((e) => e.x).filter((e) => e != null)) : 0 : S,
+					minXValue: o(C) ? Math.min(...t.map((e) => e.x).filter((e) => e != null)) > 0 ? 0 : Math.min(...t.map((e) => e.x).filter((e) => e != null)) : C,
+					maxYValue: o(w) ? Math.max(...t.map((e) => e.y).filter((e) => e != null)) > 0 ? Math.max(...t.map((e) => e.y).filter((e) => e != null)) : 0 : w,
+					minYValue: o(Ne) ? Math.min(...t.map((e) => e.y).filter((e) => e != null)) > 0 ? 0 : Math.min(...t.map((e) => e.y).filter((e) => e != null)) : Ne,
+					onSeriesMouseClick: Pe,
+					rtl: D === "he" || D === "ar",
+					annotations: O,
+					customHighlightAreaSettings: k,
+					regressionLine: j,
+					resetSelectionOnDoubleClick: Le,
+					detailsOnClick: Re,
+					noOfXTicks: ze,
+					noOfYTicks: Be,
+					labelColor: N,
+					styles: P,
+					classNames: F,
+					animate: I === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : I || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					dimmedOpacity: L,
+					customLayers: R,
+					useVoronoiInteraction: V,
+					xNumberDisplayOptions: Ve,
+					yNumberDisplayOptions: H,
+					fallbackColor: le
+				}) : null]
+			}),
+			oe || g ? /* @__PURE__ */ (0, y.jsx)(ee, {
+				styles: {
+					footnote: P?.footnote,
+					source: P?.source
+				},
+				classNames: {
+					footnote: F?.footnote,
+					source: F?.source
+				},
+				sources: oe,
+				footNote: g,
+				width: h
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Ae as t };
+
+//# sourceMappingURL=ScatterPlot-DGv-CLx8.js.map