@wral/hsot-data 0.1.0

package/dist/define.standalone.js

@@ -0,0 +1,1724 @@
+const j = globalThis, it = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = /* @__PURE__ */ Symbol(), gt = /* @__PURE__ */ new WeakMap();
+let Pt = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (it && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && gt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Vt = (r) => new Pt(typeof r == "string" ? r : r + "", void 0, nt), w = (r, ...t) => {
+  const e = r.length === 1 ? r[0] : t.reduce((s, a, o) => s + ((i) => {
+    if (i._$cssResult$ === !0) return i.cssText;
+    if (typeof i == "number") return i;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(a) + r[o + 1], r[0]);
+  return new Pt(e, r, nt);
+}, qt = (r, t) => {
+  if (it) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const s = document.createElement("style"), a = j.litNonce;
+    a !== void 0 && s.setAttribute("nonce", a), s.textContent = e.cssText, r.appendChild(s);
+  }
+}, $t = it ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return Vt(e);
+})(r) : r;
+const { is: Yt, defineProperty: Kt, getOwnPropertyDescriptor: Zt, getOwnPropertyNames: Jt, getOwnPropertySymbols: Qt, getPrototypeOf: Xt } = Object, Y = globalThis, vt = Y.trustedTypes, te = vt ? vt.emptyScript : "", ee = Y.reactiveElementPolyfillSupport, D = (r, t) => r, at = { toAttribute(r, t) {
+  switch (t) {
+    case Boolean:
+      r = r ? te : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
+  }
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
+  switch (t) {
+    case Boolean:
+      e = r !== null;
+      break;
+    case Number:
+      e = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(r);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, Dt = (r, t) => !Yt(r, t), yt = { attribute: !0, type: String, converter: at, reflect: !1, useDefault: !1, hasChanged: Dt };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Y.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let T = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = yt) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = /* @__PURE__ */ Symbol(), a = this.getPropertyDescriptor(t, s, e);
+      a !== void 0 && Kt(this.prototype, t, a);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: a, set: o } = Zt(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(i) {
+      this[e] = i;
+    } };
+    return { get: a, set(i) {
+      const n = a?.call(this);
+      o?.call(this, i), this.requestUpdate(t, n, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? yt;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(D("elementProperties"))) return;
+    const t = Xt(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(D("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(D("properties"))) {
+      const e = this.properties, s = [...Jt(e), ...Qt(e)];
+      for (const a of s) this.createProperty(a, e[a]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, a] of e) this.elementProperties.set(s, a);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const a = this._$Eu(e, s);
+      a !== void 0 && this._$Eh.set(a, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const a of s) e.unshift($t(a));
+    } else t !== void 0 && e.push($t(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return qt(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t) => t.hostDisconnected?.());
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$ET(t, e) {
+    const s = this.constructor.elementProperties.get(t), a = this.constructor._$Eu(t, s);
+    if (a !== void 0 && s.reflect === !0) {
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : at).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(a) : this.setAttribute(a, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const s = this.constructor, a = s._$Eh.get(t);
+    if (a !== void 0 && this._$Em !== a) {
+      const o = s.getPropertyOptions(a), i = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : at;
+      this._$Em = a;
+      const n = i.fromAttribute(e, o.type);
+      this[a] = n ?? this._$Ej?.get(a) ?? n, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s, a = !1, o) {
+    if (t !== void 0) {
+      const i = this.constructor;
+      if (a === !1 && (o = this[t]), s ??= i.getPropertyOptions(t), !((s.hasChanged ?? Dt)(o, e) || s.useDefault && s.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, s)))) return;
+      this.C(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: s, reflect: a, wrapped: o }, i) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), o !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), a === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [a, o] of this._$Ep) this[a] = o;
+        this._$Ep = void 0;
+      }
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [a, o] of s) {
+        const { wrapped: i } = o, n = this[a];
+        i !== !0 || this._$AL.has(a) || n === void 0 || this.C(a, void 0, o, n);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((s) => s.hostUpdate?.()), this.update(e)) : this._$EM();
+    } catch (s) {
+      throw t = !1, this._$EM(), s;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[D("elementProperties")] = /* @__PURE__ */ new Map(), T[D("finalized")] = /* @__PURE__ */ new Map(), ee?.({ ReactiveElement: T }), (Y.reactiveElementVersions ??= []).push("2.1.2");
+const lt = globalThis, bt = (r) => r, G = lt.trustedTypes, wt = G ? G.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Rt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, Bt = "?" + _, se = `<${Bt}>`, A = document, B = () => A.createComment(""), z = (r) => r === null || typeof r != "object" && typeof r != "function", ct = Array.isArray, ae = (r) => ct(r) || typeof r?.[Symbol.iterator] == "function", et = `[ 	
+\f\r]`, E = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, xt = /-->/g, _t = />/g, k = RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), kt = /'/g, St = /"/g, zt = /^(?:script|style|textarea|title)$/i, Ot = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), d = Ot(1), At = Ot(2), I = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), Tt = /* @__PURE__ */ new WeakMap(), S = A.createTreeWalker(A, 129);
+function Nt(r, t) {
+  if (!ct(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return wt !== void 0 ? wt.createHTML(t) : t;
+}
+const re = (r, t) => {
+  const e = r.length - 1, s = [];
+  let a, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = E;
+  for (let n = 0; n < e; n++) {
+    const l = r[n];
+    let p, h, c = -1, f = 0;
+    for (; f < l.length && (i.lastIndex = f, h = i.exec(l), h !== null); ) f = i.lastIndex, i === E ? h[1] === "!--" ? i = xt : h[1] !== void 0 ? i = _t : h[2] !== void 0 ? (zt.test(h[2]) && (a = RegExp("</" + h[2], "g")), i = k) : h[3] !== void 0 && (i = k) : i === k ? h[0] === ">" ? (i = a ?? E, c = -1) : h[1] === void 0 ? c = -2 : (c = i.lastIndex - h[2].length, p = h[1], i = h[3] === void 0 ? k : h[3] === '"' ? St : kt) : i === St || i === kt ? i = k : i === xt || i === _t ? i = E : (i = k, a = void 0);
+    const u = i === k && r[n + 1].startsWith("/>") ? " " : "";
+    o += i === E ? l + se : c >= 0 ? (s.push(p), l.slice(0, c) + Rt + l.slice(c) + _ + u) : l + _ + (c === -2 ? n : u);
+  }
+  return [Nt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+};
+class O {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let a;
+    this.parts = [];
+    let o = 0, i = 0;
+    const n = t.length - 1, l = this.parts, [p, h] = re(t, e);
+    if (this.el = O.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
+      const c = this.el.content.firstChild;
+      c.replaceWith(...c.childNodes);
+    }
+    for (; (a = S.nextNode()) !== null && l.length < n; ) {
+      if (a.nodeType === 1) {
+        if (a.hasAttributes()) for (const c of a.getAttributeNames()) if (c.endsWith(Rt)) {
+          const f = h[i++], u = a.getAttribute(c).split(_), v = /([.?@])?(.*)/.exec(f);
+          l.push({ type: 1, index: o, name: v[2], strings: u, ctor: v[1] === "." ? ie : v[1] === "?" ? ne : v[1] === "@" ? le : K }), a.removeAttribute(c);
+        } else c.startsWith(_) && (l.push({ type: 6, index: o }), a.removeAttribute(c));
+        if (zt.test(a.tagName)) {
+          const c = a.textContent.split(_), f = c.length - 1;
+          if (f > 0) {
+            a.textContent = G ? G.emptyScript : "";
+            for (let u = 0; u < f; u++) a.append(c[u], B()), S.nextNode(), l.push({ type: 2, index: ++o });
+            a.append(c[f], B());
+          }
+        }
+      } else if (a.nodeType === 8) if (a.data === Bt) l.push({ type: 2, index: o });
+      else {
+        let c = -1;
+        for (; (c = a.data.indexOf(_, c + 1)) !== -1; ) l.push({ type: 7, index: o }), c += _.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const s = A.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function C(r, t, e = r, s) {
+  if (t === I) return t;
+  let a = s !== void 0 ? e._$Co?.[s] : e._$Cl;
+  const o = z(t) ? void 0 : t._$litDirective$;
+  return a?.constructor !== o && (a?._$AO?.(!1), o === void 0 ? a = void 0 : (a = new o(r), a._$AT(r, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = a : e._$Cl = a), a !== void 0 && (t = C(r, a._$AS(r, t.values), a, s)), t;
+}
+class oe {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: s } = this._$AD, a = (t?.creationScope ?? A).importNode(e, !0);
+    S.currentNode = a;
+    let o = S.nextNode(), i = 0, n = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (i === l.index) {
+        let p;
+        l.type === 2 ? p = new U(o, o.nextSibling, this, t) : l.type === 1 ? p = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (p = new ce(o, this, t)), this._$AV.push(p), l = s[++n];
+      }
+      i !== l?.index && (o = S.nextNode(), i++);
+    }
+    return S.currentNode = A, a;
+  }
+  p(t) {
+    let e = 0;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  }
+}
+class U {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t, e, s, a) {
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = a, this._$Cv = a?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = C(this, t, e), z(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== I && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ae(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== m && z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    const { values: e, _$litType$: s } = t, a = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = O.createElement(Nt(s.h, s.h[0]), this.options)), s);
+    if (this._$AH?._$AD === a) this._$AH.p(e);
+    else {
+      const o = new oe(a, this), i = o.u(this.options);
+      o.p(e), this.T(i), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Tt.get(t.strings);
+    return e === void 0 && Tt.set(t.strings, e = new O(t)), e;
+  }
+  k(t) {
+    ct(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let s, a = 0;
+    for (const o of t) a === e.length ? e.push(s = new U(this.O(B()), this.O(B()), this, this.options)) : s = e[a], s._$AI(o), a++;
+    a < e.length && (this._$AR(s && s._$AB.nextSibling, a), e.length = a);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
+      const s = bt(t).nextSibling;
+      bt(t).remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class K {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, s, a, o) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = e, this._$AM = a, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = m;
+  }
+  _$AI(t, e = this, s, a) {
+    const o = this.strings;
+    let i = !1;
+    if (o === void 0) t = C(this, t, e, 0), i = !z(t) || t !== this._$AH && t !== I, i && (this._$AH = t);
+    else {
+      const n = t;
+      let l, p;
+      for (t = o[0], l = 0; l < o.length - 1; l++) p = C(this, n[s + l], e, l), p === I && (p = this._$AH[l]), i ||= !z(p) || p !== this._$AH[l], p === m ? t = m : t !== m && (t += (p ?? "") + o[l + 1]), this._$AH[l] = p;
+    }
+    i && !a && this.j(t);
+  }
+  j(t) {
+    t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class ie extends K {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === m ? void 0 : t;
+  }
+}
+class ne extends K {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== m);
+  }
+}
+class le extends K {
+  constructor(t, e, s, a, o) {
+    super(t, e, s, a, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = C(this, t, e, 0) ?? m) === I) return;
+    const s = this._$AH, a = t === m && s !== m || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== m && (s === m || a);
+    a && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class ce {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    C(this, t);
+  }
+}
+const de = lt.litHtmlPolyfillSupport;
+de?.(O, U), (lt.litHtmlVersions ??= []).push("3.3.3");
+const he = (r, t, e) => {
+  const s = e?.renderBefore ?? t;
+  let a = s._$litPart$;
+  if (a === void 0) {
+    const o = e?.renderBefore ?? null;
+    s._$litPart$ = a = new U(t.insertBefore(B(), o), o, void 0, e ?? {});
+  }
+  return a._$AI(r), a;
+};
+const dt = globalThis;
+class R extends T {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = he(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return I;
+  }
+}
+R._$litElement$ = !0, R.finalized = !0, dt.litElementHydrateSupport?.({ LitElement: R });
+const pe = dt.litElementPolyfillSupport;
+pe?.({ LitElement: R });
+(dt.litElementVersions ??= []).push("4.2.2");
+const me = 50;
+function fe(r = {}) {
+  const t = Object.entries(r).filter(([, s]) => s != null && s !== "");
+  if (!t.length) return "";
+  const e = new URLSearchParams();
+  return t.forEach(([s, a]) => e.set(s, String(a))), `?${e.toString()}`;
+}
+function ue({ baseUrl: r, token: t = "", fetchFn: e } = {}) {
+  if (!r) throw new Error("createClient requires a baseUrl");
+  const s = r.replace(/\/+$/, ""), a = e || ((...n) => fetch(...n));
+  async function o(n) {
+    const l = { Accept: "application/json" };
+    t && (l.Authorization = `Bearer ${t}`);
+    const p = await a(`${s}${n}`, { headers: l });
+    if (!p.ok) {
+      const h = new Error(`api-hsot ${p.status} on ${n}`);
+      throw h.status = p.status, h;
+    }
+    return p.json();
+  }
+  async function i(n, l = {}) {
+    const p = [];
+    let h = null;
+    for (let c = 0; c < me; c += 1) {
+      const f = fe(h ? { ...l, cursor: h } : l), u = await o(`${n}${f}`);
+      if (p.push(...u.items || []), h = u.nextCursor || null, !h) break;
+    }
+    return { items: p, total: p.length, nextCursor: null };
+  }
+  return {
+    listSchools: (n) => i("/schools", n),
+    getSchool: (n) => o(`/schools/${n}`),
+    listTeams: (n) => i("/teams", n),
+    getTeam: (n) => o(`/teams/${n}`),
+    listConferences: (n) => i("/conferences", n),
+    listPlayers: (n) => i("/players", n),
+    listRosters: (n) => i("/rosters", n),
+    listGames: (n) => i("/games", n),
+    getGame: (n) => o(`/games/${n}`),
+    listTournaments: (n) => i("/tournaments", n),
+    listSeedings: (n, l) => i(`/tournaments/${n}/seedings`, l),
+    listRankings: (n) => i("/rankings", n),
+    listSports: () => o("/sports")
+  };
+}
+class b extends R {
+  static properties = {
+    api: { type: String },
+    refreshInterval: { type: Number, attribute: "refresh-interval" },
+    data: { state: !0 },
+    loading: { state: !0 },
+    error: { state: !0 }
+  };
+  constructor() {
+    super(), this.api = "", this.refreshInterval = 0, this.data = null, this.loading = !1, this.error = "", this._client = null, this._refreshId = null;
+  }
+  /** Injected client wins; otherwise build a fetch client from the api attribute. */
+  set client(t) {
+    this._client = t, this.isConnected && this.load();
+  }
+  get client() {
+    return this._client ? this._client : this.api ? ue({ baseUrl: this.api }) : null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._setupInterval();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._clearInterval();
+  }
+  firstUpdated() {
+    this.load();
+  }
+  updated(t) {
+    t.has("api") && t.get("api") !== void 0 && t.get("api") !== this.api && this.load(), t.has("refreshInterval") && this._setupInterval();
+  }
+  async load() {
+    const t = this.client;
+    if (!t) {
+      this.error = "not-configured";
+      return;
+    }
+    this.loading = !0, this.error = "";
+    try {
+      this.data = await this.fetchData(t);
+    } catch (e) {
+      console.error(`[${this.tagName.toLowerCase()}]`, e), this.error = "load-failed";
+    } finally {
+      this.loading = !1;
+    }
+  }
+  async fetchData(t) {
+    return null;
+  }
+  _setupInterval() {
+    this._clearInterval();
+    const t = Number(this.refreshInterval) || 0;
+    t > 0 && (this._refreshId = setInterval(() => this.load(), t));
+  }
+  _clearInterval() {
+    this._refreshId && (clearInterval(this._refreshId), this._refreshId = null);
+  }
+  render() {
+    return this.error === "not-configured" ? d`<div class="error">This component needs an <code>api</code> attribute (the api-hsot v1 base URL) or an injected client.</div>` : this.error ? d`<div class="error">Unable to load right now. <button class="chip" @click=${() => this.load()}>Retry</button></div>` : this.data ? this.renderView() : d`<div class="loading" role="status">Loading…</div>`;
+  }
+  renderView() {
+    return d``;
+  }
+}
+const g = (r) => Object.fromEntries((r || []).map((t) => [t.id, t])), ge = w`
+	:host {
+		--hsot-red: var(--color-red, #D1232A);
+		--hsot-red-deep: var(--color-red-dark, #951C21);
+		--hsot-red-tint: #FAE9EA;
+		--hsot-black: var(--color-black, #030711);
+		--hsot-white: var(--color-white, #FFFFFF);
+		--hsot-gray-1: var(--color-gray-1, #F7F5F4);
+		--hsot-gray-2: var(--color-gray-2, #E7E5E4);
+		--hsot-gray-3: var(--color-gray-3, #D7D4D2);
+		--hsot-gray-4: var(--color-gray-4, #7C7C7C);
+		--hsot-gray-5: var(--color-gray-5, #6C6C6C);
+		--hsot-gray-6: var(--color-gray-6, #565454);
+		--hsot-gray-8: var(--color-gray-8, #263238);
+		--hsot-straw: var(--color-straw, #fff5ba);
+		--hsot-win: var(--color-green-dark, #66A208);
+		--hsot-loss: var(--color-red, #D1232A);
+		--hsot-tie: var(--color-gray-4, #7C7C7C);
+		--hsot-heading-font: var(--heading-font-family, 'IBM Plex Sans Condensed', 'Helvetica Neue', Helvetica, sans-serif);
+		--hsot-body-font: var(--body-font-family, Roboto, 'Helvetica Neue', Helvetica, sans-serif);
+		--hsot-radius-xs: var(--radius-xs, 0.15rem);
+		--hsot-radius-sm: var(--radius-sm, 0.3125rem);
+		--hsot-radius-md: var(--radius-md, 0.5rem);
+		display: block;
+		font-family: var(--hsot-body-font);
+		color: var(--hsot-black);
+		font-size: 1rem;
+	}
+	a { color: var(--hsot-red-deep); }
+	a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
+		outline: 2px solid var(--hsot-red);
+		outline-offset: 1px;
+	}
+	.mut { color: var(--hsot-gray-5); }
+`, $e = w`
+	.band { background: var(--hsot-black); color: var(--hsot-white); }
+	.band .inner { max-width: 1366px; margin: 0 auto; padding: 1.1rem 1.25rem 0; }
+	.band h1, .band h2.bandtitle {
+		margin: 0; font-family: var(--hsot-heading-font); font-size: 2.4rem; font-weight: 500;
+		letter-spacing: -0.035em; line-height: 1.1; text-transform: capitalize; color: var(--hsot-white);
+	}
+	.band .sub { margin: 0.25rem 0 0.9rem; color: rgba(255,255,255,0.75); font-size: 0.95rem; }
+	.band nav.tabs {
+		display: flex; gap: 1rem; border-top: 1px solid rgba(255,255,255,0.2);
+		max-width: 1366px; margin: 0 auto; padding: 0 1.25rem; overflow-x: auto;
+	}
+	.band nav.tabs a, .band nav.tabs span {
+		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.875rem;
+		text-transform: uppercase; text-decoration: none; color: var(--hsot-white);
+		padding: 0.55rem 0.15rem; white-space: nowrap; border-bottom: 3px solid transparent;
+	}
+	.band nav.tabs a.on { border-bottom-color: var(--hsot-red); }
+	.band nav.tabs span.off { color: rgba(255,255,255,0.45); cursor: not-allowed; }
+	@media (max-width: 720px) { .band h1, .band h2.bandtitle { font-size: 1.8rem; } }
+`, ve = w`
+	.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; }
+	.asof { font-size: 0.8125rem; color: var(--hsot-gray-5); }
+	button.chip {
+		font-family: var(--hsot-heading-font); font-weight: 500; font-size: 0.8125rem;
+		text-transform: uppercase; border: 1px solid var(--hsot-gray-3);
+		background: var(--hsot-white); color: var(--hsot-gray-6);
+		border-radius: 999px; padding: 0.3rem 0.8rem; cursor: pointer;
+	}
+	button.chip.on { background: var(--hsot-red); border-color: var(--hsot-red); color: var(--hsot-white); }
+	button.chip[disabled] { opacity: 0.45; cursor: not-allowed; }
+	input[type=search], select {
+		font-family: var(--hsot-body-font); font-size: 0.9rem;
+		border: 1px solid var(--hsot-gray-3); border-radius: var(--hsot-radius-sm);
+		padding: 0.42rem 0.65rem; background: var(--hsot-white); color: inherit;
+	}
+	.card {
+		background: var(--hsot-white); border: 1px solid var(--hsot-gray-2);
+		border-radius: var(--hsot-radius-md); overflow: hidden; margin-bottom: 1.25rem;
+	}
+	.card .card-head {
+		display: flex; align-items: baseline; gap: 0.6rem; flex-wrap: wrap;
+		padding: 0.8rem 1rem 0.6rem; border-bottom: 3px solid var(--hsot-gray-2);
+	}
+	.card .card-head h2, .card .card-head h3 {
+		margin: 0; font-family: var(--hsot-heading-font); font-size: 1.25rem; color: var(--hsot-black);
+	}
+	.card .card-head .meta { font-size: 0.8125rem; color: var(--hsot-gray-5); }
+	.section-title {
+		color: var(--hsot-black); font-size: 1.0625rem; font-weight: 600; line-height: 1;
+		padding: 0 0 0.1875rem 1.25rem; position: relative; text-transform: uppercase;
+		font-family: var(--hsot-body-font); margin: 1.6rem 0 0.7rem;
+	}
+	.section-title::before {
+		color: var(--hsot-red); content: "·"; font-size: 2.5em; height: 1em; line-height: 1;
+		margin-right: 0.3125rem; position: absolute; top: -0.75rem; left: 0;
+	}
+	.empty { padding: 1.2rem 1rem; color: var(--hsot-gray-5); font-size: 0.9rem; }
+	.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); }
+`, ye = w`
+	.pill {
+		display: inline-block; font-family: var(--hsot-heading-font); font-weight: 700;
+		font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em;
+		border-radius: var(--hsot-radius-md); padding: 0.14rem 0.45rem; vertical-align: middle;
+	}
+	.pill.class { background: var(--hsot-red-tint); color: var(--hsot-red-deep); }
+	.pill.live { background: var(--hsot-red); color: var(--hsot-white); animation: hsot-pulse 1.6s ease-in-out infinite; }
+	.pill.final { background: var(--hsot-gray-8); color: var(--hsot-white); }
+	.pill.sched { background: var(--hsot-white); color: var(--hsot-gray-6); border: 1px solid var(--hsot-gray-3); }
+	.pill.warn { background: var(--color-orange, #FF9505); color: var(--hsot-black); }
+	.pill.type { background: var(--hsot-gray-1); color: var(--hsot-gray-6); border: 1px solid var(--hsot-gray-2); }
+	.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; } }
+`, be = w`
+	.tablewrap { overflow-x: auto; }
+	table.data { font-family: var(--hsot-heading-font); font-size: 14px; border-collapse: collapse; width: 100%; }
+	table.data th {
+		background: var(--hsot-black); color: var(--hsot-white);
+		border-right: 1px solid rgba(255,255,255,0.15); text-align: left;
+		font-weight: 500; text-transform: uppercase; font-size: 0.72rem; letter-spacing: 0.04em;
+		padding: 8px 12px; white-space: nowrap;
+	}
+	table.data th:last-child { border-right: none; }
+	table.data thead { border-bottom: 3px solid var(--hsot-red); }
+	table.data th.num, table.data td.num { text-align: right; font-variant-numeric: tabular-nums; }
+	table.data td { padding: 9px 12px; border-bottom: 1px solid var(--hsot-gray-2); white-space: nowrap; }
+	table.data tbody tr:last-child td { border-bottom: none; }
+	table.data tbody tr.rowlink { cursor: pointer; }
+	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; }
+`, we = w`
+	.swatch {
+		display: inline-flex; align-items: center; justify-content: center;
+		width: 26px; height: 26px; border-radius: 50%;
+		font-family: var(--hsot-heading-font); font-weight: 700; font-size: 0.55rem;
+		margin-right: 0.5rem; vertical-align: middle; flex: none;
+	}
+	.rankbadge { font-weight: 700; color: var(--hsot-red-deep); font-size: 0.8em; margin-right: 0.22rem; }
+	.dots { display: inline-flex; gap: 3px; }
+	.dot {
+		width: 17px; height: 17px; border-radius: 50%;
+		display: inline-flex; align-items: center; justify-content: center;
+		color: var(--hsot-white); font-family: var(--hsot-heading-font);
+		font-size: 0.6rem; font-weight: 700; text-decoration: none;
+	}
+	.dot.W { background: var(--hsot-win); }
+	.dot.L { background: var(--hsot-loss); }
+	.dot.T { background: var(--hsot-tie); }
+`, xe = w`
+	ul.gamelist { list-style: none; margin: 0; padding: 0; }
+	.gamelist li {
+		display: flex; align-items: center; gap: 0.7rem; padding: 0.55rem 1rem;
+		border-bottom: 1px solid var(--hsot-gray-2); font-size: 0.9rem; flex-wrap: wrap;
+	}
+	.gamelist li:last-child { border-bottom: none; }
+	.gamelist .d { width: 84px; flex: none; color: var(--hsot-gray-5); font-size: 0.8rem; }
+	.gamelist .res { width: 86px; flex: none; font-family: var(--hsot-heading-font); font-weight: 700; }
+	.gamelist .res .W { color: var(--hsot-win); }
+	.gamelist .res .L { color: var(--hsot-loss); }
+	.gamelist .res .T { color: var(--hsot-tie); }
+	.gamelist .opp { flex: 1; min-width: 180px; }
+	.gamelist .opp a { text-decoration: none; color: inherit; font-weight: 500; }
+	.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; }
+`, H = [ge, $e, ve, ye, be, we, xe];
+function ht(r) {
+  return r.state !== "final" ? null : r.forfeit && r.forfeit !== "none" ? r.forfeit : r.homeScore > r.awayScore ? "home" : r.awayScore > r.homeScore ? "away" : r.tiebreakWinner && r.tiebreakWinner !== "none" ? r.tiebreakWinner : "tie";
+}
+function M(r, t) {
+  const e = {}, s = (o) => (e[o] = e[o] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, e[o]), a = r.filter((o) => o.state === "final" && o.gameType !== "scrimmage" && !0).sort((o, i) => String(o.date).localeCompare(String(i.date)));
+  for (const o of a) {
+    const i = ht(o), n = o.gameType === "conference";
+    for (const l of ["home", "away"]) {
+      const p = l === "home" ? o.homeTeamId : o.awayTeamId;
+      if (!p) continue;
+      const h = s(p), c = l === "home" ? o.homeScore : o.awayScore, f = l === "home" ? o.awayScore : o.homeScore;
+      h.pf += c, h.pa += f;
+      let u = "T";
+      i === "tie" ? (h.t += 1, n && (h.ct += 1)) : i === l ? (h.w += 1, n && (h.cw += 1), u = "W") : (h.l += 1, n && (h.cl += 1), u = "L"), h.results.push({ gameId: o.id, date: o.date, mark: u, my: c, their: f, opp: l === "home" ? o.awayTeamId : o.homeTeamId, conf: n });
+    }
+  }
+  return e;
+}
+function Z(r) {
+  if (!r || !r.length) return "";
+  const t = r[r.length - 1].mark;
+  let e = 0;
+  for (let s = r.length - 1; s >= 0 && r[s].mark === t; s -= 1) e += 1;
+  return t + e;
+}
+const It = (r, t, e) => {
+  const s = r + t + e;
+  return s ? (r + e / 2) / s : 0;
+}, Ct = (r) => r.toFixed(3).replace("0.", ".");
+function x(r, t = !1) {
+  if (!r) return "0-0";
+  const e = t ? r.cw : r.w, s = t ? r.cl : r.l, a = t ? r.ct : r.t;
+  return `${e}-${s}${a ? `-${a}` : ""}`;
+}
+function Ft(r, t) {
+  return r.map((e) => {
+    const s = t[e.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] };
+    return { team: e, rec: s, confPct: It(s.cw, s.cl, s.ct), overallPct: It(s.w, s.l, s.t) };
+  }).sort((e, s) => s.confPct - e.confPct || s.overallPct - e.overallPct || s.rec.pf - s.rec.pa - (e.rec.pf - e.rec.pa));
+}
+function pt(r, t) {
+  return r.filter((e) => (e.homeTeamId === t || e.awayTeamId === t) && (e.state === "scheduled" || e.state === "live") && e.gameType !== "scrimmage").sort((e, s) => String(e.date).localeCompare(String(s.date)))[0] || null;
+}
+function Et(r, t) {
+  const e = r[t];
+  return e && e.results.length ? e.results[e.results.length - 1] : null;
+}
+const st = {
+  game: "/{sport}/game/{id}/",
+  school: "/school/{id}/",
+  section: "/{sport}/{view}/"
+};
+function $(r, t) {
+  return String(r).replace(/\{(\w+)\}/g, (e, s) => t[s] !== void 0 && t[s] !== null ? String(t[s]) : e);
+}
+function L(r) {
+  return {
+    game: r.getAttribute("game-href") || st.game,
+    school: r.getAttribute("school-href") || st.school,
+    section: r.getAttribute("section-href") || st.section
+  };
+}
+const J = (r) => r ? r.charAt(0).toUpperCase() + r.slice(1) : "";
+function y(r, t) {
+  if (!r) return "TBD";
+  const [e, s, a] = String(r).split("-").map(Number);
+  return !e || !s || !a ? "TBD" : new Date(e, s - 1, a).toLocaleDateString("en-US", t || { weekday: "short", month: "short", day: "numeric" });
+}
+function Q(r) {
+  if (!r) return "";
+  const [t, e] = String(r).split(":").map(Number);
+  if (Number.isNaN(t)) return "";
+  const s = t >= 12 ? "PM" : "AM";
+  return `${(t + 11) % 12 + 1}:${String(e || 0).padStart(2, "0")} ${s}`;
+}
+function _e(r) {
+  return r ? `${Math.floor(r / 12)}-${r % 12}` : "·";
+}
+function X(r = /* @__PURE__ */ new Date()) {
+  const t = r.getFullYear();
+  return r.getMonth() >= 6 ? `${t}-${t + 1}` : `${t - 1}-${t}`;
+}
+function rt(r = /* @__PURE__ */ new Date()) {
+  const t = (e) => String(e).padStart(2, "0");
+  return `${r.getFullYear()}-${t(r.getMonth() + 1)}-${t(r.getDate())}`;
+}
+function mt(r) {
+  return r ? (r.abbr || r.name || "?").slice(0, 4).toUpperCase() : "?";
+}
+function W(r) {
+  if (!r || !/^#[0-9a-fA-F]{6}$/.test(r)) return "#FFFFFF";
+  const t = parseInt(r.slice(1), 16), e = t >> 16 & 255, s = t >> 8 & 255, a = t & 255;
+  return 0.299 * e + 0.587 * s + 0.114 * a > 150 ? "#0F1B33" : "#FFFFFF";
+}
+const ke = (r) => {
+  const t = ["th", "st", "nd", "rd"], e = r % 100;
+  return r + (t[(e - 20) % 10] || t[e] || t[0]);
+};
+function Se(r) {
+  if (r.state === "live") return { kind: "live", label: `Live · ${r.period || ""}`.replace(/ · $/, "") };
+  if (r.state === "final") {
+    const t = [];
+    return r.finish === "overtime" && t.push("OT"), r.finish === "shootout" && t.push("PK-SO"), r.forfeit && r.forfeit !== "none" && t.push("Forfeit"), { kind: "final", label: `Final${t.length ? ` · ${t.join(" · ")}` : ""}` };
+  }
+  return r.state === "postponed" ? { kind: "warn", label: "Postponed" } : r.state === "canceled" ? { kind: "warn", label: "Canceled" } : { kind: "sched", label: `${y(r.date, { month: "short", day: "numeric" })} · ${Q(r.time)}`.replace(/ · $/, "") };
+}
+function Ut(r, t, e, s, a) {
+  const o = t[e];
+  if (!o) return null;
+  const i = /* @__PURE__ */ new Map();
+  for (const l of r || []) {
+    if (l.sport !== s || a && l.effectiveDate > a || l.gender && o.gender !== l.gender && o.gender !== "coed") continue;
+    const p = l.gender || "", h = i.get(p);
+    (!h || l.effectiveDate > h.effectiveDate) && i.set(p, l);
+  }
+  let n = null;
+  for (const l of i.values()) {
+    const p = (l.teamIds || []).indexOf(e);
+    p !== -1 && (!n || l.effectiveDate > n.effectiveDate) && (n = { poll: l, rank: p + 1 });
+  }
+  return n ? n.rank : null;
+}
+function Ae(r, t, e) {
+  if (!r) return { kind: "none", delta: 0 };
+  const s = (r.teamIds || []).indexOf(e) + 1;
+  if (!s) return { kind: "none", delta: 0 };
+  if (!t) return { kind: "same", delta: 0 };
+  const a = (t.teamIds || []).indexOf(e) + 1;
+  if (!a) return { kind: "new", delta: 0 };
+  const o = a - s;
+  return o > 0 ? { kind: "up", delta: o } : o < 0 ? { kind: "down", delta: -o } : { kind: "same", delta: 0 };
+}
+const N = (r, t) => {
+  const e = r.teamsById[t];
+  return e ? r.schoolsById[e.schoolId] : null;
+}, P = (r, t) => N(r, t)?.name || "TBD", V = (r, t) => N(r, t)?.abbr || "TBD";
+function F(r, t = 26) {
+  if (!r) return m;
+  const e = r.colorPrimary || "#030711", s = W(e);
+  return d`<span class="swatch" aria-hidden="true"
+		style="width:${t}px;height:${t}px;background:${e};color:${s};font-size:${Math.max(8, t * 0.28)}px"
+	>${mt(r)}</span>`;
+}
+function ft(r, t, e) {
+  const s = Ut(r.rankings, r.teamsById, t, r.sport, e);
+  return s ? d`<span class="rankbadge">#${s}</span>` : m;
+}
+function ot(r, t, e) {
+  const s = N(r, t);
+  return s ? d`${ft(r, t, e)}<a href=${$(r.hrefs.school, { id: s.id })}>${s.name}</a>` : d`<span class="mut">TBD</span>`;
+}
+function ut(r, t, e = 5) {
+  const s = r.records[t];
+  if (!s || !s.results.length) return d`<span class="mut">·</span>`;
+  const a = s.results.slice(-1 * e);
+  return d`<span class="dots" role="img" aria-label="last ${a.length} results">
+		${a.map((o) => d`<a class="dot ${o.mark}"
+			title="${o.mark} ${o.my}-${o.their} vs ${P(r, o.opp)}"
+			href=${$(r.hrefs.game, { sport: r.sport, id: o.gameId })}>${o.mark}</a>`)}
+	</span>`;
+}
+function q(r) {
+  const t = Se(r);
+  return d`<span class="pill ${t.kind}">${t.label}</span>`;
+}
+function Ht(r, t, e) {
+  if (!t) return d`<span class="mut">·</span>`;
+  const s = t.homeTeamId === e ? t.awayTeamId : t.homeTeamId, a = t.homeTeamId === e ? "vs" : "at";
+  return d`${t.state === "live" ? d`<span class="pill live">Live</span> ` : d`${y(t.date, { month: "numeric", day: "numeric" })} `}${a} ${V(r, s)}`;
+}
+class Mt extends b {
+  static styles = H;
+  static properties = {
+    ...b.properties,
+    sport: { type: String },
+    season: { type: String },
+    date: { type: String }
+  };
+  constructor() {
+    super(), this.sport = "football", this.season = "", this.date = "";
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), !this.date) {
+      const t = new URLSearchParams(globalThis.location?.search || "").get("date");
+      this.date = t || rt();
+    }
+  }
+  async fetchData(t) {
+    const e = this.season || X(), [s, a, o, i, n] = await Promise.all([
+      t.listSchools(),
+      t.listTeams({ sport: this.sport }),
+      t.listConferences(),
+      t.listGames({ sport: this.sport, season: e }),
+      t.listRankings({ sport: this.sport })
+    ]);
+    return {
+      season: e,
+      schools: s.items,
+      teams: a.items,
+      conferences: o.items,
+      games: i.items,
+      rankings: n.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: g(this.data.teams),
+      schoolsById: g(this.data.schools),
+      records: M(this.data.games),
+      rankings: this.data.rankings,
+      hrefs: L(this),
+      sport: this.sport
+    }, this._ctxData = this.data), this._ctx;
+  }
+  renderView() {
+    const t = this.ctx, e = g(this.data.conferences), s = [...new Set(this.data.games.map((i) => i.date).filter(Boolean))].sort(), a = this.data.games.filter((i) => i.date === this.date).sort((i, n) => (i.state === "live" ? -1 : 1) - (n.state === "live" ? -1 : 1)), o = /* @__PURE__ */ new Map();
+    return a.forEach((i) => {
+      const n = i.gameType === "conference" && i.conferenceId ? e[i.conferenceId]?.name || "Conference" : i.gameType === "playoff" ? "Playoffs" : i.gameType === "scrimmage" ? "Scrimmages" : "Nonconference";
+      o.has(n) || o.set(n, []), o.get(n).push(i);
+    }), d`
+			<div class="band">
+				<div class="inner">
+					<h1>${J(this.sport)} scores &amp; schedules</h1>
+					<p class="sub">${y(this.date, { weekday: "long", month: "long", day: "numeric", year: "numeric" })} · ${a.length} games</p>
+				</div>
+			</div>
+			<div class="view">
+				<div class="toolbar">
+					<label class="asof" for="datesel">Date</label>
+					<select id="datesel" @change=${(i) => {
+      this.date = i.target.value;
+    }}>
+						${s.map((i) => d`<option value=${i} ?selected=${i === this.date}>
+							${y(i, { weekday: "short", month: "short", day: "numeric" })}${i === rt() ? " · today" : ""}
+						</option>`)}
+					</select>
+					<button class="chip" ?disabled=${s.indexOf(this.date) <= 0}
+						@click=${() => {
+      this.date = s[s.indexOf(this.date) - 1];
+    }}>← Prev</button>
+					<button class="chip" ?disabled=${s.indexOf(this.date) < 0 || s.indexOf(this.date) >= s.length - 1}
+						@click=${() => {
+      this.date = s[s.indexOf(this.date) + 1];
+    }}>Next →</button>
+					<span class="spacer"></span>
+					<span class="asof">Live games first · report a score to see it update here</span>
+				</div>
+				${a.length ? m : d`<p class="empty">No ${this.sport} games on this date.</p>`}
+				${[...o.entries()].map(([i, n]) => d`
+					<div class="section-title">${i}</div>
+					<div class="card"><ul class="gamelist">
+						${n.map((l) => this.renderGame(t, l))}
+					</ul></div>
+				`)}
+			</div>
+		`;
+  }
+  renderGame(t, e) {
+    const s = e.state === "final" || e.state === "live" ? `${e.awayScore}-${e.homeScore}` : Q(e.time);
+    return d`
+			<li>
+				${q(e)}
+				<span class="opp">${ot(t, e.awayTeamId, e.date)} at ${ot(t, e.homeTeamId, e.date)}</span>
+				<span class="res" style="width:auto">${s}</span>
+				<span class="where">${e.venue || ""}</span>
+				${e.broadcast ? d`<span class="pill class">${e.broadcast}</span>` : m}
+				<a class="box" href=${$(t.hrefs.game, { sport: this.sport, id: e.id })}>Box score →</a>
+			</li>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-scores") && globalThis.customElements.define("hsot-scores", Mt);
+class Lt extends b {
+  static styles = H;
+  static properties = {
+    ...b.properties,
+    sport: { type: String },
+    season: { type: String },
+    classFilter: { state: !0 },
+    query: { state: !0 }
+  };
+  constructor() {
+    super(), this.sport = "football", this.season = "", this.classFilter = "All", this.query = "";
+  }
+  async fetchData(t) {
+    const e = this.season || X(), [s, a, o, i, n] = await Promise.all([
+      t.listConferences({ active: !0 }),
+      t.listSchools(),
+      t.listTeams({ sport: this.sport }),
+      t.listGames({ sport: this.sport, season: e }),
+      t.listRankings({ sport: this.sport })
+    ]);
+    return {
+      season: e,
+      conferences: s.items,
+      schools: a.items,
+      teams: o.items,
+      games: i.items,
+      rankings: n.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: g(this.data.teams),
+      schoolsById: g(this.data.schools),
+      records: M(this.data.games),
+      rankings: this.data.rankings,
+      hrefs: L(this),
+      sport: this.sport
+    }, this._ctxData = this.data), this._ctx;
+  }
+  renderView() {
+    const t = this.ctx, e = ["All", ...new Set(this.data.conferences.flatMap((a) => a.classifications || []))].slice(0, 9), s = this.data.conferences.filter((a) => a.active !== !1).filter((a) => this.classFilter === "All" || (a.classifications || []).includes(this.classFilter));
+    return d`
+			<div class="band">
+				<div class="inner">
+					<h1>${J(this.sport)} standings</h1>
+					<p class="sub">${this.data.season} season · every conference, computed live from reported results</p>
+				</div>
+			</div>
+			<div class="view">
+				<div class="toolbar">
+					<div role="group" aria-label="Classification filter">
+						${e.map((a) => d`<button class="chip ${this.classFilter === a ? "on" : ""}"
+							@click=${() => {
+      this.classFilter = a;
+    }}>${a}</button>`)}
+					</div>
+					<input type="search" placeholder="Find a school…" aria-label="Find a school"
+						.value=${this.query} @input=${(a) => {
+      this.query = a.target.value;
+    }}>
+					<span class="spacer"></span>
+					<span class="asof">Records through ${y(rt(), { month: "long", day: "numeric" })} · conference games count toward both records · scrimmages toward neither</span>
+				</div>
+				${s.map((a) => this.renderConference(t, a))}
+			</div>
+		`;
+  }
+  renderConference(t, e) {
+    const s = this.data.teams.filter((i) => i.conferenceId === e.id);
+    if (!s.length) return m;
+    const a = this.query.trim().toLowerCase(), o = Ft(s, t.records);
+    return d`
+			<div class="card">
+				<div class="card-head">
+					<h2>${e.name}</h2>
+					${(e.classifications || []).map((i) => d`<span class="pill class">${i}</span>`)}
+					<span class="meta">${o.length} teams · membership derives from teams</span>
+				</div>
+				<div class="tablewrap"><table class="data">
+					<thead><tr>
+						<th>#</th><th>Team</th><th class="num">Conf</th><th class="num">Pct</th>
+						<th class="num">Overall</th><th class="num">Pct</th><th class="num">PF</th><th class="num">PA</th><th class="num">Diff</th>
+						<th>Streak</th><th>Last 5</th><th>Next</th>
+					</tr></thead>
+					<tbody>
+						${o.map((i, n) => this.renderRow(t, i, n, a))}
+					</tbody>
+				</table></div>
+			</div>
+		`;
+  }
+  renderRow(t, e, s, a) {
+    const o = t.schoolsById[e.team.schoolId], i = o?.name || e.team.name || "TBD";
+    if (a && !i.toLowerCase().includes(a)) return m;
+    const n = e.rec.pf - e.rec.pa, l = pt(this.data.games, e.team.id), p = (e.team.championships || []).map((c) => d`
+			<span class="pill champ" title="${c.season} ${c.title} champion">★ ${c.season} ${c.title}</span>`), h = () => {
+      location.href = $(t.hrefs.school, { id: e.team.schoolId });
+    };
+    return d`
+			<tr class="rowlink" @click=${(c) => {
+      c.target.closest("a") || h();
+    }}>
+				<td class="mut">${s + 1}</td>
+				<td class="teamcell">
+					${F(o)}${ft(t, e.team.id, null)}
+					<a href=${$(t.hrefs.school, { id: e.team.schoolId })}>${i}</a> ${p}
+				</td>
+				<td class="num">${x(e.rec, !0)}</td>
+				<td class="num">${Ct(e.confPct)}</td>
+				<td class="num">${x(e.rec)}</td>
+				<td class="num">${Ct(e.overallPct)}</td>
+				<td class="num">${e.rec.pf}</td>
+				<td class="num">${e.rec.pa}</td>
+				<td class="num" style="color:${n >= 0 ? "var(--hsot-win)" : "var(--hsot-loss)"}">${n > 0 ? "+" : ""}${n}</td>
+				<td>${Z(e.rec.results) || "·"}</td>
+				<td>${ut(t, e.team.id)}</td>
+				<td>${Ht(t, l, e.team.id)}</td>
+			</tr>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-standings") && globalThis.customElements.define("hsot-standings", Lt);
+const Te = w`
+	.hero1 {
+		border-radius: var(--hsot-radius-md); color: var(--hsot-white);
+		padding: 1.3rem 1.4rem; display: flex; align-items: center; gap: 1.2rem;
+		margin-bottom: 1.1rem; flex-wrap: wrap;
+	}
+	.hero1 .bigrank { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 3.4rem; line-height: 1; opacity: 0.9; }
+	.hero1 h2 { margin: 0; font-family: var(--hsot-heading-font); font-size: 2rem; font-weight: 700; }
+	.hero1 a { color: inherit; }
+	.hero1 .facts { font-size: 0.95rem; opacity: 0.92; }
+	.delta { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 0.8rem; white-space: nowrap; }
+	.delta.up { color: var(--hsot-win); }
+	.delta.down { color: var(--hsot-loss); }
+	.delta.same { color: var(--hsot-gray-4); }
+	.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 jt extends b {
+  static styles = [...H, Te];
+  static properties = {
+    ...b.properties,
+    sport: { type: String },
+    gender: { type: String },
+    season: { type: String },
+    pollDate: { state: !0 }
+  };
+  constructor() {
+    super(), this.sport = "football", this.gender = "", this.season = "", this.pollDate = "";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const t = new URLSearchParams(globalThis.location?.search || "").get("poll");
+    t && (this.pollDate = t);
+  }
+  async fetchData(t) {
+    const e = this.season || X(), [s, a, o, i, n] = await Promise.all([
+      t.listRankings({ sport: this.sport, ...this.gender ? { gender: this.gender } : {} }),
+      t.listSchools(),
+      t.listTeams({ sport: this.sport }),
+      t.listConferences(),
+      t.listGames({ sport: this.sport, season: e })
+    ]), l = s.items.filter((p) => !this.gender || !p.gender || p.gender === this.gender).sort((p, h) => h.effectiveDate.localeCompare(p.effectiveDate));
+    return {
+      season: e,
+      polls: l,
+      schools: a.items,
+      teams: o.items,
+      conferences: i.items,
+      games: n.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: g(this.data.teams),
+      schoolsById: g(this.data.schools),
+      records: M(this.data.games),
+      rankings: this.data.polls,
+      hrefs: L(this),
+      sport: this.sport
+    }, this._ctxData = this.data), this._ctx;
+  }
+  sparkline(t, e, s) {
+    const n = e.map((c, f) => {
+      const u = (c.teamIds || []).indexOf(t);
+      if (u === -1) return null;
+      const v = e.length === 1 ? 96 / 2 : f / (e.length - 1) * 90 + 3, tt = 3 + u / 24 * 20;
+      return { x: v, y: tt };
+    }), l = [];
+    let p = [];
+    if (n.forEach((c) => {
+      c ? p.push(c) : p.length && (l.push(p), p = []);
+    }), p.length && l.push(p), !l.length) return m;
+    const h = n[s];
+    return d`<svg class="sparkline" width=${96} height=${26} viewBox="0 0 ${96} ${26}" role="img" aria-label="rank history">
+			${l.map((c) => At`<polyline fill="none" stroke="var(--hsot-red)" stroke-width="2"
+				points=${c.map((f) => `${f.x.toFixed(1)},${f.y.toFixed(1)}`).join(" ")}></polyline>`)}
+			${h ? At`<circle cx=${h.x.toFixed(1)} cy=${h.y.toFixed(1)} r="3" fill="var(--hsot-black)"></circle>` : m}
+		</svg>`;
+  }
+  movement(t, e, s) {
+    const a = Ae(t, e, s);
+    return a.kind === "up" ? d`<span class="delta up">▲ ${a.delta}</span>` : a.kind === "down" ? d`<span class="delta down">▼ ${a.delta}</span>` : a.kind === "new" ? d`<span class="delta new">NEW</span>` : a.kind === "same" ? d`<span class="delta same">—</span>` : d`<span class="delta same">·</span>`;
+  }
+  renderView() {
+    const t = this.ctx, e = this.data.polls;
+    if (!e.length) return d`<div class="view"><p class="empty">No ${this.sport} polls published yet this season.</p></div>`;
+    const s = Math.max(0, e.findIndex((c) => c.effectiveDate === this.pollDate)), a = e[s] || e[0], o = e[s + 1] || null, i = e.slice().reverse(), n = i.indexOf(a), l = g(this.data.conferences), p = (a.teamIds || [])[0], h = p ? N(t, p) : null;
+    return d`
+			<div class="band">
+				<div class="inner">
+					<h1>${J(this.sport)} Top 25</h1>
+					<p class="sub">The HighSchoolOT poll · updated weekly · ${e.length} polls this season</p>
+				</div>
+			</div>
+			<div class="view">
+				<div class="toolbar">
+					<label class="asof" for="pollsel">Poll of</label>
+					<select id="pollsel" @change=${(c) => {
+      this.pollDate = c.target.value;
+    }}>
+						${e.map((c, f) => d`<option value=${c.effectiveDate} ?selected=${c === a}>
+							${y(c.effectiveDate, { month: "long", day: "numeric", year: "numeric" })}${f === 0 ? " · current" : ""}
+						</option>`)}
+					</select>
+					<button class="chip" ?disabled=${s >= e.length - 1}
+						@click=${() => {
+      this.pollDate = e[s + 1].effectiveDate;
+    }}>← Older</button>
+					<button class="chip" ?disabled=${s <= 0}
+						@click=${() => {
+      this.pollDate = e[s - 1].effectiveDate;
+    }}>Newer →</button>
+					<span class="spacer"></span>
+					<span class="asof">Movement vs. the previous poll · sparkline = season rank history</span>
+				</div>
+				${h ? this.renderHero(t, a, o, p, h, l) : m}
+				<div class="card"><div class="tablewrap"><table class="data">
+					<thead><tr>
+						<th class="num">Rk</th><th>Mvmt</th><th>Team</th><th class="num">Record</th>
+						<th>Conference</th><th>Last result</th><th>Next</th><th>Season</th>
+					</tr></thead>
+					<tbody>
+						${(a.teamIds || []).map((c, f) => f === 0 || !c ? m : this.renderRow(t, a, o, i, n, l, c, f + 1))}
+					</tbody>
+				</table></div></div>
+				<p class="note">Ranks elsewhere on the site resolve the poll in effect on the game date, so past box scores keep the ranks they were played under.</p>
+			</div>
+		`;
+  }
+  renderHero(t, e, s, a, o, i) {
+    const n = t.records[a], l = Et(t.records, a), p = i[t.teamsById[a]?.conferenceId], h = `linear-gradient(120deg, ${o.colorPrimary || "#030711"} 0%, var(--hsot-black) 85%)`;
+    return d`
+			<div class="hero1" style="background:${h}">
+				<div class="bigrank">#1</div>
+				${F(o, 64)}
+				<div>
+					<h2><a href=${$(t.hrefs.school, { id: o.id })}>${o.name} ${o.mascot || ""}</a></h2>
+					<div class="facts">
+						${x(n)} overall${p ? d` · ${x(n, !0)} ${p.name}` : m}
+						· streak ${Z(n?.results) || "·"}
+						${l ? d` · last: ${l.mark} ${l.my}-${l.their} vs ${V(t, l.opp)}` : m}
+						&nbsp;${this.movement(e, s, a)}
+					</div>
+				</div>
+			</div>
+		`;
+  }
+  renderRow(t, e, s, a, o, i, n, l) {
+    const p = N(t, n);
+    if (!p) return m;
+    const h = t.records[n], c = Et(t.records, n), f = pt(this.data.games, n), u = i[t.teamsById[n]?.conferenceId], v = () => {
+      location.href = $(t.hrefs.school, { id: p.id });
+    };
+    return d`
+			<tr class="rowlink" @click=${(tt) => {
+      tt.target.closest("a") || v();
+    }}>
+				<td class="num" style="font-weight:700">${l}</td>
+				<td>${this.movement(e, s, n)}</td>
+				<td class="teamcell">${F(p)}<a href=${$(t.hrefs.school, { id: p.id })}>${p.name}</a>
+					<span class="mut" style="font-size:0.78rem">${p.mascot || ""}</span></td>
+				<td class="num">${x(h)}</td>
+				<td class="mut">${u?.name || "Independent"}</td>
+				<td>${c ? d`<a class="box" style="text-decoration:none" href=${$(t.hrefs.game, { sport: this.sport, id: c.gameId })}>
+					<b style="color:${c.mark === "W" ? "var(--hsot-win)" : c.mark === "L" ? "var(--hsot-loss)" : "var(--hsot-tie)"}">${c.mark}</b>
+					${c.my}-${c.their} vs ${V(t, c.opp)}</a>` : d`<span class="mut">·</span>`}</td>
+				<td>${Ht(t, f, n)}</td>
+				<td>${this.sparkline(n, a, o)}</td>
+			</tr>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-rankings") && globalThis.customElements.define("hsot-rankings", jt);
+const Ie = w`
+	.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 {
+		width: 84px; height: 84px; border-radius: 50%; flex: none;
+		display: flex; align-items: center; justify-content: center;
+		font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.5rem;
+		border: 3px solid rgba(255,255,255,0.6);
+	}
+	.schoolhero h1 { margin: 0; font-family: var(--hsot-heading-font); font-size: 2.6rem; font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; }
+	.schoolhero .mascot { font-size: 1.05rem; opacity: 0.85; font-family: var(--hsot-heading-font); text-transform: uppercase; letter-spacing: 0.06em; }
+	.schoolhero .facts { display: flex; flex-wrap: wrap; gap: 0.3rem 1.4rem; margin-top: 0.55rem; font-size: 0.85rem; opacity: 0.95; }
+	.schoolhero .facts b { font-weight: 500; opacity: 0.75; margin-right: 0.3rem; font-family: var(--hsot-heading-font); text-transform: uppercase; font-size: 0.72rem; }
+	.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.75rem; margin: 0 0 1rem; }
+	.tile { background: var(--hsot-white); border: 1px solid var(--hsot-gray-2); border-radius: var(--hsot-radius-md); padding: 0.75rem 0.9rem; }
+	.tile .k { font-family: var(--hsot-heading-font); text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.08em; font-weight: 700; color: var(--hsot-red-deep); }
+	.tile .v { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.7rem; line-height: 1.15; color: var(--hsot-black); }
+	.tile .s { font-size: 0.78rem; color: var(--hsot-gray-5); }
+	.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 Gt extends b {
+  static styles = [...H, Ie];
+  static properties = {
+    ...b.properties,
+    schoolId: { type: String, attribute: "school-id" },
+    sport: { type: String },
+    season: { type: String },
+    activeTeamId: { state: !0 }
+  };
+  constructor() {
+    super(), this.schoolId = "", this.sport = "", this.season = "", this.activeTeamId = "";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const t = new URLSearchParams(globalThis.location?.search || "").get("sport");
+    t && !this.sport && (this.sport = t);
+  }
+  async fetchData(t) {
+    const e = this.season || X(), s = await t.getSchool(this.schoolId), o = (await t.listTeams({ schoolId: this.schoolId })).items, i = o.find((v) => v.sport === (this.sport || "football")) || o[0] || null, [n, l, p, h, c, f, u] = await Promise.all([
+      i ? t.listGames({ sport: i.sport, season: e }) : Promise.resolve({ items: [] }),
+      i ? t.listTeams({ sport: i.sport }) : Promise.resolve({ items: [] }),
+      t.listSchools(),
+      t.listConferences(),
+      i ? t.listRankings({ sport: i.sport }) : Promise.resolve({ items: [] }),
+      i ? t.listRosters({ teamId: i.id }) : Promise.resolve({ items: [] }),
+      i ? t.listPlayers() : Promise.resolve({ items: [] })
+    ]);
+    return {
+      season: e,
+      school: s,
+      teams: o,
+      active: i,
+      games: n.items,
+      allTeams: l.items,
+      schools: p.items,
+      conferences: h.items,
+      rankings: c.items,
+      roster: f.items.find((v) => v.season === e) || null,
+      players: u.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: g(this.data.allTeams.length ? this.data.allTeams : this.data.teams),
+      schoolsById: g(this.data.schools),
+      records: M(this.data.games),
+      rankings: this.data.rankings,
+      hrefs: L(this),
+      sport: this.data.active?.sport || "football"
+    }, this._ctxData = this.data), this._ctx;
+  }
+  switchSport(t) {
+    this.sport = t, this.load();
+  }
+  renderView() {
+    const { school: t, teams: e, active: s, season: a } = this.data;
+    if (!t) return d`<div class="view"><p class="empty">School not found.</p></div>`;
+    const o = this.ctx, i = W(t.colorPrimary || "#030711"), n = (t.adm || [])[0], l = g(this.data.conferences), p = s ? l[s.conferenceId] : null;
+    return d`
+			<div class="schoolhero" style="background:linear-gradient(115deg, ${t.colorPrimary || "#030711"} 0%, ${t.colorPrimary || "#030711"} 55%, var(--hsot-black) 100%);color:${i}">
+				<div class="inner">
+					<div class="crest" style="background:${t.colorSecondary || "#7C7C7C"};color:${W(t.colorSecondary || "#7C7C7C")}">${mt(t)}</div>
+					<div style="min-width:260px">
+						<h1>${t.name} <span class="mascot">${t.mascot || ""}</span></h1>
+						<div class="facts">
+							${t.location ? d`<span><b>Location</b>${t.location}${t.county ? d` · ${t.county} County` : m}</span>` : m}
+							${t.association ? d`<span><b>League</b>${t.association}${t.classification ? d` · ${t.classification}` : m}</span>` : m}
+							${p ? d`<span><b>Conference</b>${p.name}</span>` : m}
+							${n ? d`<span><b>Enrollment</b>${n.value.toLocaleString()} (${n.season} ADM)</span>` : m}
+							${t.openingYear ? d`<span><b>Opened</b>${t.openingYear}</span>` : m}
+							${t.areaCode ? d`<span><b>Area</b>${t.areaCode}</span>` : m}
+							${t.tagSlug ? d`<span><b>Tag</b>#${t.tagSlug}</span>` : m}
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="band">
+				<nav class="tabs" aria-label="Teams">
+					${e.map((h) => h.id === s?.id ? d`<a class="on" href="#" @click=${(c) => c.preventDefault()}>${h.name}</a>` : d`<a href="#" @click=${(c) => {
+      c.preventDefault(), this.switchSport(h.sport);
+    }}>${h.name}</a>`)}
+				</nav>
+			</div>
+			<div class="view">
+				${s ? this.renderTeam(o, s, p, a) : d`<p class="empty">No teams recorded for this school yet.</p>`}
+			</div>
+		`;
+  }
+  renderTeam(t, e, s, a) {
+    const o = t.records[e.id] || { w: 0, l: 0, t: 0, cw: 0, cl: 0, ct: 0, pf: 0, pa: 0, results: [] }, i = o.w + o.l + o.t, n = s ? this.data.allTeams.filter((c) => c.conferenceId === s.id) : [], l = s ? Ft(n, t.records).findIndex((c) => c.team.id === e.id) + 1 : 0, p = Ut(t.rankings, t.teamsById, e.id, e.sport, null), h = this.data.games.filter((c) => c.homeTeamId === e.id || c.awayTeamId === e.id).sort((c, f) => String(c.date).localeCompare(String(f.date)));
+    return d`
+			<div class="tiles">
+				<div class="tile"><div class="k">Overall</div><div class="v">${x(o)}</div><div class="s">${i} games played</div></div>
+				<div class="tile"><div class="k">${s?.name || "Conference"}</div><div class="v">${x(o, !0)}</div>
+					<div class="s">${l ? `${ke(l)} of ${n.length}` : "·"}</div></div>
+				<div class="tile"><div class="k">Points</div><div class="v">${i ? (o.pf / i).toFixed(1) : "0.0"}</div>
+					<div class="s">scored per game · ${i ? (o.pa / i).toFixed(1) : "0.0"} allowed</div></div>
+				<div class="tile"><div class="k">Streak</div><div class="v">${Z(o.results) || "·"}</div>
+					<div class="s">last 5: ${ut(t, e.id)}</div></div>
+				<div class="tile"><div class="k">HSOT Top 25</div><div class="v">${p ? `#${p}` : "NR"}</div>
+					<div class="s"><a href=${$(t.hrefs.section, { sport: e.sport, view: "rankings" })}>full poll</a></div></div>
+			</div>
+			${(e.championships || []).length ? d`
+				<div style="margin:-0.2rem 0 1rem;display:flex;gap:0.4rem;flex-wrap:wrap">
+					${e.championships.map((c) => d`<span class="pill champ">★ ${c.season} ${c.title} champion${c.classification ? ` · ${c.classification}` : ""}${c.region ? ` · ${c.region}` : ""}</span>`)}
+				</div>` : m}
+			<div class="cols">
+				<div>
+					<div class="section-title">Schedule &amp; results</div>
+					<div class="card">
+						${h.length ? d`<ul class="gamelist">${h.map((c) => this.renderGameRow(t, e, c))}</ul>` : d`<p class="empty">No ${e.sport} games recorded for ${a}.</p>`}
+					</div>
+				</div>
+				<div>
+					<div class="section-title">Roster · ${a}</div>
+					<div class="card">${this.renderRoster(a)}</div>
+				</div>
+			</div>
+		`;
+  }
+  renderGameRow(t, e, s) {
+    const a = s.homeTeamId === e.id, o = a ? s.awayTeamId : s.homeTeamId, i = a ? s.homeScore : s.awayScore, n = a ? s.awayScore : s.homeScore;
+    let l = d`<span class="mut">${Q(s.time)}</span>`;
+    if (s.state === "final") {
+      const h = ht(s), c = h === "tie" ? "T" : h === (a ? "home" : "away") ? "W" : "L";
+      l = d`<span class=${c}>${c}</span> ${i}-${n}${s.finish === "overtime" ? d` <span class="mut">OT</span>` : m}${s.forfeit && s.forfeit !== "none" ? d` <span class="mut">FF</span>` : m}`;
+    } else s.state === "live" && (l = d`<span style="color:var(--hsot-red)">${i}-${n}</span>`);
+    const p = s.gameType === "conference" ? "Conf" : s.gameType === "nonconference" ? "Non-conf" : s.gameType === "playoff" ? `Playoff${s.label ? ` · ${s.label}` : ""}` : "Scrimmage";
+    return d`
+			<li>
+				<span class="d">${y(s.date)}</span>
+				${q(s)}
+				<span class="res">${l}</span>
+				<span class="opp">${a ? "vs" : "at"} ${ot(t, o, s.date)}
+					<span class="pill type">${p}</span>
+					${s.broadcast ? d`<span class="pill class">${s.broadcast}</span>` : m}
+				</span>
+				<span class="where">${s.venue || ""}</span>
+				<a class="box" href=${$(t.hrefs.game, { sport: e.sport, id: s.id })}>Box score →</a>
+			</li>
+		`;
+  }
+  renderRoster(t) {
+    const e = this.data.roster;
+    if (!e)
+      return d`<p class="empty">Roster not published for ${t}.</p>`;
+    const s = g(this.data.players), a = e.entries.slice().sort((o, i) => (o.number || 0) - (i.number || 0));
+    return d`
+			<div class="tablewrap"><table class="data">
+				<thead><tr><th class="num">No.</th><th>Player</th><th>Pos</th><th>Class</th><th class="num">Ht</th><th class="num">Wt</th></tr></thead>
+				<tbody>
+					${a.map((o) => {
+      const i = s[o.playerId];
+      return i ? d`<tr>
+							<td class="num mut">${o.number ?? "·"}</td>
+							<td style="font-weight:500">${i.firstName} ${i.lastName}</td>
+							<td>${o.position || "·"}</td>
+							<td class="mut">${i.classOf || "·"}</td>
+							<td class="num">${_e(i.heightIn)}</td>
+							<td class="num">${i.weightLb || "·"}</td>
+						</tr>` : m;
+    })}
+				</tbody>
+			</table></div>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-school") && globalThis.customElements.define("hsot-school", Gt);
+const Ce = w`
+	.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; }
+	.scorehead .teamblock { display: flex; align-items: center; gap: 0.8rem; min-width: 0; }
+	.scorehead .teamblock.right { flex-direction: row-reverse; text-align: right; }
+	.scorehead .crest {
+		width: 58px; height: 58px; border-radius: 50%; flex: none;
+		display: flex; align-items: center; justify-content: center;
+		font-family: var(--hsot-heading-font); font-weight: 700; color: var(--hsot-white);
+	}
+	.scorehead .tname { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 1.15rem; line-height: 1.15; }
+	.scorehead .tname a { color: inherit; text-decoration: none; }
+	.scorehead .trec { font-size: 0.8rem; color: var(--hsot-gray-5); }
+	.scorehead .mid { text-align: center; }
+	.scorehead .bigscore { font-family: var(--hsot-heading-font); font-weight: 700; font-size: 3rem; line-height: 1; color: var(--hsot-black); white-space: nowrap; }
+	.scorehead .status { margin-top: 0.3rem; font-size: 0.8rem; color: var(--hsot-gray-5); }
+	.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; }
+	.ctxcard .row { display: flex; gap: 1.4rem; flex-wrap: wrap; font-size: 0.85rem; }
+	@media (max-width: 640px) {
+		.scorehead { grid-template-columns: 1fr; text-align: center; }
+		.scorehead .teamblock, .scorehead .teamblock.right { flex-direction: column; text-align: center; }
+		.cols { grid-template-columns: 1fr; }
+	}
+`;
+class Wt extends b {
+  static styles = [...H, Ce];
+  static properties = {
+    ...b.properties,
+    gameId: { type: String, attribute: "game-id" }
+  };
+  constructor() {
+    super(), this.gameId = "";
+  }
+  async fetchData(t) {
+    const e = await t.getGame(this.gameId), [s, a, o, i, n] = await Promise.all([
+      t.listSchools(),
+      t.listTeams({ sport: e.sport }),
+      t.listConferences(),
+      t.listRankings({ sport: e.sport }),
+      t.listGames({ sport: e.sport, season: e.season })
+    ]);
+    return {
+      game: e,
+      schools: s.items,
+      teams: a.items,
+      conferences: o.items,
+      rankings: i.items,
+      games: n.items
+    };
+  }
+  get ctx() {
+    return (!this._ctx || this._ctxData !== this.data) && (this._ctx = {
+      teamsById: g(this.data.teams),
+      schoolsById: g(this.data.schools),
+      records: M(this.data.games),
+      rankings: this.data.rankings,
+      hrefs: L(this),
+      sport: this.data.game.sport
+    }, this._ctxData = this.data), this._ctx;
+  }
+  renderView() {
+    const t = this.data.game;
+    if (!t) return d`<div class="view"><p class="empty">Game not found.</p></div>`;
+    const e = this.ctx, s = g(this.data.conferences), a = e.teamsById[t.awayTeamId] ? e.schoolsById[e.teamsById[t.awayTeamId].schoolId] : null, o = e.teamsById[t.homeTeamId] ? e.schoolsById[e.teamsById[t.homeTeamId].schoolId] : null, i = ht(t), n = (h) => t.state === "final" && i !== h && i !== "tie" ? "opacity:0.45" : "", l = t.conferenceId ? s[t.conferenceId] : null, p = this.data.games.filter((h) => h.id !== t.id && h.state === "final" && h.gameType !== "scrimmage" && (h.homeTeamId === t.homeTeamId && h.awayTeamId === t.awayTeamId || h.homeTeamId === t.awayTeamId && h.awayTeamId === t.homeTeamId));
+    return d`
+			<div class="view">
+				<p class="breadcrumbs">
+					<a href=${$(e.hrefs.section, { sport: t.sport, view: "scores" })}>${J(t.sport)}</a> /
+					<a href=${$(e.hrefs.section, { sport: t.sport, view: "scores" })}>Scores/Schedules</a> /
+					${P(e, t.awayTeamId)} at ${P(e, t.homeTeamId)}
+				</p>
+				<div class="card">
+					<div class="scorehead">
+						${this.teamBlock(e, t, t.awayTeamId, a, !1)}
+						<div class="mid">
+							<div class="bigscore">
+								<span style=${n("away")}>${t.awayScore}</span>
+								<span class="mut" style="font-size:1.6rem">–</span>
+								<span style=${n("home")}>${t.homeScore}</span>
+							</div>
+							<div class="status">${q(t)}</div>
+							<div class="status">${y(t.date, { weekday: "short", month: "short", day: "numeric", year: "numeric" })}${t.state === "scheduled" && t.time ? d` · ${Q(t.time)}` : m} · ${t.venue || "Venue TBD"}
+								${t.broadcast ? d` · <span class="pill class">${t.broadcast}</span>` : m}</div>
+							<div class="status">
+								<span class="pill type">${t.gameType === "conference" ? `${l?.name || "Conference"} game` : t.gameType}</span>
+								${t.label ? d`<span class="pill type">Bracket ${t.label}</span>` : m}
+								${(t.tags || []).map((h) => d`<span class="pill type">${h}</span>`)}
+							</div>
+						</div>
+						${this.teamBlock(e, t, t.homeTeamId, o, !0)}
+					</div>
+					${this.renderLineScore(t, a, o)}
+					${t.notes ? d`<p class="note" style="padding:0 1rem 0.9rem;text-align:center">${t.notes}</p>` : m}
+				</div>
+				${t.storyAssetId || t.videoAssetId ? d`
+					<div class="section-title">Coverage</div>
+					<div class="card" style="padding:0.8rem 1rem;display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center">
+						${t.storyAssetId ? d`<span class="pill class" title="Game.storyAssetId">Game story · ${t.storyAssetId}</span>` : m}
+						${t.videoAssetId ? d`<span class="pill class" title="Game.videoAssetId">Highlights · ${t.videoAssetId}</span>` : m}
+						<span class="asof">Story and video ride the Game resource as Studio asset references.</span>
+					</div>` : m}
+				<div class="section-title">Season context</div>
+				<div class="cols">
+					${[[t.awayTeamId, a], [t.homeTeamId, o]].map(([h, c]) => this.renderContext(e, h, c))}
+				</div>
+				${p.length ? d`
+					<div class="section-title">Head to head this season</div>
+					<div class="card"><ul class="gamelist">
+						${p.map((h) => d`<li>
+							<span class="d">${y(h.date)}</span>${q(h)}
+							<span class="opp">${P(e, h.awayTeamId)} ${h.awayScore}, ${P(e, h.homeTeamId)} ${h.homeScore}</span>
+							<a class="box" href=${$(e.hrefs.game, { sport: t.sport, id: h.id })}>Box score →</a>
+						</li>`)}
+					</ul></div>` : m}
+			</div>
+		`;
+  }
+  teamBlock(t, e, s, a, o) {
+    if (!a) return d`<div class="teamblock ${o ? "right" : ""}"><div class="tname">TBD</div></div>`;
+    const i = t.teamsById[s], n = t.records[s];
+    return d`
+			<div class="teamblock ${o ? "right" : ""}">
+				<span class="crest" style="background:${a.colorPrimary || "#030711"};color:${W(a.colorPrimary || "#030711")}">${mt(a)}</span>
+				<div>
+					<div class="tname">${ft(t, s, e.date)}<a href=${$(t.hrefs.school, { id: a.id })}>${a.name}</a></div>
+					<div class="trec">${a.mascot || ""} · ${x(n)}${i?.conferenceId ? d` · ${x(n, !0)} conf` : m}</div>
+				</div>
+			</div>
+		`;
+  }
+  renderLineScore(t, e, s) {
+    const a = t.periodScores || [];
+    if (!a.length)
+      return d`<p class="empty" style="text-align:center">Period scoring will appear once the game starts.</p>`;
+    const o = Math.max(4, ...a.map((p) => p.period)), i = (p) => p <= 4 ? String(p) : `OT${p > 5 ? p - 4 : ""}`, n = (p, h) => {
+      const c = a.find((f) => f.period === h);
+      return c ? c[p] : t.state === "final" ? 0 : "·";
+    }, l = (p, h, c) => d`
+			<tr>
+				<td class="teamcell">${F(p, 20)}${p?.abbr || "TBD"}</td>
+				${Array.from({ length: o }, (f, u) => d`<td class="num">${n(h, u + 1)}</td>`)}
+				<td class="num" style="font-weight:700">${c}</td>
+			</tr>`;
+    return d`
+			<div class="tablewrap" style="border-top:1px solid var(--hsot-gray-2)">
+				<table class="data" style="max-width:560px;margin:0.6rem auto 0.9rem">
+					<thead><tr><th>Team</th>${Array.from({ length: o }, (p, h) => d`<th class="num">${i(h + 1)}</th>`)}<th class="num">T</th></tr></thead>
+					<tbody>
+						${l(e, "away", t.awayScore)}
+						${l(s, "home", t.homeScore)}
+					</tbody>
+				</table>
+			</div>
+		`;
+  }
+  renderContext(t, e, s) {
+    if (!s) return m;
+    const a = t.records[e], o = pt(this.data.games, e);
+    return d`
+			<div class="card ctxcard">
+				<div class="who">${F(s)}${s.name}</div>
+				<div class="row">
+					<span>Last 5: ${ut(t, e)}</span>
+					<span>Streak: <b>${a ? Z(a.results) : "·"}</b></span>
+					<span>PF/PA: <b>${a ? `${a.pf} / ${a.pa}` : "·"}</b></span>
+					<span>Next: ${o ? d`${y(o.date, { month: "numeric", day: "numeric" })}
+						${o.homeTeamId === e ? "vs" : "at"} ${V(t, o.homeTeamId === e ? o.awayTeamId : o.homeTeamId)}` : "·"}</span>
+				</div>
+			</div>
+		`;
+  }
+}
+globalThis?.customElements && !globalThis.customElements.get("hsot-boxscore") && globalThis.customElements.define("hsot-boxscore", Wt);
+const Ee = {
+  "hsot-scores": Mt,
+  "hsot-standings": Lt,
+  "hsot-rankings": jt,
+  "hsot-school": Gt,
+  "hsot-boxscore": Wt
+};
+function Pe() {
+  const r = globalThis?.customElements;
+  if (r)
+    for (const [t, e] of Object.entries(Ee))
+      r.get(t) || r.define(t, e);
+}
+typeof window < "u" && globalThis.customElements && Pe();
+export {
+  Pe as defineAll
+};