drizzle-cube 0.6.6 → 0.7.0

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

@@ -1,775 +0,0 @@
-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-DDqFVWoa.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-BHxPNsmc.js.map