@wral/hsot-data 0.1.3 → 0.1.4

package/dist/{hsot-boxscore-CY8jCxLh.js → hsot-boxscore-HfW4EnqW.js}

@@ -1,12 +1,12 @@
-import { LitElement as Z, html as l, css as $, nothing as p, svg as q } from "lit";
-const ee = 50;
-function te(a = {}) {
+import { LitElement as ee, html as l, css as y, nothing as p, svg as q } from "lit";
+const te = 50;
+function se(a = {}) {
   const e = Object.entries(a).filter(([, s]) => s != null && s !== "");
   if (!e.length) return "";
   const t = new URLSearchParams();
   return e.forEach(([s, r]) => t.set(s, String(r))), `?${t.toString()}`;
 }
-function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
+function ae({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
   if (!a) throw new Error("createClient requires a baseUrl");
   const s = a.replace(/\/+$/, ""), r = t || ((...i) => fetch(...i));
   async function o(i) {
@@ -22,8 +22,8 @@ function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
   async function n(i, m = {}) {
     const d = [];
     let c = null;
-    for (let h = 0; h < ee; h += 1) {
-      const f = te(c ? { ...m, cursor: c } : m), u = await o(`${i}${f}`);
+    for (let h = 0; h < te; h += 1) {
+      const f = se(c ? { ...m, cursor: c } : m), u = await o(`${i}${f}`);
       if (d.push(...u.items || []), c = u.nextCursor || null, !c) break;
     }
     return { items: d, total: d.length, nextCursor: null };
@@ -44,7 +44,7 @@ function se({ baseUrl: a, token: e = "", fetchFn: t } = {}) {
     listSports: () => o("/sports")
   };
 }
-class y extends Z {
+class b extends ee {
   static properties = {
     api: { type: String },
     refreshInterval: { type: Number, attribute: "refresh-interval" },
@@ -60,7 +60,7 @@ class y extends Z {
     this._client = e, this.isConnected && this.load();
   }
   get client() {
-    return this._client ? this._client : this.api ? se({ baseUrl: this.api }) : null;
+    return this._client ? this._client : this.api ? ae({ baseUrl: this.api }) : null;
   }
   connectedCallback() {
     super.connectedCallback(), this._setupInterval();
@@ -107,7 +107,7 @@ class y extends Z {
     return l``;
   }
 }
-const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
+const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), re = y`
 	:host {
 		--hsot-red: var(--color-red, #D1232A);
 		--hsot-red-deep: var(--color-red-dark, #951C21);
@@ -141,7 +141,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 		outline-offset: 1px;
 	}
 	.mut { color: var(--hsot-gray-5); }
-`, re = $`
+`, oe = y`
 	.band { background: var(--hsot-white); color: var(--hsot-black); }
 	.band .inner { max-width: 1366px; margin: 0 auto; padding: 1.1rem 1.25rem 0; }
 	.band h1, .band h2.bandtitle {
@@ -161,7 +161,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
 	.band nav.tabs span.off { color: var(--hsot-gray-4); cursor: not-allowed; }
 	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
-`, oe = $`
+`, ie = y`
 	.view { max-width: 1366px; margin: 0 auto; padding: 1.25rem; box-sizing: border-box; }
 	.toolbar { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; margin: 0 0 1.1rem; }
 	.toolbar .spacer { flex: 1; }
@@ -204,7 +204,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.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); }
-`, ie = $`
+`, ne = y`
 	.pill {
 		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
 		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
@@ -219,7 +219,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.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; } }
-`, ne = $`
+`, le = y`
 	.tablewrap { overflow-x: auto; }
 	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
 	table.data th {
@@ -237,7 +237,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	table.data tbody tr.rowlink:hover { background: var(--hsot-gray-1); }
 	table.data td.teamcell a { color: inherit; text-decoration: none; font-weight: 500; }
 	table.data td.teamcell a:hover { text-decoration: underline; }
-`, le = $`
+`, ce = y`
 	.swatch {
 		display: inline-flex; align-items: center; justify-content: center;
 		width: 26px; height: 26px; border-radius: 50%;
@@ -261,7 +261,7 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.dot.W { background: var(--hsot-win); }
 	.dot.L { background: var(--hsot-loss); }
 	.dot.T { background: var(--hsot-tie); }
-`, ce = $`
+`, de = y`
 	ul.gamelist { list-style: none; margin: 0; padding: 0; }
 	.gamelist li {
 		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
@@ -278,14 +278,14 @@ const g = (a) => Object.fromEntries((a || []).map((e) => [e.id, e])), ae = $`
 	.gamelist .opp a:hover { text-decoration: underline; }
 	.gamelist .where { color: var(--hsot-gray-5); font-size: 0.78rem; }
 	.gamelist a.box { font-size: 0.78rem; }
-`, S = [ae, re, oe, ie, ne, le, ce];
-function H(a) {
+`, S = [re, oe, ie, ne, le, ce, de];
+function j(a) {
   return a.state !== "final" ? null : a.forfeit && a.forfeit !== "none" ? a.forfeit : a.homeScore > a.awayScore ? "home" : a.awayScore > a.homeScore ? "away" : a.tiebreakWinner && a.tiebreakWinner !== "none" ? a.tiebreakWinner : "tie";
 }
 function D(a, e) {
   const t = {}, s = (o) => (t[o] = t[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, t[o]), r = a.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && (!e || o.date <= e)).sort((o, n) => String(o.date).localeCompare(String(n.date)));
   for (const o of r) {
-    const n = H(o), i = o.gameType === "conference";
+    const n = j(o), i = o.gameType === "conference";
     for (const m of ["home", "away"]) {
       const d = m === "home" ? o.homeTeamId : o.awayTeamId;
       if (!d) continue;
@@ -319,7 +319,7 @@ function K(a, e) {
     return { team: t, rec: s, confPct: V(s.cw, s.cl, s.ct), overallPct: V(s.w, s.l, s.t) };
   }).sort((t, s) => s.confPct - t.confPct || s.overallPct - t.overallPct || s.rec.pf - s.rec.pa - (t.rec.pf - t.rec.pa));
 }
-function M(a, e) {
+function H(a, e) {
   return a.filter((t) => (t.homeTeamId === e || t.awayTeamId === e) && (t.state === "scheduled" || t.state === "live") && t.gameType !== "scrimmage").sort((t, s) => String(t.date).localeCompare(String(s.date)))[0] || null;
 }
 function Q(a, e) {
@@ -342,7 +342,7 @@ function C(a) {
   };
 }
 const R = (a) => a ? a.charAt(0).toUpperCase() + a.slice(1) : "";
-function b(a, e) {
+function $(a, e) {
   if (!a) return "TBD";
   const [t, s, r] = String(a).split("-").map(Number);
   return !t || !s || !r ? "TBD" : new Date(t, s - 1, r).toLocaleDateString("en-US", e || { weekday: "short", month: "short", day: "numeric" });
@@ -354,7 +354,7 @@ function E(a) {
   const s = e >= 12 ? "PM" : "AM";
   return `${(e + 11) % 12 + 1}:${String(t || 0).padStart(2, "0")} ${s}`;
 }
-function de(a) {
+function he(a) {
   return a ? `${Math.floor(a / 12)}-${a % 12}` : "·";
 }
 function A(a = /* @__PURE__ */ new Date()) {
@@ -365,7 +365,7 @@ function O(a = /* @__PURE__ */ new Date()) {
   const e = (t) => String(t).padStart(2, "0");
   return `${a.getFullYear()}-${e(a.getMonth() + 1)}-${e(a.getDate())}`;
 }
-function j(a) {
+function M(a) {
   return a ? (a.abbr || a.name || "?").slice(0, 4).toUpperCase() : "?";
 }
 function F(a) {
@@ -373,19 +373,19 @@ function F(a) {
   const e = parseInt(a.slice(1), 16), t = e >> 16 & 255, s = e >> 8 & 255, r = e & 255;
   return 0.299 * t + 0.587 * s + 0.114 * r > 150 ? "#0F1B33" : "#FFFFFF";
 }
-const he = (a) => {
+const me = (a) => {
   const e = ["th", "st", "nd", "rd"], t = a % 100;
   return a + (e[(t - 20) % 10] || e[t] || e[0]);
 };
-function me(a) {
+function pe(a) {
   if (a.state === "live") return { kind: "live", label: `Live · ${a.period || ""}`.replace(/ · $/, "") };
   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(" · ")}` : ""}` };
   }
-  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${b(a.date, { month: "short", day: "numeric" })} · ${E(a.time)}`.replace(/ · $/, "") };
+  return a.state === "postponed" ? { kind: "warn", label: "Postponed" } : a.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${$(a.date, { month: "short", day: "numeric" })} · ${E(a.time)}`.replace(/ · $/, "") };
 }
-function Ce(a, e, t, s = "") {
+function Fe(a, e, t, s = "") {
   let r = null;
   for (const o of a || [])
     o.sport === e && (t && o.effectiveDate > t || s && o.gender && o.gender !== s || (!r || o.effectiveDate > r.effectiveDate) && (r = o));
@@ -407,7 +407,7 @@ function X(a, e, t, s, r) {
   }
   return i ? i.rank : null;
 }
-function pe(a, e, t) {
+function fe(a, e, t) {
   if (!a) return { kind: "none", delta: 0 };
   const s = (a.teamIds || []).indexOf(t) + 1;
   if (!s) return { kind: "none", delta: 0 };
@@ -417,12 +417,12 @@ function pe(a, e, t) {
   const o = r - s;
   return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
 }
-function fe(a) {
+function ue(a) {
   return /^https?:\/\//i.test(String(a || ""));
 }
 function P(a, e) {
   const t = a?.logoAssetId;
-  if (!fe(t)) return "";
+  if (!ue(t)) return "";
   const s = Math.max(1, Math.round(e * 2)), r = t.includes("?") ? "&" : "?";
   return `${t}${r}w=${s}&h=${s}&f=webp`;
 }
@@ -439,7 +439,7 @@ function I(a, e = 26) {
   const s = a.colorPrimary || "#030711", r = F(s);
   return l`<span class="swatch" aria-hidden="true"
 		style="width:${e}px;height:${e}px;background:${s};color:${r};font-size:${Math.max(8, e * 0.28)}px"
-	>${j(a)}</span>`;
+	>${M(a)}</span>`;
 }
 function G(a, e, t) {
   const s = X(a.rankings, a.teamsById, e, a.sport, t);
@@ -460,18 +460,18 @@ function W(a, e, t = 5) {
 	</span>`;
 }
 function B(a) {
-  const e = me(a);
+  const e = pe(a);
   return l`<span class="pill ${e.kind}">${e.label}</span>`;
 }
-function J(a, e, t) {
+function Z(a, e, t) {
   if (!e) return l`<span class="mut">·</span>`;
   const s = e.homeTeamId === t ? e.awayTeamId : e.homeTeamId, r = e.homeTeamId === t ? "vs" : "at";
-  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${b(e.date, { month: "numeric", day: "numeric" })} `}${r} ${z(a, s)}`;
+  return l`${e.state === "live" ? l`<span class="pill live">Live</span> ` : l`${$(e.date, { month: "numeric", day: "numeric" })} `}${r} ${z(a, s)}`;
 }
-class ue extends y {
+class ge extends b {
   static styles = S;
   static properties = {
-    ...y.properties,
+    ...b.properties,
     sport: { type: String },
     season: { type: String },
     date: { type: String }
@@ -521,7 +521,7 @@ class ue extends y {
 			<div class="band">
 				<div class="inner">
 					<h1>${R(this.sport)} scores &amp; schedules</h1>
-					<p class="sub">${b(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
+					<p class="sub">${$(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${r.length} games</p>
 				</div>
 			</div>
 			<div class="view">
@@ -531,7 +531,7 @@ class ue extends y {
       this.date = n.target.value;
     }}>
 						${s.map((n) => l`<option value=${n} ?selected=${n === this.date}>
-							${b(n, { weekday: "short", month: "short", day: "numeric" })}${n === O() ? " · today" : ""}
+							${$(n, { weekday: "short", month: "short", day: "numeric" })}${n === O() ? " · today" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
@@ -569,11 +569,11 @@ class ue extends y {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ue);
-class ge extends y {
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", ge);
+class ve extends b {
   static styles = S;
   static properties = {
-    ...y.properties,
+    ...b.properties,
     sport: { type: String },
     season: { type: String },
     classFilter: { state: !0 },
@@ -631,7 +631,7 @@ class ge extends y {
       this.query = r.target.value;
     }}>
 					<span class="spacer"></span>
-					<span class="asof">Records through ${b(O(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+					<span class="asof">Records through ${$(O(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
 				</div>
 				${s.map((r) => this.renderConference(e, r))}
 			</div>
@@ -664,7 +664,7 @@ class ge extends y {
   renderRow(e, t, s, r) {
     const o = e.schoolsById[t.team.schoolId], n = o?.name || t.team.name || "TBD";
     if (r && !n.toLowerCase().includes(r)) return p;
-    const i = t.rec.pf - t.rec.pa, m = M(this.data.games, t.team.id), d = (t.team.championships || []).map((h) => l`
+    const i = t.rec.pf - t.rec.pa, m = H(this.data.games, t.team.id), d = (t.team.championships || []).map((h) => l`
 			<span class="pill champ" title="${h.season} ${h.title} champion">★ ${h.season} ${h.title}</span>`), c = () => {
       location.href = v(e.hrefs.school, { id: t.team.schoolId });
     };
@@ -686,13 +686,13 @@ class ge extends y {
 				<td class="num" style="color:${i >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${i > 0 ? "+" : ""}${i}</td>
 				<td>${_(t.rec.results) || "·"}</td>
 				<td>${W(e, t.team.id)}</td>
-				<td>${J(e, m, t.team.id)}</td>
+				<td>${Z(e, m, t.team.id)}</td>
 			</tr>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", ge);
-const ve = $`
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", ve);
+const $e = y`
 	.hero1 {
 		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
 		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
@@ -709,10 +709,10 @@ const ve = $`
 	.delta.new { background: var(--hsot-straw); color: #6b5900; border-radius: var(--hsot-radius-xs); padding: 0.1rem 0.3rem; font-size: 0.7rem; }
 	.sparkline { vertical-align: middle; }
 `;
-class be extends y {
-  static styles = [...S, ve];
+class be extends b {
+  static styles = [...S, $e];
   static properties = {
-    ...y.properties,
+    ...b.properties,
     sport: { type: String },
     gender: { type: String },
     season: { type: String },
@@ -772,7 +772,7 @@ class be extends y {
 		</svg>`;
   }
   movement(e, t, s) {
-    const r = pe(e, t, s);
+    const r = fe(e, t, s);
     return r.kind === "up" ? l`<span class="delta up">▲ ${r.delta}</span>` : r.kind === "down" ? l`<span class="delta down">▼ ${r.delta}</span>` : r.kind === "new" ? l`<span class="delta new">NEW</span>` : r.kind === "same" ? l`<span class="delta same">—</span>` : l`<span class="delta same">·</span>`;
   }
   renderView() {
@@ -793,7 +793,7 @@ class be extends y {
       this.pollDate = h.target.value;
     }}>
 						${t.map((h, f) => l`<option value=${h.effectiveDate} ?selected=${h === r}>
-							${b(h.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+							${$(h.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
 						</option>`)}
 					</select>
 					<button class="chip" ?disabled=${s >= t.length - 1}
@@ -842,7 +842,7 @@ class be extends y {
   renderRow(e, t, s, r, o, n, i, m) {
     const d = T(e, i);
     if (!d) return p;
-    const c = e.records[i], h = Q(e.records, i), f = M(this.data.games, i), u = n[e.teamsById[i]?.conferenceId], x = () => {
+    const c = e.records[i], h = Q(e.records, i), f = H(this.data.games, i), u = n[e.teamsById[i]?.conferenceId], x = () => {
       location.href = v(e.hrefs.school, { id: d.id });
     };
     return l`
@@ -858,14 +858,14 @@ class be extends y {
 				<td>${h ? l`<a class="box" style="text-decoration:none" href=${v(e.hrefs.game, { sport: this.sport, id: h.gameId })}>
 					<b style="color:${h.mark === "W" ? "var(--hsot-win)" : h.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${h.mark}</b>
 					${h.my}-${h.their} vs ${z(e, h.opp)}</a>` : l`<span class="mut">·</span>`}</td>
-				<td>${J(e, f, i)}</td>
+				<td>${Z(e, f, i)}</td>
 				<td>${this.sparkline(i, r, o)}</td>
 			</tr>
 		`;
   }
 }
 globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", be);
-const ye = $`
+const ye = y`
 	.schoolhero { color: var(--hsot-white); padding: 1.6rem 1.25rem 1.3rem; }
 	.schoolhero .inner { max-width: 1366px; margin: 0 auto; display: flex; gap: 1.2rem; align-items: center; flex-wrap: wrap; }
 	.schoolhero .crest {
@@ -890,10 +890,10 @@ const ye = $`
 	.cols { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 1.25rem; }
 	@media (max-width: 900px) { .cols { grid-template-columns: 1fr; } .schoolhero h1 { font-size: 1.9rem; } }
 `;
-class $e extends y {
+class we extends b {
   static styles = [...S, ye];
   static properties = {
-    ...y.properties,
+    ...b.properties,
     schoolId: { type: String, attribute: "school-id" },
     sport: { type: String },
     season: { type: String },
@@ -953,7 +953,7 @@ class $e extends y {
     return l`
 			<div class="schoolhero" style="background:linear-gradient(115deg, ${e.colorPrimary || "#030711"} 0%, ${e.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${n}">
 				<div class="inner">
-					${P(e, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${P(e, 84)} />` : l`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${F(e.colorSecondary || "#7C7C7C")}">${j(e)}</div>`}
+					${P(e, 84) ? l`<img class="crest logo" alt="" loading="lazy" src=${P(e, 84)} />` : l`<div class="crest" style="background:${e.colorSecondary || "#7C7C7C"};color:${F(e.colorSecondary || "#7C7C7C")}">${M(e)}</div>`}
 					<div style="min-width:260px">
 						<h1>${e.name} <span class="mascot">${e.mascot || ""}</span></h1>
 						<div class="facts">
@@ -986,7 +986,7 @@ class $e extends y {
 			<div class="tiles">
 				<div class="tile"><div class="k">Overall</div><div class="v">${w(o)}</div><div class="s">${n} games played</div></div>
 				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${w(o, !0)}</div>
-					<div class="s">${m ? `${he(m)} of ${i.length}` : "·"}</div></div>
+					<div class="s">${m ? `${me(m)} of ${i.length}` : "·"}</div></div>
 				<div class="tile"><div class="k">Points</div><div class="v">${n ? (o.pf / n).toFixed(1) : "0.0"}</div>
 					<div class="s">scored per game · ${n ? (o.pa / n).toFixed(1) : "0.0"} allowed</div></div>
 				<div class="tile"><div class="k">Streak</div><div class="v">${_(o.results) || "·"}</div>
@@ -1016,13 +1016,13 @@ class $e extends y {
     const r = s.homeTeamId === t.id, o = r ? s.awayTeamId : s.homeTeamId, n = r ? s.homeScore : s.awayScore, i = r ? s.awayScore : s.homeScore;
     let m = l`<span class="mut">${E(s.time)}</span>`;
     if (s.state === "final") {
-      const c = H(s), h = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
+      const c = j(s), h = c === "tie" ? "T" : c === (r ? "home" : "away") ? "W" : "L";
       m = l`<span class=${h}>${h}</span> ${n}-${i}${s.finish === "overtime" ? l` <span class="mut">OT</span>` : p}${s.forfeit && s.forfeit !== "none" ? l` <span class="mut">FF</span>` : p}`;
     } else s.state === "live" && (m = l`<span style="color:var(--hsot-red)">${n}-${i}</span>`);
     const d = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
     return l`
 			<li>
-				<span class="d">${b(s.date)}</span>
+				<span class="d">${$(s.date)}</span>
 				${B(s)}
 				<span class="res">${m}</span>
 				<span class="opp">${r ? "vs" : "at"} ${U(e, o, s.date)}
@@ -1050,7 +1050,7 @@ class $e extends y {
 							<td style="font-weight:500">${n.firstName} ${n.lastName}</td>
 							<td>${o.position || "·"}</td>
 							<td class="mut">${n.classOf || "·"}</td>
-							<td class="num">${de(n.heightIn)}</td>
+							<td class="num">${he(n.heightIn)}</td>
 							<td class="num">${n.weightLb || "·"}</td>
 						</tr>` : p;
     })}
@@ -1059,22 +1059,37 @@ class $e extends y {
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", $e);
-const we = "https://api.wral.com/search";
-function xe(a) {
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", we);
+const xe = "https://api.wral.com/search";
+function ke(a) {
   return a.map((e) => `uri:"${e}"`).join(" OR ");
 }
-function ke(a, e) {
-  const t = String(a || we).replace(/\/+$/, ""), s = new URLSearchParams({ query: xe(e), sort: "score", lang: "en" });
+function Te(a, e) {
+  const t = String(a || xe).replace(/\/+$/, ""), s = new URLSearchParams({ query: ke(e), sort: "score", lang: "en" });
   return `${t}/v1/query?${s}`;
 }
-async function Te(a, e, t) {
-  const r = await ((...i) => fetch(...i))(ke(a, e));
+function J(a) {
+  try {
+    const e = new URL(a);
+    if (/(^|\.)smugmug\.com$/i.test(e.hostname)) {
+      const t = e.pathname.split("/").filter(Boolean).pop() || "", s = !t || /^[ni]-[A-Za-z0-9]+$/.test(t);
+      return {
+        uri: a,
+        title: s ? a : decodeURIComponent(t).replace(/-/g, " "),
+        photos: !0
+      };
+    }
+  } catch {
+  }
+  return { uri: a, title: a };
+}
+async function Ie(a, e, t) {
+  const r = await ((...i) => fetch(...i))(Te(a, e));
   if (!r.ok) throw new Error(`search answered ${r.status}`);
   const o = await r.json(), n = new Map((o.items || []).map((i) => [i.uri, i]));
-  return e.map((i) => n.get(i) || { uri: i, title: i });
+  return e.map((i) => n.get(i) || J(i));
 }
-const Ie = $`
+const Se = y`
 	.breadcrumbs { font-size: 0.8125rem; margin: 0.9rem 0 0; color: var(--hsot-gray-5); }
 	.breadcrumbs a { text-decoration: none; }
 	.scorehead { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.4rem 1rem; }
@@ -1113,10 +1128,10 @@ const Ie = $`
 		.cols { grid-template-columns: 1fr; }
 	}
 `;
-class Se extends y {
-  static styles = [...S, Ie];
+class De extends b {
+  static styles = [...S, Se];
   static properties = {
-    ...y.properties,
+    ...b.properties,
     gameId: { type: String, attribute: "game-id" },
     // The public site search that resolves Game.coverageUrls into cards
     // (DEV-1236). Shared cross-stage by design — see the studio host's
@@ -1136,7 +1151,7 @@ class Se extends y {
       e.listGames({ sport: t.sport, season: t.season }),
       // A search outage must not blank the box score — degrade to bare
       // links (fetchCoverage already degrades per-URL index misses).
-      s.length ? Te(this.searchApi, s).catch(() => s.map((c) => ({ uri: c, title: c }))) : Promise.resolve([])
+      s.length ? Ie(this.searchApi, s).catch(() => s.map(J)) : Promise.resolve([])
     ]);
     return {
       game: t,
@@ -1161,7 +1176,7 @@ class Se extends y {
   renderView() {
     const e = this.data.game;
     if (!e) return l`<div class="view"><p class="empty">Game not found.</p></div>`;
-    const t = this.ctx, s = g(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, n = H(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", m = e.conferenceId ? s[e.conferenceId] : null, d = this.data.games.filter((c) => c.id !== e.id && c.state === "final" && c.gameType !== "scrimmage" && (c.homeTeamId === e.homeTeamId && c.awayTeamId === e.awayTeamId || c.homeTeamId === e.awayTeamId && c.awayTeamId === e.homeTeamId));
+    const t = this.ctx, s = g(this.data.conferences), r = t.teamsById[e.awayTeamId] ? t.schoolsById[t.teamsById[e.awayTeamId].schoolId] : null, o = t.teamsById[e.homeTeamId] ? t.schoolsById[t.teamsById[e.homeTeamId].schoolId] : null, n = j(e), i = (c) => e.state === "final" && n !== c && n !== "tie" ? "opacity:0.45" : "", m = e.conferenceId ? s[e.conferenceId] : null, d = this.data.games.filter((c) => c.id !== e.id && c.state === "final" && c.gameType !== "scrimmage" && (c.homeTeamId === e.homeTeamId && c.awayTeamId === e.awayTeamId || c.homeTeamId === e.awayTeamId && c.awayTeamId === e.homeTeamId));
     return l`
 			<div class="view">
 				<p class="breadcrumbs">
@@ -1179,7 +1194,7 @@ class Se extends y {
 								<span style=${i("home")}>${e.homeScore}</span>
 							</div>
 							<div class="status">${B(e)}</div>
-							<div class="status">${b(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${E(e.time)}` : p} · ${e.venue || "Venue TBD"}
+							<div class="status">${$(e.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${e.state === "scheduled" && e.time ? l` · ${E(e.time)}` : p} · ${e.venue || "Venue TBD"}
 								${e.broadcast ? l` · <span class="pill class">${e.broadcast}</span>` : p}</div>
 							<div class="status">
 								<span class="pill type">${e.gameType === "conference" ? `${m?.name || "Conference"} game` : e.gameType}</span>
@@ -1199,7 +1214,7 @@ class Se extends y {
 							<a class="card covcard" href=${c.uri}>
 								${c.image ? l`<img class="covimg" src=${c.image} alt="" loading="lazy" />` : p}
 								<div class="covbody">
-									<div class="covtitle">${c.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : p}${c.title || c.uri}</div>
+									<div class="covtitle">${c.videoDuration ? l`<span class="pill live" style="animation:none">Video</span> ` : p}${c.photos ? l`<span class="pill live" style="animation:none">Photos</span> ` : p}${c.title || c.uri}</div>
 									${c.description ? l`<p class="covdesc">${c.description}</p>` : p}
 									${c.author || c.publishedTime ? l`
 										<div class="covmeta">${[c.author, c.publishedTime ? new Date(c.publishedTime).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) : ""].filter(Boolean).join(" · ")}</div>
@@ -1216,7 +1231,7 @@ class Se extends y {
 					<div class="section-title">Head to head this season</div>
 					<div class="card"><ul class="gamelist">
 						${d.map((c) => l`<li>
-							<span class="d">${b(c.date)}</span>${B(c)}
+							<span class="d">${$(c.date)}</span>${B(c)}
 							<span class="opp">${k(t, c.awayTeamId)} ${c.awayScore}, ${k(t, c.homeTeamId)} ${c.homeScore}</span>
 							<a class="box" href=${v(t.hrefs.game, { sport: e.sport, id: c.id })}>Box score →</a>
 						</li>`)}
@@ -1229,7 +1244,7 @@ class Se extends y {
     const n = e.teamsById[s], i = e.records[s], m = P(r, 58);
     return l`
 			<div class="teamblock ${o ? "right" : ""}">
-				${m ? l`<img class="crest logo" alt="" loading="lazy" src=${m} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${F(r.colorPrimary || "#030711")}">${j(r)}</span>`}
+				${m ? l`<img class="crest logo" alt="" loading="lazy" src=${m} />` : l`<span class="crest" style="background:${r.colorPrimary || "#030711"};color:${F(r.colorPrimary || "#030711")}">${M(r)}</span>`}
 				<div>
 					<div class="tname">${G(e, s, t.date)}<a href=${v(e.hrefs.school, { id: r.id })}>${r.name}</a></div>
 					<div class="trec">${r.mascot || ""} · ${w(i)}${n?.conferenceId ? l` · ${w(i, !0)} conf` : p}</div>
@@ -1264,7 +1279,7 @@ class Se extends y {
   }
   renderContext(e, t, s) {
     if (!s) return p;
-    const r = e.records[t], o = M(this.data.games, t);
+    const r = e.records[t], o = H(this.data.games, t);
     return l`
 			<div class="card ctxcard">
 				<div class="who">${I(s)}${s.name}</div>
@@ -1272,28 +1287,28 @@ class Se extends y {
 					<span>Last 5: ${W(e, t)}</span>
 					<span>Streak: <b>${r ? _(r.results) : "·"}</b></span>
 					<span>PF/PA: <b>${r ? `${r.pf} / ${r.pa}` : "·"}</b></span>
-					<span>Next: ${o ? l`${b(o.date, { month: "numeric", day: "numeric" })}
+					<span>Next: ${o ? l`${$(o.date, { month: "numeric", day: "numeric" })}
 						${o.homeTeamId === t ? "vs" : "at"} ${z(e, o.homeTeamId === t ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
 				</div>
 			</div>
 		`;
   }
 }
-globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Se);
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", De);
 export {
   N as D,
-  Se as H,
+  De as H,
   be as a,
-  $e as b,
-  ue as c,
-  ge as d,
+  we as b,
+  ge as c,
+  ve as d,
   D as e,
-  se as f,
+  ae as f,
   v as g,
-  H as h,
-  Ce as i,
+  j as h,
+  Fe as i,
   _ as j,
-  pe as p,
+  fe as p,
   w as r,
   K as s,
   X as t

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 l, e as c, f as i, g as H, h as g, p as d, r as m, i as R, s as S, j as f, t as p } from "./hsot-boxscore-CY8jCxLh.js";
+import { D as o, H as e, a as t, b as r, c as n, d as l, e as c, f as i, g as H, h as g, p as d, r as m, i as R, s as S, j as f, t as p } from "./hsot-boxscore-HfW4EnqW.js";
 export {
   o as DEFAULT_HREFS,
   e as HsotBoxscore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/hsot-data",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "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",