@oddsmith/ui 1.0.5 → 1.0.7

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

@@ -1,41 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { nothing as f } from "../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as l } from "../../../../shared/vendor/lit-element-lit-element.js";
-import { property as a } from "../../../../shared/vendor/lit-reactive-element-property.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 "../../../../shared/vendor/lit-html-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, i = n.length - 1, p; i >= 0; i--)
-    (p = n[i]) && (t = (o ? p(e, s, t) : p(t)) || t);
-  return o && t && y(e, s, t), t;
-};
-let r = class extends l {
-  constructor() {
-    super(...arguments), this.text = "";
-  }
-  get displayText() {
-    return this.section?.text ?? this.text;
-  }
-  render() {
-    return this.displayText ? h(this) : f;
-  }
-};
-r.styles = [_, c(x)];
-m([
-  a({ attribute: !1 })
-], r.prototype, "section", 2);
-m([
-  a({ 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

@@ -1 +0,0 @@
-{"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;AAAAA,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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,17 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as s } from "../../../../shared/vendor/lit-html-lit-html.js";
-import "../../../../shared/vendor/lit-element-lit-element.js";
-function r(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 {
-  r as default
-};
-//# sourceMappingURL=games-section.html.js.map

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

@@ -1 +0,0 @@
-{"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;AAAAA;AAAAA,gCAEuBD,EAAK,YAAY;AAAA;AAAA;AAAA,2BAGtBA,EAAK,aAAa;AAAA;AAAA;AAG7C;"}

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

@@ -1,88 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as l, nothing as m } from "../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as h } from "../../../../shared/vendor/lit-element-lit-element.js";
-import { property as p } from "../../../../shared/vendor/lit-reactive-element-property.js";
-import _ 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 d } 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, a = e.length - 1, n; a >= 0; a--)
-    (n = e[a]) && (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 h {
-  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 _(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 = d.resolveGameIconName(e.id, s), i = e.imageUrl ?? d.get(r).url;
-    return l`
-      <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 l`${e.map((s, r) => this.renderCard(s, r))}`;
-  }
-  render() {
-    return (this.section?.games ?? []).length ? S(this) : m;
-  }
-};
-o.styles = [v, g(y)];
-c([
-  p({ 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

@@ -1 +0,0 @@
-{"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;AAAAA,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;AAAAA,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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,12 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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.host.d.ts

@@ -1,20 +0,0 @@
-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

@@ -1,36 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as i } from "../../../../shared/vendor/lit-html-lit-html.js";
-import "../../../../shared/vendor/lit-element-lit-element.js";
-function l(n) {
-  return i`<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 {
-  l as default
-};
-//# sourceMappingURL=hero-section.html.js.map

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

@@ -1 +0,0 @@
-{"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;AAAAA;AAAAA;AAAAA,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

@@ -1,192 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { nothing as u, html as p } from "../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as m } from "../../../../shared/vendor/lit-element-lit-element.js";
-import { property as f } from "../../../../shared/vendor/lit-reactive-element-property.js";
-import { state as c } from "../../../../shared/vendor/lit-reactive-element-state.js";
-import { Component as T } 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 b } from "../../theme/styles.js";
-import "../../../../shared/vendor/lit-html-unsafe-svg.js";
-import { isCountdownExpired as E, demoCountdownEndIso as D } from "../../utils/demo-countdown.js";
-import g from "./hero-section.html.js";
-import v from "./hero-section.scss.js";
-var A = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (s, t, e, n) => {
-  for (var o = n > 1 ? void 0 : n ? C(t, e) : t, l = s.length - 1, r; l >= 0; l--)
-    (r = s[l]) && (o = (n ? r(t, e, o) : r(o)) || o);
-  return n && o && A(t, e, o), o;
-};
-function h(s, t = Date.now()) {
-  const e = Math.floor((new Date(s).getTime() - t) / 1e3);
-  return !Number.isFinite(e) || e <= 0 ? { expired: !0, days: 0, hours: 0, minutes: 0, seconds: 0 } : {
-    expired: !1,
-    days: Math.floor(e / 86400),
-    hours: Math.floor(e % 86400 / 3600),
-    minutes: Math.floor(e % 3600 / 60),
-    seconds: e % 60
-  };
-}
-const S = {
-  upcoming: "Upcoming",
-  active: "Live",
-  completed: "Finished",
-  cancelled: "Cancelled"
-};
-let i = class extends m {
-  constructor() {
-    super(...arguments), this.now = Date.now(), this.sessionEndTs = null, 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 s = this.section?.status;
-    return s ? S[s] : "";
-  }
-  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.syncSessionEndTs(), this.timer = setInterval(() => {
-      this.now = Date.now(), this.syncSessionEndTs();
-    }, 1e3);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.timer && clearInterval(this.timer), this.poolRaf && cancelAnimationFrame(this.poolRaf), this.bumpTimer && clearTimeout(this.bumpTimer);
-  }
-  willUpdate(s) {
-    if (s.has("section") && (this.sessionEndTs = null, this.syncSessionEndTs()), !s.has("section")) return;
-    const t = this.section?.prizePoolValue;
-    if (t == null) {
-      this.poolDisplay = null;
-      return;
-    }
-    if (this.poolDisplay == null) {
-      this.poolDisplay = t;
-      return;
-    }
-    t !== this.poolDisplay && this.animatePool(t);
-  }
-  /** Rolling count-up from the current display value to `target`. */
-  animatePool(s) {
-    this.poolRaf && cancelAnimationFrame(this.poolRaf);
-    const t = this.poolDisplay ?? s, e = 1100, n = performance.now(), o = (l) => {
-      const r = Math.min(1, (l - n) / e), d = 1 - Math.pow(1 - r, 3);
-      this.poolDisplay = Math.round(t + (s - t) * d), r < 1 && (this.poolRaf = requestAnimationFrame(o));
-    };
-    this.poolRaf = requestAnimationFrame(o), s > t && (this.poolBump = !0, this.bumpTimer && clearTimeout(this.bumpTimer), this.bumpTimer = setTimeout(() => {
-      this.poolBump = !1;
-    }, 650));
-  }
-  formatPool(s) {
-    try {
-      return new Intl.NumberFormat("en-US", {
-        style: "currency",
-        currency: this.section?.prizePoolCurrency ?? "USD",
-        maximumFractionDigits: 0
-      }).format(s);
-    } catch {
-      return s.toLocaleString();
-    }
-  }
-  get isFinished() {
-    const s = this.section?.status;
-    if (s === "completed" || s === "cancelled") return !0;
-    const t = this.countdownEndTs;
-    return t ? h(t, this.now).expired : !1;
-  }
-  get countdownEndTs() {
-    const s = this.section?.status;
-    return s === "completed" || s === "cancelled" ? this.section?.endTs : this.sessionEndTs ?? this.section?.endTs;
-  }
-  syncSessionEndTs() {
-    const s = this.section?.endTs, t = this.section?.status;
-    if (!s) {
-      this.sessionEndTs = null;
-      return;
-    }
-    if (t === "completed" || t === "cancelled") {
-      this.sessionEndTs = s;
-      return;
-    }
-    const e = this.sessionEndTs ?? s;
-    if (!E(e, this.now)) {
-      this.sessionEndTs || (this.sessionEndTs = s);
-      return;
-    }
-    this.sessionEndTs = D(this.now);
-  }
-  renderCountdown() {
-    const s = this.countdownEndTs;
-    if (!s) return u;
-    if (this.isFinished)
-      return p`<span class="ended">🏁 Contest finished</span>`;
-    const t = h(s, this.now), e = (n, o) => p`<div class="cell">
-        <b>${String(n).padStart(2, "0")}</b><span>${o}</span>
-      </div>`;
-    return p`
-      <div class="countdown">
-        <span class="label">Ends in</span>
-        <div class="countdown-track">
-          ${e(t.days, "days")}<span class="sep">:</span>
-          ${e(t.hours, "hours")}<span class="sep">:</span>
-          ${e(t.minutes, "min")}<span class="sep">:</span>
-          ${e(t.seconds, "sec")}
-        </div>
-      </div>
-    `;
-  }
-  render() {
-    return this.section ? g(this) : u;
-  }
-};
-i.styles = [b, y(v)];
-a([
-  f({ attribute: !1 })
-], i.prototype, "section", 2);
-a([
-  c()
-], i.prototype, "now", 2);
-a([
-  c()
-], i.prototype, "sessionEndTs", 2);
-a([
-  c()
-], i.prototype, "poolDisplay", 2);
-a([
-  c()
-], i.prototype, "poolBump", 2);
-i = a([
-  T({ selector: w })
-], i);
-export {
-  i as OsLeaderboardCasinoHero
-};
-//# sourceMappingURL=hero-section.js.map

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

@@ -1 +0,0 @@
-{"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 {\n  demoCountdownEndIso,\n  isCountdownExpired,\n} from '@os-leaderboard-casino/utils/demo-countdown.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  /** Rolled forward once per mount when preset endTs is stale (demo/marketing). */\n  @state()\n  private sessionEndTs: string | null = null;\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.syncSessionEndTs();\n    this.timer = setInterval(() => {\n      this.now = Date.now();\n      this.syncSessionEndTs();\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')) {\n      this.sessionEndTs = null;\n      this.syncSessionEndTs();\n    }\n\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    const endTs = this.countdownEndTs;\n    if (!endTs) return false;\n    return countdownTo(endTs, this.now).expired;\n  }\n\n  private get countdownEndTs(): string | undefined {\n    const status = this.section?.status;\n    if (status === 'completed' || status === 'cancelled') {\n      return this.section?.endTs;\n    }\n\n    return this.sessionEndTs ?? this.section?.endTs;\n  }\n\n  private syncSessionEndTs(): void {\n    const endTs = this.section?.endTs;\n    const status = this.section?.status;\n\n    if (!endTs) {\n      this.sessionEndTs = null;\n      return;\n    }\n\n    if (status === 'completed' || status === 'cancelled') {\n      this.sessionEndTs = endTs;\n      return;\n    }\n\n    const activeEndTs = this.sessionEndTs ?? endTs;\n    if (!isCountdownExpired(activeEndTs, this.now)) {\n      if (!this.sessionEndTs) this.sessionEndTs = endTs;\n      return;\n    }\n\n    this.sessionEndTs = demoCountdownEndIso(this.now);\n  }\n\n  renderCountdown() {\n    const endTs = this.countdownEndTs;\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        <div class=\"countdown-track\">\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      </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","activeEndTs","isCountdownExpired","demoCountdownEndIso","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

@@ -1,5 +0,0 @@
-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{--countdown-cell-size: 60px;--countdown-digit-size: 21px;--countdown-unit-size: 9px;--countdown-sep-size: 18px;--countdown-track-gap: 6px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:22px}.countdown .label{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.countdown-track{display:inline-grid;grid-template-columns:var(--countdown-cell-size) auto var(--countdown-cell-size) auto var(--countdown-cell-size) auto var(--countdown-cell-size);column-gap:var(--countdown-track-gap);align-items:center;justify-items:center;max-width:100%}.countdown-track>.cell{width:var(--countdown-cell-size);height:var(--countdown-cell-size);min-width:var(--countdown-cell-size);max-width:var(--countdown-cell-size);min-height:var(--countdown-cell-size);max-height:var(--countdown-cell-size);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:0;overflow:hidden;grid-column:span 1}.countdown-track>.cell b{display:block;width:100%;font-family:var(--font-mono);font-size:var(--countdown-digit-size);font-weight:800;color:var(--text);line-height:1}.countdown-track>.cell span{display:block;width:100%;margin-top:3px;font-size:var(--countdown-unit-size);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);line-height:1;white-space:nowrap}.countdown-track>.sep{flex:none;text-align:center;font-family:var(--font-mono);font-size:var(--countdown-sep-size);font-weight:800;color:var(--gold);opacity:.7;line-height:1}@media(max-width:545px){.countdown{--countdown-cell-size: 52px;--countdown-digit-size: 18px;--countdown-unit-size: 8px;--countdown-sep-size: 15px}}@media(max-width:420px){.countdown{--countdown-cell-size: 44px;--countdown-digit-size: 14px;--countdown-unit-size: 7px;--countdown-sep-size: 11px}.countdown .label{font-size:9px;letter-spacing:.16em}}.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

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

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

@@ -1,35 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as i } from "../../../../shared/vendor/lit-html-lit-html.js";
-import "../../../../shared/vendor/lit-element-lit-element.js";
-function d(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 {
-  d as default
-};
-//# sourceMappingURL=legals-section.html.js.map

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

@@ -1 +0,0 @@
-{"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;AAAAA;AAAAA,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;"}