drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/chart-activity-grid-CNES9VBk.js

@@ -0,0 +1,803 @@
+import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
+import t, { createContext as n, useCallback as r, useContext as i, useEffect as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { max as f, min as p, scaleQuantize as m, select as h } from "d3";
+//#region src/client/providers/CubeMetaContext.tsx
+var g = n(null);
+function _() {
+	let e = i(g);
+	if (!e) throw Error("useCubeMeta must be used within CubeMetaProvider");
+	return e;
+}
+//#endregion
+//#region src/client/utils/chartUtils.ts
+function v(e) {
+	return e != null && !isNaN(Number(e));
+}
+function y(e) {
+	if (e == null) return null;
+	let t = typeof e == "string" ? parseFloat(e) : Number(e);
+	return isNaN(t) ? null : t;
+}
+function b(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 x(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 b(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 = S(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 S(e) {
+	return {
+		US: "USD",
+		CA: "CAD",
+		GB: "GBP",
+		UK: "GBP",
+		AU: "AUD",
+		NZ: "NZD",
+		EU: "EUR",
+		DE: "EUR",
+		FR: "EUR",
+		IT: "EUR",
+		ES: "EUR",
+		NL: "EUR",
+		BE: "EUR",
+		AT: "EUR",
+		IE: "EUR",
+		PT: "EUR",
+		FI: "EUR",
+		JP: "JPY",
+		CN: "CNY",
+		KR: "KRW",
+		IN: "INR",
+		BR: "BRL",
+		MX: "MXN",
+		CH: "CHF",
+		SE: "SEK",
+		NO: "NOK",
+		DK: "DKK",
+		PL: "PLN",
+		RU: "RUB",
+		ZA: "ZAR",
+		SG: "SGD",
+		HK: "HKD",
+		TW: "TWD",
+		TH: "THB",
+		MY: "MYR",
+		PH: "PHP",
+		ID: "IDR",
+		VN: "VND",
+		AE: "AED",
+		SA: "SAR",
+		IL: "ILS",
+		TR: "TRY"
+	}[e.split("-")[1]?.toUpperCase()] || "USD";
+}
+function C(e) {
+	return (t) => x(t, e);
+}
+function w(e, t) {
+	return t[e] || e;
+}
+function T(e, t) {
+	return e.map((e) => w(e, t));
+}
+function E(e, t) {
+	if (!e) return String(e || "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")}`;
+	}
+	return n;
+}
+function D(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}`);
+			if (n?.granularity) return n.granularity;
+		}
+		let n = t.match(/_([a-z]+)$/);
+		if (n) {
+			let e = n[1];
+			if ([
+				"year",
+				"quarter",
+				"month",
+				"week",
+				"day",
+				"hour",
+				"minute",
+				"second"
+			].includes(e)) return e;
+		}
+		return;
+	} catch {
+		return;
+	}
+}
+function O(e, t, n, r, i = (e) => e) {
+	if (!e || e.length === 0) return [];
+	let a = D(r, t);
+	return e.map((e) => {
+		let r = { name: E(e[t], a) || e[t] || "Unknown" };
+		return n.forEach((t) => {
+			let n = i(t);
+			r[n] = y(e[t]);
+		}), r;
+	});
+}
+function k(e, t, n, r, i, a = (e) => e) {
+	if (!e || e.length === 0) return {
+		data: [],
+		seriesKeys: [],
+		hasDimensions: !1
+	};
+	let o = r || {}, s = [...o.dimensions || [], ...o.timeDimensions?.map((e) => e.dimension) || []], c = o.measures || [], l = n.filter((e) => c.includes(e)), u = (i || []).filter((e) => s.includes(e));
+	if (u.length > 0) {
+		let n = {};
+		return e.forEach((e) => {
+			let i = D(r, t), o = E(e[t], i) || e[t] || "Unknown";
+			n[o] || (n[o] = { name: String(o) }), l.forEach((t) => {
+				let r = a(t), i = y(e[t]);
+				if (i !== null) {
+					let e = n[o][r];
+					n[o][r] = e == null ? i : e + i;
+				} else r in n[o] || (n[o][r] = null);
+			}), u.forEach((t) => {
+				let r = e[t];
+				if (r != null) {
+					let t = String(r), i = l[0] || c.find((e) => e.includes("totalCost") || e.includes("count") || e.includes("sum")) || c[0];
+					if (i) {
+						let r = y(e[i]);
+						if (r !== null) {
+							let e = n[o][t];
+							n[o][t] = e == null ? r : e + r;
+						} else t in n[o] || (n[o][t] = null);
+					}
+				}
+			});
+		}), {
+			data: Object.values(n),
+			seriesKeys: Array.from(new Set(e.flatMap((e) => u.map((t) => {
+				let n = e[t];
+				return n == null ? null : String(n);
+			}).filter((e) => e !== null)))),
+			hasDimensions: !0
+		};
+	}
+	return {
+		data: O(e, t, n, r, a),
+		seriesKeys: n.map((e) => a(e)),
+		hasDimensions: !1
+	};
+}
+//#endregion
+//#region src/client/hooks/useCubeFieldLabel.ts
+function A() {
+	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 j(e) {
+	return typeof window > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(`--dc-${e}`).trim();
+}
+function M(e, t) {
+	typeof window > "u" || document.documentElement.style.setProperty(`--dc-${e}`, t);
+}
+function N(e) {
+	typeof window > "u" || Object.entries(e.colors).forEach(([e, t]) => {
+		t && M(e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), t);
+	});
+}
+function P() {
+	if (typeof window > "u") return;
+	let e = document.documentElement.style;
+	Array.from(e).forEach((t) => {
+		t.startsWith("--dc-") && e.removeProperty(t);
+	});
+}
+function F() {
+	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 I(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 L() {
+	let e = F();
+	return e === "dark" || e === "neon";
+}
+function R(e) {
+	if (typeof window > "u") return () => {};
+	let t = new MutationObserver(() => {
+		e(F());
+	});
+	t.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["class", "data-theme"]
+	});
+	let n = window.matchMedia("(prefers-color-scheme: dark)"), r = () => e(F());
+	return n.addEventListener("change", r), () => {
+		t.disconnect(), n.removeEventListener("change", r);
+	};
+}
+var z = {
+	light: {
+		name: "light",
+		colors: {
+			surface: "#ffffff",
+			surfaceSecondary: "#f9fafb",
+			text: "#111827",
+			textSecondary: "#374151",
+			textMuted: "#6b7280",
+			border: "#e5e7eb",
+			primary: "#3b82f6",
+			primaryHover: "#2563eb"
+		}
+	},
+	dark: {
+		name: "dark",
+		colors: {
+			surface: "#1e293b",
+			surfaceSecondary: "#334155",
+			text: "#f1f5f9",
+			textSecondary: "#e2e8f0",
+			textMuted: "#cbd5e1",
+			border: "#475569",
+			primary: "#60a5fa",
+			primaryHover: "#3b82f6"
+		}
+	},
+	neon: {
+		name: "neon",
+		colors: {
+			surface: "#0a0118",
+			surfaceSecondary: "#1a0f2e",
+			surfaceTertiary: "#2a1f3e",
+			text: "#ffffff",
+			textSecondary: "#e0e0ff",
+			textMuted: "#b0b0d0",
+			border: "#ff00ff",
+			borderSecondary: "#00ffff",
+			primary: "#00ffff",
+			primaryHover: "#00cccc",
+			primaryContent: "#000000",
+			success: "#00ff00",
+			warning: "#ffff00",
+			error: "#ff0066",
+			info: "#00ffff",
+			danger: "#ff1493"
+		}
+	}
+}, B = [
+	"#3b82f6",
+	"#10b981",
+	"#f59e0b",
+	"#ef4444",
+	"#8b5cf6",
+	"#f97316",
+	"#06b6d4",
+	"#84cc16"
+], V = [
+	"#440154",
+	"#414487",
+	"#2a788e",
+	"#22a884",
+	"#7ad151",
+	"#fde725"
+], H = "#10b981", U = "#ef4444", W = {
+	top: 5,
+	right: 30,
+	left: 20,
+	bottom: 5
+}, G = {
+	top: 5,
+	right: 30,
+	left: 20,
+	bottom: 60
+}, K = /* @__PURE__ */ e({ default: () => q }), q = t.memo(function({ data: e, chartConfig: t, displayConfig: n = {}, queryObject: i, height: g = "100%", colorPalette: _, onDataPointClick: v, drillEnabled: y }) {
+	let b = c(null), x = c(null), [S, C] = l({
+		width: 0,
+		height: 0
+	}), [w, T] = l(!1), [D, O] = l("light"), k = A();
+	a(() => (O(F()), R((e) => {
+		O(e);
+	})), []);
+	let j = 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 (x.current) {
+				let { width: e, height: t } = x.current.getBoundingClientRect();
+				if (e > 0 && t > 0) return C({
+					width: e,
+					height: t
+				}), T(!0), !0;
+			}
+			return !1;
+		};
+		if (!r() && e < 10) {
+			let i = () => {
+				!r() && e < 10 && (e++, n = setTimeout(() => {
+					t = requestAnimationFrame(i);
+				}, 50 * e));
+			};
+			t = requestAnimationFrame(i);
+		}
+		return () => {
+			t && cancelAnimationFrame(t), n && clearTimeout(n);
+		};
+	}, []), a(() => {
+		let e = null, t = () => {
+			if (x.current) {
+				let { width: e, height: t } = x.current.getBoundingClientRect();
+				e > 0 && t > 0 && (C({
+					width: e,
+					height: t
+				}), w || T(!0));
+			}
+		};
+		return x.current && (e = new ResizeObserver(() => t()), e.observe(x.current), t()), window.addEventListener("resize", t), () => {
+			e && e.disconnect(), window.removeEventListener("resize", t);
+		};
+	}, [w]);
+	let M = (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;
+	}, I = r((e) => {
+		switch (e?.toLowerCase()) {
+			case "year": return null;
+			case "quarter": return {
+				extractX: (e) => e.getFullYear(),
+				extractY: (e) => M(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 = M(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 } = L(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;
+		}
+	}, []), L = (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)
+		};
+	};
+	if (a(() => {
+		if (!e || e.length === 0 || !b.current || !w || S.width === 0 || (h(b.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 = I(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: E(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, x = {
+			...W,
+			left: 60,
+			bottom: 10,
+			top: o.hasHierarchicalLabels ? 40 : 25,
+			right: 10
+		}, C = S.width - x.left - x.right, T = S.height - x.top - x.bottom, O, A;
+		if (j.fitToWidth) {
+			let e = C / d, t = T / g, n = Math.min(e, t);
+			O = o.cellWidth * n, A = o.cellHeight * n;
+		} else {
+			let e = {
+				width: 16,
+				height: 16
+			}, t = C / d, n = T / g, r = Math.min(t, n);
+			O = Math.max(e.width, Math.min(24, o.cellWidth * r)), A = Math.max(e.height, Math.min(24, o.cellHeight * r)), a === "week" && O < e.width && (O = e.width);
+		}
+		let M = u.length * O + (u.length - 1) * 4, N = M > C ? M + x.left + x.right : S.width, P = h(b.current).attr("width", N).attr("height", S.height).append("g").attr("transform", `translate(${x.left},${x.top})`), F = s.map((e) => e.value), L = p(F) || 0, R = f(F) || 1, z = m().domain([L, R]).range(_?.gradient || V), B = /* @__PURE__ */ new Map();
+		s.forEach((e) => {
+			let t = `${e.x}-${e.y}`;
+			B.set(t, e);
+		});
+		let H = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, U = D !== "light", G = U ? H("--dc-text-muted", "#cbd5e1") : H("--dc-text-secondary", "#374151"), K = H("--dc-border", "#e5e7eb"), q = U ? H("--dc-bg-secondary", "#1e293b") : H("--dc-bg-secondary", "#f3f4f6"), J = U ? H("--dc-border", "#334155") : H("--dc-bg", "#ffffff"), Y = 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), X = /* @__PURE__ */ new Map();
+		u.forEach((e, t) => {
+			X.set(e, t);
+		});
+		for (let e of u) for (let t = l; t <= c; t++) {
+			let i = `${e}-${t}`, a = B.get(i), o = X.get(e) || 0, s = P.append("rect").attr("x", o * (O + 4)).attr("y", (t - l) * (A + 4)).attr("width", O).attr("height", A).attr("rx", 2).attr("ry", 2).style("fill", a ? z(a.value) : q).style("stroke", J).style("stroke-width", 1);
+			j.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>");
+					Y.html(t).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
+				}
+			}).on("mousemove", function(e) {
+				Y.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
+			}).on("mouseout", function() {
+				h(this).style("stroke", J).style("stroke-width", 1), Y.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 (j.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 = X.get(e) || 0;
+					P.append("text").attr("x", t * (O + 4) + O / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", G).text(o.xFormat(e));
+				}
+				for (let [t, n] of e) if (n.length > 0) {
+					let e = Math.min(...n.map((e) => X.get(e) || 0)), r = Math.max(...n.map((e) => X.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)}`;
+					P.append("text").attr("x", i * (O + 4) + O / 2).attr("y", -25).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", G).text(a), n.length > 1 && P.append("line").attr("x1", e * (O + 4)).attr("x2", r * (O + 4) + O).attr("y1", -20).attr("y2", -20).style("stroke", K).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];
+					P.append("text").attr("x", t * (O + 4) + O / 2).attr("y", -8).attr("text-anchor", "middle").style("font-size", "10px").style("fill", G).text(o.xFormat(e));
+				}
+			}
+			for (let e = l; e <= c; e++) P.append("text").attr("x", -8).attr("y", (e - l) * (A + 4) + A / 2).attr("text-anchor", "end").attr("dy", ".35em").style("font-size", "10px").style("fill", G).text(o.yFormat(e));
+		}
+		return () => {
+			Y.remove();
+		};
+	}, [
+		e,
+		t,
+		n,
+		i,
+		S,
+		w,
+		j,
+		_,
+		D,
+		k,
+		I,
+		y,
+		v
+	]), !e || e.length === 0) return /* @__PURE__ */ u("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
+		style: { height: g },
+		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: "No data available"
+			}), /* @__PURE__ */ u("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: "No data points to display in activity grid"
+			})]
+		})
+	});
+	if (!(t?.dateField && t?.valueField)) return /* @__PURE__ */ u("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
+		style: { height: g },
+		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: "Configuration Required"
+			}), /* @__PURE__ */ u("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: "Activity grid requires a time dimension and a measure"
+			})]
+		})
+	});
+	let z = Array.isArray(t.dateField) ? t.dateField[0] : t.dateField;
+	return (i?.timeDimensions?.find((e) => e.dimension === z || e.dimension.includes(z))?.granularity || "day")?.toLowerCase() === "year" ? /* @__PURE__ */ u("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
+		style: { height: g },
+		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: "Granularity Too High"
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Activity grids work best with hour, day, week, month, or quarter granularity"
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "dc:text-xs text-dc-text-secondary dc:mt-1",
+					children: "Please choose a lower granularity for your time dimension"
+				})
+			]
+		})
+	}) : /* @__PURE__ */ u("div", {
+		className: "dc:w-full dc:flex dc:flex-col dc:relative",
+		style: {
+			height: g,
+			minHeight: "250px",
+			overflow: "hidden",
+			width: "100%"
+		},
+		children: /* @__PURE__ */ d("div", {
+			ref: x,
+			className: "dc:w-full dc:h-full dc:relative dc:overflow-x-auto",
+			style: { width: "100%" },
+			children: [/* @__PURE__ */ u("svg", {
+				ref: b,
+				className: "dc:h-full"
+			}), !w && /* @__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: "Measuring chart dimensions..."
+				})
+			})]
+		})
+	});
+});
+//#endregion
+export { _ as A, w as C, k as D, O as E, T as O, D as S, y as T, A as _, U as a, b, z as c, j as d, L as f, R as g, M as h, W as i, g as k, N as l, I as m, B as n, H as o, P as p, V as r, G as s, K as t, F as u, C as v, v as w, E as x, x as y };
+
+//# sourceMappingURL=chart-activity-grid-CNES9VBk.js.map