@oddsmith/ui 0.0.0 → 1.0.1

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

@@ -0,0 +1,18 @@
+import { html as r } from "lit";
+function t(e) {
+  return r`<footer class="page-footer">
+  <!-- <p>${e.displayText}</p> -->
+  <!-- TODO: hardcoded -->
+  <p>
+    Powered by
+    <a href="https://oddsmith.io" target="_blank" rel="noopener noreferrer">
+      Oddsmith.io
+    </a>
+  </p>
+</footer>
+`;
+}
+export {
+  t as default
+};
+//# sourceMappingURL=footer-section.html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/footer-section/footer-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<footer class=\"page-footer\">\n  <!-- <p>${host.displayText}</p> -->\n  <!-- TODO: hardcoded -->\n  <p>\n    Powered by\n    <a href=\"https://oddsmith.io\" target=\"_blank\" rel=\"noopener noreferrer\">\n      Oddsmith.io\n    </a>\n  </p>\n</footer>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA,YACGD,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU5B;"}

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

@@ -0,0 +1,39 @@
+import { LitElement as a, nothing as l } from "lit";
+import { property as f } from "lit/decorators.js";
+import { Component as O } from "../../../../shared/lib/lit/component.js";
+import { scss as c } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_FOOTER as u } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as _ } from "../../theme/styles.js";
+import "lit/directives/unsafe-svg.js";
+import h from "./footer-section.html.js";
+import x from "./footer-section.scss.js";
+var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, m = (n, e, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? d(e, s) : e, p = n.length - 1, i; p >= 0; p--)
+    (i = n[p]) && (t = (o ? i(e, s, t) : i(t)) || t);
+  return o && t && y(e, s, t), t;
+};
+let r = class extends a {
+  constructor() {
+    super(...arguments), this.text = "";
+  }
+  get displayText() {
+    return this.section?.text ?? this.text;
+  }
+  render() {
+    return this.displayText ? h(this) : l;
+  }
+};
+r.styles = [_, c(x)];
+m([
+  f({ attribute: !1 })
+], r.prototype, "section", 2);
+m([
+  f({ type: String })
+], r.prototype, "text", 2);
+r = m([
+  O({ selector: u })
+], r);
+export {
+  r as OsLeaderboardCasinoFooter
+};
+//# sourceMappingURL=footer-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/footer-section/footer-section.ts"],"sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_FOOTER } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type { OsLeaderboardCasinoFooterSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { FooterSectionHost } from './footer-section.host.js';\nimport renderTemplate from './footer-section.html?lit-html';\nimport styles from './footer-section.scss?inline';\n\n@Component({ selector: OS_LEADERBOARD_CASINO_FOOTER })\nexport class OsLeaderboardCasinoFooter\n  extends LitElement\n  implements FooterSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section?: OsLeaderboardCasinoFooterSection;\n\n  @property({ type: String })\n  text = '';\n\n  get displayText(): string {\n    return this.section?.text ?? this.text;\n  }\n\n  render() {\n    if (!this.displayText) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["OsLeaderboardCasinoFooter","LitElement","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_FOOTER"],"mappings":";;;;;;;;;;;;;;AAYO,IAAMA,IAAN,cACGC,EAEV;AAAA,EAHO,cAAA;AAAA,UAAA,GAAA,SAAA,GAUL,KAAA,OAAO;AAAA,EAAA;AAAA,EAEP,IAAI,cAAsB;AACxB,WAAO,KAAK,SAAS,QAAQ,KAAK;AAAA,EACpC;AAAA,EAEA,SAAS;AACP,WAAK,KAAK,cACHC,EAAe,IAAI,IADIC;AAAA,EAEhC;AACF;AApBaH,EAIJ,SAAS,CAACI,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GANnBR,EAOX,WAAA,WAAA,CAAA;AAGAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfR,EAUX,WAAA,QAAA,CAAA;AAVWA,IAANO,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAA8B;AAAA,GACxCV,CAAA;"}

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

@@ -0,0 +1,5 @@
+const e = ":host{display:block;width:100%}.page-footer{margin-top:4px;padding:14px 4px 0;width:100%;display:grid;gap:10px;border-top:1px solid var(--hairline)}.page-footer p{margin:0;text-align:center;font-size:11.5px;line-height:1.55;color:var(--text-faint)}.page-footer p a,.page-footer__brand{color:inherit;text-decoration:underline;text-underline-offset:2px}.page-footer p a:hover,.page-footer__brand:hover{color:var(--text-dim)}";
+export {
+  e as default
+};
+//# sourceMappingURL=footer-section.scss.js.map

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

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

package/dist/components/os-leaderboard-casino/sections/games-section/components/game-images.d.ts

@@ -0,0 +1 @@
+export { resolveGameImage } from '../../../services/icon.service.js';

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

@@ -0,0 +1,20 @@
+import { LitElement, nothing, TemplateResult } from 'lit';
+import { OsLeaderboardCasinoGamesSection } from '../../types/sections.js';
+import { GamesSectionHost } from './games-section.host.js';
+/** Qualifying games — title + provider cards in a horizontal row. */
+export declare class OsLeaderboardCasinoGames extends LitElement implements GamesSectionHost {
+    static styles: import('lit').CSSResult[];
+    private _slider?;
+    private _sliderMq?;
+    private readonly _onSliderMqChange;
+    section: OsLeaderboardCasinoGamesSection;
+    get sectionTitle(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private _destroySlider;
+    private _syncSlider;
+    private renderCard;
+    renderGames(): TemplateResult;
+    render(): TemplateResult | typeof nothing;
+}

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

@@ -0,0 +1,7 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoGamesSection } from '../../types/sections.js';
+export interface GamesSectionHost {
+    section: OsLeaderboardCasinoGamesSection;
+    sectionTitle: string;
+    renderGames(): TemplateResult;
+}

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

@@ -0,0 +1,15 @@
+import { html as s } from "lit";
+function i(e) {
+  return s`<section>
+  <div class="section-header">
+    <h2 class="section-title">${e.sectionTitle}</h2>
+    <span class="hint">every bet earns points</span>
+  </div>
+  <div class="games-row">${e.renderGames()}</div>
+</section>
+`;
+}
+export {
+  i as default
+};
+//# sourceMappingURL=games-section.html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"games-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/games-section/games-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.sectionTitle}</h2>\n    <span class=\"hint\">every bet earns points</span>\n  </div>\n  <div class=\"games-row\">${host.renderGames()}</div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA,gCAEuBD,EAAK,YAAY;AAAA;AAAA;AAAA,2BAGtBA,EAAK,aAAa;AAAA;AAAA;AAG7C;"}

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

@@ -0,0 +1,86 @@
+import { LitElement as m, html as d, nothing as h } from "lit";
+import { property as _ } from "lit/decorators.js";
+import p from "../../../../shared/vendor/keen-slider-keen-slider.es.js";
+import { Component as f } from "../../../../shared/lib/lit/component.js";
+import { scss as g } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_GAMES as u } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as v } from "../../theme/styles.js";
+import { iconService as a } from "../../services/icon.service.js";
+import S from "./games-section.html.js";
+import y from "./games-section.scss.js";
+var C = Object.defineProperty, b = Object.getOwnPropertyDescriptor, c = (e, s, r, i) => {
+  for (var t = i > 1 ? void 0 : i ? b(s, r) : s, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (t = (i ? n(s, r, t) : n(t)) || t);
+  return i && t && C(s, r, t), t;
+};
+const w = "(max-width: 767px)";
+let o = class extends m {
+  constructor() {
+    super(...arguments), this._onSliderMqChange = () => this._syncSlider(), this._syncSlider = () => {
+      if (!(this.section?.games ?? []).length) return;
+      const s = this.shadowRoot?.querySelector(".games-row");
+      if (!s) return;
+      if (!(this._sliderMq?.matches ?? !1)) {
+        this._destroySlider();
+        return;
+      }
+      s.classList.add("keen-slider"), this._slider ? this._slider.update() : this._slider = new p(s, {
+        mode: "free",
+        slides: { perView: "auto", spacing: 10 }
+      });
+    };
+  }
+  get sectionTitle() {
+    return this.section?.title ?? "Qualifying Games";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._sliderMq = window.matchMedia(w), this._sliderMq.addEventListener("change", this._onSliderMqChange);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._sliderMq?.removeEventListener("change", this._onSliderMqChange), this._sliderMq = void 0, this._destroySlider();
+  }
+  updated() {
+    this._syncSlider();
+  }
+  _destroySlider() {
+    this._slider?.destroy(), this._slider = void 0;
+    const e = this.shadowRoot?.querySelector(".games-row");
+    e && e.classList.remove("keen-slider");
+  }
+  renderCard(e, s) {
+    const r = a.resolveGameIconName(e.id, s), i = e.imageUrl ?? a.get(r).url;
+    return d`
+      <article class="card keen-slider__slide" data-game-id=${e.id}>
+        <div class="thumb">
+          <img
+            src=${i}
+            alt=${e.title}
+            loading="lazy"
+            draggable="false"
+          />
+        </div>
+        <div class="body">
+          <div class="title">${e.title}</div>
+        </div>
+      </article>
+    `;
+  }
+  renderGames() {
+    const e = this.section?.games ?? [];
+    return d`${e.map((s, r) => this.renderCard(s, r))}`;
+  }
+  render() {
+    return (this.section?.games ?? []).length ? S(this) : h;
+  }
+};
+o.styles = [v, g(y)];
+c([
+  _({ attribute: !1 })
+], o.prototype, "section", 2);
+o = c([
+  f({ selector: u })
+], o);
+export {
+  o as OsLeaderboardCasinoGames
+};
+//# sourceMappingURL=games-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"games-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/games-section/games-section.ts"],"sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport KeenSlider, { type KeenSliderInstance } from 'keen-slider';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_GAMES } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type {\n  OsLeaderboardCasinoGameItem,\n  OsLeaderboardCasinoGamesSection,\n} from '@os-leaderboard-casino/types/sections.js';\nimport { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport type { GamesSectionHost } from './games-section.host.js';\nimport renderTemplate from './games-section.html?lit-html';\nimport styles from './games-section.scss?inline';\n\nconst SLIDER_MEDIA_QUERY = '(max-width: 767px)';\n\n/** Qualifying games — title + provider cards in a horizontal row. */\n@Component({ selector: OS_LEADERBOARD_CASINO_GAMES })\nexport class OsLeaderboardCasinoGames\n  extends LitElement\n  implements GamesSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  private _slider?: KeenSliderInstance;\n  private _sliderMq?: MediaQueryList;\n  private readonly _onSliderMqChange = () => this._syncSlider();\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoGamesSection;\n\n  get sectionTitle(): string {\n    return this.section?.title ?? 'Qualifying Games';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._sliderMq = window.matchMedia(SLIDER_MEDIA_QUERY);\n    this._sliderMq.addEventListener('change', this._onSliderMqChange);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._sliderMq?.removeEventListener('change', this._onSliderMqChange);\n    this._sliderMq = undefined;\n    this._destroySlider();\n  }\n\n  protected updated() {\n    this._syncSlider();\n  }\n\n  private _destroySlider() {\n    this._slider?.destroy();\n    this._slider = undefined;\n\n    const el = this.shadowRoot?.querySelector<HTMLElement>('.games-row');\n    if (el) el.classList.remove('keen-slider');\n  }\n\n  private _syncSlider = () => {\n    const games = this.section?.games ?? [];\n    if (!games.length) return;\n\n    const el = this.shadowRoot?.querySelector<HTMLElement>('.games-row');\n    if (!el) return;\n\n    // TODO: slider is shown only on small screens\n    const useSlider = this._sliderMq?.matches ?? false;\n\n    if (!useSlider) {\n      this._destroySlider();\n      return;\n    }\n\n    el.classList.add('keen-slider');\n\n    if (!this._slider) {\n      this._slider = new KeenSlider(el, {\n        mode: 'free',\n        slides: { perView: 'auto', spacing: 10 },\n      });\n    } else {\n      this._slider.update();\n    }\n  };\n\n  private renderCard(game: OsLeaderboardCasinoGameItem, index: number) {\n    const iconName = iconService.resolveGameIconName(game.id, index);\n    const imageUrl = game.imageUrl ?? iconService.get(iconName).url!;\n    return html`\n      <article class=\"card keen-slider__slide\" data-game-id=${game.id}>\n        <div class=\"thumb\">\n          <img\n            src=${imageUrl}\n            alt=${game.title}\n            loading=\"lazy\"\n            draggable=\"false\"\n          />\n        </div>\n        <div class=\"body\">\n          <div class=\"title\">${game.title}</div>\n        </div>\n      </article>\n    `;\n  }\n\n  renderGames(): TemplateResult {\n    const games = this.section?.games ?? [];\n    return html`${games.map((game, index) => this.renderCard(game, index))}`;\n  }\n\n  render() {\n    const games = this.section?.games ?? [];\n    if (!games.length) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["SLIDER_MEDIA_QUERY","OsLeaderboardCasinoGames","LitElement","el","KeenSlider","game","index","iconName","iconService","imageUrl","html","games","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_GAMES"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAMA,IAAqB;AAIpB,IAAMC,IAAN,cACGC,EAEV;AAAA,EAHO,cAAA;AAAA,UAAA,GAAA,SAAA,GAQL,KAAiB,oBAAoB,MAAM,KAAK,YAAA,GAkChD,KAAQ,cAAc,MAAM;AAE1B,UAAI,EADU,KAAK,SAAS,SAAS,CAAA,GAC1B,OAAQ;AAEnB,YAAMC,IAAK,KAAK,YAAY,cAA2B,YAAY;AACnE,UAAI,CAACA,EAAI;AAKT,UAAI,EAFc,KAAK,WAAW,WAAW,KAE7B;AACd,aAAK,eAAA;AACL;AAAA,MACF;AAEA,MAAAA,EAAG,UAAU,IAAI,aAAa,GAEzB,KAAK,UAMR,KAAK,QAAQ,OAAA,IALb,KAAK,UAAU,IAAIC,EAAWD,GAAI;AAAA,QAChC,MAAM;AAAA,QACN,QAAQ,EAAE,SAAS,QAAQ,SAAS,GAAA;AAAA,MAAG,CACxC;AAAA,IAIL;AAAA,EAAA;AAAA,EAtDA,IAAI,eAAuB;AACzB,WAAO,KAAK,SAAS,SAAS;AAAA,EAChC;AAAA,EAEA,oBAAoB;AAClB,UAAM,kBAAA,GACN,KAAK,YAAY,OAAO,WAAWH,CAAkB,GACrD,KAAK,UAAU,iBAAiB,UAAU,KAAK,iBAAiB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACrB,UAAM,qBAAA,GACN,KAAK,WAAW,oBAAoB,UAAU,KAAK,iBAAiB,GACpE,KAAK,YAAY,QACjB,KAAK,eAAA;AAAA,EACP;AAAA,EAEU,UAAU;AAClB,SAAK,YAAA;AAAA,EACP;AAAA,EAEQ,iBAAiB;AACvB,SAAK,SAAS,QAAA,GACd,KAAK,UAAU;AAEf,UAAMG,IAAK,KAAK,YAAY,cAA2B,YAAY;AACnE,IAAIA,KAAIA,EAAG,UAAU,OAAO,aAAa;AAAA,EAC3C;AAAA,EA6BQ,WAAWE,GAAmCC,GAAe;AACnE,UAAMC,IAAWC,EAAY,oBAAoBH,EAAK,IAAIC,CAAK,GACzDG,IAAWJ,EAAK,YAAYG,EAAY,IAAID,CAAQ,EAAE;AAC5D,WAAOG;AAAA,8DACmDL,EAAK,EAAE;AAAA;AAAA;AAAA,kBAGnDI,CAAQ;AAAA,kBACRJ,EAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAMGA,EAAK,KAAK;AAAA;AAAA;AAAA;AAAA,EAIvC;AAAA,EAEA,cAA8B;AAC5B,UAAMM,IAAQ,KAAK,SAAS,SAAS,CAAA;AACrC,WAAOD,IAAOC,EAAM,IAAI,CAACN,GAAMC,MAAU,KAAK,WAAWD,GAAMC,CAAK,CAAC,CAAC;AAAA,EACxE;AAAA,EAEA,SAAS;AAEP,YADc,KAAK,SAAS,SAAS,CAAA,GAC1B,SACJM,EAAe,IAAI,IADAC;AAAA,EAE5B;AACF;AAnGaZ,EAIJ,SAAS,CAACa,GAA0BC,EAAKC,CAAM,CAAC;AAOvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAVnBjB,EAWX,WAAA,WAAA,CAAA;AAXWA,IAANgB,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAA6B;AAAA,GACvCnB,CAAA;"}

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

@@ -0,0 +1,5 @@
+const e = ":host{display:block;width:100%;min-width:0}.hint{font-size:11px;color:var(--text-faint)}.games-row{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;min-width:0;gap:10px}.games-row.keen-slider{gap:0;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.games-row.keen-slider[data-keen-slider-moves] *{pointer-events:none}.card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-bg);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}@media(min-width:768px){.card{flex:1 1 0}}@media(max-width:767px){.card{flex:none;width:140px}}.card:hover{border-color:color-mix(in srgb,var(--gold) 35%,var(--panel-border))}.thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--surface-solid) 90%,var(--violet-soft))}.thumb img{width:70px;height:70px;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.card[data-game-id=gates-of-olympus] .thumb img{margin-left:16px}.body{display:flex;flex-direction:column;gap:4px;padding:7px 8px 9px}.title{font-size:11px;font-weight:800;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+export {
+  e as default
+};
+//# sourceMappingURL=games-section.scss.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoHeaderSection } from '../../types/sections.js';
+import { HeaderSectionHost } from './header-section.host.js';
+export declare class OsLeaderboardCasinoHeader extends LitElement implements HeaderSectionHost {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoHeaderSection;
+    get showBack(): boolean;
+    get backLabel(): string;
+    get showSubtitle(): boolean;
+    onBackClick(): void;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

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

@@ -0,0 +1,8 @@
+import { OsLeaderboardCasinoHeaderSection } from '../../types/sections.js';
+export interface HeaderSectionHost {
+    section: OsLeaderboardCasinoHeaderSection;
+    showBack: boolean;
+    backLabel: string;
+    showSubtitle: boolean;
+    onBackClick(): void;
+}

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

@@ -0,0 +1,37 @@
+import { LitElement, nothing } from 'lit';
+import { LeaderboardStatus } from '../../types/data.js';
+import { OsLeaderboardCasinoHeroSection } from '../../types/sections.js';
+import { HeroSectionHost } from './hero-section.host.js';
+/** Glam hero — golden ring, shimmer title, prize-pool headline, glowing countdown. */
+export declare class OsLeaderboardCasinoHero extends LitElement implements HeroSectionHost {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoHeroSection;
+    private now;
+    /** Animated odometer value shown for `prizePoolValue`. */
+    private poolDisplay;
+    poolBump: boolean;
+    private timer?;
+    private poolRaf?;
+    private bumpTimer?;
+    get showBanner(): boolean;
+    get bannerUrl(): string;
+    get bannerAlt(): string;
+    get showStatus(): boolean;
+    get status(): LeaderboardStatus | undefined;
+    get statusLabel(): string;
+    get showActiveDot(): boolean;
+    get showDescription(): boolean;
+    get showPool(): boolean;
+    get poolValueLabel(): string;
+    get poolLabel(): string;
+    get showRising(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** Rolling count-up from the current display value to `target`. */
+    private animatePool;
+    private formatPool;
+    private get isFinished();
+    renderCountdown(): typeof nothing | import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

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

@@ -0,0 +1,20 @@
+import { LitTemplate } from '../../../../shared/lib/lit/template.js';
+import { LeaderboardStatus } from '../../types/data.js';
+import { OsLeaderboardCasinoHeroSection } from '../../types/sections.js';
+export interface HeroSectionHost {
+    section: OsLeaderboardCasinoHeroSection;
+    showBanner: boolean;
+    bannerUrl: string;
+    bannerAlt: string;
+    showStatus: boolean;
+    status: LeaderboardStatus | undefined;
+    statusLabel: string;
+    showActiveDot: boolean;
+    showDescription: boolean;
+    showPool: boolean;
+    poolBump: boolean;
+    poolValueLabel: string;
+    poolLabel: string;
+    showRising: boolean;
+    renderCountdown(): LitTemplate;
+}

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

@@ -0,0 +1,34 @@
+import { html as s } from "lit";
+function a(n) {
+  return s`<section class="hero">
+  <img
+    class="banner-img"
+    ?hidden=${!n.showBanner}
+    src="${n.bannerUrl}"
+    alt="${n.bannerAlt}"
+  />
+  <div class="inner">
+    <span class="status ${n.status ?? ""}" ?hidden=${!n.showStatus}>
+      <i class="dot" ?hidden=${!n.showActiveDot}></i>
+      ${n.statusLabel}
+    </span>
+    <h2>${n.section.title}</h2>
+    <p class="description" ?hidden=${!n.showDescription}>
+      ${n.section.description}
+    </p>
+    <div class="pool" ?hidden=${!n.showPool}>
+      <span class="label">${n.poolLabel}</span>
+      <span class="value ${n.poolBump ? "bump" : ""}"
+        >${n.poolValueLabel}</span
+      >
+      <span class="rising" ?hidden=${!n.showRising}><i></i> rising</span>
+    </div>
+    ${n.renderCountdown()}
+  </div>
+</section>
+`;
+}
+export {
+  a as default
+};
+//# sourceMappingURL=hero-section.html.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hero-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/hero-section/hero-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<section class=\"hero\">\n  <img\n    class=\"banner-img\"\n    ?hidden=${!host.showBanner}\n    src=\"${host.bannerUrl}\"\n    alt=\"${host.bannerAlt}\"\n  />\n  <div class=\"inner\">\n    <span class=\"status ${host.status ?? ''}\" ?hidden=${!host.showStatus}>\n      <i class=\"dot\" ?hidden=${!host.showActiveDot}></i>\n      ${host.statusLabel}\n    </span>\n    <h2>${host.section.title}</h2>\n    <p class=\"description\" ?hidden=${!host.showDescription}>\n      ${host.section.description}\n    </p>\n    <div class=\"pool\" ?hidden=${!host.showPool}>\n      <span class=\"label\">${host.poolLabel}</span>\n      <span class=\"value ${host.poolBump ? 'bump' : ''}\"\n        >${host.poolValueLabel}</span\n      >\n      <span class=\"rising\" ?hidden=${!host.showRising}><i></i> rising</span>\n    </div>\n    ${host.renderCountdown()}\n  </div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA;AAAA,cAGK,CAACD,EAAK,UAAU;AAAA,WACnBA,EAAK,SAAS;AAAA,WACdA,EAAK,SAAS;AAAA;AAAA;AAAA,0BAGCA,EAAK,UAAU,EAAE,aAAa,CAACA,EAAK,UAAU;AAAA,+BACzC,CAACA,EAAK,aAAa;AAAA,QAC1CA,EAAK,WAAW;AAAA;AAAA,UAEdA,EAAK,QAAQ,KAAK;AAAA,qCACS,CAACA,EAAK,eAAe;AAAA,QAClDA,EAAK,QAAQ,WAAW;AAAA;AAAA,gCAEA,CAACA,EAAK,QAAQ;AAAA,4BAClBA,EAAK,SAAS;AAAA,2BACfA,EAAK,WAAW,SAAS,EAAE;AAAA,WAC3CA,EAAK,cAAc;AAAA;AAAA,qCAEO,CAACA,EAAK,UAAU;AAAA;AAAA,MAE/CA,EAAK,gBAAe,CAAE;AAAA;AAAA;AAAA;AAI5B;"}

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

@@ -0,0 +1,160 @@
+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 "lit/directives/unsafe-svg.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.d.ts

@@ -0,0 +1,18 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoLegalsSection } from '../../types/sections.js';
+import { LegalsSectionHost } from './legals-section.host.js';
+export declare class OsLeaderboardCasinoLegals extends LitElement implements LegalsSectionHost {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoLegalsSection;
+    private _activeLink;
+    private _dialog;
+    get dialogTitle(): string;
+    get dialogContent(): string;
+    renderDialogContent(): (string | import('lit').TemplateResult<1>)[];
+    protected updated(changedProps: Map<string, unknown>): void;
+    readonly onDialogClose: () => void;
+    readonly onDialogClick: (e: MouseEvent) => void;
+    private _onLinkClick;
+    renderLinks(): import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

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

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+export interface LegalsSectionHost {
+    dialogTitle: string;
+    renderDialogContent(): unknown[];
+    renderLinks(): TemplateResult;
+    readonly onDialogClose: () => void;
+    readonly onDialogClick: (e: MouseEvent) => void;
+}