drizzle-cube 0.5.8 → 0.6.1

package/dist/client/chunks/{chart-activity-grid-DmruKPab.js → chart-activity-grid-DX0SJbxs.js}

@@ -812,6 +812,7 @@ var v = (e, t, n) => {
 	"server.validation.retention.dateRangeRequired": "Date range is required",
 	"server.validation.retention.dateRangeStartBeforeEnd": "Date range start must be before or equal to end",
 	"server.validation.retention.dateRangeStartRequired": "Date range start is required",
+	"server.validation.retention.engineNotSupported": "Retention queries are not supported on {engine}. Use PostgreSQL or DuckDB for retention analysis.",
 	"server.validation.retention.invalidBindingKeyFormat": "Invalid binding key format: {bindingKey}. Expected 'CubeName.dimensionName'",
 	"server.validation.retention.invalidBreakdownDimFormat": "Invalid breakdown dimension format: {dimension}. Expected 'CubeName.dimensionName'",
 	"server.validation.retention.invalidGranularity": "Invalid granularity: {granularity}",
@@ -1529,17 +1530,17 @@ var v = (e, t, n) => {
 	"mcp.footer.dimensions": "{count} dimension",
 	"mcp.footer.dimensionsPlural": "{count} dimensions"
 }, x = "en-GB", S = b, C = !1;
-function w(e) {
+function ee(e) {
 	C = e;
 }
-function T(e, t) {
+function w(e, t) {
 	let n = S[e];
 	return n ? t ? n.replace(/\{(\w+)\}/g, (e, n) => {
 		let r = t[n];
 		return r === void 0 ? `{${n}}` : String(r);
 	}) : n : (C && typeof console < "u" && console.warn(`[drizzle-cube i18n] Missing translation key: "${e}"`), e);
 }
-async function E(e) {
+async function te(e) {
 	if (e === "nl" && (e = "nl-NL"), e === "en-GB" || e === "en") {
 		x = "en-GB", S = b;
 		return;
@@ -1549,7 +1550,7 @@ async function E(e) {
 			"./locales/af-ZA.json": () => import("./af-ZA-BTaChuqI.js"),
 			"./locales/en-US.json": () => import("./en-US-BE6VoG0o.js"),
 			"./locales/en.json": () => Promise.resolve().then(() => y),
-			"./locales/nl-NL.json": () => import("./nl-NL-CpVs7ox3.js")
+			"./locales/nl-NL.json": () => import("./nl-NL-2zTAWTej.js")
 		}), `./locales/${e}.json`, 3);
 		x = e, S = {
 			...b,
@@ -1559,39 +1560,39 @@ async function E(e) {
 		typeof console < "u" && console.warn(`[drizzle-cube] Failed to load locale "${e}", falling back to en-GB`), x = "en-GB", S = b;
 	}
 }
-function D(e, t) {
+function ne(e, t) {
 	x = e, S = {
 		...b,
 		...t
 	};
 }
-function O() {
+function T() {
 	return x;
 }
-function k() {
+function re() {
 	return S;
 }
 //#endregion
 //#region src/client/providers/I18nProvider.tsx
-var A = n({
-	t: T,
+var E = n({
+	t: w,
 	locale: "en-GB"
 });
-function j({ locale: e = "en-GB", translations: t, children: n }) {
-	let [r, i] = l(!1), [o, s] = l(O());
+function ie({ locale: e = "en-GB", translations: t, children: n }) {
+	let [r, i] = l(!1), [o, s] = l(T());
 	return a(() => {
 		let n = !1;
 		return (async () => {
-			await E(e), t && !n && D(e, {
-				...k(),
+			await te(e), t && !n && ne(e, {
+				...re(),
 				...t
-			}), n || (s(O()), i(!0));
+			}), n || (s(T()), i(!0));
 		})(), () => {
 			n = !0;
 		};
-	}, [e, t]), /* @__PURE__ */ u(A.Provider, {
+	}, [e, t]), /* @__PURE__ */ u(E.Provider, {
 		value: {
-			t: T,
+			t: w,
 			locale: r ? o : e
 		},
 		children: n
@@ -1599,84 +1600,16 @@ function j({ locale: e = "en-GB", translations: t, children: n }) {
 }
 //#endregion
 //#region src/client/hooks/useTranslation.ts
-function M(e) {
-	let { t, locale: n } = i(A);
+function D(e) {
+	let { t, locale: n } = i(E);
 	return {
 		t: r((n, r) => t(e ? `${e}.${n}` : n, r), [t, e]),
 		locale: n
 	};
 }
 //#endregion
-//#region src/client/utils/chartUtils.ts
-function N(e) {
-	return e != null && !isNaN(Number(e));
-}
-function P(e) {
-	if (e == null) return null;
-	let t = typeof e == "string" ? parseFloat(e) : Number(e);
-	return isNaN(t) ? null : t;
-}
-function F(e) {
-	if (e == null) return "No data";
-	let t = typeof e == "number" ? e : parseFloat(e);
-	return isNaN(t) ? String(e) : Number.isInteger(t) ? t.toLocaleString() : parseFloat(t.toFixed(2)).toLocaleString();
-}
-function I(e, t, n) {
-	if (e == null) return "No data";
-	let r = typeof e == "number" ? e : parseFloat(String(e));
-	if (isNaN(r)) return String(e);
-	if (!isFinite(r)) return r > 0 ? "∞" : "-∞";
-	let i = n || (typeof navigator < "u" ? navigator.language : "en-US");
-	if (!t) return F(e);
-	let { unit: a, abbreviate: o = !0, decimals: s, customPrefix: c, customSuffix: l } = t, u = r, d = "";
-	if (o) {
-		let e = Math.abs(r);
-		e >= 1e9 ? (u = r / 1e9, d = "B") : e >= 1e6 ? (u = r / 1e6, d = "M") : e >= 1e3 && (u = r / 1e3, d = "K");
-	}
-	let f = s === void 0 ? Number.isInteger(u) ? 0 : 2 : s;
-	switch (a) {
-		case "currency": {
-			let e = L(i);
-			if (o && d) {
-				let t = new Intl.NumberFormat(i, {
-					style: "currency",
-					currency: e,
-					minimumFractionDigits: f,
-					maximumFractionDigits: f
-				}).format(u), n = new Intl.NumberFormat(i, {
-					style: "currency",
-					currency: e
-				}).formatToParts(u);
-				return n[n.length - 1]?.type === "currency" ? t.replace(/(\s*[^\d\s]+)$/, d + "$1") : t + d;
-			}
-			return new Intl.NumberFormat(i, {
-				style: "currency",
-				currency: e,
-				minimumFractionDigits: f,
-				maximumFractionDigits: f
-			}).format(u);
-		}
-		case "percent": {
-			let e = Math.abs(u) <= 1 && !o ? u * 100 : u;
-			return new Intl.NumberFormat(i, {
-				minimumFractionDigits: f,
-				maximumFractionDigits: f
-			}).format(e) + d + "%";
-		}
-		case "custom": {
-			let e = c || "", t = l || "";
-			return e + new Intl.NumberFormat(i, {
-				minimumFractionDigits: f,
-				maximumFractionDigits: f
-			}).format(u) + d + t;
-		}
-		default: return new Intl.NumberFormat(i, {
-			minimumFractionDigits: f,
-			maximumFractionDigits: f
-		}).format(u) + d;
-	}
-}
-function L(e) {
+//#region src/client/utils/axisValueFormatting.ts
+function ae(e) {
 	return {
 		US: "USD",
 		CA: "CAD",
@@ -1722,40 +1655,162 @@ function L(e) {
 		TR: "TRY"
 	}[e.split("-")[1]?.toUpperCase()] || "USD";
 }
-function R(e) {
-	return (t) => I(t, e);
+function oe(e, t) {
+	if (!t) return {
+		displayValue: e,
+		abbreviationSuffix: ""
+	};
+	let n = Math.abs(e);
+	return n >= 1e9 ? {
+		displayValue: e / 1e9,
+		abbreviationSuffix: "B"
+	} : n >= 1e6 ? {
+		displayValue: e / 1e6,
+		abbreviationSuffix: "M"
+	} : n >= 1e3 ? {
+		displayValue: e / 1e3,
+		abbreviationSuffix: "K"
+	} : {
+		displayValue: e,
+		abbreviationSuffix: ""
+	};
 }
-function z(e, t) {
+function se(e) {
+	let { displayValue: t, abbreviate: n, abbreviationSuffix: r, decimals: i, locale: a } = e, o = ae(a);
+	if (n && r) {
+		let e = new Intl.NumberFormat(a, {
+			style: "currency",
+			currency: o,
+			minimumFractionDigits: i,
+			maximumFractionDigits: i
+		}).format(t), n = new Intl.NumberFormat(a, {
+			style: "currency",
+			currency: o
+		}).formatToParts(t);
+		return n[n.length - 1]?.type === "currency" ? e.replace(/(\s*[^\d\s]+)$/, r + "$1") : e + r;
+	}
+	return new Intl.NumberFormat(a, {
+		style: "currency",
+		currency: o,
+		minimumFractionDigits: i,
+		maximumFractionDigits: i
+	}).format(t);
+}
+function ce(e) {
+	let { displayValue: t, abbreviate: n, abbreviationSuffix: r, decimals: i, locale: a } = e, o = Math.abs(t) <= 1 && !n ? t * 100 : t;
+	return new Intl.NumberFormat(a, {
+		minimumFractionDigits: i,
+		maximumFractionDigits: i
+	}).format(o) + r + "%";
+}
+function le(e) {
+	let { displayValue: t, abbreviationSuffix: n, decimals: r, locale: i, config: a } = e, o = a.customPrefix || "", s = a.customSuffix || "";
+	return o + new Intl.NumberFormat(i, {
+		minimumFractionDigits: r,
+		maximumFractionDigits: r
+	}).format(t) + n + s;
+}
+function O(e) {
+	let { displayValue: t, abbreviationSuffix: n, decimals: r, locale: i } = e;
+	return new Intl.NumberFormat(i, {
+		minimumFractionDigits: r,
+		maximumFractionDigits: r
+	}).format(t) + n;
+}
+var ue = {
+	currency: se,
+	percent: ce,
+	custom: le,
+	number: O
+};
+function de(e) {
+	return ((e.config.unit ? ue[e.config.unit] : void 0) || O)(e);
+}
+//#endregion
+//#region src/client/utils/timeValueFormatting.ts
+function fe(e) {
+	if (!e.match(/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}/)) return null;
+	let t = e;
+	e.includes(" ") && (t = e.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !t.endsWith("Z") && !t.includes("+") && (t += "Z");
+	let n = new Date(t);
+	return isNaN(n.getTime()) ? null : {
+		date: n,
+		year: n.getUTCFullYear(),
+		month: String(n.getUTCMonth() + 1).padStart(2, "0"),
+		day: String(n.getUTCDate()).padStart(2, "0"),
+		hours: n.getUTCHours(),
+		minutes: n.getUTCMinutes()
+	};
+}
+function pe(e, t) {
+	let { date: n, year: r, month: i, day: a, hours: o, minutes: s } = e;
+	switch (t.toLowerCase()) {
+		case "year": return `${r}`;
+		case "quarter": return `${r}-Q${Math.floor(n.getUTCMonth() / 3) + 1}`;
+		case "month": return `${r}-${i}`;
+		case "week": return `${r}-${i}-${a}`;
+		case "day": return `${r}-${i}-${a}`;
+		case "hour": return `${r}-${i}-${a} ${String(o).padStart(2, "0")}:00`;
+		case "minute": return `${r}-${i}-${a} ${String(o).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+		default: return null;
+	}
+}
+function me(e) {
+	let { date: t, year: n, month: r, day: i, hours: a, minutes: o } = e, s = t.getUTCSeconds(), c = t.getUTCMilliseconds(), l = a === 0 && o === 0 && s === 0 && c === 0;
+	return i === "01" && l ? r === "01" || r === "04" || r === "07" || r === "10" ? `${n}-Q${Math.floor(t.getUTCMonth() / 3) + 1}` : `${n}-${r}` : l ? `${n}-${r}-${i}` : o === 0 && s === 0 && c === 0 ? `${n}-${r}-${i} ${String(a).padStart(2, "0")}:00` : `${n}-${r}-${i} ${String(a).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
+}
+//#endregion
+//#region src/client/utils/chartUtils.ts
+function k(e) {
+	return e != null && !isNaN(Number(e));
+}
+function A(e) {
+	if (e == null) return null;
+	let t = typeof e == "string" ? parseFloat(e) : Number(e);
+	return isNaN(t) ? null : t;
+}
+function j(e) {
+	if (e == null) return "No data";
+	let t = typeof e == "number" ? e : parseFloat(e);
+	return isNaN(t) ? String(e) : Number.isInteger(t) ? t.toLocaleString() : parseFloat(t.toFixed(2)).toLocaleString();
+}
+function M(e, t, n) {
+	if (e == null) return "No data";
+	let r = typeof e == "number" ? e : parseFloat(String(e));
+	if (isNaN(r)) return String(e);
+	if (!isFinite(r)) return r > 0 ? "∞" : "-∞";
+	let i = n || (typeof navigator < "u" ? navigator.language : "en-US");
+	if (!t) return j(e);
+	let { abbreviate: a = !0, decimals: o } = t, { displayValue: s, abbreviationSuffix: c } = oe(r, a);
+	return de({
+		displayValue: s,
+		abbreviate: a,
+		abbreviationSuffix: c,
+		decimals: o === void 0 ? Number.isInteger(s) ? 0 : 2 : o,
+		locale: i,
+		config: t
+	});
+}
+function he(e) {
+	return (t) => M(t, e);
+}
+function N(e, t) {
 	return t[e] || e;
 }
-function B(e, t) {
-	return e.map((e) => z(e, t));
+function ge(e, t) {
+	return e.map((e) => N(e, t));
 }
-function V(e, t) {
+function P(e, t) {
 	if (!e) return "Unknown";
-	let n = String(e);
-	if (n.match(/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}/)) {
-		let e = n;
-		n.includes(" ") && (e = n.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !e.endsWith("Z") && !e.includes("+") && (e += "Z");
-		let r = new Date(e);
-		if (isNaN(r.getTime())) return n;
-		let i = r.getUTCFullYear(), a = String(r.getUTCMonth() + 1).padStart(2, "0"), o = String(r.getUTCDate()).padStart(2, "0"), s = r.getUTCHours(), c = r.getUTCMinutes();
-		if (t) switch (t.toLowerCase()) {
-			case "year": return `${i}`;
-			case "quarter": return `${i}-Q${Math.floor(r.getUTCMonth() / 3) + 1}`;
-			case "month": return `${i}-${a}`;
-			case "week": return `${i}-${a}-${o}`;
-			case "day": return `${i}-${a}-${o}`;
-			case "hour": return `${i}-${a}-${o} ${String(s).padStart(2, "0")}:00`;
-			case "minute": return `${i}-${a}-${o} ${String(s).padStart(2, "0")}:${String(c).padStart(2, "0")}`;
-			default: break;
-		}
-		let l = r.getUTCSeconds(), u = r.getUTCMilliseconds();
-		return o === "01" && s === 0 && c === 0 && l === 0 && u === 0 ? a === "01" || a === "04" || a === "07" || a === "10" ? `${i}-Q${Math.floor(r.getUTCMonth() / 3) + 1}` : `${i}-${a}` : s === 0 && c === 0 && l === 0 && u === 0 ? `${i}-${a}-${o}` : c === 0 && l === 0 && u === 0 ? `${i}-${a}-${o} ${String(s).padStart(2, "0")}:00` : `${i}-${a}-${o} ${String(s).padStart(2, "0")}:${String(c).padStart(2, "0")}`;
+	let n = String(e), r = fe(n);
+	if (!r) return n;
+	if (t) {
+		let e = pe(r, t);
+		if (e !== null) return e;
 	}
-	return n;
+	return me(r);
 }
-function H(e, t) {
+function F(e, t) {
 	try {
 		if (e?.timeDimensions) {
 			let n = e.timeDimensions.find((e) => t === e.dimension || t.startsWith(e.dimension.replace(".", "_")) || t === `${e.dimension}_${e.granularity}`);
@@ -1780,18 +1835,18 @@ function H(e, t) {
 		return;
 	}
 }
-function U(e, t, n, r, i = (e) => e) {
+function I(e, t, n, r, i = (e) => e) {
 	if (!e || e.length === 0) return [];
-	let a = H(r, t);
+	let a = F(r, t);
 	return e.map((e) => {
-		let r = { name: V(e[t], a) || e[t] || "Unknown" };
+		let r = { name: P(e[t], a) || e[t] || "Unknown" };
 		return n.forEach((t) => {
 			let n = i(t);
-			n === "__proto__" || n === "constructor" || n === "prototype" || (r[n] = P(e[t]));
+			n === "__proto__" || n === "constructor" || n === "prototype" || (r[n] = A(e[t]));
 		}), r;
 	});
 }
-function W(e, t, n, r, i, a = (e) => e) {
+function L(e, t, n, r, i, a = (e) => e) {
 	if (!e || e.length === 0) return {
 		data: [],
 		seriesKeys: [],
@@ -1801,11 +1856,11 @@ function W(e, t, n, r, i, a = (e) => e) {
 	if (u.length > 0) {
 		let n = {};
 		return e.forEach((e) => {
-			let i = H(r, t), o = V(e[t], i) || e[t] || "Unknown";
+			let i = F(r, t), o = P(e[t], i) || e[t] || "Unknown";
 			o === "__proto__" || o === "constructor" || o === "prototype" || (n[o] || (n[o] = { name: String(o) }), l.forEach((t) => {
 				let r = a(t);
 				if (r === "__proto__" || r === "constructor" || r === "prototype") return;
-				let i = P(e[t]);
+				let i = A(e[t]);
 				if (i !== null) {
 					let e = n[o][r];
 					n[o][r] = e == null ? i : e + i;
@@ -1816,7 +1871,7 @@ function W(e, t, n, r, i, a = (e) => e) {
 					let t = String(r), i = l[0] || c.find((e) => e.includes("totalCost") || e.includes("count") || e.includes("sum")) || c[0];
 					if (i) {
 						if (t === "__proto__" || t === "constructor" || t === "prototype") return;
-						let r = P(e[i]);
+						let r = A(e[i]);
 						if (r !== null) {
 							let e = n[o][t];
 							n[o][t] = e == null ? r : e + r;
@@ -1834,67 +1889,67 @@ function W(e, t, n, r, i, a = (e) => e) {
 		};
 	}
 	return {
-		data: U(e, t, n, r, a),
+		data: I(e, t, n, r, a),
 		seriesKeys: n.map((e) => a(e)),
 		hasDimensions: !1
 	};
 }
 //#endregion
 //#region src/client/hooks/useCubeFieldLabel.ts
-function G() {
+function R() {
 	let e = i(g);
 	if (!e) throw Error("useCubeFieldLabel must be used within CubeProvider");
 	return s(() => e.getFieldLabel, [e.getFieldLabel]);
 }
 //#endregion
 //#region src/client/theme/index.ts
-function K(e) {
+function _e(e) {
 	return typeof window > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(`--dc-${e}`).trim();
 }
-function q(e, t) {
+function z(e, t) {
 	typeof window > "u" || document.documentElement.style.setProperty(`--dc-${e}`, t);
 }
-function J(e) {
+function ve(e) {
 	typeof window > "u" || Object.entries(e.colors).forEach(([e, t]) => {
-		t && q(e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), t);
+		t && z(e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), t);
 	});
 }
-function Y() {
+function ye() {
 	if (typeof window > "u") return;
 	let e = document.documentElement.style;
 	Array.from(e).forEach((t) => {
 		t.startsWith("--dc-") && e.removeProperty(t);
 	});
 }
-function X() {
+function B() {
 	if (typeof window > "u") return "light";
 	let e = localStorage.getItem("theme");
 	if (e === "dark" || e === "neon" || e === "light") return e;
 	let t = document.documentElement.getAttribute("data-theme");
 	return t === "dark" || t === "neon" ? t : document.documentElement.classList.contains("dark") || document.body.classList.contains("dark") ? "dark" : document.documentElement.classList.contains("neon") || document.body.classList.contains("neon") ? "neon" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function ee(e) {
+function be(e) {
 	typeof window > "u" || (document.documentElement.classList.remove("dark", "neon"), document.documentElement.setAttribute("data-theme", e), (e === "dark" || e === "neon") && document.documentElement.classList.add(e), localStorage.setItem("theme", e));
 }
-function te() {
-	let e = X();
+function xe() {
+	let e = B();
 	return e === "dark" || e === "neon";
 }
-function Z(e) {
+function V(e) {
 	if (typeof window > "u") return () => {};
 	let t = new MutationObserver(() => {
-		e(X());
+		e(B());
 	});
 	t.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["class", "data-theme"]
 	});
-	let n = window.matchMedia("(prefers-color-scheme: dark)"), r = () => e(X());
+	let n = window.matchMedia("(prefers-color-scheme: dark)"), r = () => e(B());
 	return n.addEventListener("change", r), () => {
 		t.disconnect(), n.removeEventListener("change", r);
 	};
 }
-var ne = {
+var Se = {
 	light: {
 		name: "light",
 		colors: {
@@ -1942,7 +1997,7 @@ var ne = {
 			danger: "#ff1493"
 		}
 	}
-}, re = [
+}, Ce = [
 	"#3b82f6",
 	"#10b981",
 	"#f59e0b",
@@ -1951,453 +2006,541 @@ var ne = {
 	"#f97316",
 	"#06b6d4",
 	"#84cc16"
-], Q = [
+], H = [
 	"#440154",
 	"#414487",
 	"#2a788e",
 	"#22a884",
 	"#7ad151",
 	"#fde725"
-], ie = "#10b981", ae = "#ef4444", $ = {
+], we = "#10b981", Te = "#ef4444", U = {
 	top: 5,
 	right: 30,
 	left: 20,
 	bottom: 5
-}, oe = {
+}, Ee = {
 	top: 5,
 	right: 30,
 	left: 20,
 	bottom: 60
-}, se = /* @__PURE__ */ e({ default: () => ce }), ce = t.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: i, height: g = "100%", colorPalette: _, onDataPointClick: v, drillEnabled: y }) {
-	let { t: b } = M(), x = c(null), S = c(null), [C, w] = l({
+};
+//#endregion
+//#region src/client/components/charts/useChartDimensions.ts
+function W() {
+	let e = c(null), [t, n] = l({
 		width: 0,
 		height: 0
-	}), [T, E] = l(!1), [D, O] = l("light"), k = G();
-	a(() => (O(X()), Z((e) => {
-		O(e);
-	})), []);
-	let A = s(() => ({
-		showTooltip: n?.showTooltip ?? !0,
-		showLabels: n?.showLabels ?? !0,
-		fitToWidth: n?.fitToWidth ?? !1
-	}), [
-		n?.showTooltip,
-		n?.showLabels,
-		n?.fitToWidth
-	]);
-	o(() => {
-		let e = 0, t, n, r = () => {
-			if (S.current) {
-				let { width: e, height: t } = S.current.getBoundingClientRect();
-				if (e > 0 && t > 0) return w({
-					width: e,
-					height: t
-				}), E(!0), !0;
+	}), [r, i] = l(!1);
+	return o(() => {
+		let t = 0, r, a, o = () => {
+			if (e.current) {
+				let { width: t, height: r } = e.current.getBoundingClientRect();
+				if (t > 0 && r > 0) return n({
+					width: t,
+					height: r
+				}), i(!0), !0;
 			}
 			return !1;
 		};
-		if (!r() && e < 10) {
-			let i = () => {
-				!r() && e < 10 && (e++, n = setTimeout(() => {
-					t = requestAnimationFrame(i);
-				}, 50 * e));
+		if (!o() && t < 10) {
+			let e = () => {
+				!o() && t < 10 && (t++, a = setTimeout(() => {
+					r = requestAnimationFrame(e);
+				}, 50 * t));
 			};
-			t = requestAnimationFrame(i);
+			r = requestAnimationFrame(e);
 		}
 		return () => {
-			t && cancelAnimationFrame(t), n && clearTimeout(n);
+			r && cancelAnimationFrame(r), a && clearTimeout(a);
 		};
 	}, []), a(() => {
-		let e = null, t = () => {
-			if (S.current) {
-				let { width: e, height: t } = S.current.getBoundingClientRect();
-				e > 0 && t > 0 && (w({
-					width: e,
-					height: t
-				}), T || E(!0));
+		let t = null, r = () => {
+			if (e.current) {
+				let { width: t, height: r } = e.current.getBoundingClientRect();
+				t > 0 && r > 0 && (n({
+					width: t,
+					height: r
+				}), i((e) => e || !0));
 			}
 		};
-		return S.current && (e = new ResizeObserver(() => t()), e.observe(S.current), t()), window.addEventListener("resize", t), () => {
-			e && e.disconnect(), window.removeEventListener("resize", t);
+		return e.current && (t = new ResizeObserver(() => r()), t.observe(e.current), r()), window.addEventListener("resize", r), () => {
+			t && t.disconnect(), window.removeEventListener("resize", r);
 		};
-	}, [T]);
-	let j = (e) => Math.floor(e.getMonth() / 3) + 1, N = (e) => e.getMonth() % 3 + 1, P = (e) => {
-		let t = e.getDate();
-		return Math.floor((t - 1) / 7) + 1;
-	}, F = r((e) => {
-		switch (e?.toLowerCase()) {
-			case "year": return null;
-			case "quarter": return {
-				extractX: (e) => e.getFullYear(),
-				extractY: (e) => j(e) - 1,
-				xLabels: [],
-				yLabels: [
-					"Q1",
-					"Q2",
-					"Q3",
-					"Q4"
-				],
-				xFormat: (e) => `'${e.toString().slice(-2)}`,
-				yFormat: (e) => [
-					"Q1",
-					"Q2",
-					"Q3",
-					"Q4"
-				][e] || "",
-				cellWidth: 16,
-				cellHeight: 16
-			};
-			case "month": return {
-				extractX: (e) => {
-					let t = e.getFullYear(), n = j(e);
-					return t * 10 + n;
-				},
-				extractY: (e) => N(e) - 1,
-				xLabels: [],
-				yLabels: [
-					"Month 1",
-					"Month 2",
-					"Month 3"
-				],
-				xFormat: (e) => `Q${e % 10}`,
-				yFormat: (e) => [
-					"Month 1",
-					"Month 2",
-					"Month 3"
-				][e] || "",
-				cellWidth: 16,
-				cellHeight: 16,
-				hasHierarchicalLabels: !0,
-				getYearFromX: (e) => Math.floor(e / 10)
-			};
-			case "week": return {
-				extractX: (e) => {
-					let t = e.getFullYear(), n = e.getMonth() + 1;
-					return t * 100 + n;
-				},
-				extractY: (e) => P(e) - 1,
-				xLabels: [],
-				yLabels: [
-					"Week 1",
-					"Week 2",
-					"Week 3",
-					"Week 4",
-					"Week 5"
-				],
-				xFormat: (e) => [
-					"J",
-					"F",
-					"M",
-					"A",
-					"M",
-					"J",
-					"J",
-					"A",
-					"S",
-					"O",
-					"N",
-					"D"
-				][e % 100 - 1] || "",
-				yFormat: (e) => [
-					"Week 1",
-					"Week 2",
-					"Week 3",
-					"Week 4",
-					"Week 5"
-				][e] || "",
-				cellWidth: 16,
-				cellHeight: 16,
-				hasHierarchicalLabels: !0,
-				getYearFromX: (e) => Math.floor(e / 100)
-			};
-			case "day": return {
-				extractX: (e) => {
-					let { year: t, week: n } = I(e);
-					return t * 100 + n;
-				},
-				extractY: (e) => e.getDay(),
-				xLabels: [],
-				yLabels: [
-					"Sun",
-					"Mon",
-					"Tue",
-					"Wed",
-					"Thu",
-					"Fri",
-					"Sat"
-				],
-				xFormat: (e) => `${e % 100}`,
-				yFormat: (e) => [
-					"Sun",
-					"Mon",
-					"Tue",
-					"Wed",
-					"Thu",
-					"Fri",
-					"Sat"
-				][e] || "",
-				cellWidth: 16,
-				cellHeight: 16,
-				hasHierarchicalLabels: !0,
-				getYearFromX: (e) => Math.floor(e / 100)
-			};
-			case "hour": return {
-				extractX: (e) => {
-					let t = e.getFullYear(), n = e.getMonth() + 1, r = e.getDate();
-					return t * 1e4 + n * 100 + r;
-				},
-				extractY: (e) => Math.floor(e.getHours() / 3),
-				xLabels: [],
-				yLabels: [
-					"00-03",
-					"03-06",
-					"06-09",
-					"09-12",
-					"12-15",
-					"15-18",
-					"18-21",
-					"21-00"
-				],
-				xFormat: (e) => `${e % 100}`,
-				yFormat: (e) => [
-					"00-03",
-					"03-06",
-					"06-09",
-					"09-12",
-					"12-15",
-					"15-18",
-					"18-21",
-					"21-00"
-				][e] || "",
-				cellWidth: 16,
-				cellHeight: 16,
-				hasHierarchicalLabels: !0,
-				getYearFromX: (e) => Math.floor(e / 100)
-			};
-			default: return null;
-		}
-	}, []), I = (e) => {
-		let t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())), n = t.getUTCDay() || 7;
-		t.setUTCDate(t.getUTCDate() + 4 - n);
-		let r = t.getUTCFullYear(), i = new Date(Date.UTC(r, 0, 1));
+	}, []), {
+		containerRef: e,
+		dimensions: t,
+		dimensionsReady: r
+	};
+}
+//#endregion
+//#region src/client/components/charts/BubbleChart.helpers.ts
+function De(e) {
+	return {
+		showLegend: e?.showLegend ?? !0,
+		showGrid: e?.showGrid ?? !0,
+		showTooltip: e?.showTooltip ?? !0,
+		minBubbleSize: e?.minBubbleSize ?? 5,
+		maxBubbleSize: e?.maxBubbleSize ?? 50,
+		bubbleOpacity: e?.bubbleOpacity ?? .7,
+		xAxisFormat: e?.xAxisFormat,
+		leftYAxisFormat: e?.leftYAxisFormat
+	};
+}
+function Oe(e) {
+	if (!e?.xAxis || !e?.yAxis || !e?.series) return null;
+	let t = Array.isArray(e.xAxis) ? e.xAxis[0] : e.xAxis, n = Array.isArray(e.yAxis) ? e.yAxis[0] : e.yAxis, r = Array.isArray(e.series) ? e.series[0] : e.series, i = (Array.isArray(e.sizeField) ? e.sizeField[0] : e.sizeField) || n;
+	return !t || !n || !r || !i ? null : {
+		xAxisField: t,
+		yAxisField: n,
+		seriesField: r,
+		sizeFieldName: i,
+		colorFieldName: Array.isArray(e.colorField) ? e.colorField[0] : e.colorField
+	};
+}
+function ke(e, t, n) {
+	if (t && e) {
+		let t = String(e), r;
+		if (t.match(/^\d{4}-\d{2}-\d{2}[T ]/)) {
+			let e = t;
+			t.includes(" ") && (e = t.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !e.endsWith("Z") && !e.includes("+") && (e += "Z"), r = new Date(e);
+		} else r = new Date(t);
 		return {
-			year: r,
-			week: Math.ceil(((t.getTime() - i.getTime()) / 864e5 + 1) / 7)
+			xNum: isNaN(r.getTime()) ? parseFloat(t) : r.getTime(),
+			xLabel: P(e, n)
 		};
+	}
+	let r = P(e, n) || e;
+	return {
+		xNum: typeof r == "string" ? parseFloat(r) : r,
+		xLabel: String(r)
 	};
-	if (a(() => {
-		if (!e || e.length === 0 || !x.current || !T || C.width === 0 || (h(x.current).selectAll("*").remove(), !t?.dateField || !t?.valueField)) return;
-		let n = Array.isArray(t.dateField) ? t.dateField[0] : t.dateField, r = Array.isArray(t.valueField) ? t.valueField[0] : t.valueField;
-		if (!n || !r) return;
-		let a = (() => {
-			if (!i?.timeDimensions || i.timeDimensions.length === 0) return "day";
-			let e = i.timeDimensions.find((e) => e.dimension === n || e.dimension.includes(n));
-			if (e && e.granularity) return e.granularity;
-			let t = i.timeDimensions[0];
-			return t && t.granularity ? t.granularity : "day";
-		})(), o = F(a);
-		if (!o) return;
-		let s = e.map((e) => {
-			let t = e[n], i = typeof e[r] == "string" ? parseFloat(e[r]) : e[r] || 0, s;
-			if (typeof t == "string") {
-				let e = t;
-				t.includes(" ") && (e = t.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !e.endsWith("Z") && !e.includes("+") && (e += "Z"), s = new Date(e);
-			} else s = new Date(t);
-			return isNaN(s.getTime()) ? null : {
-				x: o.extractX(s),
-				y: o.extractY(s),
-				value: i,
-				date: s,
-				label: V(t, a)
-			};
-		}).filter((e) => e !== null);
-		if (s.length === 0) return;
-		let c = f(s, (e) => e.y) || 0, l = p(s, (e) => e.y) || 0, u = [...new Set(s.map((e) => e.x))].sort(), d = u.length * o.cellWidth + (u.length - 1) * 4, g = (c - l + 1) * o.cellHeight + (c - l) * 4, b = {
-			...$,
-			left: 60,
-			bottom: 10,
-			top: o.hasHierarchicalLabels ? 40 : 25,
-			right: 10
-		}, S = C.width - b.left - b.right, w = C.height - b.top - b.bottom, E, O;
-		if (A.fitToWidth) {
-			let e = S / d, t = w / g, n = Math.min(e, t);
-			E = o.cellWidth * n, O = o.cellHeight * n;
-		} else {
-			let e = {
-				width: 16,
-				height: 16
-			}, t = S / d, n = w / g, r = Math.min(t, n);
-			E = Math.max(e.width, Math.min(24, o.cellWidth * r)), O = Math.max(e.height, Math.min(24, o.cellHeight * r)), a === "week" && E < e.width && (E = e.width);
+}
+function Ae(e, t, n) {
+	let { xAxisField: r, yAxisField: i, sizeFieldName: a, seriesField: o, colorFieldName: s } = t, c = F(n, r), l = n?.timeDimensions?.some((e) => e.dimension === r) || !1;
+	return e.map((e) => {
+		let { xNum: t, xLabel: n } = ke(e[r], l, c), u = A(e[i]), d = A(e[a]), f = e[o];
+		return {
+			x: t,
+			xLabel: n,
+			y: u,
+			size: d === null ? 0 : Math.abs(d),
+			color: s ? e[s] : f,
+			series: f,
+			label: `${f || "Unknown"}`,
+			isValid: k(t) && u !== null && d !== null && d > 0
+		};
+	}).filter((e) => e.isValid && e.size > 0).map(({ isValid: e, ...t }) => t);
+}
+function G(e, t) {
+	return getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
+}
+function je(e) {
+	return {
+		textColor: e ? G("--dc-text-muted", "#cbd5e1") : G("--dc-text-secondary", "#374151"),
+		gridColor: e ? G("--dc-border", "#475569") : "#9ca3af"
+	};
+}
+//#endregion
+//#region src/client/components/charts/ActivityGridChart.helpers.ts
+var K = (e) => Math.floor(e.getMonth() / 3) + 1, Me = (e) => e.getMonth() % 3 + 1, Ne = (e) => Math.floor((e.getDate() - 1) / 7) + 1, Pe = [
+	"J",
+	"F",
+	"M",
+	"A",
+	"M",
+	"J",
+	"J",
+	"A",
+	"S",
+	"O",
+	"N",
+	"D"
+], q = [
+	"Q1",
+	"Q2",
+	"Q3",
+	"Q4"
+], J = [
+	"Month 1",
+	"Month 2",
+	"Month 3"
+], Y = [
+	"Week 1",
+	"Week 2",
+	"Week 3",
+	"Week 4",
+	"Week 5"
+], X = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], Z = [
+	"00-03",
+	"03-06",
+	"06-09",
+	"09-12",
+	"12-15",
+	"15-18",
+	"18-21",
+	"21-00"
+];
+function Fe(e) {
+	let t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())), n = t.getUTCDay() || 7;
+	t.setUTCDate(t.getUTCDate() + 4 - n);
+	let r = t.getUTCFullYear(), i = new Date(Date.UTC(r, 0, 1));
+	return {
+		year: r,
+		week: Math.ceil(((t.getTime() - i.getTime()) / 864e5 + 1) / 7)
+	};
+}
+var Ie = {
+	quarter: {
+		extractX: (e) => e.getFullYear(),
+		extractY: (e) => K(e) - 1,
+		xLabels: [],
+		yLabels: q,
+		xFormat: (e) => `'${e.toString().slice(-2)}`,
+		yFormat: (e) => q[e] || "",
+		cellWidth: 16,
+		cellHeight: 16
+	},
+	month: {
+		extractX: (e) => e.getFullYear() * 10 + K(e),
+		extractY: (e) => Me(e) - 1,
+		xLabels: [],
+		yLabels: J,
+		xFormat: (e) => `Q${e % 10}`,
+		yFormat: (e) => J[e] || "",
+		cellWidth: 16,
+		cellHeight: 16,
+		hasHierarchicalLabels: !0,
+		getYearFromX: (e) => Math.floor(e / 10)
+	},
+	week: {
+		extractX: (e) => e.getFullYear() * 100 + (e.getMonth() + 1),
+		extractY: (e) => Ne(e) - 1,
+		xLabels: [],
+		yLabels: Y,
+		xFormat: (e) => Pe[e % 100 - 1] || "",
+		yFormat: (e) => Y[e] || "",
+		cellWidth: 16,
+		cellHeight: 16,
+		hasHierarchicalLabels: !0,
+		getYearFromX: (e) => Math.floor(e / 100)
+	},
+	day: {
+		extractX: (e) => {
+			let { year: t, week: n } = Fe(e);
+			return t * 100 + n;
+		},
+		extractY: (e) => e.getDay(),
+		xLabels: [],
+		yLabels: X,
+		xFormat: (e) => `${e % 100}`,
+		yFormat: (e) => X[e] || "",
+		cellWidth: 16,
+		cellHeight: 16,
+		hasHierarchicalLabels: !0,
+		getYearFromX: (e) => Math.floor(e / 100)
+	},
+	hour: {
+		extractX: (e) => e.getFullYear() * 1e4 + (e.getMonth() + 1) * 100 + e.getDate(),
+		extractY: (e) => Math.floor(e.getHours() / 3),
+		xLabels: [],
+		yLabels: Z,
+		xFormat: (e) => `${e % 100}`,
+		yFormat: (e) => Z[e] || "",
+		cellWidth: 16,
+		cellHeight: 16,
+		hasHierarchicalLabels: !0,
+		getYearFromX: (e) => Math.floor(e / 100)
+	}
+};
+function Le(e) {
+	return Ie[e?.toLowerCase()] ?? null;
+}
+function Q(e) {
+	if (e) return Array.isArray(e) ? e[0] : e;
+}
+function Re(e, t) {
+	let n = e?.timeDimensions;
+	if (!n || n.length === 0) return "day";
+	let r = n.find((e) => e.dimension === t || e.dimension.includes(t));
+	if (r && r.granularity) return r.granularity;
+	let i = n[0];
+	return i && i.granularity ? i.granularity : "day";
+}
+function ze(e) {
+	if (typeof e == "string") {
+		let t = e;
+		return e.includes(" ") && (t = e.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !t.endsWith("Z") && !t.includes("+") && (t += "Z"), new Date(t);
+	}
+	return new Date(e);
+}
+function Be(e, t, n, r, i) {
+	return e.map((e) => {
+		let a = e[t], o = typeof e[n] == "string" ? parseFloat(e[n]) : e[n] || 0, s = ze(a);
+		return isNaN(s.getTime()) ? null : {
+			x: r.extractX(s),
+			y: r.extractY(s),
+			value: o,
+			date: s,
+			label: P(a, i)
+		};
+	}).filter((e) => e !== null);
+}
+//#endregion
+//#region src/client/components/charts/ActivityGridChart.render.ts
+var Ve = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function $(e) {
+	return {
+		textColor: e ? G("--dc-text-muted", "#cbd5e1") : G("--dc-text-secondary", "#374151"),
+		lineColor: G("--dc-border", "#e5e7eb"),
+		emptyCellColor: e ? G("--dc-bg-secondary", "#1e293b") : G("--dc-bg-secondary", "#f3f4f6"),
+		cellStrokeColor: e ? G("--dc-border", "#334155") : G("--dc-bg", "#ffffff")
+	};
+}
+function He(e) {
+	let { gridData: t, gridMapping: n, dimensions: r, safeDisplayConfig: i } = e, a = f(t, (e) => e.y) || 0, o = p(t, (e) => e.y) || 0, s = [...new Set(t.map((e) => e.x))].sort((e, t) => e - t), c = s.length * n.cellWidth + (s.length - 1) * 4, l = (a - o + 1) * n.cellHeight + (a - o) * 4, u = {
+		...U,
+		left: 60,
+		bottom: 10,
+		top: n.hasHierarchicalLabels ? 40 : 25,
+		right: 10
+	}, d = r.width - u.left - u.right, m = r.height - u.top - u.bottom, h = Math.min(d / c, m / l), g, _;
+	i.fitToWidth ? (g = n.cellWidth * h, _ = n.cellHeight * h) : (g = Math.max(16, Math.min(24, n.cellWidth * h)), _ = Math.max(16, Math.min(24, n.cellHeight * h)), e.granularity === "week" && g < 16 && (g = 16));
+	let v = s.length * g + (s.length - 1) * 4, y = v > d ? v + u.left + u.right : r.width;
+	return {
+		margin: u,
+		finalCellWidth: g,
+		finalCellHeight: _,
+		completeXRange: s,
+		minY: o,
+		maxY: a,
+		svgWidth: y
+	};
+}
+function Ue() {
+	return h("body").append("div").attr("class", "activity-grid-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3);
+}
+function We(e, t, n, r, i) {
+	e.style("cursor", t.drillEnabled ? "pointer" : "default").on("mouseover", function(e) {
+		if (h(this).style("stroke", "#000").style("stroke-width", 2), n) {
+			let i = [`<strong>${n.label}</strong>`, `${t.getFieldLabel(t.valueField)}: ${n.value}`].join("<br>");
+			r.html(i).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
 		}
-		let j = u.length * E + (u.length - 1) * 4, M = j > S ? j + b.left + b.right : C.width, N = h(x.current).attr("width", M).attr("height", C.height).append("g").attr("transform", `translate(${b.left},${b.top})`), P = s.map((e) => e.value), I = p(P) || 0, L = f(P) || 1, R = m().domain([I, L]).range(_?.gradient || Q), z = /* @__PURE__ */ new Map();
-		s.forEach((e) => {
-			let t = `${e.x}-${e.y}`;
-			z.set(t, e);
+	}).on("mousemove", function(e) {
+		r.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
+	}).on("mouseout", function() {
+		h(this).style("stroke", i).style("stroke-width", 1), r.transition().duration(200).style("opacity", 0);
+	});
+}
+function Ge(e, t, n, r, i, a) {
+	let { gridData: o, valueField: s, dateField: c, drillEnabled: l, onDataPointClick: u, safeDisplayConfig: d } = e, { completeXRange: f, minY: p, maxY: m, finalCellWidth: h, finalCellHeight: g } = n, _ = /* @__PURE__ */ new Map();
+	o.forEach((e) => _.set(`${e.x}-${e.y}`, e));
+	let v = /* @__PURE__ */ new Map();
+	f.forEach((e, t) => v.set(e, t));
+	for (let n of f) for (let o = p; o <= m; o++) {
+		let f = _.get(`${n}-${o}`), m = v.get(n) || 0, y = t.append("rect").attr("x", m * (h + 4)).attr("y", (o - p) * (g + 4)).attr("width", h).attr("height", g).attr("rx", 2).attr("ry", 2).style("fill", f ? r(f.value) : a.emptyCellColor).style("stroke", a.cellStrokeColor).style("stroke-width", 1);
+		d.showTooltip ? We(y, e, f, i, a.cellStrokeColor) : l && y.style("cursor", "pointer"), l && u && f && y.on("click", function(e) {
+			u({
+				dataPoint: {
+					[s]: f.value,
+					[c]: f.date
+				},
+				clickedField: s,
+				xValue: f.label,
+				position: {
+					x: e.pageX,
+					y: e.pageY
+				},
+				nativeEvent: e
+			});
 		});
-		let B = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, H = D !== "light", U = H ? B("--dc-text-muted", "#cbd5e1") : B("--dc-text-secondary", "#374151"), W = B("--dc-border", "#e5e7eb"), G = H ? B("--dc-bg-secondary", "#1e293b") : B("--dc-bg-secondary", "#f3f4f6"), K = H ? B("--dc-border", "#334155") : B("--dc-bg", "#ffffff"), q = h("body").append("div").attr("class", "activity-grid-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), J = /* @__PURE__ */ new Map();
-		u.forEach((e, t) => {
-			J.set(e, t);
+	}
+}
+function Ke(e) {
+	if (e > 9999) {
+		let t = Math.floor(e / 100);
+		return `${Ve[e % 100 - 1]} '${t.toString().slice(-2)}`;
+	}
+	return `'${e.toString().slice(-2)}`;
+}
+function qe(e, t, n, r) {
+	let { gridMapping: i } = e, { completeXRange: a, finalCellWidth: o } = n, s = /* @__PURE__ */ new Map();
+	a.forEach((e, t) => s.set(e, t));
+	let c = /* @__PURE__ */ new Map();
+	for (let e of a) {
+		let t = i.getYearFromX(e);
+		c.has(t) || c.set(t, []), c.get(t).push(e);
+	}
+	for (let e of a) {
+		let n = s.get(e) || 0;
+		t.append("text").attr("x", n * (o + 4) + o / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", r.textColor).text(i.xFormat(e));
+	}
+	for (let [e, n] of c) {
+		if (n.length === 0) continue;
+		let i = Math.min(...n.map((e) => s.get(e) || 0)), a = Math.max(...n.map((e) => s.get(e) || 0)), c = (i + a) / 2;
+		t.append("text").attr("x", c * (o + 4) + o / 2).attr("y", -25).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", r.textColor).text(Ke(e)), n.length > 1 && t.append("line").attr("x1", i * (o + 4)).attr("x2", a * (o + 4) + o).attr("y1", -20).attr("y2", -20).style("stroke", r.lineColor).style("stroke-width", 1).style("opacity", .3);
+	}
+}
+function Je(e, t, n, r) {
+	let { gridMapping: i } = e, { completeXRange: a, finalCellWidth: o } = n, s = Math.max(1, Math.floor(a.length / 10));
+	for (let e = 0; e < a.length; e += s) t.append("text").attr("x", e * (o + 4) + o / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", r.textColor).text(i.xFormat(a[e]));
+}
+function Ye(e, t, n, r) {
+	let { gridMapping: i } = e, { minY: a, maxY: o, finalCellHeight: s } = n;
+	i.hasHierarchicalLabels && i.getYearFromX ? qe(e, t, n, r) : Je(e, t, n, r);
+	for (let e = a; e <= o; e++) t.append("text").attr("x", -8).attr("y", (e - a) * (s + 4) + s / 2).attr("text-anchor", "end").attr("dy", ".35em").style("font-size", "10px").style("fill", r.textColor).text(i.yFormat(e));
+}
+function Xe(e) {
+	let { svgEl: t, gridData: n, dimensions: r, colorPalette: i, isDark: a, safeDisplayConfig: o } = e;
+	if (h(t).selectAll("*").remove(), n.length === 0) return;
+	let s = He(e), c = h(t).attr("width", s.svgWidth).attr("height", r.height).append("g").attr("transform", `translate(${s.margin.left},${s.margin.top})`), l = n.map((e) => e.value), u = m().domain([p(l) || 0, f(l) || 1]).range(i?.gradient || H), d = $(a), g = Ue();
+	return Ge(e, c, s, u, g, d), o.showLabels && Ye(e, c, s, d), () => {
+		g.remove();
+	};
+}
+//#endregion
+//#region src/client/components/charts/ActivityGridChart.tsx
+var Ze = /* @__PURE__ */ e({ default: () => Qe }), Qe = t.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: r, height: i = "100%", colorPalette: o, onDataPointClick: f, drillEnabled: p }) {
+	let { t: m } = D(), h = c(null), { containerRef: g, dimensions: _, dimensionsReady: v } = W(), [y, b] = l("light"), x = R();
+	a(() => (b(B()), V((e) => b(e))), []);
+	let S = s(() => ({
+		showTooltip: n?.showTooltip ?? !0,
+		showLabels: n?.showLabels ?? !0,
+		fitToWidth: n?.fitToWidth ?? !1
+	}), [
+		n?.showTooltip,
+		n?.showLabels,
+		n?.fitToWidth
+	]);
+	if (a(() => {
+		if (!e || e.length === 0 || !h.current || !v || _.width === 0 || !t?.dateField || !t?.valueField) return;
+		let n = Q(t.dateField), i = Q(t.valueField);
+		if (!n || !i) return;
+		let a = Re(r, n), s = Le(a);
+		if (!s) return;
+		let c = Be(e, n, i, s, a);
+		return Xe({
+			svgEl: h.current,
+			gridData: c,
+			gridMapping: s,
+			granularity: a,
+			dimensions: _,
+			safeDisplayConfig: S,
+			colorPalette: o,
+			isDark: y !== "light",
+			valueField: i,
+			dateField: n,
+			getFieldLabel: x,
+			drillEnabled: p,
+			onDataPointClick: f
 		});
-		for (let e of u) for (let t = l; t <= c; t++) {
-			let i = `${e}-${t}`, a = z.get(i), o = J.get(e) || 0, s = N.append("rect").attr("x", o * (E + 4)).attr("y", (t - l) * (O + 4)).attr("width", E).attr("height", O).attr("rx", 2).attr("ry", 2).style("fill", a ? R(a.value) : G).style("stroke", K).style("stroke-width", 1);
-			A.showTooltip ? s.style("cursor", y ? "pointer" : "default").on("mouseover", function(e) {
-				if (h(this).style("stroke", "#000").style("stroke-width", 2), a) {
-					let t = [`<strong>${a.label}</strong>`, `${k(r)}: ${a.value}`].join("<br>");
-					q.html(t).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
-				}
-			}).on("mousemove", function(e) {
-				q.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
-			}).on("mouseout", function() {
-				h(this).style("stroke", K).style("stroke-width", 1), q.transition().duration(200).style("opacity", 0);
-			}) : y && s.style("cursor", "pointer"), y && v && a && s.on("click", function(e) {
-				v({
-					dataPoint: {
-						[r]: a.value,
-						[n]: a.date
-					},
-					clickedField: r,
-					xValue: a.label,
-					position: {
-						x: e.pageX,
-						y: e.pageY
-					},
-					nativeEvent: e
-				});
-			});
-		}
-		if (A.showLabels) {
-			if (o.hasHierarchicalLabels && o.getYearFromX) {
-				let e = /* @__PURE__ */ new Map();
-				for (let t of u) {
-					let n = o.getYearFromX(t);
-					e.has(n) || e.set(n, []), e.get(n).push(t);
-				}
-				for (let e of u) {
-					let t = J.get(e) || 0;
-					N.append("text").attr("x", t * (E + 4) + E / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", U).text(o.xFormat(e));
-				}
-				for (let [t, n] of e) if (n.length > 0) {
-					let e = Math.min(...n.map((e) => J.get(e) || 0)), r = Math.max(...n.map((e) => J.get(e) || 0)), i = (e + r) / 2, a;
-					if (t > 9999) {
-						let e = Math.floor(t / 100);
-						a = `${[
-							"Jan",
-							"Feb",
-							"Mar",
-							"Apr",
-							"May",
-							"Jun",
-							"Jul",
-							"Aug",
-							"Sep",
-							"Oct",
-							"Nov",
-							"Dec"
-						][t % 100 - 1]} '${e.toString().slice(-2)}`;
-					} else a = `'${t.toString().slice(-2)}`;
-					N.append("text").attr("x", i * (E + 4) + E / 2).attr("y", -25).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", U).text(a), n.length > 1 && N.append("line").attr("x1", e * (E + 4)).attr("x2", r * (E + 4) + E).attr("y1", -20).attr("y2", -20).style("stroke", W).style("stroke-width", 1).style("opacity", .3);
-				}
-			} else {
-				let e = Math.max(1, Math.floor(u.length / 10));
-				for (let t = 0; t < u.length; t += e) {
-					let e = u[t];
-					N.append("text").attr("x", t * (E + 4) + E / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", U).text(o.xFormat(e));
-				}
-			}
-			for (let e = l; e <= c; e++) N.append("text").attr("x", -8).attr("y", (e - l) * (O + 4) + O / 2).attr("text-anchor", "end").attr("dy", ".35em").style("font-size", "10px").style("fill", U).text(o.yFormat(e));
-		}
-		return () => {
-			q.remove();
-		};
 	}, [
 		e,
 		t,
-		n,
-		i,
-		C,
-		T,
-		A,
+		r,
 		_,
-		D,
-		k,
-		F,
+		v,
+		S,
+		o,
 		y,
-		v
+		x,
+		p,
+		f
 	]), !e || e.length === 0) return /* @__PURE__ */ u("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
-		style: { height: g },
+		style: { height: i },
 		children: /* @__PURE__ */ d("div", {
 			className: "dc:text-center text-dc-text-muted",
 			children: [/* @__PURE__ */ u("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: b("chart.runtime.noData")
+				children: m("chart.runtime.noData")
 			}), /* @__PURE__ */ u("div", {
 				className: "dc:text-xs text-dc-text-secondary",
-				children: b("chart.runtime.noDataHint.activityGrid")
+				children: m("chart.runtime.noDataHint.activityGrid")
 			})]
 		})
 	});
 	if (!(t?.dateField && t?.valueField)) return /* @__PURE__ */ u("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
-		style: { height: g },
+		style: { height: i },
 		children: /* @__PURE__ */ d("div", {
 			className: "dc:text-center text-dc-text-muted",
 			children: [/* @__PURE__ */ u("div", {
 				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: b("chart.runtime.activityGridConfigRequired")
+				children: m("chart.runtime.activityGridConfigRequired")
 			}), /* @__PURE__ */ u("div", {
 				className: "dc:text-xs text-dc-text-secondary",
-				children: b("chart.runtime.configErrorHint.activityGridRequired")
+				children: m("chart.runtime.configErrorHint.activityGridRequired")
 			})]
 		})
 	});
-	let L = Array.isArray(t.dateField) ? t.dateField[0] : t.dateField;
-	return (i?.timeDimensions?.find((e) => e.dimension === L || e.dimension.includes(L))?.granularity || "day")?.toLowerCase() === "year" ? /* @__PURE__ */ u("div", {
+	let C = Q(t.dateField);
+	return (r?.timeDimensions?.find((e) => e.dimension === C || e.dimension.includes(C))?.granularity || "day")?.toLowerCase() === "year" ? /* @__PURE__ */ u("div", {
 		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
-		style: { height: g },
+		style: { height: i },
 		children: /* @__PURE__ */ d("div", {
 			className: "dc:text-center text-dc-text-muted",
 			children: [
 				/* @__PURE__ */ u("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: b("chart.runtime.activityGridGranularityTooHigh")
+					children: m("chart.runtime.activityGridGranularityTooHigh")
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: b("chart.runtime.activityGridGranularityHint")
+					children: m("chart.runtime.activityGridGranularityHint")
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "dc:text-xs text-dc-text-secondary dc:mt-1",
-					children: b("chart.runtime.activityGridGranularityAction")
+					children: m("chart.runtime.activityGridGranularityAction")
 				})
 			]
 		})
 	}) : /* @__PURE__ */ u("div", {
 		className: "dc:w-full dc:flex dc:flex-col dc:relative",
 		style: {
-			height: g,
+			height: i,
 			minHeight: "250px",
 			overflow: "hidden",
 			width: "100%"
 		},
 		children: /* @__PURE__ */ d("div", {
-			ref: S,
+			ref: g,
 			className: "dc:w-full dc:h-full dc:relative dc:overflow-x-auto",
 			style: { width: "100%" },
 			children: [/* @__PURE__ */ u("svg", {
-				ref: x,
+				ref: h,
 				className: "dc:h-full"
-			}), !T && /* @__PURE__ */ u("div", {
+			}), !v && /* @__PURE__ */ u("div", {
 				className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center",
 				children: /* @__PURE__ */ u("div", {
 					className: "text-dc-text-muted dc:text-sm",
-					children: b("chart.runtime.measuringDimensions")
+					children: m("chart.runtime.measuringDimensions")
 				})
 			})]
 		})
 	});
 });
 //#endregion
-export { j as A, z as C, W as D, U as E, T as M, g as N, B as O, _ as P, H as S, P as T, G as _, ae as a, F as b, ne as c, K as d, te as f, Z as g, q as h, $ as i, w as j, M as k, J as l, ee as m, re as n, ie as o, Y as p, Q as r, oe as s, se as t, X as u, R as v, N as w, V as x, I as y };
+export { A, he as C, F as D, P as E, ie as F, ee as I, w as L, L as M, ge as N, N as O, D as P, g as R, R as S, j as T, xe as _, Ae as a, z as b, H as c, we as d, Ee as f, _e as g, B as h, je as i, I as j, k, U as l, ve as m, De as n, W as o, Se as p, Oe as r, Ce as s, Ze as t, Te as u, ye as v, M as w, V as x, be as y, _ as z };
 
-//# sourceMappingURL=chart-activity-grid-DmruKPab.js.map
+//# sourceMappingURL=chart-activity-grid-DX0SJbxs.js.map