@oddsmith/ui 0.0.0 → 1.0.1

package/dist/components/os-leaderboard-casino/integration/resolve-input.js

@@ -0,0 +1,99 @@
+import { getBundleDefaultPresetId as c, getOsLeaderboardCasinoPreset as a, resolvePresetState as f, getBundleLabels as p, getThemeVars as b, getTheme as P, resolveAssetsBundle as h } from "./assets-context.js";
+import { LEADERBOARD_CASINO_PRESET_CATALOG as L } from "./assets-context.js";
+function g(e, n, r, s) {
+  const t = e.branding?.themeId;
+  return !t || P(t, s).appearance !== n ? r : t;
+}
+function l(e) {
+  return {
+    username: e.username,
+    rank: e.rank,
+    points: e.points ?? e.winnings ?? 0,
+    totalBet: e.winnings,
+    prize: null,
+    splitCount: 1,
+    you: e.isCurrentUser ?? !1
+  };
+}
+function d(e) {
+  const n = e.winnings ?? e.points ?? 0;
+  return {
+    id: e.id ?? `player-${e.rank}`,
+    username: e.username,
+    rank: e.rank,
+    totalWinnings: n,
+    points: e.points ?? n,
+    winRate: 52,
+    gamesPlayed: 120,
+    streak: 2,
+    level: 12,
+    badges: []
+  };
+}
+function m(e, n) {
+  n && (e.sections.hero && (e.sections.hero = {
+    ...e.sections.hero,
+    ...n.title != null ? { title: n.title } : {},
+    ...n.description != null ? { description: n.description } : {},
+    ...n.endAt != null ? { endTs: n.endAt } : {},
+    ...n.prizePool?.value != null ? { prizePoolValue: n.prizePool.value } : {},
+    ...n.prizePool?.currency != null ? { prizePoolCurrency: n.prizePool.currency } : {},
+    ...n.finished != null ? { status: n.finished ? "completed" : "active" } : {}
+  }), e.sections.stats && n.participantCount != null && (e.sections.stats = {
+    ...e.sections.stats,
+    totalParticipants: n.participantCount
+  }), e.sections.footer && n.footerText != null && (e.sections.footer = {
+    ...e.sections.footer,
+    text: n.footerText
+  }));
+}
+function C(e, n) {
+  if (!n?.length || !e.sections.table) return;
+  const r = [...n].sort((t, o) => t.rank - o.rank), s = r.find((t) => t.isCurrentUser) ?? r.find((t) => t.username.toLowerCase() === "you");
+  if (e.config.appearance === "glam" && e.sections.table.mode === "preview") {
+    e.sections.table = {
+      ...e.sections.table,
+      topPlayers: r.slice(0, 10).map(l),
+      currentUser: s ? l(s) : e.sections.table.currentUser
+    };
+    return;
+  }
+  if (e.sections.table.mode === "ledger") {
+    const o = r.map(d).slice(0, 8), i = s && !o.some((u) => u.id === (s.id ?? `player-${s.rank}`)) ? d(s) : void 0;
+    e.sections.table = {
+      ...e.sections.table,
+      players: o,
+      currentUser: i
+    };
+  }
+}
+function v(e, n) {
+  const r = h(n), s = e.preset ?? c(r), t = a(s, r);
+  if (!t)
+    throw new Error(
+      `Unknown leaderboard preset "${s}". Check assets catalog.`
+    );
+  const o = g(
+    e,
+    t.appearance,
+    t.themeId,
+    r
+  ), i = f(s, r);
+  return i.config.themeId = o, i.config.labels = {
+    ...p(r),
+    ...t.config.labels,
+    ...e.branding?.labels
+  }, i.config.themeVars = {
+    ...b(o, r),
+    ...e.branding?.themeVars
+  }, m(i, e.campaign), C(i, e.players), i;
+}
+function k(e, n, r) {
+  r !== void 0 && (e.assets = r), e.input = n, e.uuid = n.campaign?.uuid ?? "", e.finished = n.campaign?.finished ?? !1, e.state = v(n, e.assets);
+}
+export {
+  L as LEADERBOARD_CASINO_PRESET_CATALOG,
+  k as applyLeaderboardCasinoInput,
+  v as resolveLeaderboardCasinoInput
+};
+//# sourceMappingURL=resolve-input.js.map

package/dist/components/os-leaderboard-casino/integration/resolve-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-input.js","sources":["../../../../src/components/os-leaderboard-casino/integration/resolve-input.ts"],"sourcesContent":["import type { Player } from '../types/ledger.js';\nimport type { UserRank } from '@os-leaderboard-casino/types/data.js';\nimport type { LeaderboardCasinoAssetsBundle } from '../types/assets.js';\nimport type {\n  LeaderboardCasinoCampaign,\n  LeaderboardCasinoInput,\n  LeaderboardCasinoPlayer,\n} from '../types/input.js';\nimport type { OsLeaderboardCasinoState } from '../types/state.js';\nimport {\n  getBundleLabels,\n  getBundleDefaultPresetId,\n  getOsLeaderboardCasinoPreset,\n  resolveAssetsBundle,\n  resolvePresetState,\n  getTheme,\n  getThemeVars,\n  type OsLeaderboardCasinoThemeId,\n  LEADERBOARD_CASINO_PRESET_CATALOG,\n} from './assets-context.js';\n\nexport { LEADERBOARD_CASINO_PRESET_CATALOG };\n\nfunction resolveThemeId(\n  input: LeaderboardCasinoInput,\n  appearance: OsLeaderboardCasinoState['config']['appearance'],\n  fallback: string,\n  bundle: LeaderboardCasinoAssetsBundle,\n): OsLeaderboardCasinoThemeId {\n  const requested = input.branding?.themeId;\n  if (!requested) return fallback as OsLeaderboardCasinoThemeId;\n  const theme = getTheme(requested as OsLeaderboardCasinoThemeId, bundle);\n  if (theme.appearance !== appearance)\n    return fallback as OsLeaderboardCasinoThemeId;\n  return requested as OsLeaderboardCasinoThemeId;\n}\n\nfunction toPreviewPlayer(player: LeaderboardCasinoPlayer): UserRank {\n  return {\n    username: player.username,\n    rank: player.rank,\n    points: player.points ?? player.winnings ?? 0,\n    totalBet: player.winnings,\n    prize: null,\n    splitCount: 1,\n    you: player.isCurrentUser ?? false,\n  };\n}\n\nfunction toLedgerPlayer(player: LeaderboardCasinoPlayer): Player {\n  const winnings = player.winnings ?? player.points ?? 0;\n  return {\n    id: player.id ?? `player-${player.rank}`,\n    username: player.username,\n    rank: player.rank,\n    totalWinnings: winnings,\n    points: player.points ?? winnings,\n    winRate: 52,\n    gamesPlayed: 120,\n    streak: 2,\n    level: 12,\n    badges: [],\n  };\n}\n\nfunction applyCampaign(\n  state: OsLeaderboardCasinoState,\n  campaign: LeaderboardCasinoCampaign | undefined,\n): void {\n  if (!campaign) return;\n\n  if (state.sections.hero) {\n    state.sections.hero = {\n      ...state.sections.hero,\n      ...(campaign.title != null ? { title: campaign.title } : {}),\n      ...(campaign.description != null\n        ? { description: campaign.description }\n        : {}),\n      ...(campaign.endAt != null ? { endTs: campaign.endAt } : {}),\n      ...(campaign.prizePool?.value != null\n        ? { prizePoolValue: campaign.prizePool.value }\n        : {}),\n      ...(campaign.prizePool?.currency != null\n        ? { prizePoolCurrency: campaign.prizePool.currency }\n        : {}),\n      ...(campaign.finished != null\n        ? { status: campaign.finished ? 'completed' : 'active' }\n        : {}),\n    };\n  }\n\n  if (state.sections.stats && campaign.participantCount != null) {\n    state.sections.stats = {\n      ...state.sections.stats,\n      totalParticipants: campaign.participantCount,\n    };\n  }\n\n  if (state.sections.footer && campaign.footerText != null) {\n    state.sections.footer = {\n      ...state.sections.footer,\n      text: campaign.footerText,\n    };\n  }\n}\n\nfunction applyPlayers(\n  state: OsLeaderboardCasinoState,\n  players: LeaderboardCasinoPlayer[] | undefined,\n): void {\n  if (!players?.length || !state.sections.table) return;\n\n  const sorted = [...players].sort((a, b) => a.rank - b.rank);\n  const current =\n    sorted.find((p) => p.isCurrentUser) ??\n    sorted.find((p) => p.username.toLowerCase() === 'you');\n\n  if (\n    state.config.appearance === 'glam' &&\n    state.sections.table.mode === 'preview'\n  ) {\n    state.sections.table = {\n      ...state.sections.table,\n      topPlayers: sorted.slice(0, 10).map(toPreviewPlayer),\n      currentUser: current\n        ? toPreviewPlayer(current)\n        : state.sections.table.currentUser,\n    };\n    return;\n  }\n\n  if (state.sections.table.mode === 'ledger') {\n    const ledger = sorted.map(toLedgerPlayer);\n    const top = ledger.slice(0, 8);\n    const pinned =\n      current &&\n      !top.some((p) => p.id === (current.id ?? `player-${current.rank}`))\n        ? toLedgerPlayer(current)\n        : undefined;\n\n    state.sections.table = {\n      ...state.sections.table,\n      players: top,\n      currentUser: pinned,\n    };\n  }\n}\n\n/**\n * Resolve integration input into render state using the provided assets bundle.\n * Falls back to bundled `assets/fallback/fallback.json` when `assets` is omitted.\n */\nexport function resolveLeaderboardCasinoInput(\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): OsLeaderboardCasinoState {\n  const bundle = resolveAssetsBundle(assets);\n  const presetId = input.preset ?? getBundleDefaultPresetId(bundle);\n  const preset = getOsLeaderboardCasinoPreset(presetId, bundle);\n  if (!preset) {\n    throw new Error(\n      `Unknown leaderboard preset \"${presetId}\". Check assets catalog.`,\n    );\n  }\n\n  const themeId = resolveThemeId(\n    input,\n    preset.appearance,\n    preset.themeId,\n    bundle,\n  );\n  const state = resolvePresetState(presetId, bundle);\n\n  state.config.themeId = themeId;\n  state.config.labels = {\n    ...getBundleLabels(bundle),\n    ...preset.config.labels,\n    ...input.branding?.labels,\n  };\n\n  state.config.themeVars = {\n    ...getThemeVars(themeId, bundle),\n    ...input.branding?.themeVars,\n  };\n\n  applyCampaign(state, input.campaign);\n  applyPlayers(state, input.players);\n\n  return state;\n}\n\nexport type LeaderboardCasinoHost = HTMLElement & {\n  state: OsLeaderboardCasinoState;\n  uuid?: string;\n  finished?: boolean;\n  input?: LeaderboardCasinoInput | null;\n  assets?: LeaderboardCasinoAssetsBundle | null;\n  assetsBaseUrl?: string;\n};\n\n/** Apply input (+ optional assets bundle) to a mounted element. */\nexport function applyLeaderboardCasinoInput(\n  host: LeaderboardCasinoHost,\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): void {\n  if (assets !== undefined) {\n    host.assets = assets;\n  }\n  host.input = input;\n  host.uuid = input.campaign?.uuid ?? '';\n  host.finished = input.campaign?.finished ?? false;\n  host.state = resolveLeaderboardCasinoInput(input, host.assets);\n}\n"],"names":["resolveThemeId","input","appearance","fallback","bundle","requested","getTheme","toPreviewPlayer","player","toLedgerPlayer","winnings","applyCampaign","state","campaign","applyPlayers","players","sorted","a","b","current","p","top","pinned","resolveLeaderboardCasinoInput","assets","resolveAssetsBundle","presetId","getBundleDefaultPresetId","preset","getOsLeaderboardCasinoPreset","themeId","resolvePresetState","getBundleLabels","getThemeVars","applyLeaderboardCasinoInput","host"],"mappings":"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"}

package/dist/components/os-leaderboard-casino/integration/themes.d.ts

@@ -0,0 +1 @@
+export { getPlaygroundTheme, getTheme, getThemeVars, OS_LEADERBOARD_CASINO_THEMES, playgroundThemes, type OsLeaderboardCasinoThemeId, type OsLeaderboardCasinoThemeOption, } from './assets-context.js';

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, nothing, TemplateResult } from 'lit';
+import { OsLeaderboardCasinoClimbSection } from '../../types/sections.js';
+import { ClimbSectionHost } from './climb-section.host.js';
+/** "Your climb" — progress towards the next prize tier with rank trend. */
+export declare class OsLeaderboardCasinoClimb extends LitElement implements ClimbSectionHost {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoClimbSection;
+    get climbTitle(): string;
+    get pointsLabel(): string;
+    get trendClass(): string;
+    renderTrend(): TemplateResult;
+    get pointsToNextLabel(): string;
+    get nextTierRank(): number;
+    get nextTierLabel(): string;
+    renderNextTierPrizeIcon(): TemplateResult;
+    get progressPct(): number;
+    renderName(): TemplateResult;
+    render(): TemplateResult | typeof nothing;
+}

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.host.d.ts

@@ -0,0 +1,15 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoClimbSection } from '../../types/sections.js';
+export interface ClimbSectionHost {
+    section: OsLeaderboardCasinoClimbSection;
+    climbTitle: string;
+    pointsLabel: string;
+    trendClass: string;
+    pointsToNextLabel: string;
+    nextTierRank: number;
+    nextTierLabel: string;
+    progressPct: number;
+    renderName(): TemplateResult;
+    renderTrend(): TemplateResult;
+    renderNextTierPrizeIcon(): TemplateResult;
+}

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.html.js

@@ -0,0 +1,46 @@
+import { html as e } from "lit";
+function i(a) {
+  return e`<section>
+  <div class="section-header">
+    <h2 class="section-title">${a.climbTitle}</h2>
+  </div>
+
+  <div class="card ${a.section.vip ? "vip" : ""}">
+    <div class="top">
+      <div class="rank-ring"><b>#${a.section.rank}</b></div>
+      <div class="who">
+        <div class="name">${a.renderName()}</div>
+        <div class="pts">${a.pointsLabel}</div>
+      </div>
+      <span class="trend ${a.trendClass}">${a.renderTrend()}</span>
+    </div>
+
+    <div class="progress">
+      <div class="progress-labels">
+        <span class="goal">
+          <b>${a.pointsToNextLabel}</b>
+          to reach top ${a.nextTierRank}
+        </span>
+        <span class="target">
+          <span class="target-label">next:</span>
+          <em>${a.renderNextTierPrizeIcon()} ${a.nextTierLabel}</em>
+        </span>
+      </div>
+      <div
+        class="bar"
+        role="progressbar"
+        aria-valuenow="${a.progressPct}"
+        aria-valuemin="0"
+        aria-valuemax="100"
+      >
+        <div class="fill" style="width: ${a.progressPct}%"></div>
+      </div>
+    </div>
+  </div>
+</section>
+`;
+}
+export {
+  i as default
+};
+//# sourceMappingURL=climb-section.html.js.map

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"climb-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<section>\n  <div class=\"section-header\">\n    <h2 class=\"section-title\">${host.climbTitle}</h2>\n  </div>\n\n  <div class=\"card ${host.section.vip ? 'vip' : ''}\">\n    <div class=\"top\">\n      <div class=\"rank-ring\"><b>#${host.section.rank}</b></div>\n      <div class=\"who\">\n        <div class=\"name\">${host.renderName()}</div>\n        <div class=\"pts\">${host.pointsLabel}</div>\n      </div>\n      <span class=\"trend ${host.trendClass}\">${host.renderTrend()}</span>\n    </div>\n\n    <div class=\"progress\">\n      <div class=\"progress-labels\">\n        <span class=\"goal\">\n          <b>${host.pointsToNextLabel}</b>\n          to reach top ${host.nextTierRank}\n        </span>\n        <span class=\"target\">\n          <span class=\"target-label\">next:</span>\n          <em>${host.renderNextTierPrizeIcon()} ${host.nextTierLabel}</em>\n        </span>\n      </div>\n      <div\n        class=\"bar\"\n        role=\"progressbar\"\n        aria-valuenow=\"${host.progressPct}\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n      >\n        <div class=\"fill\" style=\"width: ${host.progressPct}%\"></div>\n      </div>\n    </div>\n  </div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA,gCAEuBD,EAAK,UAAU;AAAA;AAAA;AAAA,qBAG1BA,EAAK,QAAQ,MAAM,QAAQ,EAAE;AAAA;AAAA,mCAEfA,EAAK,QAAQ,IAAI;AAAA;AAAA,4BAExBA,EAAK,YAAY;AAAA,2BAClBA,EAAK,WAAW;AAAA;AAAA,2BAEhBA,EAAK,UAAU,KAAKA,EAAK,YAAW,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMlDA,EAAK,iBAAiB;AAAA,yBACZA,EAAK,YAAY;AAAA;AAAA;AAAA;AAAA,gBAI1BA,EAAK,wBAAuB,CAAE,IAAIA,EAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAM3CA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA,0CAICA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1D;"}

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.js

@@ -0,0 +1,74 @@
+import { LitElement as u, html as m, nothing as b } from "lit";
+import { property as d } from "lit/decorators.js";
+import { unsafeSVG as p } from "lit/directives/unsafe-svg.js";
+import g from "../../assets/icons/table.rank-up.svg.js";
+import h from "../../assets/icons/table.rank-down.svg.js";
+import v from "../../assets/icons/table.rank-neutral.svg.js";
+import { Component as x } from "../../../../shared/lib/lit/component.js";
+import { scss as L } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_CLIMB as S } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as T } from "../../theme/styles.js";
+import { renderPlayerName as N } from "../../theme/vip-mark.js";
+import { iconService as l } from "../../services/icon.service.js";
+import _ from "./climb-section.html.js";
+import C from "./climb-section.scss.js";
+var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, f = (e, t, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? P(t, i) : t, s = e.length - 1, a; s >= 0; s--)
+    (a = e[s]) && (r = (n ? a(t, i, r) : a(r)) || r);
+  return n && r && O(t, i, r), r;
+};
+function c(e) {
+  return e.replace("<svg ", '<svg viewBox="0 0 512 512" ');
+}
+const w = c(g), $ = c(h), y = c(v);
+let o = class extends u {
+  get climbTitle() {
+    return this.section?.title ?? "Your climb";
+  }
+  get pointsLabel() {
+    return `${this.section.points.toLocaleString()} pts`;
+  }
+  get trendClass() {
+    const e = this.section?.trend ?? 0;
+    return e > 0 ? "up" : e < 0 ? "down" : "flat";
+  }
+  renderTrend() {
+    const e = this.section?.trend ?? 0;
+    return e > 0 ? m`${p(w)}<b>${e}</b>` : e < 0 ? m`${p($)}<b>${Math.abs(e)}</b>` : m`${p(y)}<b>steady</b>`;
+  }
+  get pointsToNextLabel() {
+    return `${this.section.pointsToNextTier.toLocaleString()} pts`;
+  }
+  get nextTierRank() {
+    return this.section.nextTierRank;
+  }
+  get nextTierLabel() {
+    return this.section.nextTierLabel;
+  }
+  renderNextTierPrizeIcon() {
+    const e = l.resolvePrizeIconName(this.section.nextTierLabel);
+    return l.get(e).render({
+      className: "prize-icon prize-icon--inline"
+    });
+  }
+  get progressPct() {
+    return Math.round(Math.min(1, Math.max(0, this.section.progress)) * 100);
+  }
+  renderName() {
+    return N(this.section.username, { vip: this.section.vip });
+  }
+  render() {
+    return this.section ? _(this) : b;
+  }
+};
+o.styles = [T, L(C)];
+f([
+  d({ attribute: !1 })
+], o.prototype, "section", 2);
+o = f([
+  x({ selector: S })
+], o);
+export {
+  o as OsLeaderboardCasinoClimb
+};
+//# sourceMappingURL=climb-section.js.map

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"climb-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-section.ts"],"sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport rankUpSvg from '../../assets/icons/table.rank-up.svg?raw';\nimport rankDownSvg from '../../assets/icons/table.rank-down.svg?raw';\nimport rankNeutralSvg from '../../assets/icons/table.rank-neutral.svg?raw';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_CLIMB } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport { renderPlayerName } from '@os-leaderboard-casino/theme/vip-mark.js';\nimport { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport type { OsLeaderboardCasinoClimbSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { ClimbSectionHost } from './climb-section.host.js';\nimport renderTemplate from './climb-section.html?lit-html';\nimport styles from './climb-section.scss?inline';\n\nfunction addViewBox(svg: string): string {\n  return svg.replace('<svg ', '<svg viewBox=\"0 0 512 512\" ');\n}\nconst rankUpSvgVb = addViewBox(rankUpSvg);\nconst rankDownSvgVb = addViewBox(rankDownSvg);\nconst rankNeutralSvgVb = addViewBox(rankNeutralSvg);\n\n/** \"Your climb\" — progress towards the next prize tier with rank trend. */\n@Component({ selector: OS_LEADERBOARD_CASINO_CLIMB })\nexport class OsLeaderboardCasinoClimb\n  extends LitElement\n  implements ClimbSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoClimbSection;\n\n  get climbTitle(): string {\n    return this.section?.title ?? 'Your climb';\n  }\n\n  get pointsLabel(): string {\n    return `${this.section.points.toLocaleString()} pts`;\n  }\n\n  get trendClass(): string {\n    const trend = this.section?.trend ?? 0;\n    return trend > 0 ? 'up' : trend < 0 ? 'down' : 'flat';\n  }\n\n  renderTrend(): TemplateResult {\n    const trend = this.section?.trend ?? 0;\n    if (trend > 0) return html`${unsafeSVG(rankUpSvgVb)}<b>${trend}</b>`;\n    if (trend < 0) return html`${unsafeSVG(rankDownSvgVb)}<b>${Math.abs(trend)}</b>`;\n    return html`${unsafeSVG(rankNeutralSvgVb)}<b>steady</b>`;\n  }\n\n  get pointsToNextLabel(): string {\n    return `${this.section.pointsToNextTier.toLocaleString()} pts`;\n  }\n\n  get nextTierRank(): number {\n    return this.section.nextTierRank;\n  }\n\n  get nextTierLabel(): string {\n    return this.section.nextTierLabel;\n  }\n\n  renderNextTierPrizeIcon() {\n    const name = iconService.resolvePrizeIconName(this.section.nextTierLabel);\n    return iconService.get(name).render({\n      className: 'prize-icon prize-icon--inline',\n    });\n  }\n\n  get progressPct(): number {\n    return Math.round(Math.min(1, Math.max(0, this.section.progress)) * 100);\n  }\n\n  renderName() {\n    return renderPlayerName(this.section.username, { vip: this.section.vip });\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["addViewBox","svg","rankUpSvgVb","rankUpSvg","rankDownSvgVb","rankDownSvg","rankNeutralSvgVb","rankNeutralSvg","OsLeaderboardCasinoClimb","LitElement","trend","html","unsafeSVG","name","iconService","renderPlayerName","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_CLIMB"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAASA,EAAWC,GAAqB;AACvC,SAAOA,EAAI,QAAQ,SAAS,6BAA6B;AAC3D;AACA,MAAMC,IAAcF,EAAWG,CAAS,GAClCC,IAAgBJ,EAAWK,CAAW,GACtCC,IAAmBN,EAAWO,CAAc;AAI3C,IAAMC,IAAN,cACGC,EAEV;AAAA,EAME,IAAI,aAAqB;AACvB,WAAO,KAAK,SAAS,SAAS;AAAA,EAChC;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,GAAG,KAAK,QAAQ,OAAO,gBAAgB;AAAA,EAChD;AAAA,EAEA,IAAI,aAAqB;AACvB,UAAMC,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAOA,IAAQ,IAAI,OAAOA,IAAQ,IAAI,SAAS;AAAA,EACjD;AAAA,EAEA,cAA8B;AAC5B,UAAMA,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAIA,IAAQ,IAAUC,IAAOC,EAAUV,CAAW,CAAC,MAAMQ,CAAK,SAC1DA,IAAQ,IAAUC,IAAOC,EAAUR,CAAa,CAAC,MAAM,KAAK,IAAIM,CAAK,CAAC,SACnEC,IAAOC,EAAUN,CAAgB,CAAC;AAAA,EAC3C;AAAA,EAEA,IAAI,oBAA4B;AAC9B,WAAO,GAAG,KAAK,QAAQ,iBAAiB,gBAAgB;AAAA,EAC1D;AAAA,EAEA,IAAI,eAAuB;AACzB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,gBAAwB;AAC1B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,0BAA0B;AACxB,UAAMO,IAAOC,EAAY,qBAAqB,KAAK,QAAQ,aAAa;AACxE,WAAOA,EAAY,IAAID,CAAI,EAAE,OAAO;AAAA,MAClC,WAAW;AAAA,IAAA,CACZ;AAAA,EACH;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,CAAC,IAAI,GAAG;AAAA,EACzE;AAAA,EAEA,aAAa;AACX,WAAOE,EAAiB,KAAK,QAAQ,UAAU,EAAE,KAAK,KAAK,QAAQ,KAAK;AAAA,EAC1E;AAAA,EAEA,SAAS;AACP,WAAK,KAAK,UACHC,EAAe,IAAI,IADAC;AAAA,EAE5B;AACF;AA5DaT,EAIJ,SAAS,CAACU,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GANnBd,EAOX,WAAA,WAAA,CAAA;AAPWA,IAANa,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAA6B;AAAA,GACvChB,CAAA;"}

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.scss.js

@@ -0,0 +1,5 @@
+const r = ':host{display:block;width:100%}.card{position:relative;overflow:hidden;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);padding:16px 18px}.top{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.rank-ring{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,conic-gradient(from 220deg,var(--violet),var(--gold),var(--violet)) border-box;border:2px solid transparent}.rank-ring b{font-family:var(--font-mono);font-size:15px;font-weight:800;color:var(--text)}.who{flex:1;min-width:0}.name{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text)}.pts{margin-top:1px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.trend{flex:none;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;border:1px solid var(--hairline)}.trend svg{width:15px;height:15px;flex:none}.trend.up{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.trend.down{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 35%,transparent)}.trend.flat{color:var(--text-dim);background:#ffffff0a}.progress{margin-top:15px}.progress-labels{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.goal{font-size:12px;color:var(--text-dim)}.goal b{color:var(--gold-strong);font-weight:800}.target{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-faint);white-space:nowrap}.target-label{line-height:1}.target em{display:inline-flex;align-items:center;gap:4px;font-style:normal;color:var(--text);line-height:1}.bar{position:relative;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--hairline);overflow:hidden}.fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--violet) 0%,var(--gold) 100%);box-shadow:0 0 14px var(--gold-glow);transition:width .8s cubic-bezier(.22,1,.36,1)}.fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:200% 100%;animation:bar-shine 2.6s linear infinite}@keyframes bar-shine{0%{background-position:180% 0}to{background-position:-80% 0}}';
+export {
+  r as default
+};
+//# sourceMappingURL=climb-section.scss.js.map

package/dist/components/os-leaderboard-casino/sections/climb-section/climb-section.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"climb-section.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoEventItem } from '../../../types/sections.js';
+export type EventIconName = 'boost' | 'gift' | 'bolt' | 'fire' | 'star' | 'clock';
+export declare const eventIcon: (name: EventIconName) => TemplateResult;
+export declare function resolveEventIcon(event: OsLeaderboardCasinoEventItem): TemplateResult | string;

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.js

@@ -0,0 +1,116 @@
+import { html as o } from "lit";
+const t = (r) => {
+  switch (r) {
+    case "boost":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path
+          d="M4 20 9 9l6 6-11 5Z"
+          fill="currentColor"
+          opacity=".25"
+        />
+        <path
+          d="M4 20 9 9l6 6-11 5Z"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M14 3v3M19 5l-2 2M21 10h-3"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="round"
+        />
+        <circle cx="15.5" cy="8.5" r="2.5" fill="currentColor" opacity=".4" />
+      </svg>`;
+    case "gift":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <rect
+          x="4"
+          y="9"
+          width="16"
+          height="11"
+          rx="1.5"
+          stroke="currentColor"
+          stroke-width="1.5"
+        />
+        <path d="M4 9h16M12 9v11" stroke="currentColor" stroke-width="1.5" />
+        <path
+          d="M12 9C9 9 7 4 9.5 4S12 7 12 9Zm0 0c3 0 5-5 2.5-5S12 7 12 9Z"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linejoin="round"
+        />
+      </svg>`;
+    case "bolt":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path
+          d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z"
+          fill="currentColor"
+          opacity=".25"
+        />
+        <path
+          d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linejoin="round"
+        />
+      </svg>`;
+    case "fire":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path
+          d="M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z"
+          fill="currentColor"
+          opacity=".25"
+        />
+        <path
+          d="M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linejoin="round"
+        />
+      </svg>`;
+    case "star":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <path
+          d="m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z"
+          fill="currentColor"
+          opacity=".25"
+        />
+        <path
+          d="m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linejoin="round"
+        />
+      </svg>`;
+    case "clock":
+      return o`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.5" />
+        <path
+          d="M12 7v5l3.5 2"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>`;
+  }
+}, e = {
+  "event-1": "bolt",
+  "event-2": "boost"
+}, n = {
+  gold: "bolt",
+  violet: "boost",
+  green: "star",
+  red: "fire"
+};
+function l(r) {
+  return r.icon ? r.icon : t(
+    e[r.id] ?? n[r.accent ?? "gold"] ?? "star"
+  );
+}
+export {
+  t as eventIcon,
+  l as resolveEventIcon
+};
+//# sourceMappingURL=event-icons.js.map

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-icons.js","sources":["../../../../../../src/components/os-leaderboard-casino/sections/events-banner/components/event-icons.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport type { OsLeaderboardCasinoEventItem } from '@os-leaderboard-casino/types/sections.js';\n\nexport type EventIconName = 'boost' | 'gift' | 'bolt' | 'fire' | 'star' | 'clock';\n\nexport const eventIcon = (name: EventIconName): TemplateResult => {\n  switch (name) {\n    case 'boost':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n        <path\n          d=\"M14 3v3M19 5l-2 2M21 10h-3\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle cx=\"15.5\" cy=\"8.5\" r=\"2.5\" fill=\"currentColor\" opacity=\".4\" />\n      </svg>`;\n    case 'gift':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <rect\n          x=\"4\"\n          y=\"9\"\n          width=\"16\"\n          height=\"11\"\n          rx=\"1.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n        />\n        <path d=\"M4 9h16M12 9v11\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 9C9 9 7 4 9.5 4S12 7 12 9Zm0 0c3 0 5-5 2.5-5S12 7 12 9Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'bolt':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'fire':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'star':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'clock':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 7v5l3.5 2\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n  }\n};\n\nconst ICON_BY_ID: Record<string, EventIconName> = {\n  'event-1': 'bolt',\n  'event-2': 'boost',\n};\n\nconst ICON_BY_ACCENT: Record<\n  NonNullable<OsLeaderboardCasinoEventItem['accent']>,\n  EventIconName\n> = {\n  gold: 'bolt',\n  violet: 'boost',\n  green: 'star',\n  red: 'fire',\n};\n\nexport function resolveEventIcon(\n  event: OsLeaderboardCasinoEventItem,\n): TemplateResult | string {\n  if (event.icon) return event.icon;\n  return eventIcon(\n    ICON_BY_ID[event.id] ??\n      ICON_BY_ACCENT[event.accent ?? 'gold'] ??\n      'star',\n  );\n}\n"],"names":["eventIcon","name","html","ICON_BY_ID","ICON_BY_ACCENT","resolveEventIcon","event"],"mappings":";AAKO,MAAMA,IAAY,CAACC,MAAwC;AAChE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAkBT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWb,GAEMC,IAA4C;AAAA,EAChD,WAAW;AAAA,EACX,WAAW;AACb,GAEMC,IAGF;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AACP;AAEO,SAASC,EACdC,GACyB;AACzB,SAAIA,EAAM,OAAaA,EAAM,OACtBN;AAAA,IACLG,EAAWG,EAAM,EAAE,KACjBF,EAAeE,EAAM,UAAU,MAAM,KACrC;AAAA,EAAA;AAEN;"}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoEventsSection } from '../../types/sections.js';
+/** Promotional events — v0 Glass Glow (icon chip, fade rotation). */
+export declare class OsLeaderboardCasinoEvents extends LitElement {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoEventsSection;
+    private index;
+    private timer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private startRotation;
+    private stopRotation;
+    private goTo;
+    render(): typeof nothing | import('lit').TemplateResult<1>;
+}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.host.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoEventsSection } from '../../types/sections.js';
+export interface EventsBannerHost {
+    section: OsLeaderboardCasinoEventsSection;
+    showDots: boolean;
+    renderSlides(): TemplateResult;
+    renderDots(): TemplateResult;
+}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.js

@@ -0,0 +1,90 @@
+import { LitElement as d, nothing as l, html as r } from "lit";
+import { keyed as h } from "lit/directives/keyed.js";
+import { property as m, state as v } from "lit/decorators.js";
+import { Component as f } from "../../../../shared/lib/lit/component.js";
+import { scss as u } from "../../../../shared/lib/lit/scss.js";
+import { DEFAULT_EVENTS_ROTATE_MS as b } from "../../constants/defaults.js";
+import { OS_LEADERBOARD_CASINO_EVENTS as _ } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as $ } from "../../theme/styles.js";
+import "lit/directives/unsafe-svg.js";
+import { resolveEventIcon as g } from "./components/event-icons.js";
+import E from "./events-banner.scss.js";
+var x = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (t, e, n, s) => {
+  for (var o = s > 1 ? void 0 : s ? R(e, n) : e, i = t.length - 1, c; i >= 0; i--)
+    (c = t[i]) && (o = (s ? c(e, n, o) : c(o)) || o);
+  return s && o && x(e, n, o), o;
+};
+let a = class extends d {
+  constructor() {
+    super(...arguments), this.index = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.startRotation();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.stopRotation();
+  }
+  updated(t) {
+    t.has("section") && (this.index = 0, this.startRotation());
+  }
+  startRotation() {
+    this.stopRotation();
+    const t = this.section?.events?.length ?? 0;
+    t < 2 || (this.timer = setInterval(() => {
+      this.index = (this.index + 1) % t;
+    }, this.section?.rotateMs ?? b));
+  }
+  stopRotation() {
+    this.timer && clearInterval(this.timer), this.timer = void 0;
+  }
+  goTo(t) {
+    this.index = t, this.startRotation();
+  }
+  render() {
+    const t = this.section?.events ?? [];
+    if (!t.length) return l;
+    const e = t[this.index], n = e.accent ?? "gold", s = g(e);
+    return r`
+      <div class="banner" role="region" aria-label="Promotions" aria-live="polite">
+        <div class="chip accent-${n}">
+          ${typeof s == "string" ? r`${s}` : s}
+        </div>
+        ${h(
+      this.index,
+      r`<div class="body">
+            <p class="title">${e.title}</p>
+            ${e.subtitle ? r`<p class="sub">${e.subtitle}</p>` : l}
+          </div>`
+    )}
+        <div class="right">
+          <span class="tag accent-${n}">Event</span>
+          ${t.length > 1 ? r`<div class="dots">
+                ${t.map(
+      (o, i) => r`<button
+                    type="button"
+                    class="dot"
+                    aria-current=${i === this.index ? "true" : "false"}
+                    aria-label="Show event ${i + 1}"
+                    @click=${() => this.goTo(i)}
+                  ></button>`
+    )}
+              </div>` : l}
+        </div>
+      </div>
+    `;
+  }
+};
+a.styles = [$, u(E)];
+p([
+  m({ attribute: !1 })
+], a.prototype, "section", 2);
+p([
+  v()
+], a.prototype, "index", 2);
+a = p([
+  f({ selector: _ })
+], a);
+export {
+  a as OsLeaderboardCasinoEvents
+};
+//# sourceMappingURL=events-banner.js.map

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-banner.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/events-banner/events-banner.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { property, state } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { DEFAULT_EVENTS_ROTATE_MS } from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_EVENTS } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type { OsLeaderboardCasinoEventsSection } from '@os-leaderboard-casino/types/sections.js';\nimport { resolveEventIcon } from './components/event-icons.js';\nimport styles from './events-banner.scss?inline';\n\n/** Promotional events — v0 Glass Glow (icon chip, fade rotation). */\n@Component({ selector: OS_LEADERBOARD_CASINO_EVENTS })\nexport class OsLeaderboardCasinoEvents extends LitElement {\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoEventsSection;\n\n  @state()\n  private index = 0;\n\n  private timer?: ReturnType<typeof setInterval>;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.startRotation();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.stopRotation();\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('section')) {\n      this.index = 0;\n      this.startRotation();\n    }\n  }\n\n  private startRotation() {\n    this.stopRotation();\n    const count = this.section?.events?.length ?? 0;\n    if (count < 2) return;\n    this.timer = setInterval(() => {\n      this.index = (this.index + 1) % count;\n    }, this.section?.rotateMs ?? DEFAULT_EVENTS_ROTATE_MS);\n  }\n\n  private stopRotation() {\n    if (this.timer) clearInterval(this.timer);\n    this.timer = undefined;\n  }\n\n  private goTo(index: number) {\n    this.index = index;\n    this.startRotation();\n  }\n\n  render() {\n    const events = this.section?.events ?? [];\n    if (!events.length) return nothing;\n\n    const event = events[this.index];\n    const accent = event.accent ?? 'gold';\n    const icon = resolveEventIcon(event);\n\n    return html`\n      <div class=\"banner\" role=\"region\" aria-label=\"Promotions\" aria-live=\"polite\">\n        <div class=\"chip accent-${accent}\">\n          ${typeof icon === 'string' ? html`${icon}` : icon}\n        </div>\n        ${keyed(\n          this.index,\n          html`<div class=\"body\">\n            <p class=\"title\">${event.title}</p>\n            ${event.subtitle\n              ? html`<p class=\"sub\">${event.subtitle}</p>`\n              : nothing}\n          </div>`,\n        )}\n        <div class=\"right\">\n          <span class=\"tag accent-${accent}\">Event</span>\n          ${events.length > 1\n            ? html`<div class=\"dots\">\n                ${events.map(\n                  (_, i) => html`<button\n                    type=\"button\"\n                    class=\"dot\"\n                    aria-current=${i === this.index ? 'true' : 'false'}\n                    aria-label=\"Show event ${i + 1}\"\n                    @click=${() => this.goTo(i)}\n                  ></button>`,\n                )}\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["OsLeaderboardCasinoEvents","LitElement","changed","count","DEFAULT_EVENTS_ROTATE_MS","index","events","nothing","event","accent","icon","resolveEventIcon","html","keyed","_","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","Component","OS_LEADERBOARD_CASINO_EVENTS"],"mappings":";;;;;;;;;;;;;;;;AAcO,IAAMA,IAAN,cAAwCC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOL,KAAQ,QAAQ;AAAA,EAAA;AAAA,EAIhB,oBAA0B;AACxB,UAAM,kBAAA,GACN,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAA,GACN,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,QAAQC,GAA+B;AACrC,IAAIA,EAAQ,IAAI,SAAS,MACvB,KAAK,QAAQ,GACb,KAAK,cAAA;AAAA,EAET;AAAA,EAEQ,gBAAgB;AACtB,SAAK,aAAA;AACL,UAAMC,IAAQ,KAAK,SAAS,QAAQ,UAAU;AAC9C,IAAIA,IAAQ,MACZ,KAAK,QAAQ,YAAY,MAAM;AAC7B,WAAK,SAAS,KAAK,QAAQ,KAAKA;AAAA,IAClC,GAAG,KAAK,SAAS,YAAYC,CAAwB;AAAA,EACvD;AAAA,EAEQ,eAAe;AACrB,IAAI,KAAK,SAAO,cAAc,KAAK,KAAK,GACxC,KAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,KAAKC,GAAe;AAC1B,SAAK,QAAQA,GACb,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,SAAS;AACP,UAAMC,IAAS,KAAK,SAAS,UAAU,CAAA;AACvC,QAAI,CAACA,EAAO,OAAQ,QAAOC;AAE3B,UAAMC,IAAQF,EAAO,KAAK,KAAK,GACzBG,IAASD,EAAM,UAAU,QACzBE,IAAOC,EAAiBH,CAAK;AAEnC,WAAOI;AAAA;AAAA,kCAEuBH,CAAM;AAAA,YAC5B,OAAOC,KAAS,WAAWE,IAAOF,CAAI,KAAKA,CAAI;AAAA;AAAA,UAEjDG;AAAA,MACA,KAAK;AAAA,MACLD;AAAA,+BACqBJ,EAAM,KAAK;AAAA,cAC5BA,EAAM,WACJI,mBAAsBJ,EAAM,QAAQ,SACpCD,CAAO;AAAA;AAAA,IAAA,CAEd;AAAA;AAAA,oCAE2BE,CAAM;AAAA,YAC9BH,EAAO,SAAS,IACdM;AAAA,kBACIN,EAAO;AAAA,MACP,CAACQ,GAAG,MAAMF;AAAA;AAAA;AAAA,mCAGO,MAAM,KAAK,QAAQ,SAAS,OAAO;AAAA,6CACzB,IAAI,CAAC;AAAA,6BACrB,MAAM,KAAK,KAAK,CAAC,CAAC;AAAA;AAAA,IAAA,CAE9B;AAAA,wBAEHL,CAAO;AAAA;AAAA;AAAA;AAAA,EAInB;AACF;AAxFaP,EACJ,SAAS,CAACe,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAHnBnB,EAIX,WAAA,WAAA,CAAA;AAGQkB,EAAA;AAAA,EADPE,EAAA;AAAM,GANIpB,EAOH,WAAA,SAAA,CAAA;AAPGA,IAANkB,EAAA;AAAA,EADNG,EAAU,EAAE,UAAUC,EAAA,CAA8B;AAAA,GACxCtB,CAAA;"}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.scss.js

@@ -0,0 +1,5 @@
+const r = ":host{display:block;width:100%}.banner{position:relative;display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:var(--radius-sm);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);overflow:hidden;cursor:pointer}.chip{position:relative;z-index:1;flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:var(--gold);font-size:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 16%,transparent),color-mix(in srgb,var(--violet) 12%,transparent));border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.chip.accent-violet{color:var(--violet);background:linear-gradient(160deg,color-mix(in srgb,var(--violet) 18%,transparent),color-mix(in srgb,var(--gold) 8%,transparent));border-color:color-mix(in srgb,var(--violet) 30%,transparent)}.chip.accent-green{color:var(--green);background:linear-gradient(160deg,color-mix(in srgb,var(--green) 18%,transparent),color-mix(in srgb,var(--gold) 8%,transparent));border-color:color-mix(in srgb,var(--green) 30%,transparent)}.chip.accent-red{color:var(--red);background:linear-gradient(160deg,color-mix(in srgb,var(--red) 18%,transparent),color-mix(in srgb,var(--gold) 8%,transparent));border-color:color-mix(in srgb,var(--red) 30%,transparent)}.chip svg{width:26px;height:26px}.body{position:relative;z-index:1;min-width:0;flex:1}.title{margin:0;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{margin:4px 0 0;font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;align-self:stretch;flex:none;min-height:50px}.tag{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#d9cdff;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--violet) 14%,transparent);border:1px solid color-mix(in srgb,var(--violet) 32%,transparent)}.tag.accent-gold{color:var(--gold-strong);background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.tag.accent-green{color:color-mix(in srgb,var(--green) 85%,var(--text));background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 32%,transparent)}.tag.accent-red{color:color-mix(in srgb,var(--red) 85%,var(--text));background:color-mix(in srgb,var(--red) 14%,transparent);border-color:color-mix(in srgb,var(--red) 32%,transparent)}.dots{display:flex;gap:6px}.dot{height:4px;width:14px;border-radius:999px;border:none;padding:0;cursor:pointer;background:color-mix(in srgb,var(--text) 16%,transparent);transition:width var(--transition-fast),background var(--transition-fast)}.dot[aria-current=true]{width:26px;background:var(--gold)}@media(max-width:560px){.banner{gap:14px;padding:14px 16px;align-items:stretch}.title,.sub{white-space:normal}.body,.chip{align-self:center}}";
+export {
+  r as default
+};
+//# sourceMappingURL=events-banner.scss.js.map

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events-banner.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/footer-section/footer-section.d.ts

@@ -0,0 +1,10 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoFooterSection } from '../../types/sections.js';
+import { FooterSectionHost } from './footer-section.host.js';
+export declare class OsLeaderboardCasinoFooter extends LitElement implements FooterSectionHost {
+    static styles: import('lit').CSSResult[];
+    section?: OsLeaderboardCasinoFooterSection;
+    text: string;
+    get displayText(): string;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

package/{src/components/sf-leaderboard/sections/footer-section/footer-section.host.ts → dist/components/os-leaderboard-casino/sections/footer-section/footer-section.host.d.ts}

@@ -1,3 +1,3 @@
 export interface FooterSectionHost {
-  text: string;
+    displayText: string;
 }