drizzle-cube 0.5.8 → 0.6.0

package/dist/client/chunks/chart-area-of01_62R.js

@@ -0,0 +1,775 @@
+import { n as e } from "./rolldown-runtime-CWhphoD1.js";
+import { D as t, E as n, M as r, P as i, S as a, T as o, l as s, s as c, w as l } from "./chart-activity-grid-DX0SJbxs.js";
+import u, { Fragment as d, startTransition as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Area as y, CartesianGrid as b, ComposedChart as x, Legend as S, Line as C, ResponsiveContainer as w, Tooltip as T, XAxis as ee, YAxis as E } from "recharts";
+//#region src/client/components/LoadingIndicator.tsx
+var D = {
+	xs: "dc:h-3 dc:w-3",
+	sm: "dc:h-6 dc:w-6",
+	md: "dc:h-8 dc:w-8",
+	lg: "dc:h-12 dc:w-12"
+};
+function O({ size: e = "md", className: t = "" }) {
+	return /* @__PURE__ */ _("div", {
+		className: `dc:animate-spin dc:rounded-full dc:border-b-2 ${D[e]} ${t}`,
+		style: { borderBottomColor: "var(--dc-primary)" },
+		role: "status",
+		"aria-label": "Loading"
+	});
+}
+//#endregion
+//#region src/client/utils/comparisonUtils.ts
+function k(e) {
+	return e.length > 0 && "__periodIndex" in e[0];
+}
+function A(e) {
+	if (!k(e)) return [];
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) n.__period && t.add(n.__period);
+	return Array.from(t);
+}
+function j(e) {
+	if (!k(e)) return [];
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) typeof n.__periodIndex == "number" && t.add(n.__periodIndex);
+	return Array.from(t).sort((e, t) => e - t);
+}
+function M(e, t) {
+	return t === 0 ? "Current" : "Prior";
+}
+function te(e, t, n) {
+	if (!k(e)) return {
+		data: e,
+		seriesKeys: t
+	};
+	let r = A(e), i = [];
+	for (let e of t) for (let t = 0; t < r.length; t++) {
+		let n = `${e} (${M(r[t], t)})`;
+		i.push(n);
+	}
+	return {
+		data: e,
+		seriesKeys: i
+	};
+}
+function ne(e, t, n) {
+	if (e.length === 0) return [];
+	let r = [
+		"__period",
+		"__periodIndex",
+		"__periodDayIndex"
+	], i = e[0], a = [];
+	for (let e of Object.keys(i)) !t.includes(e) && e !== n && !r.includes(e) && a.push(e);
+	return a;
+}
+function re(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let e of t) n.set(e, /* @__PURE__ */ new Set());
+	for (let r of e) for (let e of t) r[e] !== void 0 && r[e] !== null && n.get(e).add(r[e]);
+	return n;
+}
+function N(e, t, n, r) {
+	if (!k(e)) return {
+		data: e,
+		seriesKeys: t,
+		xAxisKey: n
+	};
+	let i = A(e), a = j(e), o = ne(e, t, n), s = o.length > 0, c = s ? re(e, o) : null;
+	return {
+		data: ae(e, t, n, {
+			dimensionFields: o,
+			hasDimensions: s,
+			periodLabels: i,
+			getFieldLabel: r
+		}),
+		seriesKeys: oe(t, i, a, {
+			dimensionFields: o,
+			uniqueDimensionValues: c,
+			getFieldLabel: r
+		}),
+		xAxisKey: "__periodDayIndex"
+	};
+}
+function ie(e, t, n) {
+	return t.length === 0 ? "" : t.map((t) => {
+		let r = e[t];
+		return n ? n(String(r)) : String(r);
+	}).join(" / ");
+}
+function ae(e, t, n, r) {
+	let { dimensionFields: i, hasDimensions: a, periodLabels: o, getFieldLabel: s } = r, c = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = r.__periodDayIndex, l = r.__periodIndex;
+		c.has(e) || c.set(e, {
+			__periodDayIndex: e,
+			__displayDate: l === 0 ? r[n] : void 0
+		});
+		let u = c.get(e);
+		!u.__displayDate && r[n] && (u.__displayDate = r[n]);
+		let d = a ? ie(r, i, s) : "", f = M(o[l] || "", l);
+		for (let e of t) {
+			let t = s ? s(e) : e, n = d ? `${d} - ${t} (${f})` : `${t} (${f})`;
+			u[n] = r[e];
+		}
+	}
+	return Array.from(c.values()).sort((e, t) => e.__periodDayIndex - t.__periodDayIndex);
+}
+function oe(e, t, n, r) {
+	let { dimensionFields: i, uniqueDimensionValues: a, getFieldLabel: o } = r, s = [], c = a ? se(i, a, o) : [""];
+	for (let r of c) for (let i of e) {
+		let e = o ? o(i) : i;
+		for (let i = 0; i < n.length; i++) {
+			let n = M(t[i] || "", i);
+			s.push(r ? `${r} - ${e} (${n})` : `${e} (${n})`);
+		}
+	}
+	return s;
+}
+function se(e, t, n) {
+	if (e.length === 0) return [];
+	if (e.length === 1) return Array.from(t.get(e[0]) || []).map((e) => n ? n(String(e)) : String(e));
+	let r = [], i = e.map((e) => Array.from(t.get(e) || []));
+	function a(e, t) {
+		if (e === i.length) {
+			let e = t.map((e) => n ? n(String(e)) : String(e));
+			r.push(e.join(" / "));
+			return;
+		}
+		for (let n of i[e]) a(e + 1, [...t, n]);
+	}
+	return a(0, []), r;
+}
+function ce(e, t, n) {
+	if (n?.showDayNumber) return `Day ${e + 1}`;
+	if (t) {
+		let e = typeof t == "string" ? new Date(t) : t;
+		if (!isNaN(e.getTime())) return e.toLocaleDateString("en-US", {
+			month: n?.dateFormat === "long" ? "long" : "short",
+			day: "numeric"
+		});
+	}
+	return `${e + 1}`;
+}
+function P(e, t) {
+	if (t.length < 2) return !1;
+	for (let n = 1; n < t.length; n++) {
+		let r = M(t[n], n);
+		if (e.includes(`(${r})`)) return !0;
+	}
+	return e.includes("(Prior");
+}
+function F(e = "dashed") {
+	switch (e) {
+		case "solid": return;
+		case "dashed": return "5 5";
+		case "dotted": return "2 2";
+		default: return "5 5";
+	}
+}
+//#endregion
+//#region src/client/components/charts/ChartContainer.tsx
+function I({ children: e, height: t = "100%" }) {
+	let { t: n } = i(), r = h(null), [a, o] = g(!1), [s, c] = g({
+		width: 0,
+		height: 0
+	}), l = h({
+		width: 0,
+		height: 0
+	}), u = h(!1), d = h(null), m = h(null);
+	p(() => {
+		let e = !0, t = null, n = () => {
+			if (m.current = null, !e) return;
+			let t = d.current;
+			if (d.current = null, !t) return;
+			let n = Math.round(t.width), r = Math.round(t.height);
+			if (n <= 0 || r <= 0) return;
+			let i = l.current.width !== n || l.current.height !== r, a = !u.current;
+			!i && !a || (l.current = {
+				width: n,
+				height: r
+			}, u.current = !0, f(() => {
+				i && c({
+					width: n,
+					height: r
+				}), a && o(!0);
+			}));
+		}, i = (e, t) => {
+			d.current = {
+				width: e,
+				height: t
+			}, m.current === null && (m.current = requestAnimationFrame(n));
+		};
+		return t = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { width: e, height: n } = t.contentRect;
+				e > 0 && n > 0 && i(e, n);
+			}
+		}), r.current && (t.observe(r.current), (() => {
+			if (!e || !r.current) return;
+			let t = r.current.getBoundingClientRect(), n = Math.max(r.current.clientWidth, t.width), a = Math.max(r.current.clientHeight, t.height);
+			n > 0 && a > 0 && i(n, a);
+		})()), () => {
+			e = !1, m.current !== null && (cancelAnimationFrame(m.current), m.current = null), t?.disconnect();
+		};
+	}, []);
+	try {
+		return t === "100%" ? /* @__PURE__ */ _("div", {
+			ref: r,
+			className: "dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative",
+			style: {
+				minHeight: "250px",
+				minWidth: "100px",
+				overflow: "hidden",
+				userSelect: "none"
+			},
+			children: a && s.width > 0 && s.height > 0 ? /* @__PURE__ */ _(w, {
+				width: s.width,
+				height: s.height - 16,
+				debounce: 100,
+				style: { marginTop: "16px" },
+				children: e
+			}) : /* @__PURE__ */ _("div", {
+				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
+				children: /* @__PURE__ */ _(O, { size: "sm" })
+			})
+		}) : /* @__PURE__ */ _("div", {
+			ref: r,
+			className: "dc:w-full dc:flex dc:flex-col dc:relative",
+			style: {
+				height: typeof t == "number" ? `${t}px` : t,
+				width: "100%",
+				minHeight: "200px",
+				minWidth: "100px",
+				userSelect: "none",
+				overflow: "hidden"
+			},
+			children: a && s.width > 0 && s.height > 0 ? /* @__PURE__ */ _(w, {
+				width: s.width,
+				height: s.height - 16,
+				debounce: 100,
+				style: { marginTop: "16px" },
+				children: e
+			}) : /* @__PURE__ */ _("div", {
+				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
+				children: /* @__PURE__ */ _(O, { size: "sm" })
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ v("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg",
+			style: {
+				height: t,
+				borderColor: "var(--dc-border)",
+				backgroundColor: "var(--dc-surface)"
+			},
+			children: [/* @__PURE__ */ _("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted",
+				children: n("chart.runtime.unableToDisplay")
+			}), /* @__PURE__ */ _("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: e instanceof Error ? e.message : "Failed to create responsive container"
+			})]
+		});
+	}
+}
+//#endregion
+//#region src/client/components/charts/ChartTooltip.tsx
+var le = (e, t) => e == null ? ["No data", t] : [o(e), t];
+function L({ formatter: e, labelFormatter: t }) {
+	return /* @__PURE__ */ _(T, {
+		formatter: e || le,
+		labelFormatter: t,
+		contentStyle: {
+			backgroundColor: "white",
+			border: "1px solid #e5e7eb",
+			borderRadius: "0.5rem",
+			fontSize: "0.875rem",
+			color: "#1f2937",
+			boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+			padding: "8px 12px"
+		}
+	});
+}
+//#endregion
+//#region src/client/components/charts/AngledXAxisTick.tsx
+var R = ({ x: e = 0, y: t = 0, payload: n, tickFormatter: r, index: i = 0 }) => {
+	if (!n) return null;
+	let a = r ? r(n.value, i) : String(n.value);
+	return /* @__PURE__ */ _("g", {
+		transform: `translate(${e},${t})`,
+		children: /* @__PURE__ */ _("text", {
+			x: 0,
+			y: 0,
+			dy: 16,
+			textAnchor: "end",
+			fill: "currentColor",
+			fontSize: 12,
+			transform: "rotate(-45)",
+			children: a
+		})
+	});
+};
+//#endregion
+//#region src/client/components/charts/ChartStates.tsx
+function z({ height: e, hint: t, titleKey: n = "chart.runtime.noData" }) {
+	let { t: r } = i();
+	return /* @__PURE__ */ _("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+		style: { height: e },
+		children: /* @__PURE__ */ v("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ _("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: r(n)
+			}), t != null && /* @__PURE__ */ _("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: t
+			})]
+		})
+	});
+}
+function B({ height: e, hint: t }) {
+	let { t: n } = i();
+	return /* @__PURE__ */ _("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+		style: { height: e },
+		children: /* @__PURE__ */ v("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ _("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: n("chart.runtime.configError")
+			}), t != null && /* @__PURE__ */ _("div", {
+				className: "dc:text-xs",
+				children: t
+			})]
+		})
+	});
+}
+function V({ height: e, chartType: t, error: n }) {
+	let { t: r } = i();
+	return /* @__PURE__ */ _("div", {
+		className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+		style: { height: e },
+		children: /* @__PURE__ */ v("div", {
+			className: "dc:text-center",
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: r("chart.runtime.chartError", { chartType: t })
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "dc:text-xs dc:mb-2",
+					children: n instanceof Error ? n.message : r("chart.runtime.unknownError")
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "dc:text-xs text-dc-text-muted",
+					children: r("chart.runtime.checkConfig")
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/client/components/charts/chartAxisResolution.ts
+function H(e) {
+	let t, n = [], r = [], i = null;
+	return e?.xAxis && e?.yAxis ? (t = Array.isArray(e.xAxis) ? e.xAxis[0] : e.xAxis, n = Array.isArray(e.yAxis) ? e.yAxis : [e.yAxis], r = e.series || []) : e?.x && e?.y ? (t = e.x, n = Array.isArray(e.y) ? e.y : [e.y]) : i = "axisInvalid", !i && (!t || n.length === 0) && (i = "axisFields"), {
+		xAxisField: t,
+		yAxisFields: n,
+		seriesFields: r,
+		errorCode: i
+	};
+}
+//#endregion
+//#region src/client/utils/targetUtils.ts
+function U(e) {
+	if (!e || typeof e != "string") return [];
+	let t = e.trim();
+	if (!t) return [];
+	try {
+		let e = t.split(",").map((e) => e.trim()).filter((e) => e !== "").map((e) => {
+			let t = parseFloat(e);
+			if (isNaN(t)) throw Error(`Invalid numeric value: ${e}`);
+			return t;
+		});
+		return e.length > 0 ? e : [];
+	} catch (e) {
+		return console.warn("Failed to parse target values:", e), [];
+	}
+}
+function ue(e, t) {
+	if (e.length === 0 || t <= 0) return [];
+	if (e.length === 1) return Array(t).fill(e[0]);
+	let n = [], r = Math.floor(t / e.length), i = t % e.length, a = 0;
+	for (let t = 0; t < e.length; t++) {
+		let o = r + +(t < i);
+		for (let r = 0; r < o; r++) n[a++] = e[t];
+	}
+	return n;
+}
+function de(e, t) {
+	return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
+}
+function fe(e, t = 1) {
+	return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
+}
+//#endregion
+//#region src/client/components/charts/chartScaffolding.tsx
+function W(e, t) {
+	return {
+		hasRightAxis: e.some((e) => t[e] === "right"),
+		leftAxisFields: e.filter((e) => (t[e] || "left") === "left"),
+		rightAxisFields: e.filter((e) => t[e] === "right")
+	};
+}
+function G(e) {
+	return {
+		...s,
+		left: 40,
+		right: e ? 40 : 20
+	};
+}
+function K(e, t) {
+	let n = ue(U(t || ""), e.length);
+	return {
+		spreadTargets: n,
+		enhancedChartData: n.length > 0 ? e.map((e, t) => ({
+			...e,
+			__target: n[t] || null
+		})) : e
+	};
+}
+function q({ hasRightAxis: e, leftAxisFields: t, rightAxisFields: n }, r, i, a, o = !1) {
+	return /* @__PURE__ */ v(d, { children: [/* @__PURE__ */ _(E, {
+		yAxisId: "left",
+		orientation: "left",
+		tick: { fontSize: 12 },
+		tickFormatter: o ? (e) => `${(e * 100).toFixed(0)}%` : i ? (e) => l(e, i) : void 0,
+		domain: o ? [0, 1] : void 0,
+		label: o ? void 0 : t.length > 0 ? {
+			value: i?.label || r(t[0]),
+			angle: -90,
+			position: "left",
+			style: {
+				textAnchor: "middle",
+				fontSize: "12px"
+			}
+		} : void 0
+	}), e && /* @__PURE__ */ _(E, {
+		yAxisId: "right",
+		orientation: "right",
+		tick: { fontSize: 12 },
+		tickFormatter: a ? (e) => l(e, a) : void 0,
+		label: n.length > 0 ? {
+			value: a?.label || r(n[0]),
+			angle: 90,
+			position: "right",
+			style: {
+				textAnchor: "middle",
+				fontSize: "12px"
+			}
+		} : void 0
+	})] });
+}
+function J(e) {
+	return e.length === 0 ? null : /* @__PURE__ */ v(d, { children: [/* @__PURE__ */ _(C, {
+		type: "monotone",
+		dataKey: "__target",
+		yAxisId: "left",
+		stroke: "#ffffff",
+		strokeWidth: 2,
+		dot: !1,
+		activeDot: !1,
+		connectNulls: !1
+	}), /* @__PURE__ */ _(C, {
+		type: "monotone",
+		dataKey: "__target",
+		yAxisId: "left",
+		name: "Target",
+		stroke: "#8B5CF6",
+		strokeWidth: 2,
+		strokeDasharray: "2 3",
+		dot: !1,
+		activeDot: !1,
+		connectNulls: !1
+	})] });
+}
+function Y({ leftYAxisFormat: e, rightYAxisFormat: t, yAxisAssignment: n, resolveField: r, isPercentStack: i = !1 }) {
+	return (a, o) => {
+		if (a == null) return ["No data", o];
+		if (o === "Target") return [l(a, e), "Target Value"];
+		if (i && typeof a == "number") return [`${(a * 100).toFixed(1)}%`, o];
+		let s = r(o);
+		return [l(a, (s && n[s] === "right" ? "right" : "left") == "right" ? t : e), o];
+	};
+}
+function X({ show: e, iconType: t, paddingTop: n, onHover: r, onLeave: i }) {
+	return e ? /* @__PURE__ */ _(S, {
+		wrapperStyle: {
+			fontSize: "12px",
+			paddingTop: `${n}px`
+		},
+		iconType: t,
+		iconSize: 8,
+		layout: "horizontal",
+		align: "center",
+		verticalAlign: "bottom",
+		onMouseEnter: (e) => r(String(e.dataKey || "")),
+		onMouseLeave: i
+	}) : null;
+}
+//#endregion
+//#region src/client/components/charts/cartesianChartHelpers.tsx
+function Z({ props: e, color: t, drillEnabled: n, originalField: r, seriesKey: i, onDataPointClick: a, renderPlain: o }) {
+	let { cx: s, cy: c, payload: l, key: u } = e;
+	if (s === void 0 || c === void 0) return null;
+	let d = (e) => {
+		e.stopPropagation(), e.preventDefault(), a && a({
+			dataPoint: l,
+			clickedField: r || i,
+			xValue: l.name,
+			position: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			nativeEvent: e
+		});
+	};
+	return n && a ? /* @__PURE__ */ v("g", { children: [/* @__PURE__ */ _("circle", {
+		cx: s,
+		cy: c,
+		r: 6,
+		fill: "var(--dc-surface)",
+		style: { pointerEvents: "none" }
+	}), /* @__PURE__ */ _("circle", {
+		cx: s,
+		cy: c,
+		r: 4,
+		fill: "var(--dc-surface)",
+		stroke: t,
+		strokeWidth: 2,
+		cursor: "pointer",
+		onClick: (e) => {
+			d(e);
+		}
+	})] }, u) : o ? /* @__PURE__ */ _("circle", {
+		cx: s,
+		cy: c,
+		r: 3,
+		fill: t
+	}, u) : null;
+}
+function Q(e, r, i, a) {
+	return e ? n(e, t(r, i)) : `Period ${a + 1}`;
+}
+function pe(e, t, n, r) {
+	if (e) return (e, i) => {
+		let a = t[i];
+		return Q(a?.__displayDate, n, r, Number(e));
+	};
+}
+function me(e, t, n) {
+	if (e) return (e, r) => Q((r && r.length > 0 ? r[0]?.payload : void 0)?.__displayDate, t, n, Number(e));
+}
+function he(e, t) {
+	let n = e?.stackType ?? (e?.stacked ? "normal" : "none"), r = n !== "none" && !t, i = n === "percent" && !t;
+	return {
+		effectiveShouldStack: r,
+		effectiveIsPercentStack: i,
+		stackOffset: i ? "expand" : void 0
+	};
+}
+function $(e, t) {
+	let n = {};
+	return e.forEach((e) => {
+		n[t(e)] = e;
+	}), n;
+}
+function ge(e) {
+	return (t) => {
+		if (e[t]) return e[t];
+		if (t.length > 1e3) return;
+		let n = t.replace(/\s*\((Current|Prior)\)$/, "").split(" - ");
+		return e[n[n.length - 1]];
+	};
+}
+function _e(e, t) {
+	let n = e?.colors;
+	return n && n[t % n.length] || c[t % c.length];
+}
+function ve(e, t, n) {
+	let { colorPalette: r, resolveField: i, yAxisAssignment: a, hoveredLegend: o, connectNulls: s, drillEnabled: c, onDataPointClick: l, hasComparisonData: u, periodLabels: d = [], priorPeriodStyle: f = "dashed", priorPeriodOpacity: p = .5 } = n, m = i(e), h = m && a[m] === "right" ? "right" : "left", g = !!u && P(e, d), v = g ? F(f) : void 0, y = g ? p : 1, b = _e(r, t), x = y;
+	return o && (x = o === e ? 1 : .3), /* @__PURE__ */ _(C, {
+		type: "monotone",
+		dataKey: e,
+		yAxisId: h,
+		stroke: b,
+		strokeWidth: g ? 1.5 : 2,
+		strokeDasharray: v,
+		dot: g ? !1 : (t) => Z({
+			props: t,
+			color: b,
+			drillEnabled: c,
+			originalField: m,
+			seriesKey: e,
+			onDataPointClick: l,
+			renderPlain: !0
+		}),
+		activeDot: !1,
+		strokeOpacity: x,
+		connectNulls: s
+	}, e);
+}
+function ye(e) {
+	return e.seriesKeys.map((t, n) => ve(t, n, e));
+}
+function be(e, t, n) {
+	let { colorPalette: r, seriesKeyToField: i, yAxisAssignment: a, hoveredLegend: o, connectNulls: s, shouldStack: c, drillEnabled: l, onDataPointClick: u } = n, d = i[e], f = d && a[d] === "right" ? "right" : "left", p = _e(r, t), m = .3, h = 1;
+	if (o) {
+		let t = o === e;
+		m = t ? .6 : .1, h = t ? 1 : .3;
+	}
+	return /* @__PURE__ */ _(y, {
+		type: "monotone",
+		dataKey: e,
+		yAxisId: f,
+		stackId: c ? "stack" : void 0,
+		stroke: p,
+		fill: p,
+		fillOpacity: m,
+		strokeWidth: 2,
+		strokeOpacity: h,
+		connectNulls: s,
+		dot: (t) => Z({
+			props: t,
+			color: p,
+			drillEnabled: l,
+			originalField: d,
+			seriesKey: e,
+			onDataPointClick: u,
+			renderPlain: !1
+		}),
+		activeDot: !1
+	}, e);
+}
+function xe(e) {
+	return e.seriesKeys.map((t, n) => be(t, n, e));
+}
+function Se(e) {
+	let { data: t, xAxisField: n, yAxisFields: i, seriesFields: a, queryObject: o, getFieldLabel: s } = e, c = k(t);
+	if (c) {
+		let e = N(t, i, n, s);
+		return {
+			chartData: e.data,
+			seriesKeys: e.seriesKeys,
+			effectiveXAxisKey: "__periodDayIndex",
+			hasComparisonData: c,
+			periodLabels: A(t)
+		};
+	}
+	let l = r(t, n, i, o, a, s);
+	return {
+		chartData: l.data,
+		seriesKeys: l.seriesKeys,
+		effectiveXAxisKey: "name",
+		hasComparisonData: c,
+		periodLabels: []
+	};
+}
+//#endregion
+//#region src/client/components/charts/AreaChart.tsx
+var Ce = /* @__PURE__ */ e({ default: () => we }), we = u.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: o, height: s = "100%", colorPalette: c, onDataPointClick: l, drillEnabled: u }) {
+	let { t: d } = i(), [f, p] = g(null), h = a(), { xAxisField: y, yAxisFields: S, seriesFields: C, errorCode: w } = m(() => H(t), [t]), T = m(() => t?.yAxisAssignment || {}, [t?.yAxisAssignment]), { data: E, seriesKeys: D } = m(() => w || !e || e.length === 0 || !y ? {
+		data: [],
+		seriesKeys: []
+	} : r(e, y, S, o, C, h), [
+		e,
+		y,
+		S,
+		o,
+		C,
+		h,
+		w
+	]);
+	try {
+		let t = {
+			showLegend: n?.showLegend ?? !0,
+			showGrid: n?.showGrid ?? !0,
+			showTooltip: n?.showTooltip ?? !0,
+			connectNulls: n?.connectNulls ?? !1
+		}, r = n?.showAllXLabels ?? !0, i = n?.leftYAxisFormat, a = n?.rightYAxisFormat;
+		if (!e || e.length === 0) return /* @__PURE__ */ _(z, {
+			height: s,
+			hint: d("chart.runtime.noDataHint.area")
+		});
+		if (w) return /* @__PURE__ */ _(B, {
+			height: s,
+			hint: d(`chart.runtime.configErrorHint.${w}`)
+		});
+		let o = $(S, h), m = W(S, T), { hasRightAxis: g } = m, { effectiveShouldStack: y, effectiveIsPercentStack: C, stackOffset: O } = he(n, g), k = t.showLegend, A = G(g), { spreadTargets: j, enhancedChartData: M } = K(E, n?.target);
+		return !E || E.length === 0 ? /* @__PURE__ */ _(z, {
+			height: s,
+			titleKey: "chart.runtime.noValidData",
+			hint: "No valid data points for area chart after transformation"
+		}) : /* @__PURE__ */ _(I, {
+			height: s,
+			children: /* @__PURE__ */ v(x, {
+				data: M,
+				margin: A,
+				stackOffset: O,
+				accessibilityLayer: !1,
+				children: [
+					t.showGrid && /* @__PURE__ */ _(b, {
+						strokeDasharray: "3 3",
+						style: { pointerEvents: "none" }
+					}),
+					/* @__PURE__ */ _(ee, {
+						dataKey: "name",
+						type: "category",
+						tick: /* @__PURE__ */ _(R, {}),
+						height: 60,
+						interval: r ? 0 : void 0
+					}),
+					q(m, h, i, a, C),
+					t.showTooltip && /* @__PURE__ */ _(L, { formatter: Y({
+						leftYAxisFormat: i,
+						rightYAxisFormat: a,
+						yAxisAssignment: T,
+						resolveField: (e) => o[e],
+						isPercentStack: C
+					}) }),
+					X({
+						show: k,
+						iconType: "rect",
+						paddingTop: 10,
+						onHover: p,
+						onLeave: () => p(null)
+					}),
+					xe({
+						seriesKeys: D,
+						colorPalette: c,
+						seriesKeyToField: o,
+						yAxisAssignment: T,
+						hoveredLegend: f,
+						connectNulls: t.connectNulls,
+						shouldStack: y,
+						drillEnabled: u,
+						onDataPointClick: l
+					}),
+					J(j)
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ _(V, {
+			height: s,
+			chartType: "Area Chart",
+			error: e
+		});
+	}
+});
+//#endregion
+export { F as A, R as C, M as D, ce as E, O as F, P as M, N, j as O, te as P, V as S, I as T, fe as _, me as a, B as b, ye as c, Y as d, J as f, de as g, K as h, Se as i, k as j, A as k, W as l, X as m, Ce as n, pe as o, q as p, $ as r, ge as s, we as t, G as u, U as v, L as w, z as x, H as y };
+
+//# sourceMappingURL=chart-area-of01_62R.js.map