@oddsmith/ui 0.0.0 → 1.0.0

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

@@ -0,0 +1,159 @@
+import { LitElement as f, nothing as u, html as p } from "lit";
+import { property as d, state as c } from "lit/decorators.js";
+import { Component as b } from "../../../../shared/lib/lit/component.js";
+import { scss as y } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_HERO as w } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as D } from "../../theme/styles.js";
+import g from "./hero-section.html.js";
+import T from "./hero-section.scss.js";
+var v = Object.defineProperty, A = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? A(e, s) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (o = (i ? r(e, s, o) : r(o)) || o);
+  return i && o && v(e, s, o), o;
+};
+function h(t, e = Date.now()) {
+  const s = Math.floor((new Date(t).getTime() - e) / 1e3);
+  return !Number.isFinite(s) || s <= 0 ? { expired: !0, days: 0, hours: 0, minutes: 0, seconds: 0 } : {
+    expired: !1,
+    days: Math.floor(s / 86400),
+    hours: Math.floor(s % 86400 / 3600),
+    minutes: Math.floor(s % 3600 / 60),
+    seconds: s % 60
+  };
+}
+const P = {
+  upcoming: "Upcoming",
+  active: "Live",
+  completed: "Finished",
+  cancelled: "Cancelled"
+};
+let n = class extends f {
+  constructor() {
+    super(...arguments), this.now = Date.now(), this.poolDisplay = null, this.poolBump = !1;
+  }
+  get showBanner() {
+    return !!this.section?.bannerAsset?.url;
+  }
+  get bannerUrl() {
+    return this.section?.bannerAsset?.url ?? "";
+  }
+  get bannerAlt() {
+    return this.section?.bannerAsset?.label || "";
+  }
+  get showStatus() {
+    return !!this.section?.status;
+  }
+  get status() {
+    return this.section?.status;
+  }
+  get statusLabel() {
+    const t = this.section?.status;
+    return t ? P[t] : "";
+  }
+  get showActiveDot() {
+    return this.section?.status === "active";
+  }
+  get showDescription() {
+    return !!this.section?.description;
+  }
+  get showPool() {
+    return this.poolDisplay != null || !!this.section?.prizePool;
+  }
+  get poolValueLabel() {
+    return this.poolDisplay != null ? this.formatPool(this.poolDisplay) : this.section?.prizePool ?? "";
+  }
+  get poolLabel() {
+    return this.section?.prizePoolLabel ?? "Total prize pool";
+  }
+  get showRising() {
+    return this.poolDisplay != null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.timer = setInterval(() => {
+      this.now = Date.now();
+    }, 1e3);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.timer && clearInterval(this.timer), this.poolRaf && cancelAnimationFrame(this.poolRaf), this.bumpTimer && clearTimeout(this.bumpTimer);
+  }
+  willUpdate(t) {
+    if (!t.has("section")) return;
+    const e = this.section?.prizePoolValue;
+    if (e == null) {
+      this.poolDisplay = null;
+      return;
+    }
+    if (this.poolDisplay == null) {
+      this.poolDisplay = e;
+      return;
+    }
+    e !== this.poolDisplay && this.animatePool(e);
+  }
+  /** Rolling count-up from the current display value to `target`. */
+  animatePool(t) {
+    this.poolRaf && cancelAnimationFrame(this.poolRaf);
+    const e = this.poolDisplay ?? t, s = 1100, i = performance.now(), o = (a) => {
+      const r = Math.min(1, (a - i) / s), m = 1 - Math.pow(1 - r, 3);
+      this.poolDisplay = Math.round(e + (t - e) * m), r < 1 && (this.poolRaf = requestAnimationFrame(o));
+    };
+    this.poolRaf = requestAnimationFrame(o), t > e && (this.poolBump = !0, this.bumpTimer && clearTimeout(this.bumpTimer), this.bumpTimer = setTimeout(() => {
+      this.poolBump = !1;
+    }, 650));
+  }
+  formatPool(t) {
+    try {
+      return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: this.section?.prizePoolCurrency ?? "USD",
+        maximumFractionDigits: 0
+      }).format(t);
+    } catch {
+      return t.toLocaleString();
+    }
+  }
+  get isFinished() {
+    const t = this.section?.status;
+    return t === "completed" || t === "cancelled" ? !0 : this.section?.endTs ? h(this.section.endTs, this.now).expired : !1;
+  }
+  renderCountdown() {
+    const t = this.section?.endTs;
+    if (!t) return u;
+    if (this.isFinished)
+      return p`<span class="ended">🏁 Contest finished</span>`;
+    const e = h(t, this.now), s = (i, o) => p`<div class="cell">
+        <b>${String(i).padStart(2, "0")}</b><span>${o}</span>
+      </div>`;
+    return p`
+      <div class="countdown">
+        <span class="label">Ends in</span>
+        ${s(e.days, "days")}<span class="sep">:</span>
+        ${s(e.hours, "hours")}<span class="sep">:</span>
+        ${s(e.minutes, "min")}<span class="sep">:</span>
+        ${s(e.seconds, "sec")}
+      </div>
+    `;
+  }
+  render() {
+    return this.section ? g(this) : u;
+  }
+};
+n.styles = [D, y(T)];
+l([
+  d({ attribute: !1 })
+], n.prototype, "section", 2);
+l([
+  c()
+], n.prototype, "now", 2);
+l([
+  c()
+], n.prototype, "poolDisplay", 2);
+l([
+  c()
+], n.prototype, "poolBump", 2);
+n = l([
+  b({ selector: w })
+], n);
+export {
+  n as OsLeaderboardCasinoHero
+};
+//# sourceMappingURL=hero-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/hero-section/hero-section.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_HERO } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type { LeaderboardStatus } from '@os-leaderboard-casino/types/data.js';\nimport type { OsLeaderboardCasinoHeroSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { HeroSectionHost } from './hero-section.host.js';\nimport renderTemplate from './hero-section.html?lit-html';\nimport styles from './hero-section.scss?inline';\n\ninterface CountdownParts {\n  expired: boolean;\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nfunction countdownTo(endTs: string, now = Date.now()): CountdownParts {\n  const remaining = Math.floor((new Date(endTs).getTime() - now) / 1000);\n  if (!Number.isFinite(remaining) || remaining <= 0) {\n    return { expired: true, days: 0, hours: 0, minutes: 0, seconds: 0 };\n  }\n  return {\n    expired: false,\n    days: Math.floor(remaining / 86400),\n    hours: Math.floor((remaining % 86400) / 3600),\n    minutes: Math.floor((remaining % 3600) / 60),\n    seconds: remaining % 60,\n  };\n}\n\nconst STATUS_LABELS: Record<LeaderboardStatus, string> = {\n  upcoming: 'Upcoming',\n  active: 'Live',\n  completed: 'Finished',\n  cancelled: 'Cancelled',\n};\n\n/** Glam hero — golden ring, shimmer title, prize-pool headline, glowing countdown. */\n@Component({ selector: OS_LEADERBOARD_CASINO_HERO })\nexport class OsLeaderboardCasinoHero\n  extends LitElement\n  implements HeroSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoHeroSection;\n\n  @state()\n  private now = Date.now();\n\n  /** Animated odometer value shown for `prizePoolValue`. */\n  @state()\n  private poolDisplay: number | null = null;\n\n  @state()\n  poolBump = false;\n\n  private timer?: ReturnType<typeof setInterval>;\n  private poolRaf?: number;\n  private bumpTimer?: ReturnType<typeof setTimeout>;\n\n  get showBanner(): boolean {\n    return Boolean(this.section?.bannerAsset?.url);\n  }\n\n  get bannerUrl(): string {\n    return this.section?.bannerAsset?.url ?? '';\n  }\n\n  get bannerAlt(): string {\n    return this.section?.bannerAsset?.label || '';\n  }\n\n  get showStatus(): boolean {\n    return Boolean(this.section?.status);\n  }\n\n  get status(): LeaderboardStatus | undefined {\n    return this.section?.status;\n  }\n\n  get statusLabel(): string {\n    const status = this.section?.status;\n    return status ? STATUS_LABELS[status] : '';\n  }\n\n  get showActiveDot(): boolean {\n    return this.section?.status === 'active';\n  }\n\n  get showDescription(): boolean {\n    return Boolean(this.section?.description);\n  }\n\n  get showPool(): boolean {\n    return this.poolDisplay != null || Boolean(this.section?.prizePool);\n  }\n\n  get poolValueLabel(): string {\n    if (this.poolDisplay != null) return this.formatPool(this.poolDisplay);\n    return this.section?.prizePool ?? '';\n  }\n\n  get poolLabel(): string {\n    return this.section?.prizePoolLabel ?? 'Total prize pool';\n  }\n\n  get showRising(): boolean {\n    return this.poolDisplay != null;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.timer = setInterval(() => {\n      this.now = Date.now();\n    }, 1000);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.timer) clearInterval(this.timer);\n    if (this.poolRaf) cancelAnimationFrame(this.poolRaf);\n    if (this.bumpTimer) clearTimeout(this.bumpTimer);\n  }\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (!changed.has('section')) return;\n    const target = this.section?.prizePoolValue;\n    if (target == null) {\n      this.poolDisplay = null;\n      return;\n    }\n    if (this.poolDisplay == null) {\n      this.poolDisplay = target;\n      return;\n    }\n    if (target !== this.poolDisplay) this.animatePool(target);\n  }\n\n  /** Rolling count-up from the current display value to `target`. */\n  private animatePool(target: number) {\n    if (this.poolRaf) cancelAnimationFrame(this.poolRaf);\n    const from = this.poolDisplay ?? target;\n    const duration = 1100;\n    const start = performance.now();\n    const tick = (t: number) => {\n      const p = Math.min(1, (t - start) / duration);\n      const eased = 1 - Math.pow(1 - p, 3);\n      this.poolDisplay = Math.round(from + (target - from) * eased);\n      if (p < 1) this.poolRaf = requestAnimationFrame(tick);\n    };\n    this.poolRaf = requestAnimationFrame(tick);\n\n    if (target > from) {\n      this.poolBump = true;\n      if (this.bumpTimer) clearTimeout(this.bumpTimer);\n      this.bumpTimer = setTimeout(() => {\n        this.poolBump = false;\n      }, 650);\n    }\n  }\n\n  private formatPool(value: number): string {\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: this.section?.prizePoolCurrency ?? 'USD',\n        maximumFractionDigits: 0,\n      }).format(value);\n    } catch {\n      return value.toLocaleString();\n    }\n  }\n\n  private get isFinished(): boolean {\n    const status = this.section?.status;\n    if (status === 'completed' || status === 'cancelled') return true;\n    if (!this.section?.endTs) return false;\n    return countdownTo(this.section.endTs, this.now).expired;\n  }\n\n  renderCountdown() {\n    const endTs = this.section?.endTs;\n    if (!endTs) return nothing;\n\n    if (this.isFinished) {\n      return html`<span class=\"ended\">🏁 Contest finished</span>`;\n    }\n\n    const c = countdownTo(endTs, this.now);\n    const cell = (v: number, label: string) =>\n      html`<div class=\"cell\">\n        <b>${String(v).padStart(2, '0')}</b><span>${label}</span>\n      </div>`;\n\n    return html`\n      <div class=\"countdown\">\n        <span class=\"label\">Ends in</span>\n        ${cell(c.days, 'days')}<span class=\"sep\">:</span>\n        ${cell(c.hours, 'hours')}<span class=\"sep\">:</span>\n        ${cell(c.minutes, 'min')}<span class=\"sep\">:</span>\n        ${cell(c.seconds, 'sec')}\n      </div>\n    `;\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["countdownTo","endTs","now","remaining","STATUS_LABELS","OsLeaderboardCasinoHero","LitElement","status","changed","target","from","duration","start","tick","t","p","eased","value","nothing","html","c","cell","v","label","renderTemplate","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","Component","OS_LEADERBOARD_CASINO_HERO"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+const e = ':host{display:block;width:100%}.hero{position:relative;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:radial-gradient(90% 130% at 50% -20%,color-mix(in srgb,var(--violet) 22%,transparent),transparent 55%),radial-gradient(70% 110% at 12% 110%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 58%),radial-gradient(65% 100% at 88% 108%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 62%),var(--panel-bg);box-shadow:var(--panel-shadow);text-align:center;padding:clamp(26px,5vw,44px) clamp(18px,4vw,36px) clamp(22px,4vw,34px)}.hero:before{content:"";position:absolute;top:120%;left:50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);transform-origin:50% 50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 45deg,color-mix(in srgb,var(--gold) 24%,transparent) 55deg,color-mix(in srgb,var(--gold) 20%,transparent) 58deg,transparent 67deg,transparent 198deg,color-mix(in srgb,var(--violet) 22%,transparent) 208deg,color-mix(in srgb,var(--violet) 16%,transparent) 211deg,transparent 220deg,transparent 360deg);filter:blur(28px);opacity:.92;animation:halo 16s linear infinite;pointer-events:none;z-index:0}@keyframes halo{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:640px){.hero:before{top:100%;width:215%}}.banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:0}.inner{position:relative;z-index:1}.status{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-dim)}.status.active{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent)}.status.active .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.6s ease-in-out infinite}.status.completed{color:var(--gold);border-color:var(--hairline-gold)}.status.cancelled{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}h2{margin:16px 0 0;font-family:var(--font-display);font-size:clamp(26px,5.4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.12;background:var(--gold-gradient);background-size:200% auto;background-position:0% center;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5.5s linear infinite;text-wrap:balance}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.description{margin:12px auto 0;font-size:13.5px;line-height:1.6;color:var(--text-dim);max-width:52ch}.pool{margin-top:22px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:14px 34px;border-radius:16px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}.pool .label{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.pool .value{font-family:var(--font-mono);font-size:clamp(28px,5vw,38px);font-weight:800;color:var(--gold-strong);text-shadow:0 0 26px var(--gold-glow);line-height:1.1;font-variant-numeric:tabular-nums;transition:text-shadow .3s ease}.pool .value.bump{animation:pool-bump .6s ease}@keyframes pool-bump{0%{transform:scale(1)}35%{transform:scale(1.06);text-shadow:0 0 42px var(--gold-glow),0 0 12px var(--gold-strong)}to{transform:scale(1)}}.pool .rising{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.pool .rising i{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 1.6s ease-in-out infinite}.countdown{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;flex-wrap:wrap}.countdown .label{width:100%;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px}.cell{min-width:60px;text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:9px 10px 8px}.cell b{display:block;font-family:var(--font-mono);font-size:21px;font-weight:800;color:var(--text);line-height:1.1}.cell span{display:block;margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.sep{font-family:var(--font-mono);font-size:18px;font-weight:800;color:var(--gold);opacity:.7}@media(max-width:480px){.cell{min-width:48px;padding:8px 6px 7px}.cell b{font-size:18px}.countdown{gap:5px}.sep{font-size:15px}}.ended{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:10px 20px;border-radius:var(--radius-sm);background:var(--gold-soft);border:1px solid var(--hairline-gold);color:var(--gold);font-weight:700;font-size:14px}';
+export {
+  e as default
+};
+//# sourceMappingURL=hero-section.scss.js.map

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

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

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

@@ -0,0 +1,33 @@
+import { html as i } from "lit";
+function e(l) {
+  return i`<div class="legals">
+  <nav class="legals__links">
+    ${l.renderLinks()}
+  </nav>
+  <dialog @click=${l.onDialogClick}>
+    <div class="dialog-panel">
+      <div class="dialog-header">
+        <span class="dialog-title">${l.dialogTitle}</span>
+        <button
+          class="dialog-close"
+          type="button"
+          aria-label="Close"
+          @click=${l.onDialogClose}
+        >
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+            <path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+          </svg>
+        </button>
+      </div>
+      <div class="dialog-body">
+        <p>${l.renderDialogContent()}</p>
+      </div>
+    </div>
+  </dialog>
+</div>
+`;
+}
+export {
+  e as default
+};
+//# sourceMappingURL=legals-section.html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legals-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/legals-section/legals-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<div class=\"legals\">\n  <nav class=\"legals__links\">\n    ${host.renderLinks()}\n  </nav>\n  <dialog @click=${host.onDialogClick}>\n    <div class=\"dialog-panel\">\n      <div class=\"dialog-header\">\n        <span class=\"dialog-title\">${host.dialogTitle}</span>\n        <button\n          class=\"dialog-close\"\n          type=\"button\"\n          aria-label=\"Close\"\n          @click=${host.onDialogClose}\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M2 2l10 10M12 2L2 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n          </svg>\n        </button>\n      </div>\n      <div class=\"dialog-body\">\n        <p>${host.renderDialogContent()}</p>\n      </div>\n    </div>\n  </dialog>\n</div>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA,MAEHD,EAAK,YAAW,CAAE;AAAA;AAAA,mBAELA,EAAK,aAAa;AAAA;AAAA;AAAA,qCAGAA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKlCA,EAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQxBA,EAAK,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvC;"}

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

@@ -0,0 +1,73 @@
+import { LitElement as c, html as p, nothing as d } from "lit";
+import { property as h, state as m, query as g } from "lit/decorators.js";
+import { Component as u } from "../../../../shared/lib/lit/component.js";
+import { scss as f } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_LEGALS as _ } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as b } from "../../theme/styles.js";
+import L from "./legals-section.html.js";
+import v from "./legals-section.scss.js";
+var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? C(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+    (l = e[s]) && (i = (n ? l(t, r, i) : l(i)) || i);
+  return n && i && k(t, r, i), i;
+};
+const w = "This promotion is open to all registered players aged 18 or over. Participation is subject to the standard Terms & Conditions applicable to all promotions. Prize winnings are credited as bonus funds and are subject to a 20× wagering requirement before withdrawal. The leaderboard is updated in real time and rankings are final at the time the campaign ends. The operator reserves the right to amend or cancel this promotion at any time without prior notice. Responsible gambling tools are available in your account settings at all times.";
+let o = class extends c {
+  constructor() {
+    super(...arguments), this._activeLink = null, this.onDialogClose = () => {
+      this._activeLink = null;
+    }, this.onDialogClick = (e) => {
+      e.target === this._dialog && (this._activeLink = null);
+    };
+  }
+  get dialogTitle() {
+    return this._activeLink?.label ?? "";
+  }
+  get dialogContent() {
+    return this._activeLink?.content ?? w;
+  }
+  renderDialogContent() {
+    return this.dialogContent.split(/<br\s*\/?>/).flatMap(
+      (e, t, r) => t < r.length - 1 ? [e, p`<br />`] : [e]
+    );
+  }
+  updated(e) {
+    if (super.updated(e), e.has("_activeLink")) {
+      const t = this._dialog;
+      if (!t) return;
+      this._activeLink && !t.open ? t.showModal() : !this._activeLink && t.open && t.close();
+    }
+  }
+  _onLinkClick(e) {
+    e.type === "external" ? window.open(e.href ?? "https://www.google.com", "_blank", "noopener,noreferrer") : this._activeLink = e;
+  }
+  renderLinks() {
+    return p`${this.section.links.map(
+      (e) => p`<button
+          class="legal-link"
+          type="button"
+          @click=${() => this._onLinkClick(e)}
+        >${e.label}</button>`
+    )}`;
+  }
+  render() {
+    return this.section?.links?.length ? L(this) : d;
+  }
+};
+o.styles = [b, f(v)];
+a([
+  h({ attribute: !1 })
+], o.prototype, "section", 2);
+a([
+  m()
+], o.prototype, "_activeLink", 2);
+a([
+  g("dialog")
+], o.prototype, "_dialog", 2);
+o = a([
+  u({ selector: _ })
+], o);
+export {
+  o as OsLeaderboardCasinoLegals
+};
+//# sourceMappingURL=legals-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legals-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/legals-section/legals-section.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_LEGALS } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type {\n  OsLeaderboardCasinoLegalLink,\n  OsLeaderboardCasinoLegalsSection,\n} from '@os-leaderboard-casino/types/sections.js';\nimport type { LegalsSectionHost } from './legals-section.host.js';\nimport renderTemplate from './legals-section.html?lit-html';\nimport styles from './legals-section.scss?inline';\n\nconst DEFAULT_DIALOG_CONTENT =\n  'This promotion is open to all registered players aged 18 or over. Participation is subject to the standard Terms & Conditions applicable to all promotions. Prize winnings are credited as bonus funds and are subject to a 20× wagering requirement before withdrawal. The leaderboard is updated in real time and rankings are final at the time the campaign ends. The operator reserves the right to amend or cancel this promotion at any time without prior notice. Responsible gambling tools are available in your account settings at all times.';\n\n@Component({ selector: OS_LEADERBOARD_CASINO_LEGALS })\nexport class OsLeaderboardCasinoLegals\n  extends LitElement\n  implements LegalsSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoLegalsSection;\n\n  @state()\n  private _activeLink: OsLeaderboardCasinoLegalLink | null = null;\n\n  @query('dialog')\n  private _dialog!: HTMLDialogElement;\n\n  get dialogTitle(): string {\n    return this._activeLink?.label ?? '';\n  }\n\n  get dialogContent(): string {\n    return this._activeLink?.content ?? DEFAULT_DIALOG_CONTENT;\n  }\n\n  renderDialogContent() {\n    return this.dialogContent.split(/<br\\s*\\/?>/).flatMap((part, i, arr) =>\n      i < arr.length - 1 ? [part, html`<br />`] : [part],\n    );\n  }\n\n  protected updated(changedProps: Map<string, unknown>): void {\n    super.updated(changedProps);\n    if (changedProps.has('_activeLink')) {\n      const dialog = this._dialog;\n      if (!dialog) return;\n      if (this._activeLink && !dialog.open) {\n        dialog.showModal();\n      } else if (!this._activeLink && dialog.open) {\n        dialog.close();\n      }\n    }\n  }\n\n  readonly onDialogClose = () => {\n    this._activeLink = null;\n  };\n\n  readonly onDialogClick = (e: MouseEvent) => {\n    if (e.target === this._dialog) {\n      this._activeLink = null;\n    }\n  };\n\n  private _onLinkClick(link: OsLeaderboardCasinoLegalLink): void {\n    if (link.type === 'external') {\n      window.open(link.href ?? 'https://www.google.com', '_blank', 'noopener,noreferrer');\n    } else {\n      this._activeLink = link;\n    }\n  }\n\n  renderLinks() {\n    return html`${this.section.links.map(\n      (link) =>\n        html`<button\n          class=\"legal-link\"\n          type=\"button\"\n          @click=${() => this._onLinkClick(link)}\n        >${link.label}</button>`,\n    )}`;\n  }\n\n  render() {\n    if (!this.section?.links?.length) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["DEFAULT_DIALOG_CONTENT","OsLeaderboardCasinoLegals","LitElement","part","i","arr","html","changedProps","dialog","link","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","query","Component","OS_LEADERBOARD_CASINO_LEGALS"],"mappings":";;;;;;;;;;;;;AAcA,MAAMA,IACJ;AAGK,IAAMC,IAAN,cACGC,EAEV;AAAA,EAHO,cAAA;AAAA,UAAA,GAAA,SAAA,GAUL,KAAQ,cAAmD,MAgC3D,KAAS,gBAAgB,MAAM;AAC7B,WAAK,cAAc;AAAA,IACrB,GAEA,KAAS,gBAAgB,CAAC,MAAkB;AAC1C,MAAI,EAAE,WAAW,KAAK,YACpB,KAAK,cAAc;AAAA,IAEvB;AAAA,EAAA;AAAA,EAnCA,IAAI,cAAsB;AACxB,WAAO,KAAK,aAAa,SAAS;AAAA,EACpC;AAAA,EAEA,IAAI,gBAAwB;AAC1B,WAAO,KAAK,aAAa,WAAWF;AAAA,EACtC;AAAA,EAEA,sBAAsB;AACpB,WAAO,KAAK,cAAc,MAAM,YAAY,EAAE;AAAA,MAAQ,CAACG,GAAMC,GAAGC,MAC9DD,IAAIC,EAAI,SAAS,IAAI,CAACF,GAAMG,SAAY,IAAI,CAACH,CAAI;AAAA,IAAA;AAAA,EAErD;AAAA,EAEU,QAAQI,GAA0C;AAE1D,QADA,MAAM,QAAQA,CAAY,GACtBA,EAAa,IAAI,aAAa,GAAG;AACnC,YAAMC,IAAS,KAAK;AACpB,UAAI,CAACA,EAAQ;AACb,MAAI,KAAK,eAAe,CAACA,EAAO,OAC9BA,EAAO,UAAA,IACE,CAAC,KAAK,eAAeA,EAAO,QACrCA,EAAO,MAAA;AAAA,IAEX;AAAA,EACF;AAAA,EAYQ,aAAaC,GAA0C;AAC7D,IAAIA,EAAK,SAAS,aAChB,OAAO,KAAKA,EAAK,QAAQ,0BAA0B,UAAU,qBAAqB,IAElF,KAAK,cAAcA;AAAA,EAEvB;AAAA,EAEA,cAAc;AACZ,WAAOH,IAAO,KAAK,QAAQ,MAAM;AAAA,MAC/B,CAACG,MACCH;AAAA;AAAA;AAAA,mBAGW,MAAM,KAAK,aAAaG,CAAI,CAAC;AAAA,WACrCA,EAAK,KAAK;AAAA,IAAA,CAChB;AAAA,EACH;AAAA,EAEA,SAAS;AACP,WAAK,KAAK,SAAS,OAAO,SACnBC,EAAe,IAAI,IADeC;AAAA,EAE3C;AACF;AA3EaV,EAIJ,SAAS,CAACW,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GANnBf,EAOX,WAAA,WAAA,CAAA;AAGQc,EAAA;AAAA,EADPE,EAAA;AAAM,GATIhB,EAUH,WAAA,eAAA,CAAA;AAGAc,EAAA;AAAA,EADPG,EAAM,QAAQ;AAAA,GAZJjB,EAaH,WAAA,WAAA,CAAA;AAbGA,IAANc,EAAA;AAAA,EADNI,EAAU,EAAE,UAAUC,EAAA,CAA8B;AAAA,GACxCnB,CAAA;"}

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

@@ -0,0 +1,5 @@
+const o = '@charset "UTF-8";:host{display:block;width:100%}.legals__links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:20px}.legal-link{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:800;color:var(--gold);text-decoration:none;transition:color var(--transition-fast)}.legal-link:hover{color:var(--gold-strong);text-shadow:0 0 12px var(--gold-glow)}dialog{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--text);padding:0;width:min(480px,90vw);max-height:80vh;overflow:hidden;box-shadow:var(--shadow)}dialog::backdrop{background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dialog-panel{display:flex;flex-direction:column;max-height:80vh}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--hairline);flex:none}.dialog-title{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--text)}.dialog-close{flex:none;display:grid;place-items:center;width:28px;height:28px;background:#ffffff0f;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;color:var(--text-dim);padding:0;transition:background var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:#ffffff1c;color:var(--text)}.dialog-body{padding:20px 22px 26px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--violet) 30%,transparent) transparent}.dialog-body::-webkit-scrollbar{width:3px}.dialog-body::-webkit-scrollbar-track{background:transparent}.dialog-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--violet) 35%,transparent);border-radius:99px}.dialog-body p{margin:0;font-size:13.5px;line-height:1.8;color:var(--text-dim);letter-spacing:.01em}';
+export {
+  o as default
+};
+//# sourceMappingURL=legals-section.scss.js.map

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

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

package/dist/components/os-leaderboard-casino/sections/marquee-section/components/win-icons.js

@@ -0,0 +1,8 @@
+import { winIcon as o } from "../../../services/icon.service.js";
+function r(n) {
+  return o(n);
+}
+export {
+  r as winIcon
+};
+//# sourceMappingURL=win-icons.js.map

package/dist/components/os-leaderboard-casino/sections/marquee-section/components/win-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"win-icons.js","sources":["../../../../../../src/components/os-leaderboard-casino/sections/marquee-section/components/win-icons.ts"],"sourcesContent":["import type { TemplateResult } from 'lit';\nimport { winIcon as loadWinIcon } from '@os-leaderboard-casino/services/icon.service.js';\n\nexport type WinIconName = 'bag' | 'coin' | 'trophy' | 'fire' | 'gem' | 'bolt';\n\nexport function winIcon(name: WinIconName): TemplateResult {\n  return loadWinIcon(name);\n}\n"],"names":["winIcon","name","loadWinIcon"],"mappings":";AAKO,SAASA,EAAQC,GAAmC;AACzD,SAAOC,EAAYD,CAAI;AACzB;"}

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

@@ -0,0 +1,57 @@
+const c = [
+  "coin",
+  "bolt",
+  "trophy",
+  "gem",
+  "fire",
+  "bag"
+];
+function s(r, n) {
+  const e = r.text.match(/^(.+?)\s+won(?:\s+\$[\d,]+)?\s+on\s+(.+)$/i), o = e?.[1]?.trim() ?? r.text, a = e?.[2]?.trim() ?? "", t = r.amount ?? null;
+  return {
+    user: o,
+    game: a,
+    gameId: r.gameId,
+    big: (t ?? 0) >= 5e3,
+    icon: u(r.icon, n),
+    amount: t,
+    currency: r.currency ?? "USD",
+    vip: r.vip ?? !1
+  };
+}
+function u(r, n) {
+  switch (r) {
+    case "💰":
+    case "🪙":
+      return "coin";
+    case "⚡":
+      return "bolt";
+    case "🏆":
+      return "trophy";
+    case "💎":
+      return "gem";
+    case "🔥":
+      return "fire";
+    case "🎰":
+      return "bag";
+    default:
+      return c[n % c.length];
+  }
+}
+function i(r, n) {
+  if (r == null) return "";
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: n,
+      maximumFractionDigits: 0
+    }).format(r);
+  } catch {
+    return `$${r.toLocaleString("en-US")}`;
+  }
+}
+export {
+  i as formatWinAmount,
+  s as parseMarqueeItem
+};
+//# sourceMappingURL=marquee-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-item.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/marquee-section/marquee-item.ts"],"sourcesContent":["import type { OsLeaderboardCasinoMarqueeItem } from '@os-leaderboard-casino/types/sections.js';\nimport type { WinIconName } from './components/win-icons.js';\n\nconst ICON_CYCLE: WinIconName[] = [\n  'coin',\n  'bolt',\n  'trophy',\n  'gem',\n  'fire',\n  'bag',\n];\n\nexport interface ParsedMarqueeWin {\n  user: string;\n  game: string;\n  gameId?: string;\n  big: boolean;\n  icon: WinIconName;\n  amount: number | null;\n  currency: string;\n  vip: boolean;\n}\n\nexport function parseMarqueeItem(\n  item: OsLeaderboardCasinoMarqueeItem,\n  index: number,\n): ParsedMarqueeWin {\n  const onMatch = item.text.match(/^(.+?)\\s+won(?:\\s+\\$[\\d,]+)?\\s+on\\s+(.+)$/i);\n  const user = onMatch?.[1]?.trim() ?? item.text;\n  const game = onMatch?.[2]?.trim() ?? '';\n  const amount = item.amount ?? null;\n\n  return {\n    user,\n    game,\n    gameId: item.gameId,\n    big: (amount ?? 0) >= 5000,\n    icon: resolveIcon(item.icon, index),\n    amount,\n    currency: item.currency ?? 'USD',\n    vip: item.vip ?? false,\n  };\n}\n\nfunction resolveIcon(icon: string | undefined, index: number): WinIconName {\n  switch (icon) {\n    case '💰':\n    case '🪙':\n      return 'coin';\n    case '⚡':\n      return 'bolt';\n    case '🏆':\n      return 'trophy';\n    case '💎':\n      return 'gem';\n    case '🔥':\n      return 'fire';\n    case '🎰':\n      return 'bag';\n    default:\n      return ICON_CYCLE[index % ICON_CYCLE.length];\n  }\n}\n\nexport function formatWinAmount(\n  amount: number | null,\n  currency: string,\n): string {\n  if (amount == null) return '';\n  try {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n  } catch {\n    return `$${amount.toLocaleString('en-US')}`;\n  }\n}\n"],"names":["ICON_CYCLE","parseMarqueeItem","item","index","onMatch","user","game","amount","resolveIcon","icon","formatWinAmount","currency"],"mappings":"AAGA,MAAMA,IAA4B;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAaO,SAASC,EACdC,GACAC,GACkB;AAClB,QAAMC,IAAUF,EAAK,KAAK,MAAM,4CAA4C,GACtEG,IAAOD,IAAU,CAAC,GAAG,KAAA,KAAUF,EAAK,MACpCI,IAAOF,IAAU,CAAC,GAAG,UAAU,IAC/BG,IAASL,EAAK,UAAU;AAE9B,SAAO;AAAA,IACL,MAAAG;AAAA,IACA,MAAAC;AAAA,IACA,QAAQJ,EAAK;AAAA,IACb,MAAMK,KAAU,MAAM;AAAA,IACtB,MAAMC,EAAYN,EAAK,MAAMC,CAAK;AAAA,IAClC,QAAAI;AAAA,IACA,UAAUL,EAAK,YAAY;AAAA,IAC3B,KAAKA,EAAK,OAAO;AAAA,EAAA;AAErB;AAEA,SAASM,EAAYC,GAA0BN,GAA4B;AACzE,UAAQM,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAOT,EAAWG,IAAQH,EAAW,MAAM;AAAA,EAAA;AAEjD;AAEO,SAASU,EACdH,GACAI,GACQ;AACR,MAAIJ,KAAU,KAAM,QAAO;AAC3B,MAAI;AACF,WAAO,IAAI,KAAK,aAAa,SAAS;AAAA,MACpC,OAAO;AAAA,MACP,UAAAI;AAAA,MACA,uBAAuB;AAAA,IAAA,CACxB,EAAE,OAAOJ,CAAM;AAAA,EAClB,QAAQ;AACN,WAAO,IAAIA,EAAO,eAAe,OAAO,CAAC;AAAA,EAC3C;AACF;"}

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

@@ -0,0 +1,17 @@
+import { html as r } from "lit";
+function d(e) {
+  return r`<div
+  class="marquee"
+  style="--speed: ${e.speedSec}s"
+  role="region"
+  aria-label="Recent winners"
+>
+  ${e.renderHudLabel()}
+  <div class="track">${e.renderTrack()}</div>
+</div>
+`;
+}
+export {
+  d as default
+};
+//# sourceMappingURL=marquee-section.html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/marquee-section/marquee-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<div\n  class=\"marquee\"\n  style=\"--speed: ${host.speedSec}s\"\n  role=\"region\"\n  aria-label=\"Recent winners\"\n>\n  ${host.renderHudLabel()}\n  <div class=\"track\">${host.renderTrack()}</div>\n</div>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA,oBAEWD,EAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,IAI7BA,EAAK,eAAc,CAAE;AAAA,uBACFA,EAAK,aAAa;AAAA;AAAA;AAGzC;"}