@wral/hsot-data 0.1.13 → 0.1.14

package/dist/{hsot-school-search-Cv_ZdUOs.js → hsot-school-search-CtMiZfDB.js}

@@ -59,7 +59,7 @@ function D(a) {
     section: a.getAttribute("section-href") || H.section
   };
 }
-const S = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
+const T = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
 function y(a, e) {
   if (!a) return "TBD";
   const [t, s, o] = String(a).split("-").map(Number);
@@ -95,7 +95,7 @@ function fe(a, e = M()) {
 function j(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
-function E(a) {
+function A(a) {
   if (!a || !/^#[0-9a-fA-F]{6}$/.test(a)) return "#FFFFFF";
   const e = parseInt(a.slice(1), 16), t = e >> 16 & 255, s = e >> 8 & 255, o = e & 255;
   return 0.299 * t + 0.587 * s + 0.114 * o > 150 ? "#0F1B33" : "#FFFFFF";
@@ -116,7 +116,10 @@ function ge(a, e) {
   return t(a).localeCompare(t(e), "en", { numeric: !0, sensitivity: "base" });
 }
 function se(a) {
-  if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
+  if (a.state === "live") {
+    const e = [a.period, a.clock].filter(Boolean).join(" ");
+    return { kind: "live", label: e ? `Live · ${e}` : "Live" };
+  }
   if (a.state === "final") {
     const e = [];
     return a.finish === "overtime" && e.push("OT"), a.finish === "shootout" && e.push("PK-SO"), a.forfeit && a.forfeit !== "none" && e.push("Forfeit"), { kind: "final", label: `Final${e.length ? ` · ${e.join(" · ")}` : ""}` };
@@ -156,7 +159,7 @@ function ye(a, e, t) {
     { label: "Girls Standings", href: s("girls/standings") }
   ] : [{ label: "Standings", href: s("standings") }];
   return [
-    { label: `${S(a)} Home`, href: s("") },
+    { label: `${T(a)} Home`, href: s("") },
     { label: "Scores/Schedule", href: s("scores") },
     { label: "Playoff Brackets", href: s("brackets") },
     ...r,
@@ -385,7 +388,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), we = b`
 	.error { padding: 1.2rem 1rem; color: var(--hsot-red-deep); font-size: 0.9rem; }
 	.note { font-size: 0.8125rem; color: var(--hsot-gray-5); margin: 0.6rem 0 0; }
 	.loading { padding: 1.2rem; color: var(--hsot-gray-5); font-family: var(--hsot-heading-font); }
-`, Te = b`
+`, Se = b`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -400,7 +403,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), we = b`
 	.pill.champ { background: var(--hsot-straw); color: #6b5900; }
 	@keyframes hsot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }
 	@media (prefers-reduced-motion: reduce) { .pill.live { animation: none; } }
-`, Se = b`
+`, Te = b`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -492,7 +495,7 @@ const v = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), we = b`
 	.gamelist .ff { color: var(--hsot-gray-5); font-size: 0.78rem; font-style: italic; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, F = [we, xe, ke, Te, Se, Ie, Ce];
+`, F = [we, xe, ke, Se, Te, Ie, Ce];
 function G(a) {
   return a.state !== "final" ? null : a.forfeit === "home" ? "away" : a.forfeit === "away" || a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
@@ -585,7 +588,7 @@ function re(a, { w: e, h: t } = {}) {
   const o = a.includes("?") ? "&" : "?";
   return `${a}${o}${s.join("&")}`;
 }
-function A(a, e) {
+function E(a, e) {
   const t = e * 2;
   return re(a?.logoAssetId, { w: t, h: t });
 }
@@ -601,7 +604,7 @@ function V(a, e, { title: t, sub: s, teams: o }) {
 				${s ? i`<p class="sub">${s}</p>` : p}
 			</div>
 			${n ? i`
-				<nav class="sectionnav" aria-label="${S(e.sport)} section">
+				<nav class="sectionnav" aria-label="${T(e.sport)} section">
 					<div class="navrow">
 						<slot name="nav">
 							${ye(e.sport, o, e.hrefs).map((h) => i`<a href=${h.href}
@@ -615,14 +618,14 @@ function V(a, e, { title: t, sub: s, teams: o }) {
 const I = (a, e) => {
   const t = a.teamsById[e];
   return t ? a.schoolsById[t.schoolId] : null;
-}, T = (a, e) => I(a, e)?.name || "TBD", _ = (a, e) => I(a, e)?.abbr || "TBD";
+}, S = (a, e) => I(a, e)?.name || "TBD", _ = (a, e) => I(a, e)?.abbr || "TBD";
 function C(a, e = 26) {
   if (!a) return p;
-  const t = A(a, e);
+  const t = E(a, e);
   if (t)
     return i`<img class="swatch logo" aria-hidden="true" alt="" loading="lazy"
 			src=${t} style="width:${e}px;height:${e}px" />`;
-  const s = a.colorPrimary || "#030711", o = E(s);
+  const s = a.colorPrimary || "#030711", o = A(s);
   return i`<span class="swatch" aria-hidden="true"
 		style="width:${e}px;height:${e}px;background:${s};color:${o};font-size:${Math.max(8, e * 0.28)}px"
 	>${j(a)}</span>`;
@@ -641,7 +644,7 @@ function K(a, e, t = 5) {
   const o = s.results.slice(-1 * t);
   return i`<span class="dots" role="img" aria-label="last ${o.length} results">
 		${o.map((r) => i`<a class="dot ${r.mark}"
-			title="${r.mark} ${r.my}-${r.their} vs ${T(a, r.opp)}"
+			title="${r.mark} ${r.my}-${r.their} vs ${S(a, r.opp)}"
 			href=${u(a.hrefs.game, { sport: a.sport, id: r.gameId })}>${r.mark}</a>`)}
 	</span>`;
 }
@@ -722,7 +725,7 @@ class Pe extends $ {
       h.has(c) || h.set(c, []), h.get(c).push(l);
     }), i`
 			${V(this, e, {
-      title: i`${S(this.sport)} scores &amp; schedules`,
+      title: i`${T(this.sport)} scores &amp; schedules`,
       sub: i`${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${d.length} games`,
       teams: this.data.teams
     })}
@@ -767,7 +770,7 @@ class Pe extends $ {
 			<li>
 				${R(t)}
 				<span class="opp matchup">${o(t.awayTeamId, t.awayScore, i`<span class="at">at</span>`)}${o(t.homeTeamId, t.homeScore)}</span>
-				${r ? i`<span class="ff">${T(e, r === "home" ? t.homeTeamId : t.awayTeamId)} forfeited</span>` : p}
+				${r ? i`<span class="ff">${S(e, r === "home" ? t.homeTeamId : t.awayTeamId)} forfeited</span>` : p}
 				<span class="where">${t.venue || ""}</span>
 				${t.broadcast ? i`<span class="pill class">${t.broadcast}</span>` : p}
 				<a class="box" href=${u(e.hrefs.game, { sport: this.sport, id: t.id })}>Box score →</a>
@@ -776,7 +779,7 @@ class Pe extends $ {
   }
 }
 globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Pe);
-class Ee extends $ {
+class Ae extends $ {
   static styles = F;
   static properties = {
     ...$.properties,
@@ -819,7 +822,7 @@ class Ee extends $ {
     const e = this.ctx, t = ["All", ...[...new Set(this.data.conferences.flatMap((o) => o.classifications || []))].sort(X)].slice(0, 9), s = this.data.conferences.filter((o) => o.active !== !1).filter((o) => this.classFilter === "All" || (o.classifications || []).includes(this.classFilter)).sort(ge);
     return i`
 			${V(this, e, {
-      title: i`${S(this.sport)} standings`,
+      title: i`${T(this.sport)} standings`,
       sub: i`${this.data.season} season · every conference, computed live from reported results`,
       teams: this.data.teams
     })}
@@ -896,8 +899,8 @@ class Ee extends $ {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ee);
-const Ae = b`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Ae);
+const Ee = b`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -915,7 +918,7 @@ const Ae = b`
 	.sparkline { vertical-align: middle; }
 `;
 class _e extends $ {
-  static styles = [...F, Ae];
+  static styles = [...F, Ee];
   static properties = {
     ...$.properties,
     sport: { type: String },
@@ -986,7 +989,7 @@ class _e extends $ {
     const s = Math.max(0, t.findIndex((m) => m.effectiveDate === this.pollDate)), o = t[s] || t[0], r = t[s + 1] || null, d = t.slice().reverse(), n = d.indexOf(o), h = v(this.data.conferences), l = (o.teamIds || [])[0], c = l ? I(e, l) : null;
     return i`
 			${V(this, e, {
-      title: i`${S(this.sport)} Top 25`,
+      title: i`${T(this.sport)} Top 25`,
       sub: i`The HighSchoolOT poll · updated weekly · ${t.length} polls this season`,
       teams: this.data.teams
     })}
@@ -1183,11 +1186,11 @@ class Ne extends $ {
   renderView() {
     const { school: e, teams: t, active: s, season: o } = this.data;
     if (!e) return i`<div class="view"><p class="empty">School not found.</p></div>`;
-    const r = this.ctx, d = E(e.colorPrimary || "#030711"), n = (e.adm || [])[0], h = v(this.data.conferences), l = s ? h[s.conferenceId] : null;
+    const r = this.ctx, d = A(e.colorPrimary || "#030711"), n = (e.adm || [])[0], h = v(this.data.conferences), l = s ? h[s.conferenceId] : null;
     return i`
 			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${d}">
 				<div class="inner">
-					${A(e, 84) ? i`<img class="crest logo" alt="" loading="lazy" src=${A(e, 84)} />` : i`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${E(e.colorSecondary || "#7C7C7C")}">${j(e)}</div>`}
+					${E(e, 84) ? i`<img class="crest logo" alt="" loading="lazy" src=${E(e, 84)} />` : i`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${A(e.colorSecondary || "#7C7C7C")}">${j(e)}</div>`}
 					<div style="min-width:260px">
 						<h1>${e.name} <span class="mascot">${e.mascot || ""}</span></h1>
 						<div class="facts">
@@ -1357,6 +1360,20 @@ const Me = b`
 	.covtitle { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.05rem; line-height: 1.25; overflow-wrap: anywhere; }
 	.covdesc { margin: 0.35rem 0 0; font-size: 0.85rem; color: var(--hsot-gray-5); line-height: 1.4; }
 	.covmeta { margin-top: 0.45rem; font-size: 0.78rem; color: var(--hsot-gray-5); }
+	/* Scoring plays: a compact log under the line score. The play cell is the
+	   one table.data cell allowed to wrap — a 60-yard touchdown description
+	   must fit a phone. */
+	.plays { border-top: 1px solid var(--hsot-gray-2); padding: 0.7rem 1rem 0.9rem; }
+	.plays-title {
+		font-family: var(--hsot-heading-font); font-weight: 700; font-size: 0.9rem;
+		text-transform: uppercase; letter-spacing: 0.03em; color: var(--hsot-gray-6);
+		text-align: center; margin: 0 0 0.4rem;
+	}
+	table.plays-table { max-width: 720px; margin: 0 auto; }
+	table.plays-table td.when { color: var(--hsot-gray-5); font-variant-numeric: tabular-nums; }
+	table.plays-table td.play { white-space: normal; min-width: 12rem; }
+	/* Game notes are typed with line breaks the desk means to keep. */
+	.gamenote { padding: 0 1rem 0.9rem; text-align: center; white-space: pre-line; }
 	.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
 	.ctxcard { padding: 0.85rem 1rem; }
 	.ctxcard .who { font-family: var(--hsot-heading-font); font-weight: 700; margin-bottom: 0.4rem; }
@@ -1420,9 +1437,9 @@ class je extends $ {
 			${B(this, i`
 				${P(this)}
 				<p class="breadcrumbs">
-					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>${S(e.sport)}</a> /
+					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>${T(e.sport)}</a> /
 					<a href=${u(t.hrefs.section, { sport: e.sport, view: "scores" })}>Scores/Schedules</a> /
-					${T(t, e.awayTeamId)} at ${T(t, e.homeTeamId)}
+					${S(t, e.awayTeamId)} at ${S(t, e.homeTeamId)}
 				</p>
 				<div class="card">
 					<div class="scorehead">
@@ -1445,7 +1462,8 @@ class je extends $ {
 						${this.teamBlock(t, e, e.homeTeamId, r, !0)}
 					</div>
 					${this.renderLineScore(e, o, r)}
-					${e.notes ? i`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${e.notes}</p>` : p}
+					${this.renderScoringPlays(e, o, r)}
+					${e.notes ? i`<p class="note gamenote">${e.notes}</p>` : p}
 				</div>
 				${(this.data.coverage || []).length ? i`
 					<div class="section-title">Coverage</div>
@@ -1472,7 +1490,7 @@ class je extends $ {
 					<div class="card"><ul class="gamelist">
 						${l.map((c) => i`<li>
 							<span class="d">${y(c.date)}</span>${R(c)}
-							<span class="opp">${T(t, c.awayTeamId)} ${c.awayScore}, ${T(t, c.homeTeamId)} ${c.homeScore}</span>
+							<span class="opp">${S(t, c.awayTeamId)} ${c.awayScore}, ${S(t, c.homeTeamId)} ${c.homeScore}</span>
 							<a class="box" href=${u(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
 						</li>`)}
 					</ul></div>` : p}
@@ -1481,10 +1499,10 @@ class je extends $ {
   }
   teamBlock(e, t, s, o, r) {
     if (!o) return i`<div class="teamblock ${r ? "right" : ""}"><div class="tname">TBD</div></div>`;
-    const d = e.teamsById[s], n = e.records[s], h = A(o, 58);
+    const d = e.teamsById[s], n = e.records[s], h = E(o, 58);
     return i`
 			<div class="teamblock ${r ? "right" : ""}">
-				${h ? i`<img class="crest logo" alt="" loading="lazy" src=${h} />` : i`<span class="crest" style="background:${o.colorPrimary || "#030711"};color:${E(o.colorPrimary || "#030711")}">${j(o)}</span>`}
+				${h ? i`<img class="crest logo" alt="" loading="lazy" src=${h} />` : i`<span class="crest" style="background:${o.colorPrimary || "#030711"};color:${A(o.colorPrimary || "#030711")}">${j(o)}</span>`}
 				<div>
 					<div class="tname">${Y(e, s, t.date)}<a href=${u(e.hrefs.school, { id: o.id })}>${o.name}</a></div>
 					<div class="trec">${o.mascot || ""} · ${w(n)}${d?.conferenceId ? i` · ${w(n, !0)} conf` : p}</div>
@@ -1517,6 +1535,32 @@ class je extends $ {
 			</div>
 		`;
   }
+  renderScoringPlays(e, t, s) {
+    const o = Array.isArray(e.scoringPlays) ? e.scoringPlays : [];
+    if (!o.length) return p;
+    const r = (d) => [d.period, d.clock].filter(Boolean).join(" ");
+    return i`
+			<div class="plays">
+				<div class="plays-title">Scoring plays</div>
+				<div class="tablewrap">
+					<table class="data plays-table">
+						<thead><tr>
+							<th>When</th><th>Play</th>
+							<th class="num">${t?.abbr || "Away"}</th><th class="num">${s?.abbr || "Home"}</th>
+						</tr></thead>
+						<tbody>
+							${o.map((d) => i`<tr>
+								<td class="when">${r(d) || "·"}</td>
+								<td class="play">${d.description || "·"}</td>
+								<td class="num">${d.awayScore}</td>
+								<td class="num">${d.homeScore}</td>
+							</tr>`)}
+						</tbody>
+					</table>
+				</div>
+			</div>
+		`;
+  }
   renderContext(e, t, s) {
     if (!s) return p;
     const o = e.records[t], r = q(this.data.games, t);
@@ -1721,7 +1765,7 @@ export {
   Ne as b,
   We as c,
   Pe as d,
-  Ee as e,
+  Ae as e,
   z as f,
   he as g,
   u as h,

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { D as o, H as e, a as t, b as r, c as n, d as c, e as l, f as i, g as H, h as S, i as g, p as d, r as m, j as R, s as f, k as h, t as k } from "./hsot-school-search-Cv_ZdUOs.js";
+import { D as o, H as e, a as t, b as r, c as n, d as c, e as l, f as i, g as H, h as S, i as g, p as d, r as m, j as R, s as f, k as h, t as k } from "./hsot-school-search-CtMiZfDB.js";
 export {
   o as DEFAULT_HREFS,
   e as HsotBoxscore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/hsot-data",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "description": "Lit web components for the HighSchoolOT public data pages: scores/schedules, standings, rankings, school pages, and box scores, rendered from api-hsot v1 read payloads.",
   "author": "WRAL Digital",