@oddsmith/ui 1.0.5 → 1.0.7

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

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

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

@@ -1 +0,0 @@
-{"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/legals-section/legals-section.scss.js

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

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

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

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

@@ -1,13 +0,0 @@
-import { LitElement, nothing } from 'lit';
-import { OsLeaderboardCasinoLiveFeedSection } from '../../types/sections.js';
-import { LiveFeedSectionHost } from './live-feed-section.host.js';
-/** Glassy live activity rail with entrance animations. */
-export declare class OsLeaderboardCasinoLiveFeed extends LitElement implements LiveFeedSectionHost {
-    static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoLiveFeedSection;
-    get feedTitle(): string;
-    get hasItems(): boolean;
-    private formatAmount;
-    renderEntries(): import('lit').TemplateResult<1>;
-    render(): import('lit').TemplateResult | typeof nothing;
-}

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

@@ -1,8 +0,0 @@
-import { TemplateResult } from 'lit';
-import { OsLeaderboardCasinoLiveFeedSection } from '../../types/sections.js';
-export interface LiveFeedSectionHost {
-    section: OsLeaderboardCasinoLiveFeedSection;
-    feedTitle: string;
-    hasItems: boolean;
-    renderEntries(): TemplateResult;
-}

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

@@ -1,3 +0,0 @@
-import { TemplateResult } from 'lit';
-export type WinIconName = 'bag' | 'coin' | 'trophy' | 'fire' | 'gem' | 'bolt';
-export declare function winIcon(name: WinIconName): TemplateResult;

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

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

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

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

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

@@ -1,14 +0,0 @@
-import { OsLeaderboardCasinoMarqueeItem } from '../../types/sections.js';
-import { WinIconName } from './components/win-icons.js';
-export interface ParsedMarqueeWin {
-    user: string;
-    game: string;
-    gameId?: string;
-    big: boolean;
-    icon: WinIconName;
-    amount: number | null;
-    currency: string;
-    vip: boolean;
-}
-export declare function parseMarqueeItem(item: OsLeaderboardCasinoMarqueeItem, index: number): ParsedMarqueeWin;
-export declare function formatWinAmount(amount: number | null, currency: string): string;

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

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

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

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

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

@@ -1,42 +0,0 @@
-import { LitElement, nothing, TemplateResult } from 'lit';
-import { OsLeaderboardCasinoMarqueeSection } from '../../types/sections.js';
-import { MarqueeVariant } from './marquee-variants.js';
-import { MarqueeSectionHost } from './marquee-section.host.js';
-/** Infinitely-scrolling winners ticker — v0 variant ports + classic fallback. */
-export declare class OsLeaderboardCasinoMarquee extends LitElement implements MarqueeSectionHost {
-    static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoMarqueeSection;
-    variant: MarqueeVariant;
-    private hudIndex;
-    private feedRows;
-    private hudTimer?;
-    private feedTimer?;
-    private feedCursor;
-    private feedKey;
-    get speedSec(): number;
-    connectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    disconnectedCallback(): void;
-    private syncVariantAttribute;
-    private parsedWins;
-    private startVariantTimers;
-    private stopVariantTimers;
-    private pushFeedRow;
-    private formatAmount;
-    private renderSeparator;
-    private renderItemIcon;
-    /** Uses shared VIP badge styles from theme (v0 outline tag). */
-    private renderMarqueeUser;
-    private renderClassicItem;
-    private renderClassicGroup;
-    renderTrack(): TemplateResult;
-    renderHudLabel(): TemplateResult | typeof nothing;
-    private renderTickerWin;
-    private renderTicker;
-    private renderHudStreamGroup;
-    private renderHud;
-    private renderBeltGroup;
-    private renderBelt;
-    private renderFeed;
-    render(): TemplateResult | typeof nothing;
-}

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

@@ -1,8 +0,0 @@
-import { TemplateResult } from 'lit';
-import { OsLeaderboardCasinoMarqueeSection } from '../../types/sections.js';
-export interface MarqueeSectionHost {
-    section: OsLeaderboardCasinoMarqueeSection;
-    speedSec: number;
-    renderHudLabel(): TemplateResult | typeof import('lit').nothing;
-    renderTrack(): TemplateResult;
-}

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

@@ -1,19 +0,0 @@
-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"
-  role="region"
-  aria-label="Recent winners"
->
-  ${e.renderHudLabel()}
-  <div class="track">${e.renderTrack()}</div>
-</div>
-`;
-}
-export {
-  n as default
-};
-//# sourceMappingURL=marquee-section.html.js.map

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

@@ -1 +0,0 @@
-{"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,290 +0,0 @@
-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";
-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 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) => {
-  for (var n = a > 1 ? void 0 : a ? V(s, r) : s, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (n = (a ? l(s, r, n) : l(n)) || n);
-  return a && n && M(s, r, n), n;
-};
-let o = class extends f {
-  constructor() {
-    super(...arguments), this.variant = A, this.hudIndex = 0, this.feedRows = [], this.feedCursor = 0, this.feedKey = 0;
-  }
-  get speedSec() {
-    return this.section?.speedSec ?? 30;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.syncVariantAttribute(), this.startVariantTimers();
-  }
-  updated(e) {
-    (e.has("variant") || e.has("section")) && (this.syncVariantAttribute(), this.stopVariantTimers(), this.startVariantTimers());
-  }
-  disconnectedCallback() {
-    this.stopVariantTimers(), super.disconnectedCallback();
-  }
-  syncVariantAttribute() {
-    const e = q(this.variant) ? this.variant : "classic";
-    this.dataset.variant = e;
-  }
-  parsedWins() {
-    return (this.section?.items ?? []).map(
-      (e, s) => m(e, s)
-    );
-  }
-  startVariantTimers() {
-    if (this.variant === "hud" && (this.hudIndex = 0, this.hudTimer = setInterval(() => {
-      const e = this.section?.items?.length ?? 0;
-      e > 1 && (this.hudIndex = (this.hudIndex + 1) % e);
-    }, 3e3)), this.variant === "feed") {
-      this.feedRows = [], this.feedCursor = 0, this.feedKey = 0;
-      for (let e = 0; e < 4; e += 1) this.pushFeedRow(!1);
-      this.feedTimer = setInterval(() => this.pushFeedRow(!0), 2600);
-    }
-  }
-  stopVariantTimers() {
-    this.hudTimer && clearInterval(this.hudTimer), this.feedTimer && clearInterval(this.feedTimer), this.hudTimer = void 0, this.feedTimer = void 0;
-  }
-  pushFeedRow(e) {
-    const s = this.parsedWins();
-    if (!s.length) return;
-    const r = s[this.feedCursor % s.length];
-    this.feedCursor += 1;
-    const a = { ...r, key: this.feedKey++ };
-    this.feedRows = e ? [a, ...this.feedRows].slice(0, 4) : [a, ...this.feedRows];
-  }
-  formatAmount(e) {
-    return p(e.amount ?? null, e.currency ?? "USD");
-  }
-  renderSeparator() {
-    return t`<span class="sep" aria-hidden="true">·</span>`;
-  }
-  renderItemIcon(e) {
-    if (e.gameId) {
-      const s = u.resolveGameIconName(e.gameId, 0), r = u.get(s).url;
-      return t`<img src=${r} alt=${e.game} />`;
-    }
-    return R(e.icon);
-  }
-  /** Uses shared VIP badge styles from theme (v0 outline tag). */
-  renderMarqueeUser(e, s) {
-    return C(e, { vip: s });
-  }
-  renderClassicItem(e, s) {
-    const r = m(e, s), a = this.formatAmount(e);
-    return t`
-      <span class="item">
-        <span class="icon">${this.renderItemIcon(r)}</span>
-        <span class="txt">
-          ${this.renderMarqueeUser(r.user, r.vip)}
-          <span class="verb">won</span>
-          ${e.amount != null ? t`<span class="amt">${a}</span>` : i}
-          ${r.game ? t`
-                <span class="tail">
-                  <span class="on">on</span>
-                  <span class="game">${r.game}</span>
-                </span>
-              ` : i}
-        </span>
-      </span>
-    `;
-  }
-  renderClassicGroup(e) {
-    return t`
-      <span class="group" aria-hidden="true">
-        ${e.map(
-      (s, r) => t`
-            ${this.renderClassicItem(s, r)}${this.renderSeparator()}
-          `
-    )}
-      </span>
-    `;
-  }
-  renderTrack() {
-    const e = this.section?.items ?? [];
-    return t`${this.renderClassicGroup(e)}${this.renderClassicGroup(e)}`;
-  }
-  renderHudLabel() {
-    return i;
-  }
-  renderTickerWin(e) {
-    const s = p(e.amount, e.currency);
-    return t`
-      <span class="win ${e.big ? "big" : ""}">
-        <span class="chip">${this.renderItemIcon(e)}</span>
-        <span class="txt">
-          ${this.renderMarqueeUser(e.user, e.vip)}
-          <span class="verb">won</span>
-          ${s ? t`<span class="amt">${s}</span>` : i}
-          ${e.game ? t`
-                <span class="tail">
-                  <span class="on">on</span>
-                  <span class="game">${e.game}</span>
-                </span>
-              ` : i}
-        </span>
-      </span>
-      ${this.renderSeparator()}
-    `;
-  }
-  renderTicker() {
-    const e = this.parsedWins(), s = t`<div class="group">
-      ${e.map((r) => this.renderTickerWin(r))}
-    </div>`;
-    return t`
-      <div
-        class="marquee"
-        style="--speed: ${this.speedSec}s"
-        role="region"
-        aria-label="Recent winners"
-      >
-        <div class="track">${s}${s}</div>
-      </div>
-    `;
-  }
-  renderHudStreamGroup(e) {
-    return t`<div class="group">
-      ${e.map(
-      (s) => t`
-          <span class="win ${s.vip ? "vip" : ""}">
-            ${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>
-        `
-    )}
-    </div>`;
-  }
-  renderHud() {
-    const e = this.parsedWins();
-    if (!e.length) return i;
-    const s = e[this.hudIndex] ?? e[0], r = this.renderHudStreamGroup(e);
-    return t`
-      <div
-        class="marquee"
-        style="--speed: ${this.speedSec}s"
-        role="region"
-        aria-label="Recent winners"
-      >
-        <div class="hero">
-          <span class="badge">Latest win</span>
-          <span class="chip">${this.renderItemIcon(s)}</span>
-          ${$(
-      this.hudIndex,
-      t`<span class="info">
-              <span class="who">${this.renderMarqueeUser(s.user, s.vip)}</span>
-              <span class="val">${p(s.amount, s.currency)}</span>
-            </span>`
-    )}
-        </div>
-        <div class="stream">
-          <div class="track">${r}${r}</div>
-        </div>
-      </div>
-    `;
-  }
-  renderBeltGroup(e) {
-    return t`<div class="group">
-      ${e.map(
-      (s) => t`
-          <span class="pill ${s.big ? "big" : ""} ${s.vip ? "vip" : ""}">
-            <span class="chip">${this.renderItemIcon(s)}</span>
-            ${this.renderMarqueeUser(s.user, s.vip)}
-            <span class="game">${s.game}</span>
-            <span class="amt">+${p(s.amount, s.currency)}</span>
-          </span>
-        `
-    )}
-    </div>`;
-  }
-  renderBelt() {
-    const e = this.parsedWins(), s = e, r = [...e].reverse(), a = this.renderBeltGroup(s), n = this.renderBeltGroup(r);
-    return t`
-      <div
-        class="marquee"
-        style="--speed: ${this.speedSec}s"
-        role="region"
-        aria-label="Recent winners"
-      >
-        <div class="lane lane-a">${a}${a}</div>
-        <div class="lane lane-b">${n}${n}</div>
-      </div>
-    `;
-  }
-  renderFeed() {
-    return t`
-      <div class="marquee feed-panel" role="region" aria-label="Recent winners">
-        <div class="head">
-          <span class="live"><i></i> Live wins</span>
-          <small>updating in real time</small>
-        </div>
-        <div class="list">
-          ${g(
-      this.feedRows,
-      (e) => e.key,
-      (e) => t`
-              <div class="row ${e.big ? "big" : ""} ${e.vip ? "vip" : ""}">
-                <span class="chip">${this.renderItemIcon(e)}</span>
-                <span class="meta">
-                  ${this.renderMarqueeUser(e.user, e.vip)}
-                  <span class="game-line">on ${e.game}</span>
-                </span>
-                <span class="amt"
-                  >+${p(e.amount, e.currency)}</span
-                >
-              </div>
-            `
-    )}
-        </div>
-      </div>
-    `;
-  }
-  render() {
-    if (!(this.section?.items ?? []).length) return i;
-    switch (this.variant) {
-      case "ticker":
-        return this.renderTicker();
-      case "hud":
-        return this.renderHud();
-      case "belt":
-        return this.renderBelt();
-      case "feed":
-        return this.renderFeed();
-      default:
-        return S(this);
-    }
-  }
-};
-o.styles = [T, b(x)];
-c([
-  h({ attribute: !1 })
-], o.prototype, "section", 2);
-c([
-  h({ attribute: "variant" })
-], o.prototype, "variant", 2);
-c([
-  v()
-], o.prototype, "hudIndex", 2);
-c([
-  v()
-], o.prototype, "feedRows", 2);
-o = c([
-  I({ selector: y })
-], o);
-export {
-  o as OsLeaderboardCasinoMarquee
-};
-//# sourceMappingURL=marquee-section.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"marquee-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/marquee-section/marquee-section.ts"],"sourcesContent":["import { LitElement, html, nothing, type TemplateResult } from 'lit';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { property, state } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_MARQUEE } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport { renderPlayerName } from '@os-leaderboard-casino/theme/vip-mark.js';\nimport type {\n  OsLeaderboardCasinoMarqueeItem,\n  OsLeaderboardCasinoMarqueeSection,\n} from '@os-leaderboard-casino/types/sections.js';\nimport { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport { winIcon } from './components/win-icons.js';\nimport {\n  formatWinAmount,\n  parseMarqueeItem,\n  type ParsedMarqueeWin,\n} from './marquee-item.js';\nimport {\n  ACTIVE_MARQUEE_VARIANT,\n  isMarqueeVariant,\n  type MarqueeVariant,\n} from './marquee-variants.js';\nimport type { MarqueeSectionHost } from './marquee-section.host.js';\nimport renderTemplate from './marquee-section.html?lit-html';\nimport styles from './marquee-section.scss?inline';\n\ninterface FeedRow extends ParsedMarqueeWin {\n  key: number;\n}\n\n/** Infinitely-scrolling winners ticker — v0 variant ports + classic fallback. */\n@Component({ selector: OS_LEADERBOARD_CASINO_MARQUEE })\nexport class OsLeaderboardCasinoMarquee\n  extends LitElement\n  implements MarqueeSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoMarqueeSection;\n\n  @property({ attribute: 'variant' })\n  variant: MarqueeVariant = ACTIVE_MARQUEE_VARIANT;\n\n  @state()\n  private hudIndex = 0;\n\n  @state()\n  private feedRows: FeedRow[] = [];\n\n  private hudTimer?: ReturnType<typeof setInterval>;\n  private feedTimer?: ReturnType<typeof setInterval>;\n  private feedCursor = 0;\n  private feedKey = 0;\n\n  get speedSec(): number {\n    return this.section?.speedSec ?? 30;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.syncVariantAttribute();\n    this.startVariantTimers();\n  }\n\n  updated(changed: Map<string, unknown>): void {\n    if (changed.has('variant') || changed.has('section')) {\n      this.syncVariantAttribute();\n      this.stopVariantTimers();\n      this.startVariantTimers();\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.stopVariantTimers();\n    super.disconnectedCallback();\n  }\n\n  private syncVariantAttribute(): void {\n    const next = isMarqueeVariant(this.variant) ? this.variant : 'classic';\n    this.dataset.variant = next;\n  }\n\n  private parsedWins(): ParsedMarqueeWin[] {\n    return (this.section?.items ?? []).map((item, index) =>\n      parseMarqueeItem(item, index),\n    );\n  }\n\n  private startVariantTimers(): void {\n    if (this.variant === 'hud') {\n      this.hudIndex = 0;\n      this.hudTimer = setInterval(() => {\n        const count = this.section?.items?.length ?? 0;\n        if (count > 1) this.hudIndex = (this.hudIndex + 1) % count;\n      }, 3000);\n    }\n\n    if (this.variant === 'feed') {\n      this.feedRows = [];\n      this.feedCursor = 0;\n      this.feedKey = 0;\n      for (let i = 0; i < 4; i += 1) this.pushFeedRow(false);\n      this.feedTimer = setInterval(() => this.pushFeedRow(true), 2600);\n    }\n  }\n\n  private stopVariantTimers(): void {\n    if (this.hudTimer) clearInterval(this.hudTimer);\n    if (this.feedTimer) clearInterval(this.feedTimer);\n    this.hudTimer = undefined;\n    this.feedTimer = undefined;\n  }\n\n  private pushFeedRow(trim: boolean): void {\n    const wins = this.parsedWins();\n    if (!wins.length) return;\n    const win = wins[this.feedCursor % wins.length];\n    this.feedCursor += 1;\n    const row: FeedRow = { ...win, key: this.feedKey++ };\n    this.feedRows = trim\n      ? [row, ...this.feedRows].slice(0, 4)\n      : [row, ...this.feedRows];\n  }\n\n  private formatAmount(item: OsLeaderboardCasinoMarqueeItem): string {\n    return formatWinAmount(item.amount ?? null, item.currency ?? 'USD');\n  }\n\n  private renderSeparator() {\n    return html`<span class=\"sep\" aria-hidden=\"true\">·</span>`;\n  }\n\n  private renderItemIcon(win: ParsedMarqueeWin) {\n    if (win.gameId) {\n      const iconName = iconService.resolveGameIconName(win.gameId, 0);\n      const url = iconService.get(iconName).url!;\n      return html`<img src=${url} alt=${win.game} />`;\n    }\n    return winIcon(win.icon);\n  }\n\n  /** Uses shared VIP badge styles from theme (v0 outline tag). */\n  private renderMarqueeUser(user: string, vip?: boolean) {\n    return renderPlayerName(user, { vip });\n  }\n\n  private renderClassicItem(item: OsLeaderboardCasinoMarqueeItem, index: number) {\n    const win = parseMarqueeItem(item, index);\n    const amount = this.formatAmount(item);\n    return html`\n      <span class=\"item\">\n        <span class=\"icon\">${this.renderItemIcon(win)}</span>\n        <span class=\"txt\">\n          ${this.renderMarqueeUser(win.user, win.vip)}\n          <span class=\"verb\">won</span>\n          ${item.amount != null\n            ? html`<span class=\"amt\">${amount}</span>`\n            : nothing}\n          ${win.game\n            ? html`\n                <span class=\"tail\">\n                  <span class=\"on\">on</span>\n                  <span class=\"game\">${win.game}</span>\n                </span>\n              `\n            : nothing}\n        </span>\n      </span>\n    `;\n  }\n\n  private renderClassicGroup(items: OsLeaderboardCasinoMarqueeItem[]) {\n    return html`\n      <span class=\"group\" aria-hidden=\"true\">\n        ${items.map(\n          (item, index) => html`\n            ${this.renderClassicItem(item, index)}${this.renderSeparator()}\n          `,\n        )}\n      </span>\n    `;\n  }\n\n  renderTrack(): TemplateResult {\n    const items = this.section?.items ?? [];\n    return html`${this.renderClassicGroup(items)}${this.renderClassicGroup(items)}`;\n  }\n\n  renderHudLabel(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  private renderTickerWin(win: ParsedMarqueeWin) {\n    const amount = formatWinAmount(win.amount, win.currency);\n    return html`\n      <span class=\"win ${win.big ? 'big' : ''}\">\n        <span class=\"chip\">${this.renderItemIcon(win)}</span>\n        <span class=\"txt\">\n          ${this.renderMarqueeUser(win.user, win.vip)}\n          <span class=\"verb\">won</span>\n          ${amount ? html`<span class=\"amt\">${amount}</span>` : nothing}\n          ${win.game\n            ? html`\n                <span class=\"tail\">\n                  <span class=\"on\">on</span>\n                  <span class=\"game\">${win.game}</span>\n                </span>\n              `\n            : nothing}\n        </span>\n      </span>\n      ${this.renderSeparator()}\n    `;\n  }\n\n  private renderTicker() {\n    const wins = this.parsedWins();\n    const group = html`<div class=\"group\">\n      ${wins.map((win) => this.renderTickerWin(win))}\n    </div>`;\n    return html`\n      <div\n        class=\"marquee\"\n        style=\"--speed: ${this.speedSec}s\"\n        role=\"region\"\n        aria-label=\"Recent winners\"\n      >\n        <div class=\"track\">${group}${group}</div>\n      </div>\n    `;\n  }\n\n  private renderHudStreamGroup(wins: ParsedMarqueeWin[]) {\n    return html`<div class=\"group\">\n      ${wins.map(\n        (win) => html`\n          <span class=\"win ${win.vip ? 'vip' : ''}\">\n            ${this.renderItemIcon(win)}${this.renderMarqueeUser(win.user, win.vip)}<span class=\"amt\">${formatWinAmount(win.amount, win.currency)}</span\n            ><span class=\"sep-inline\">/</span><span class=\"game\">${win.game}</span>\n          </span>\n        `,\n      )}\n    </div>`;\n  }\n\n  private renderHud() {\n    const wins = this.parsedWins();\n    if (!wins.length) return nothing;\n    const hero = wins[this.hudIndex] ?? wins[0];\n    const group = this.renderHudStreamGroup(wins);\n\n    return html`\n      <div\n        class=\"marquee\"\n        style=\"--speed: ${this.speedSec}s\"\n        role=\"region\"\n        aria-label=\"Recent winners\"\n      >\n        <div class=\"hero\">\n          <span class=\"badge\">Latest win</span>\n          <span class=\"chip\">${this.renderItemIcon(hero)}</span>\n          ${keyed(\n            this.hudIndex,\n            html`<span class=\"info\">\n              <span class=\"who\">${this.renderMarqueeUser(hero.user, hero.vip)}</span>\n              <span class=\"val\">${formatWinAmount(hero.amount, hero.currency)}</span>\n            </span>`,\n          )}\n        </div>\n        <div class=\"stream\">\n          <div class=\"track\">${group}${group}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderBeltGroup(wins: ParsedMarqueeWin[]) {\n    return html`<div class=\"group\">\n      ${wins.map(\n        (win) => html`\n          <span class=\"pill ${win.big ? 'big' : ''} ${win.vip ? 'vip' : ''}\">\n            <span class=\"chip\">${this.renderItemIcon(win)}</span>\n            ${this.renderMarqueeUser(win.user, win.vip)}\n            <span class=\"game\">${win.game}</span>\n            <span class=\"amt\">+${formatWinAmount(win.amount, win.currency)}</span>\n          </span>\n        `,\n      )}\n    </div>`;\n  }\n\n  private renderBelt() {\n    const wins = this.parsedWins();\n    const top = wins;\n    const bottom = [...wins].reverse();\n    const topGroup = this.renderBeltGroup(top);\n    const bottomGroup = this.renderBeltGroup(bottom);\n\n    return html`\n      <div\n        class=\"marquee\"\n        style=\"--speed: ${this.speedSec}s\"\n        role=\"region\"\n        aria-label=\"Recent winners\"\n      >\n        <div class=\"lane lane-a\">${topGroup}${topGroup}</div>\n        <div class=\"lane lane-b\">${bottomGroup}${bottomGroup}</div>\n      </div>\n    `;\n  }\n\n  private renderFeed() {\n    return html`\n      <div class=\"marquee feed-panel\" role=\"region\" aria-label=\"Recent winners\">\n        <div class=\"head\">\n          <span class=\"live\"><i></i> Live wins</span>\n          <small>updating in real time</small>\n        </div>\n        <div class=\"list\">\n          ${repeat(\n            this.feedRows,\n            (row) => row.key,\n            (row) => html`\n              <div class=\"row ${row.big ? 'big' : ''} ${row.vip ? 'vip' : ''}\">\n                <span class=\"chip\">${this.renderItemIcon(row)}</span>\n                <span class=\"meta\">\n                  ${this.renderMarqueeUser(row.user, row.vip)}\n                  <span class=\"game-line\">on ${row.game}</span>\n                </span>\n                <span class=\"amt\"\n                  >+${formatWinAmount(row.amount, row.currency)}</span\n                >\n              </div>\n            `,\n          )}\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const items = this.section?.items ?? [];\n    if (!items.length) return nothing;\n\n    switch (this.variant) {\n      case 'ticker':\n        return this.renderTicker();\n      case 'hud':\n        return this.renderHud();\n      case 'belt':\n        return this.renderBelt();\n      case 'feed':\n        return this.renderFeed();\n      default:\n        return renderTemplate(this);\n    }\n  }\n}\n"],"names":["OsLeaderboardCasinoMarquee","LitElement","ACTIVE_MARQUEE_VARIANT","changed","next","isMarqueeVariant","item","index","parseMarqueeItem","count","i","trim","wins","win","row","formatWinAmount","html","iconName","iconService","url","winIcon","user","vip","renderPlayerName","amount","nothing","items","group","hero","keyed","top","bottom","topGroup","bottomGroup","repeat","renderTemplate","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","Component","OS_LEADERBOARD_CASINO_MARQUEE"],"mappings":"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"}