courthive-components 4.2.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.2.0",
+	version: "4.4.0",
 	engines: { node: ">=22" },
 	description: "Components for competitions projects",
 	files: ["dist"],
@@ -28978,27 +28978,32 @@ function Bq(e, t, n, r) {
 	return i && n.has(i) ? Lq : i && t.has(i) || e.hasScore && e.winningSide === void 0 && (!i || !r.has(i)) ? Iq : i && r.has(i) || e.winningSide !== void 0 ? zq : Rq;
 }
 function Vq(e, t) {
-	let n = t?.inProgressStatuses ?? Nq, r = t?.suspendedStatuses ?? Pq, i = t?.completedStatuses ?? Fq, a = e.cells, o = -1;
-	for (let t = 0; t < a.length; t++) {
-		let s = a[t];
-		if (!s) continue;
-		let c = Bq(s, n, r, i);
-		if (c === Iq || c === Lq) return {
+	let n = t?.inProgressStatuses ?? Nq, r = t?.suspendedStatuses ?? Pq, i = t?.completedStatuses ?? Fq, a = t?.dueMatchUpIds, o = e.cells, s = -1, c = -1;
+	for (let t = 0; t < o.length; t++) {
+		let l = o[t];
+		if (!l) continue;
+		let u = Bq(l, n, r, i);
+		if (u === Iq || u === Lq) return {
 			courtId: e.courtId,
-			state: c,
-			matchUp: s,
+			state: u,
+			matchUp: l,
 			rowIndex: t
 		};
-		c === Rq && s.calledAt && o === -1 && (o = t);
+		u === Rq && l.calledAt && s === -1 && (s = t), u === Rq && !l.calledAt && c === -1 && a?.has(l.matchUpId) && (c = t);
 	}
-	return o === -1 ? {
+	return s === -1 ? c === -1 ? {
 		courtId: e.courtId,
 		state: "free"
+	} : {
+		courtId: e.courtId,
+		state: "due",
+		matchUp: o[c],
+		rowIndex: c
 	} : {
 		courtId: e.courtId,
 		state: "next",
-		matchUp: a[o],
-		rowIndex: o
+		matchUp: o[s],
+		rowIndex: s
 	};
 }
 function Hq(e, t) {
@@ -29116,11 +29121,11 @@ function Zq(e, t, n, r, i) {
 	});
 }
 function Qq(e) {
-	return e === "in-progress" ? "LIVE" : e === "suspended" ? "SUSP" : e === "next" ? "NEXT" : null;
+	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");
@@ -29128,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"), 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");
@@ -29165,10 +29176,16 @@ function tJ(e = {}, t = {}) {
 	}
 	function a() {
 		n.innerHTML = "", r.gridTemplateColumns ? (n.style.display = "grid", n.style.gridTemplateColumns = r.gridTemplateColumns) : (n.style.display = "", n.style.gridTemplateColumns = ""), n.style.minWidth = r.minWidth ?? "", n.appendChild(eJ(t));
-		let a = Hq(r.grid, t.statusOptions);
-		for (let o of a) {
-			let a = r.courtBlocks?.[o.courtId];
-			n.appendChild($q(o, e, i, t, a));
+		let a = r.dueMatchUpIds ? {
+			...t.statusOptions,
+			dueMatchUpIds: new Set(r.dueMatchUpIds)
+		} : t.statusOptions, o = Hq(r.grid, a);
+		for (let a of 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) {