drizzle-cube 0.4.53 → 0.5.1

package/dist/client/chunks/{chart-funnel-poyOf7-e.js → chart-funnel-C7pgktN5.js}

@@ -1,17 +1,17 @@
 import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { n as t } from "./chart-activity-grid-DLktOINm.js";
-import n, { useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Cell as o, Funnel as s, FunnelChart as c, LabelList as l, ResponsiveContainer as u, Tooltip as d } from "recharts";
+import { k as t, n } from "./chart-activity-grid-CWT0gLv4.js";
+import r, { useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Cell as s, Funnel as c, FunnelChart as l, LabelList as u, ResponsiveContainer as d, Tooltip as f } from "recharts";
 //#region src/client/utils/funnelExecution.ts
-function f(e, t) {
+function p(e, t) {
 	if (typeof e.dimension == "string") return e.dimension;
-	let n = e.dimension, r = p(t);
+	let n = e.dimension, r = m(t);
 	if (!r) return n[0]?.dimension || "";
 	let i = n.find((e) => e.cube === r);
 	return i ? i.dimension : n[0]?.dimension || "";
 }
-function p(e) {
+function m(e) {
 	if (e.measures && e.measures.length > 0) {
 		let t = e.measures[0].split(".");
 		if (t.length >= 2) return t[0];
@@ -26,7 +26,7 @@ function p(e) {
 	}
 	return null;
 }
-function m(e, t, n, r) {
+function h(e, t, n, r) {
 	let i = e.map((e, t) => ({
 		id: `step-${t}`,
 		name: n?.[t] || `Step ${t + 1}`,
@@ -41,15 +41,15 @@ function m(e, t, n, r) {
 		countUnique: !0
 	};
 }
-function h(e) {
+function g(e) {
 	return e.length > 0 && typeof e[0] == "object" && e[0] !== null && "__stepIndex" in e[0];
 }
-function g(e, t, n, r, i = !0) {
+function _(e, t, n, r, i = !0) {
 	return { funnel: {
 		bindingKey: t.dimension,
-		timeDimension: _(e, t),
+		timeDimension: v(e, t),
 		steps: e.map((e, t) => {
-			let i = { name: n?.[t] || `Step ${t + 1}` }, a = v(e);
+			let i = { name: n?.[t] || `Step ${t + 1}` }, a = y(e);
 			a && (i.filter = a);
 			let o = r?.[t];
 			return o && (i.timeToConvert = o), i;
@@ -57,16 +57,16 @@ function g(e, t, n, r, i = !0) {
 		includeTimeMetrics: i
 	} };
 }
-function _(e, t) {
+function v(e, t) {
 	if (!Array.isArray(t.dimension)) {
 		for (let t of e) if (t.timeDimensions?.length) return t.timeDimensions[0].dimension;
-		let t = p(e[0]);
+		let t = m(e[0]);
 		if (t) return `${t}.createdAt`;
 		throw Error("Funnel requires at least one time dimension in step queries");
 	}
 	let n = [], r = t.dimension;
 	for (let t of r) {
-		let r = e.find((e) => p(e) === t.cube);
+		let r = e.find((e) => m(e) === t.cube);
 		n.push(r?.timeDimensions?.length ? {
 			cube: t.cube,
 			dimension: r.timeDimensions[0].dimension
@@ -77,12 +77,12 @@ function _(e, t) {
 	}
 	return n;
 }
-function v(e) {
+function y(e) {
 	if (!e.filters?.length) return;
 	let t = e.filters.filter((e) => "member" in e);
 	if (t.length !== 0) return t.length === 1 ? t[0] : t;
 }
-function y(e, t) {
+function b(e, t) {
 	return e?.length ? e.map((e, n) => ({
 		name: t?.[n] || e.step,
 		value: e.count,
@@ -94,7 +94,7 @@ function y(e, t) {
 		p90SecondsToConvert: e.p90SecondsToConvert
 	})) : [];
 }
-function b(e) {
+function x(e) {
 	if (e == null) return "-";
 	if (e < 60) return `${Math.round(e)}s`;
 	if (e < 3600) {
@@ -110,28 +110,28 @@ function b(e) {
 }
 //#endregion
 //#region src/client/components/charts/FunnelChart.tsx
-var x = /* @__PURE__ */ e({ default: () => E }), S = [
+var S = /* @__PURE__ */ e({ default: () => D }), C = [
 	"#3B82F6",
 	"#60A5FA",
 	"#93C5FD",
 	"#BFDBFE",
 	"#DBEAFE"
 ];
-function C(e, t) {
-	let n = t || S;
+function w(e, t) {
+	let n = t || C;
 	return n[e % n.length];
 }
-function w(e) {
+function T(e) {
 	if (!e || e.length === 0) return !1;
 	let t = e[0];
 	return typeof t == "object" && !!t && "name" in t && "value" in t && "percentage" in t;
 }
-function T(e, t, n, r) {
+function E(e, t, n, r) {
 	let i = [];
-	return t && e.avgSecondsToConvert != null && i.push(`Avg: ${b(e.avgSecondsToConvert)}`), n && e.medianSecondsToConvert != null && i.push(`Med: ${b(e.medianSecondsToConvert)}`), r && e.p90SecondsToConvert != null && i.push(`P90: ${b(e.p90SecondsToConvert)}`), i;
+	return t && e.avgSecondsToConvert != null && i.push(`Avg: ${x(e.avgSecondsToConvert)}`), n && e.medianSecondsToConvert != null && i.push(`Med: ${x(e.medianSecondsToConvert)}`), r && e.p90SecondsToConvert != null && i.push(`P90: ${x(e.p90SecondsToConvert)}`), i;
 }
-var E = n.memo(function({ data: e, height: n = "100%", colorPalette: f, displayConfig: p }) {
-	let m = p?.funnelStepLabels, h = (p?.funnelOrientation || "horizontal") === "vertical", g = p?.funnelStyle ?? "bars", _ = p?.showFunnelConversion ?? !0, v = p?.showFunnelAvgTime ?? p?.showFunnelTimeMetrics ?? !1, y = p?.showFunnelMedianTime ?? !1, b = p?.showFunnelP90Time ?? !1, x = r(() => !e || e.length === 0 ? [] : w(e) ? e : e.map((e, t) => {
+var D = r.memo(function({ data: e, height: r = "100%", colorPalette: p, displayConfig: m }) {
+	let { t: h } = t(), g = m?.funnelStepLabels, _ = (m?.funnelOrientation || "horizontal") === "vertical", v = m?.funnelStyle ?? "bars", y = m?.showFunnelConversion ?? !0, b = m?.showFunnelAvgTime ?? m?.showFunnelTimeMetrics ?? !1, x = m?.showFunnelMedianTime ?? !1, S = m?.showFunnelP90Time ?? !1, C = i(() => !e || e.length === 0 ? [] : T(e) ? e : e.map((e, t) => {
 		let n = e, r = Object.keys(n).find((e) => e.toLowerCase().includes("step") || e.toLowerCase().includes("name") || e === "__stepName"), i = r ? String(n[r]) : `Step ${t + 1}`, a = Object.keys(n).find((e) => e.toLowerCase().includes("count") || e.toLowerCase().includes("value") || e === "__count"), o = a && Number(n[a]) || 0, s = Object.keys(n).find((e) => e.toLowerCase().includes("percent") || e === "__percentage"), c = s && Number(n[s]) || 0, l = Object.keys(n).find((e) => e.toLowerCase().includes("conversion") || e === "__conversionRate");
 		return {
 			name: i,
@@ -140,54 +140,54 @@ var E = n.memo(function({ data: e, height: n = "100%", colorPalette: f, displayC
 			conversionRate: l && Number(n[l]) || null,
 			stepIndex: t
 		};
-	}), [e]), S = x[0]?.value || 0;
-	if (!e || e.length === 0 || x.length === 0) return /* @__PURE__ */ i("div", {
+	}), [e]), D = C[0]?.value || 0;
+	if (!e || e.length === 0 || C.length === 0) return /* @__PURE__ */ a("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: n },
-		children: /* @__PURE__ */ a("div", {
+		style: { height: r },
+		children: /* @__PURE__ */ o("div", {
 			className: "dc:text-center",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: "No funnel data"
-			}), /* @__PURE__ */ i("div", {
+				children: h("chart.runtime.funnel.noData")
+			}), /* @__PURE__ */ a("div", {
 				className: "dc:text-xs text-dc-text-secondary",
-				children: "Configure a funnel with at least 2 steps and a binding key"
+				children: h("chart.runtime.noDataHint.funnel")
 			})]
 		})
 	});
-	let E = f?.colors || t;
-	return g === "funnel" ? /* @__PURE__ */ a("div", {
+	let O = p?.colors || n;
+	return v === "funnel" ? /* @__PURE__ */ o("div", {
 		className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col",
-		style: { height: n },
-		children: [/* @__PURE__ */ i("div", {
+		style: { height: r },
+		children: [/* @__PURE__ */ a("div", {
 			className: "dc:flex-1",
-			children: /* @__PURE__ */ i(u, {
+			children: /* @__PURE__ */ a(d, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ a(c, {
-					layout: h ? "horizontal" : "vertical",
+				children: /* @__PURE__ */ o(l, {
+					layout: _ ? "horizontal" : "vertical",
 					accessibilityLayer: !1,
-					children: [/* @__PURE__ */ i(d, {
+					children: [/* @__PURE__ */ a(f, {
 						formatter: (e) => typeof e == "number" ? e.toLocaleString() : String(e),
 						contentStyle: {
 							backgroundColor: "var(--dc-surface)",
 							border: "1px solid var(--dc-border)",
 							borderRadius: "4px"
 						}
-					}), /* @__PURE__ */ a(s, {
+					}), /* @__PURE__ */ o(c, {
 						dataKey: "value",
 						nameKey: "name",
-						data: x,
+						data: C,
 						isAnimationActive: !0,
 						children: [
-							x.map((e, t) => /* @__PURE__ */ i(o, { fill: C(t, E) }, `cell-${t}`)),
-							/* @__PURE__ */ i(l, {
+							C.map((e, t) => /* @__PURE__ */ a(s, { fill: w(t, O) }, `cell-${t}`)),
+							/* @__PURE__ */ a(u, {
 								position: "right",
 								dataKey: "name",
 								fill: "var(--dc-text)",
 								style: { fontSize: "12px" }
 							}),
-							/* @__PURE__ */ i(l, {
+							/* @__PURE__ */ a(u, {
 								position: "center",
 								dataKey: "percentage",
 								formatter: (e) => typeof e == "number" ? `${e.toFixed(1)}%` : String(e),
@@ -201,99 +201,99 @@ var E = n.memo(function({ data: e, height: n = "100%", colorPalette: f, displayC
 					})]
 				})
 			})
-		}), !p?.hideSummaryFooter && /* @__PURE__ */ i("div", {
+		}), !m?.hideSummaryFooter && /* @__PURE__ */ a("div", {
 			className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary",
-			children: /* @__PURE__ */ a("div", {
+			children: /* @__PURE__ */ o("div", {
 				className: "dc:flex dc:items-center dc:justify-between dc:text-sm",
 				children: [
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
-						children: [/* @__PURE__ */ i("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "dc:font-medium",
-							children: x.length
+							children: C.length
 						}), " steps"]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text",
 						children: [
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "text-dc-text-muted",
-								children: "Overall:"
+								children: h("chart.runtime.funnel.overall")
 							}),
 							" ",
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "dc:font-medium",
-								children: S > 0 ? `${((x[x.length - 1]?.value || 0) / S * 100).toFixed(1)}%` : "0%"
+								children: D > 0 ? `${((C[C.length - 1]?.value || 0) / D * 100).toFixed(1)}%` : "0%"
 							})
 						]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
 						children: [
-							x[x.length - 1]?.value.toLocaleString() || 0,
+							C[C.length - 1]?.value.toLocaleString() || 0,
 							" / ",
-							S.toLocaleString(),
+							D.toLocaleString(),
 							" completed"
 						]
 					})
 				]
 			})
 		})]
-	}) : h ? /* @__PURE__ */ a("div", {
+	}) : _ ? /* @__PURE__ */ o("div", {
 		className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col",
-		style: { height: n },
-		children: [/* @__PURE__ */ i("div", {
+		style: { height: r },
+		children: [/* @__PURE__ */ a("div", {
 			className: "dc:flex-1 dc:flex dc:items-end dc:justify-center dc:gap-4 dc:px-4 dc:py-3 dc:overflow-hidden",
-			children: x.map((e, t) => {
-				let n = S > 0 ? e.value / S * 100 : 0, r = t > 0 ? x[t - 1] : null, o = r && r.value > 0 ? e.value / r.value * 100 : null, s = m?.[t] || e.name, c = T(e, v, y, b), l = c.length;
-				return /* @__PURE__ */ a("div", {
+			children: C.map((e, t) => {
+				let n = D > 0 ? e.value / D * 100 : 0, r = t > 0 ? C[t - 1] : null, i = r && r.value > 0 ? e.value / r.value * 100 : null, s = g?.[t] || e.name, c = E(e, b, x, S), l = c.length;
+				return /* @__PURE__ */ o("div", {
 					className: "dc:flex dc:flex-col dc:items-center dc:gap-2 dc:flex-1 dc:max-w-32 dc:h-full",
 					children: [
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ a("div", {
 							className: `${l > 0 ? l > 1 ? "dc:min-h-16" : "dc:min-h-10" : "dc:h-5"} dc:flex-shrink-0 dc:text-center`,
-							children: o === null ? /* @__PURE__ */ i("div", {
+							children: i === null ? /* @__PURE__ */ a("div", {
 								className: "dc:text-xs text-dc-text-muted",
 								children: "—"
-							}) : /* @__PURE__ */ a("div", {
+							}) : /* @__PURE__ */ o("div", {
 								className: "dc:text-xs text-dc-text-secondary",
-								children: [_ && /* @__PURE__ */ a("span", { children: [
+								children: [y && /* @__PURE__ */ o("span", { children: [
 									"→ ",
-									o.toFixed(1),
+									i.toFixed(1),
 									"%"
-								] }), l > 0 && /* @__PURE__ */ i("div", {
+								] }), l > 0 && /* @__PURE__ */ a("div", {
 									className: "text-dc-text-muted dc:mt-0.5 dc:space-y-0.5",
-									children: c.map((e, t) => /* @__PURE__ */ a("div", { children: ["⏱ ", e] }, t))
+									children: c.map((e, t) => /* @__PURE__ */ o("div", { children: ["⏱ ", e] }, t))
 								})]
 							})
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "dc:flex-1 dc:w-full dc:relative dc:min-h-12",
 							children: [
-								/* @__PURE__ */ i("div", { className: "dc:absolute dc:inset-0 bg-dc-surface-secondary dc:rounded-sm" }),
-								/* @__PURE__ */ i("div", {
+								/* @__PURE__ */ a("div", { className: "dc:absolute dc:inset-0 bg-dc-surface-secondary dc:rounded-sm" }),
+								/* @__PURE__ */ a("div", {
 									className: "dc:absolute dc:bottom-0 dc:left-0 dc:right-0 dc:rounded-sm dc:transition-all dc:duration-300",
 									style: {
 										height: `${Math.max(n, 5)}%`,
-										backgroundColor: C(t, E)
+										backgroundColor: w(t, O)
 									}
 								}),
-								/* @__PURE__ */ i("div", {
+								/* @__PURE__ */ a("div", {
 									className: "dc:absolute dc:bottom-0 dc:left-0 dc:right-0 dc:flex dc:items-end dc:justify-center dc:pb-1 dc:pointer-events-none",
 									style: { height: `${Math.max(n, 20)}%` },
-									children: /* @__PURE__ */ a("span", {
+									children: /* @__PURE__ */ o("span", {
 										className: "dc:text-xs dc:font-medium text-white dc:drop-shadow-sm",
 										children: [e.percentage?.toFixed(1) ?? n.toFixed(1), "%"]
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "dc:flex-shrink-0 dc:text-center",
-							children: [/* @__PURE__ */ i("div", {
+							children: [/* @__PURE__ */ a("div", {
 								className: "dc:text-sm dc:font-medium text-dc-text dc:truncate",
 								title: s,
 								children: s
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ a("div", {
 								className: "dc:text-xs text-dc-text-muted",
 								children: e.value.toLocaleString()
 							})]
@@ -301,138 +301,138 @@ var E = n.memo(function({ data: e, height: n = "100%", colorPalette: f, displayC
 					]
 				}, e.name);
 			})
-		}), !p?.hideSummaryFooter && /* @__PURE__ */ i("div", {
+		}), !m?.hideSummaryFooter && /* @__PURE__ */ a("div", {
 			className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary",
-			children: /* @__PURE__ */ a("div", {
+			children: /* @__PURE__ */ o("div", {
 				className: "dc:flex dc:items-center dc:justify-between dc:text-sm",
 				children: [
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
-						children: [/* @__PURE__ */ i("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "dc:font-medium",
-							children: x.length
+							children: C.length
 						}), " steps"]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text",
 						children: [
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "text-dc-text-muted",
-								children: "Overall:"
+								children: h("chart.runtime.funnel.overall")
 							}),
 							" ",
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "dc:font-medium",
-								children: S > 0 ? `${((x[x.length - 1]?.value || 0) / S * 100).toFixed(1)}%` : "0%"
+								children: D > 0 ? `${((C[C.length - 1]?.value || 0) / D * 100).toFixed(1)}%` : "0%"
 							})
 						]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
 						children: [
-							x[x.length - 1]?.value.toLocaleString() || 0,
+							C[C.length - 1]?.value.toLocaleString() || 0,
 							" / ",
-							S.toLocaleString(),
+							D.toLocaleString(),
 							" completed"
 						]
 					})
 				]
 			})
 		})]
-	}) : /* @__PURE__ */ a("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col",
-		style: { height: n },
-		children: [/* @__PURE__ */ i("div", {
+		style: { height: r },
+		children: [/* @__PURE__ */ a("div", {
 			className: "dc:flex-1 dc:flex dc:flex-col dc:justify-center dc:gap-2 dc:px-4 dc:py-3 dc:overflow-hidden",
-			children: x.map((e, t) => {
-				let n = S > 0 ? e.value / S * 100 : 0, r = t > 0 ? x[t - 1] : null, o = r && r.value > 0 ? e.value / r.value * 100 : null, s = m?.[t] || e.name, c = T(e, v, y, b), l = c.length;
-				return /* @__PURE__ */ a("div", {
+			children: C.map((e, t) => {
+				let n = D > 0 ? e.value / D * 100 : 0, r = t > 0 ? C[t - 1] : null, i = r && r.value > 0 ? e.value / r.value * 100 : null, s = g?.[t] || e.name, c = E(e, b, x, S), l = c.length;
+				return /* @__PURE__ */ o("div", {
 					className: "dc:flex dc:items-center dc:gap-3",
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "dc:w-24 dc:flex-shrink-0 dc:text-right",
-							children: [/* @__PURE__ */ i("div", {
+							children: [/* @__PURE__ */ a("div", {
 								className: "dc:text-sm dc:font-medium text-dc-text dc:truncate",
 								title: s,
 								children: s
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ a("div", {
 								className: "dc:text-xs text-dc-text-muted",
 								children: e.value.toLocaleString()
 							})]
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "dc:flex-1 dc:relative",
 							children: [
-								/* @__PURE__ */ i("div", { className: "dc:w-full dc:h-8 bg-dc-surface-secondary dc:rounded-sm" }),
-								/* @__PURE__ */ i("div", {
+								/* @__PURE__ */ a("div", { className: "dc:w-full dc:h-8 bg-dc-surface-secondary dc:rounded-sm" }),
+								/* @__PURE__ */ a("div", {
 									className: "dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:rounded-sm dc:transition-all dc:duration-300",
 									style: {
 										width: `${Math.max(n, 2)}%`,
-										backgroundColor: C(t, E)
+										backgroundColor: w(t, O)
 									}
 								}),
-								/* @__PURE__ */ i("div", {
+								/* @__PURE__ */ a("div", {
 									className: "dc:absolute dc:top-0 dc:left-0 dc:h-8 dc:flex dc:items-center dc:px-2 dc:pointer-events-none",
 									style: { width: `${Math.max(n, 20)}%` },
-									children: /* @__PURE__ */ a("span", {
+									children: /* @__PURE__ */ o("span", {
 										className: "dc:text-xs dc:font-medium text-white dc:drop-shadow-sm",
 										children: [e.percentage?.toFixed(1) ?? n.toFixed(1), "%"]
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ a("div", {
 							className: `${l > 0 ? l > 1 ? "dc:w-36" : "dc:w-28" : "dc:w-16"} dc:flex-shrink-0 dc:text-left`,
-							children: o === null ? /* @__PURE__ */ i("div", {
+							children: i === null ? /* @__PURE__ */ a("div", {
 								className: "dc:text-xs text-dc-text-muted",
 								children: "—"
-							}) : /* @__PURE__ */ a("div", {
+							}) : /* @__PURE__ */ o("div", {
 								className: "dc:text-xs text-dc-text-secondary",
-								children: [_ && /* @__PURE__ */ a("span", { children: [
+								children: [y && /* @__PURE__ */ o("span", { children: [
 									"↓ ",
-									o.toFixed(1),
+									i.toFixed(1),
 									"%"
-								] }), l > 0 && /* @__PURE__ */ i("div", {
+								] }), l > 0 && /* @__PURE__ */ a("div", {
 									className: "text-dc-text-muted dc:mt-0.5 dc:space-y-0.5",
-									children: c.map((e, t) => /* @__PURE__ */ a("div", { children: ["⏱ ", e] }, t))
+									children: c.map((e, t) => /* @__PURE__ */ o("div", { children: ["⏱ ", e] }, t))
 								})]
 							})
 						})
 					]
 				}, e.name);
 			})
-		}), !p?.hideSummaryFooter && /* @__PURE__ */ i("div", {
+		}), !m?.hideSummaryFooter && /* @__PURE__ */ a("div", {
 			className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary",
-			children: /* @__PURE__ */ a("div", {
+			children: /* @__PURE__ */ o("div", {
 				className: "dc:flex dc:items-center dc:justify-between dc:text-sm",
 				children: [
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
-						children: [/* @__PURE__ */ i("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "dc:font-medium",
-							children: x.length
+							children: C.length
 						}), " steps"]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text",
 						children: [
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "text-dc-text-muted",
-								children: "Overall:"
+								children: h("chart.runtime.funnel.overall")
 							}),
 							" ",
-							/* @__PURE__ */ i("span", {
+							/* @__PURE__ */ a("span", {
 								className: "dc:font-medium",
-								children: S > 0 ? `${((x[x.length - 1]?.value || 0) / S * 100).toFixed(1)}%` : "0%"
+								children: D > 0 ? `${((C[C.length - 1]?.value || 0) / D * 100).toFixed(1)}%` : "0%"
 							})
 						]
 					}),
-					/* @__PURE__ */ a("div", {
+					/* @__PURE__ */ o("div", {
 						className: "text-dc-text-muted",
 						children: [
-							x[x.length - 1]?.value.toLocaleString() || 0,
+							C[C.length - 1]?.value.toLocaleString() || 0,
 							" / ",
-							S.toLocaleString(),
+							D.toLocaleString(),
 							" completed"
 						]
 					})
@@ -442,6 +442,6 @@ var E = n.memo(function({ data: e, height: n = "100%", colorPalette: f, displayC
 	});
 });
 //#endregion
-export { b as a, h as c, g as i, y as l, x as n, f as o, m as r, p as s, E as t };
+export { x as a, g as c, _ as i, b as l, S as n, p as o, h as r, m as s, D as t };
 
-//# sourceMappingURL=chart-funnel-poyOf7-e.js.map
+//# sourceMappingURL=chart-funnel-C7pgktN5.js.map