@oddsmith/ui 1.0.1 → 1.0.2

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

@@ -1,18 +1,20 @@
-import { LitElement as a, nothing as l } from "lit";
-import { property as f } from "lit/decorators.js";
+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 "lit/directives/unsafe-svg.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, p = n.length - 1, i; p >= 0; p--)
-    (i = n[p]) && (t = (o ? i(e, s, t) : i(t)) || t);
+  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 a {
+let r = class extends l {
   constructor() {
     super(...arguments), this.text = "";
   }
@@ -20,15 +22,15 @@ let r = class extends a {
     return this.section?.text ?? this.text;
   }
   render() {
-    return this.displayText ? h(this) : l;
+    return this.displayText ? h(this) : f;
   }
 };
 r.styles = [_, c(x)];
 m([
-  f({ attribute: !1 })
+  a({ attribute: !1 })
 ], r.prototype, "section", 2);
 m([
-  f({ type: String })
+  a({ type: String })
 ], r.prototype, "text", 2);
 r = m([
   O({ selector: u })

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

@@ -1 +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;"}
+{"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/games-section/games-section.html.js

@@ -1,5 +1,7 @@
-import { html as s } from "lit";
-function i(e) {
+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>
@@ -10,6 +12,6 @@ function i(e) {
 `;
 }
 export {
-  i as default
+  r as default
 };
 //# sourceMappingURL=games-section.html.js.map

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

@@ -1 +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;"}
+{"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,20 +1,22 @@
-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 "../../../../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 a } from "../../services/icon.service.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, l = e.length - 1, n; l >= 0; l--)
-    (n = e[l]) && (t = (i ? n(s, r, t) : n(t)) || t);
+  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 m {
+let o = class extends h {
   constructor() {
     super(...arguments), this._onSliderMqChange = () => this._syncSlider(), this._syncSlider = () => {
       if (!(this.section?.games ?? []).length) return;
@@ -24,7 +26,7 @@ let o = class extends m {
         this._destroySlider();
         return;
       }
-      s.classList.add("keen-slider"), this._slider ? this._slider.update() : this._slider = new p(s, {
+      s.classList.add("keen-slider"), this._slider ? this._slider.update() : this._slider = new _(s, {
         mode: "free",
         slides: { perView: "auto", spacing: 10 }
       });
@@ -48,8 +50,8 @@ let o = class extends m {
     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`
+    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
@@ -67,15 +69,15 @@ let o = class extends m {
   }
   renderGames() {
     const e = this.section?.games ?? [];
-    return d`${e.map((s, r) => this.renderCard(s, r))}`;
+    return l`${e.map((s, r) => this.renderCard(s, r))}`;
   }
   render() {
-    return (this.section?.games ?? []).length ? S(this) : h;
+    return (this.section?.games ?? []).length ? S(this) : m;
   }
 };
 o.styles = [v, g(y)];
 c([
-  _({ attribute: !1 })
+  p({ attribute: !1 })
 ], o.prototype, "section", 2);
 o = c([
   f({ selector: u })

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

@@ -1 +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;"}
+{"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/hero-section/hero-section.html.js

@@ -1,6 +1,8 @@
-import { html as s } from "lit";
-function a(n) {
-  return s`<section class="hero">
+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}
@@ -29,6 +31,6 @@ function a(n) {
 `;
 }
 export {
-  a as default
+  l as default
 };
 //# sourceMappingURL=hero-section.html.js.map

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

@@ -1 +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;"}
+{"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,10 +1,13 @@
-import { LitElement as f, nothing as u, html as p } from "lit";
-import { property as d, state as c } from "lit/decorators.js";
+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 f } from "../../../../shared/vendor/lit-element-lit-element.js";
+import { property as d } from "../../../../shared/vendor/lit-reactive-element-property.js";
+import { state as c } from "../../../../shared/vendor/lit-reactive-element-state.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 "../../../../shared/vendor/lit-html-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) => {

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

@@ -1 +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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"}
+{"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/legals-section/legals-section.html.js

@@ -1,5 +1,7 @@
-import { html as i } from "lit";
-function e(l) {
+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()}
@@ -28,6 +30,6 @@ function e(l) {
 `;
 }
 export {
-  e as default
+  d as default
 };
 //# sourceMappingURL=legals-section.html.js.map

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

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

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

@@ -1,10 +1,14 @@
-import { LitElement as c, html as p, nothing as d } from "lit";
-import { property as h, state as m, query as g } from "lit/decorators.js";
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as p, nothing as m } from "../../../../shared/vendor/lit-html-lit-html.js";
+import { LitElement as c } from "../../../../shared/vendor/lit-element-lit-element.js";
+import { property as d } from "../../../../shared/vendor/lit-reactive-element-property.js";
+import { state as h } from "../../../../shared/vendor/lit-reactive-element-state.js";
+import { query as g } from "../../../../shared/vendor/lit-reactive-element-query.js";
 import { Component as u } from "../../../../shared/lib/lit/component.js";
 import { scss as f } from "../../../../shared/lib/lit/scss.js";
 import { OS_LEADERBOARD_CASINO_LEGALS as _ } from "../../constants/tags.js";
 import { osLeaderboardCasinoTheme as b } from "../../theme/styles.js";
-import "lit/directives/unsafe-svg.js";
+import "../../../../shared/vendor/lit-html-unsafe-svg.js";
 import L from "./legals-section.html.js";
 import v from "./legals-section.scss.js";
 var k = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (e, t, r, n) => {
@@ -52,15 +56,15 @@ let o = class extends c {
     )}`;
   }
   render() {
-    return this.section?.links?.length ? L(this) : d;
+    return this.section?.links?.length ? L(this) : m;
   }
 };
 o.styles = [b, f(v)];
 a([
-  h({ attribute: !1 })
+  d({ attribute: !1 })
 ], o.prototype, "section", 2);
 a([
-  m()
+  h()
 ], o.prototype, "_activeLink", 2);
 a([
   g("dialog")

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

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

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

@@ -1,5 +1,7 @@
-import { html as r } from "lit";
-function d(e) {
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as r } from "../../../../shared/vendor/lit-html-lit-html.js";
+import "../../../../shared/vendor/lit-element-lit-element.js";
+function n(e) {
   return r`<div
   class="marquee"
   style="--speed: ${e.speedSec}s"
@@ -12,6 +14,6 @@ function d(e) {
 `;
 }
 export {
-  d as default
+  n as default
 };
 //# sourceMappingURL=marquee-section.html.js.map

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

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

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

@@ -1,7 +1,10 @@
-import { LitElement as f, html as t, nothing as i } from "lit";
-import { keyed as $ } from "lit/directives/keyed.js";
-import { repeat as g } from "lit/directives/repeat.js";
-import { property as h, state as v } from "lit/decorators.js";
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as t, nothing as i } from "../../../../shared/vendor/lit-html-lit-html.js";
+import { LitElement as f } from "../../../../shared/vendor/lit-element-lit-element.js";
+import { keyed as $ } from "../../../../shared/vendor/lit-html-keyed.js";
+import { repeat as g } from "../../../../shared/vendor/lit-html-repeat.js";
+import { property as h } from "../../../../shared/vendor/lit-reactive-element-property.js";
+import { state as v } from "../../../../shared/vendor/lit-reactive-element-state.js";
 import { Component as I } from "../../../../shared/lib/lit/component.js";
 import { scss as b } from "../../../../shared/lib/lit/scss.js";
 import { OS_LEADERBOARD_CASINO_MARQUEE as y } from "../../constants/tags.js";
@@ -9,8 +12,8 @@ import { osLeaderboardCasinoTheme as T } from "../../theme/styles.js";
 import { renderPlayerName as C } from "../../theme/vip-mark.js";
 import { iconService as u } from "../../services/icon.service.js";
 import { winIcon as R } from "./components/win-icons.js";
-import { parseMarqueeItem as m, formatWinAmount as o } from "./marquee-item.js";
-import { ACTIVE_MARQUEE_VARIANT as q, isMarqueeVariant as A } from "./marquee-variants.js";
+import { parseMarqueeItem as m, formatWinAmount as p } from "./marquee-item.js";
+import { ACTIVE_MARQUEE_VARIANT as A, isMarqueeVariant as q } from "./marquee-variants.js";
 import S from "./marquee-section.html.js";
 import x from "./marquee-section.scss.js";
 var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, c = (e, s, r, a) => {
@@ -18,9 +21,9 @@ var M = Object.defineProperty, V = Object.getOwnPropertyDescriptor, c = (e, s, r
     (l = e[d]) && (n = (a ? l(s, r, n) : l(n)) || n);
   return a && n && M(s, r, n), n;
 };
-let p = class extends f {
+let o = class extends f {
   constructor() {
-    super(...arguments), this.variant = q, this.hudIndex = 0, this.feedRows = [], this.feedCursor = 0, this.feedKey = 0;
+    super(...arguments), this.variant = A, this.hudIndex = 0, this.feedRows = [], this.feedCursor = 0, this.feedKey = 0;
   }
   get speedSec() {
     return this.section?.speedSec ?? 30;
@@ -35,7 +38,7 @@ let p = class extends f {
     this.stopVariantTimers(), super.disconnectedCallback();
   }
   syncVariantAttribute() {
-    const e = A(this.variant) ? this.variant : "classic";
+    const e = q(this.variant) ? this.variant : "classic";
     this.dataset.variant = e;
   }
   parsedWins() {
@@ -65,7 +68,7 @@ let p = class extends f {
     this.feedRows = e ? [a, ...this.feedRows].slice(0, 4) : [a, ...this.feedRows];
   }
   formatAmount(e) {
-    return o(e.amount ?? null, e.currency ?? "USD");
+    return p(e.amount ?? null, e.currency ?? "USD");
   }
   renderSeparator() {
     return t`<span class="sep" aria-hidden="true">·</span>`;
@@ -119,7 +122,7 @@ let p = class extends f {
     return i;
   }
   renderTickerWin(e) {
-    const s = o(e.amount, e.currency);
+    const s = p(e.amount, e.currency);
     return t`
       <span class="win ${e.big ? "big" : ""}">
         <span class="chip">${this.renderItemIcon(e)}</span>
@@ -158,7 +161,7 @@ let p = class extends f {
       ${e.map(
       (s) => t`
           <span class="win ${s.vip ? "vip" : ""}">
-            ${this.renderItemIcon(s)}${this.renderMarqueeUser(s.user, s.vip)}<span class="amt">${o(s.amount, s.currency)}</span
+            ${this.renderItemIcon(s)}${this.renderMarqueeUser(s.user, s.vip)}<span class="amt">${p(s.amount, s.currency)}</span
             ><span class="sep-inline">/</span><span class="game">${s.game}</span>
           </span>
         `
@@ -183,7 +186,7 @@ let p = class extends f {
       this.hudIndex,
       t`<span class="info">
               <span class="who">${this.renderMarqueeUser(s.user, s.vip)}</span>
-              <span class="val">${o(s.amount, s.currency)}</span>
+              <span class="val">${p(s.amount, s.currency)}</span>
             </span>`
     )}
         </div>
@@ -201,7 +204,7 @@ let p = class extends f {
             <span class="chip">${this.renderItemIcon(s)}</span>
             ${this.renderMarqueeUser(s.user, s.vip)}
             <span class="game">${s.game}</span>
-            <span class="amt">+${o(s.amount, s.currency)}</span>
+            <span class="amt">+${p(s.amount, s.currency)}</span>
           </span>
         `
     )}
@@ -240,7 +243,7 @@ let p = class extends f {
                   <span class="game-line">on ${e.game}</span>
                 </span>
                 <span class="amt"
-                  >+${o(e.amount, e.currency)}</span
+                  >+${p(e.amount, e.currency)}</span
                 >
               </div>
             `
@@ -265,23 +268,23 @@ let p = class extends f {
     }
   }
 };
-p.styles = [T, b(x)];
+o.styles = [T, b(x)];
 c([
   h({ attribute: !1 })
-], p.prototype, "section", 2);
+], o.prototype, "section", 2);
 c([
   h({ attribute: "variant" })
-], p.prototype, "variant", 2);
+], o.prototype, "variant", 2);
 c([
   v()
-], p.prototype, "hudIndex", 2);
+], o.prototype, "hudIndex", 2);
 c([
   v()
-], p.prototype, "feedRows", 2);
-p = c([
+], o.prototype, "feedRows", 2);
+o = c([
   I({ selector: y })
-], p);
+], o);
 export {
-  p as OsLeaderboardCasinoMarquee
+  o as OsLeaderboardCasinoMarquee
 };
 //# sourceMappingURL=marquee-section.js.map