@undp/data-viz 2.6.0 → 2.6.1

package/dist/StripChart-BG2FqiBD.js

@@ -0,0 +1,564 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as n } from "./Colors.js";
+import { GraphFooter as r } from "./GraphFooter.js";
+import { GraphHeader as i } from "./GraphHeader.js";
+import { t as a } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as o } from "./uniqBy-feeqYuys.js";
+import { n as s, t as c } from "./GraphContainer-DgEB1AVN.js";
+import { t as l } from "./lodash.orderby-Dn2sr3tw.js";
+import { ColorLegendWithMouseOver as ee } from "./ColorLegendWithMouseOver.js";
+import { t as te } from "./EmptyState-DBmT1Adf.js";
+import { t as ne } from "./linear-BkosG4OK.js";
+import { t as u } from "./fast-deep-equal--80N92KJ.js";
+import { t as d } from "./proxy-BiRrIImK.js";
+import { t as f } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as re } from "./use-in-view-CjlKdln1.js";
+import { t as p } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as ie } from "./DetailsModal-DxUowfkg.js";
+import { t as ae } from "./Tooltip-Y6uTGwkF.js";
+import { cn as m } from "@undp/design-system-react/cn";
+import { useEffect as h, useRef as oe, useState as g } from "react";
+//#region src/Utils/getTickPosition.ts
+var se = /* @__PURE__ */ e(l(), 1), ce = /* @__PURE__ */ e(u(), 1);
+function le(e, t) {
+	if (e < 2) return [];
+	let n = t / (e - 1);
+	return Array.from({ length: e }, (e, t) => t * n);
+}
+//#endregion
+//#region src/Components/Graphs/StripChart/Graph.tsx
+var _ = t();
+function v(e) {
+	let { data: t, width: r, height: i, colors: o, colorDomain: s, radius: c, leftMargin: l = 20, rightMargin: ee = 20, topMargin: te = 10, bottomMargin: u = 10, tooltip: h, onSeriesMouseOver: v, highlightedDataPoints: y, selectedColor: b, minValue: x, maxValue: S, onSeriesMouseClick: C, noOfTicks: w, prefix: T, suffix: E, stripType: D, highlightColor: O, dotOpacity: ue, resetSelectionOnDoubleClick: k, detailsOnClick: A, styles: j, classNames: M, valueColor: N, animate: P, dimmedOpacity: F, precision: I, customLayers: L, showDataMinMax: de, locale: R, padZeros: z } = e, B = oe(null), V = re(B, {
+		once: P.once,
+		amount: P.amount
+	}), [H, U] = g(void 0), [W, G] = g(void 0), [K, q] = g(void 0), [J, Y] = g(void 0), X = {
+		top: te,
+		bottom: u,
+		left: l,
+		right: ee
+	}, Z = r - X.left - X.right, Q = i - X.top - X.bottom, fe = (0, se.default)(t.map((e, t) => ({
+		...e,
+		id: `${t}`
+	})), [(e) => {
+		let t = (y || []).indexOf(e.label);
+		return t === -1 ? Infinity : t;
+	}], ["desc"]), pe = a(S) ? Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) < 0 ? 0 : Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) : S, me = a(x) ? Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) >= 0 ? 0 : Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) : x, $ = ne().domain([me, pe]).range([Q, 0]).nice(), he = le(w, Q);
+	return /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [
+		/* @__PURE__ */ (0, _.jsx)(d.svg, {
+			width: `${r}px`,
+			height: `${i}px`,
+			viewBox: `0 0 ${r} ${i}`,
+			direction: "ltr",
+			ref: B,
+			children: /* @__PURE__ */ (0, _.jsxs)("g", {
+				transform: `translate(${X.left},${X.top})`,
+				children: [
+					L.filter((e) => e.position === "before").map((e) => e.layer),
+					/* @__PURE__ */ (0, _.jsxs)(f, { children: [
+						fe.map((e) => /* @__PURE__ */ (0, _.jsxs)(d.g, {
+							className: "undp-viz-g-with-hover",
+							variants: {
+								initial: {
+									opacity: 0,
+									x: Z / 2,
+									y: $(0)
+								},
+								whileInView: {
+									x: Z / 2,
+									y: $(e.position),
+									opacity: b ? e.color && o[s.indexOf(e.color)] === b ? .95 : F : y ? y.indexOf(e.label) === -1 ? F : .95 : ue,
+									transition: { duration: P.duration }
+								}
+							},
+							initial: "initial",
+							animate: V ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: P.duration }
+							},
+							onMouseEnter: (t) => {
+								U(e), Y(t.clientY), q(t.clientX), v?.(e);
+							},
+							onClick: () => {
+								(C || A) && ((0, ce.default)(W, e) && k ? (G(void 0), C?.(void 0)) : (G(e), C?.(e)));
+							},
+							onMouseMove: (t) => {
+								U(e), Y(t.clientY), q(t.clientX);
+							},
+							onMouseLeave: () => {
+								U(void 0), q(void 0), Y(void 0), v?.(void 0);
+							},
+							children: [D === "dot" ? /* @__PURE__ */ (0, _.jsx)(d.circle, {
+								cy: 0,
+								cx: 0,
+								variants: {
+									initial: { fill: O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray },
+									whileInView: {
+										fill: O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray,
+										transition: { duration: P.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: P.duration }
+								},
+								r: c
+							}) : /* @__PURE__ */ (0, _.jsx)(d.rect, {
+								y: -1,
+								height: 2,
+								variants: {
+									initial: {
+										x: 0 - c,
+										width: c * 2,
+										fill: O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray
+									},
+									whileInView: {
+										x: 0 - c,
+										width: c * 2,
+										fill: O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray,
+										transition: { duration: P.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: P.duration }
+								}
+							}), y ? y.indexOf(e.label) === -1 ? null : /* @__PURE__ */ (0, _.jsx)(d.text, {
+								y: 0,
+								dy: "0.33em",
+								variants: {
+									initial: {
+										opacity: 0,
+										x: 0 + c + 3,
+										fill: N || (O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray)
+									},
+									whileInView: {
+										opacity: 1,
+										x: 0 + c + 3,
+										fill: N || (O && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : O : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray),
+										transition: { duration: P.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: P.duration }
+								},
+								style: {
+									textAnchor: "start",
+									...j?.graphObjectValues || {}
+								},
+								className: m("graph-value text-sm font-bold", M?.graphObjectValues),
+								children: p(e.position, void 0, I, T, E, R, z)
+							}) : null]
+						}, e.label)),
+						de ? [Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)), Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position))].map((e, t) => /* @__PURE__ */ (0, _.jsx)(d.g, {
+							variants: {
+								initial: {
+									opacity: 0,
+									x: Z / 2,
+									y: $(e)
+								},
+								whileInView: {
+									x: Z / 2,
+									y: $(e),
+									opacity: 1,
+									transition: { duration: P.duration }
+								}
+							},
+							initial: "initial",
+							animate: V ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: P.duration }
+							},
+							children: /* @__PURE__ */ (0, _.jsx)(d.text, {
+								y: 0,
+								dy: "0.33em",
+								variants: {
+									initial: {
+										opacity: 0,
+										x: 0 + c + 3
+									},
+									whileInView: {
+										opacity: 1,
+										x: 0 + c + 3,
+										transition: { duration: P.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: P.duration }
+								},
+								style: {
+									textAnchor: "start",
+									...j?.graphObjectValues || {}
+								},
+								className: m("graph-min-max-value text-sm text-primary-gray-550 dark:text-primary-gray-200", M?.graphObjectValues),
+								children: p(e, void 0, I, T, E, R, z)
+							})
+						}, t === 0 ? "min-value" : "max-value")) : null,
+						he.map((e, t) => /* @__PURE__ */ (0, _.jsx)("text", {
+							y: e,
+							x: Z / 2 + c + 5,
+							style: {
+								textAnchor: "start",
+								...j?.yAxis?.labels || {}
+							},
+							className: m("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", M?.yAxis?.labels),
+							children: p($.invert(e), void 0, I, T, E, R, z)
+						}, `tick-${t}`))
+					] }),
+					L.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}),
+		H && h && K && J ? /* @__PURE__ */ (0, _.jsx)(ae, {
+			data: H,
+			body: h,
+			xPos: K,
+			yPos: J,
+			backgroundStyle: j?.tooltip,
+			className: M?.tooltip
+		}) : null,
+		A && W !== void 0 ? /* @__PURE__ */ (0, _.jsx)(ie, {
+			body: A,
+			data: W,
+			setData: G,
+			className: M?.modal
+		}) : null
+	] });
+}
+function y(e) {
+	let { data: t, width: r, height: i, colors: o, colorDomain: s, radius: c, leftMargin: l = 5, rightMargin: ee = 5, topMargin: te = 10, bottomMargin: u = 10, tooltip: h, onSeriesMouseOver: v, highlightedDataPoints: y, selectedColor: b, minValue: x, maxValue: S, onSeriesMouseClick: C, prefix: w, suffix: T, stripType: E, highlightColor: D, dotOpacity: O, resetSelectionOnDoubleClick: ue, detailsOnClick: k, styles: A, classNames: j, valueColor: M, animate: N, noOfTicks: P, dimmedOpacity: F, precision: I, customLayers: L, showDataMinMax: de, locale: R, padZeros: z } = e, B = oe(null), V = re(B, {
+		once: N.once,
+		amount: N.amount
+	}), [H, U] = g(void 0), [W, G] = g(void 0), [K, q] = g(void 0), [J, Y] = g(void 0), X = {
+		top: te,
+		bottom: u,
+		left: l,
+		right: ee
+	}, Z = r - X.left - X.right, Q = i - X.top - X.bottom, fe = (0, se.default)(t.map((e, t) => ({
+		...e,
+		id: `${t}`
+	})), [(e) => {
+		let t = (y || []).indexOf(e.label);
+		return t === -1 ? Infinity : t;
+	}], ["desc"]), pe = a(S) ? Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) < 0 ? 0 : Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) : S, me = a(x) ? Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) >= 0 ? 0 : Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) : x, $ = ne().domain([me, pe]).range([0, Z]).nice(), he = le(P, Z);
+	return /* @__PURE__ */ (0, _.jsxs)(_.Fragment, { children: [
+		/* @__PURE__ */ (0, _.jsx)(d.svg, {
+			width: `${r}px`,
+			height: `${i}px`,
+			viewBox: `0 0 ${r} ${i}`,
+			direction: "ltr",
+			ref: B,
+			children: /* @__PURE__ */ (0, _.jsxs)("g", {
+				transform: `translate(${X.left},${X.top})`,
+				children: [
+					L.filter((e) => e.position === "before").map((e) => e.layer),
+					/* @__PURE__ */ (0, _.jsxs)(f, { children: [
+						fe.map((e) => /* @__PURE__ */ (0, _.jsxs)(d.g, {
+							className: "undp-viz-g-with-hover",
+							variants: {
+								initial: {
+									opacity: 0,
+									x: $(0),
+									y: Q / 2
+								},
+								whileInView: {
+									x: $(e.position),
+									y: Q / 2,
+									opacity: b ? e.color && o[s.indexOf(e.color)] === b ? .95 : F : y ? y.indexOf(e.label) === -1 ? F : .95 : O,
+									transition: { duration: N.duration }
+								}
+							},
+							initial: "initial",
+							animate: V ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: N.duration }
+							},
+							onMouseEnter: (t) => {
+								U(e), Y(t.clientY), q(t.clientX), v?.(e);
+							},
+							onClick: () => {
+								(C || k) && ((0, ce.default)(W, e) && ue ? (G(void 0), C?.(void 0)) : (G(e), C?.(e)));
+							},
+							onMouseMove: (t) => {
+								U(e), Y(t.clientY), q(t.clientX);
+							},
+							onMouseLeave: () => {
+								U(void 0), q(void 0), Y(void 0), v?.(void 0);
+							},
+							children: [E === "dot" ? /* @__PURE__ */ (0, _.jsx)(d.circle, {
+								cy: 0,
+								cx: 0,
+								variants: {
+									initial: { fill: D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray },
+									whileInView: {
+										fill: D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray,
+										transition: { duration: N.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: N.duration }
+								},
+								r: c
+							}) : /* @__PURE__ */ (0, _.jsx)(d.rect, {
+								x: -1,
+								width: 2,
+								variants: {
+									initial: {
+										y: 0 - c,
+										height: c * 2,
+										fill: D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray
+									},
+									whileInView: {
+										y: 0 - c,
+										height: c * 2,
+										fill: D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray,
+										transition: { duration: N.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: N.duration }
+								}
+							}), y ? y.indexOf(e.label) === -1 ? null : /* @__PURE__ */ (0, _.jsx)(d.text, {
+								x: 0,
+								variants: {
+									initial: {
+										opacity: 0,
+										y: 0 - c - 5,
+										fill: M || (D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray)
+									},
+									whileInView: {
+										opacity: 1,
+										y: 0 - c - 5,
+										fill: M || (D && y ? y.indexOf(e.label) === -1 ? t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray : D : t.filter((e) => e.color).length === 0 ? o[0] : e.color ? o[s.indexOf(e.color)] : n.gray),
+										transition: { duration: N.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: N.duration }
+								},
+								style: {
+									textAnchor: "middle",
+									...A?.graphObjectValues || {}
+								},
+								className: m("graph-value text-sm font-bold", j?.graphObjectValues),
+								children: p(e.position, void 0, I, w, T, R, z)
+							}) : null]
+						}, e.label)),
+						de ? [Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)), Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position))].map((e, t) => /* @__PURE__ */ (0, _.jsx)(d.g, {
+							variants: {
+								initial: {
+									opacity: 0,
+									x: $(e),
+									y: Q / 2
+								},
+								whileInView: {
+									x: $(e),
+									y: Q / 2,
+									opacity: 1,
+									transition: { duration: N.duration }
+								}
+							},
+							initial: "initial",
+							animate: V ? "whileInView" : "initial",
+							exit: {
+								opacity: 0,
+								transition: { duration: N.duration }
+							},
+							children: /* @__PURE__ */ (0, _.jsx)(d.text, {
+								x: 0,
+								variants: {
+									initial: {
+										opacity: 0,
+										y: 0 - c - 5
+									},
+									whileInView: {
+										opacity: 1,
+										y: 0 - c - 5,
+										transition: { duration: N.duration }
+									}
+								},
+								initial: "initial",
+								animate: V ? "whileInView" : "initial",
+								exit: {
+									opacity: 0,
+									transition: { duration: N.duration }
+								},
+								style: {
+									textAnchor: "middle",
+									...A?.graphObjectValues || {}
+								},
+								className: m("graph-min-max-value text-sm text-primary-gray-550 dark:text-primary-gray-200", j?.graphObjectValues),
+								children: p(e, void 0, I, w, T, R, z)
+							})
+						}, t === 0 ? "min-value" : "max-value")) : null,
+						he.map((e, t) => /* @__PURE__ */ (0, _.jsx)("text", {
+							x: e,
+							y: Q / 2 + c,
+							style: {
+								textAnchor: t === 0 ? "start" : t === he.length - 1 ? "end" : "middle",
+								...A?.xAxis?.labels || {}
+							},
+							className: m("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", j?.xAxis?.labels),
+							dy: "1em",
+							children: p($.invert(e), void 0, I, w, T, R, z)
+						}, `tick-${t}`))
+					] }),
+					L.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}),
+		H && h && K && J ? /* @__PURE__ */ (0, _.jsx)(ae, {
+			data: H,
+			body: h,
+			xPos: K,
+			yPos: J,
+			backgroundStyle: A?.tooltip,
+			className: j?.tooltip
+		}) : null,
+		k && W !== void 0 ? /* @__PURE__ */ (0, _.jsx)(ie, {
+			body: k,
+			data: W,
+			setData: G,
+			className: j?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/StripChart/index.tsx
+function b(e) {
+	let { data: t, graphTitle: a, colors: l, sources: ne, graphDescription: u, height: d, width: f, footNote: re, colorDomain: p, colorLegendTitle: ie, radius: ae = 5, padding: m, backgroundColor: se = !1, leftMargin: ce, rightMargin: le, topMargin: b, bottomMargin: x, tooltip: S, relativeHeight: C, onSeriesMouseOver: w, showColorScale: T = !0, highlightedDataPoints: E, graphID: D, minValue: O, maxValue: ue, onSeriesMouseClick: k, noOfTicks: A = 2, graphDownload: j = !1, dataDownload: M = !1, stripType: N = "dot", language: P = "en", highlightColor: F, dotOpacity: I = .3, showNAColor: L = !0, minHeight: de = 0, theme: R = "light", ariaLabel: z, valueColor: B, resetSelectionOnDoubleClick: V = !0, detailsOnClick: H, orientation: U = "vertical", styles: W, classNames: G, animate: K = !1, dimmedOpacity: q = .3, customLayers: J = [], showDataMinMax: Y = !1, numberDisplayOptions: X } = e, Z = U === "horizontal" ? y : v, [Q, fe] = g(0), [pe, me] = g(0), [$, he] = g(void 0), ge = oe(null), _e = oe(null);
+	return h(() => {
+		let e = new ResizeObserver((e) => {
+			fe(e[0].target.clientWidth || 620), me(e[0].target.clientHeight || 480);
+		});
+		return ge.current && e.observe(ge.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, _.jsxs)(s, {
+		className: G?.graphContainer,
+		style: W?.graphContainer,
+		id: D,
+		ref: _e,
+		"aria-label": z,
+		backgroundColor: se,
+		theme: R,
+		language: P,
+		minHeight: de,
+		width: f,
+		height: d,
+		relativeHeight: C,
+		padding: m,
+		children: [
+			a || u || j || M ? /* @__PURE__ */ (0, _.jsx)(i, {
+				styles: {
+					title: W?.title,
+					description: W?.description
+				},
+				classNames: {
+					title: G?.title,
+					description: G?.description
+				},
+				graphTitle: a,
+				graphDescription: u,
+				width: f,
+				graphDownload: j ? _e : void 0,
+				dataDownload: M ? 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,
+			T !== !1 && t.filter((e) => e.color).length !== 0 && t.length > 0 ? /* @__PURE__ */ (0, _.jsx)(ee, {
+				width: f,
+				colorLegendTitle: ie,
+				colors: l || n[R].categoricalColors.colors,
+				colorDomain: p || o(t, "color", !0),
+				setSelectedColor: he,
+				showNAColor: L,
+				className: G?.colorLegend
+			}) : null,
+			/* @__PURE__ */ (0, _.jsxs)(c, {
+				ref: ge,
+				children: [t.length === 0 && /* @__PURE__ */ (0, _.jsx)(te, {}), Q && pe && t.length > 0 ? /* @__PURE__ */ (0, _.jsx)(Z, {
+					data: t,
+					width: Q,
+					showDataMinMax: Y,
+					height: pe,
+					colorDomain: t.filter((e) => e.color).length === 0 ? [] : p || o(t, "color", !0),
+					colors: t.filter((e) => e.color).length === 0 ? l ? [l] : [n.primaryColors["blue-600"]] : l || n[R].categoricalColors.colors,
+					selectedColor: $,
+					radius: ae,
+					leftMargin: ce,
+					rightMargin: le,
+					topMargin: b,
+					bottomMargin: x,
+					tooltip: S,
+					onSeriesMouseOver: w,
+					highlightedDataPoints: E,
+					minValue: O,
+					maxValue: ue,
+					onSeriesMouseClick: k,
+					stripType: N,
+					highlightColor: F,
+					dotOpacity: I,
+					resetSelectionOnDoubleClick: V,
+					detailsOnClick: H,
+					styles: W,
+					classNames: G,
+					valueColor: B,
+					animate: K === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : K || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					noOfTicks: A,
+					dimmedOpacity: q,
+					customLayers: J,
+					locale: X?.locale || "en",
+					padZeros: X?.padZeros || !1,
+					suffix: X?.suffix || "",
+					prefix: X?.prefix || "",
+					precision: X?.precision ?? 2
+				}) : null]
+			}),
+			ne || re ? /* @__PURE__ */ (0, _.jsx)(r, {
+				styles: {
+					footnote: W?.footnote,
+					source: W?.source
+				},
+				classNames: {
+					footnote: G?.footnote,
+					source: G?.source
+				},
+				sources: ne,
+				footNote: re,
+				width: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=StripChart-BG2FqiBD.js.map