courthive-components 4.3.0 → 4.4.0

package/dist/courthive-components.es.js

@@ -15274,7 +15274,7 @@ function OC(e) {
 var kC = {
 	name: "courthive-components",
 	packageManager: "pnpm@12.3.4",
-	version: "4.3.0",
+	version: "4.4.0",
 	engines: { node: ">=22" },
 	description: "Components for competitions projects",
 	files: ["dist"],
@@ -29123,9 +29123,9 @@ function Zq(e, t, n, r, i) {
 function Qq(e) {
 	return e === "in-progress" ? "LIVE" : e === "suspended" ? "SUSP" : e === "next" ? "NEXT" : e === "due" ? "DUE" : null;
 }
-function $q(e, t, n, r, i) {
-	let a = document.createElement("div");
-	if (a.className = `spl-active-strip-cell state-${e.state}`, i && (a.classList.add("has-availability-block"), e.state !== "free" && e.matchUp && a.classList.add("has-block-conflict")), a.dataset.courtId = e.courtId, e.rowIndex !== void 0 && (a.dataset.rowIndex = String(e.rowIndex)), r.cellHeight && (a.style.minHeight = r.cellHeight), i) {
+function $q(e, t, n, r, i, a) {
+	let o = document.createElement("div");
+	if (o.className = `spl-active-strip-cell state-${e.state}`, i && (o.classList.add("has-availability-block"), e.state !== "free" && e.matchUp && o.classList.add("has-block-conflict")), o.dataset.courtId = e.courtId, e.rowIndex !== void 0 && (o.dataset.rowIndex = String(e.rowIndex)), r.cellHeight && (o.style.minHeight = r.cellHeight), i) {
 		let e = document.createElement("div");
 		e.className = `spl-active-strip-block-banner block-${i.type.toLowerCase()}`;
 		let t = document.createElement("span");
@@ -29133,22 +29133,28 @@ function $q(e, t, n, r, i) {
 			let t = document.createElement("span");
 			t.className = "spl-active-strip-block-detail", t.textContent = i.detail, e.appendChild(t);
 		}
-		a.appendChild(e);
+		o.appendChild(e);
 	}
 	if (e.state !== "free" && e.matchUp) {
 		let t = r.renderCell?.(e.matchUp);
-		if (t) a.appendChild(t);
+		if (t) o.appendChild(t);
 		else {
 			let t = document.createElement("div");
-			t.className = "spl-active-strip-body", t.textContent = e.matchUp.participantIds.join(" – ") || e.matchUp.matchUpId, a.appendChild(t);
+			t.className = "spl-active-strip-body", t.textContent = e.matchUp.participantIds.join(" – ") || e.matchUp.matchUpId, o.appendChild(t);
 		}
 	}
-	let o = Qq(e.state);
-	if (o) {
+	let s = e.state !== "free" && !!e.matchUp;
+	if (!s && !i && a?.upcoming) {
+		let e = document.createElement("div");
+		e.className = `spl-active-strip-runway block-${a.upcoming.type.toLowerCase()}`, e.textContent = a.upcoming.label, a.upcoming.title && (e.title = a.upcoming.title), o.appendChild(e);
+	}
+	s && a?.edge && (o.classList.add("has-block-edge", `edge-${a.edge.type.toLowerCase()}`), a.edge.title && (o.title = a.edge.title));
+	let c = Qq(e.state);
+	if (c) {
 		let t = document.createElement("span");
-		t.className = "spl-active-strip-state-pill", t.textContent = o, e.state === "suspended" && (t.title = "Suspended"), e.state === "due" && (t.title = "Should have started — not called to court"), a.appendChild(t);
+		t.className = "spl-active-strip-state-pill", t.textContent = c, e.state === "suspended" && (t.title = "Suspended"), e.state === "due" && (t.title = "Should have started — not called to court"), o.appendChild(t);
 	}
-	return Zq(a, e, t, n, r.statusOptions), a;
+	return Zq(o, e, t, n, r.statusOptions), o;
 }
 function eJ(e) {
 	let t = document.createElement("div");
@@ -29175,8 +29181,11 @@ function tJ(e = {}, t = {}) {
 			dueMatchUpIds: new Set(r.dueMatchUpIds)
 		} : t.statusOptions, o = Hq(r.grid, a);
 		for (let a of o) {
-			let o = r.courtBlocks?.[a.courtId];
-			n.appendChild($q(a, e, i, t, o));
+			let o = r.courtBlocks?.[a.courtId], s = {
+				upcoming: r.courtUpcomingBlocks?.[a.courtId],
+				edge: r.courtBlockEdges?.[a.courtId]
+			};
+			n.appendChild($q(a, e, i, t, o, s));
 		}
 	}
 	function o(e) {