@oddsmith/ui 1.0.0 → 1.0.2

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.d.ts

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoEventItem } from '../../../types/sections.js';
+export type EventIconName = 'boost' | 'gift' | 'bolt' | 'fire' | 'star' | 'clock';
+export declare const eventIcon: (name: EventIconName) => TemplateResult;
+export declare function resolveEventIcon(event: OsLeaderboardCasinoEventItem): TemplateResult | string;

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.js

@@ -1,4 +1,6 @@
-import { html as o } from "lit";
+import "../../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as o } from "../../../../../shared/vendor/lit-html-lit-html.js";
+import "../../../../../shared/vendor/lit-element-lit-element.js";
 const t = (r) => {
   switch (r) {
     case "boost":
@@ -98,19 +100,19 @@ const t = (r) => {
 }, e = {
   "event-1": "bolt",
   "event-2": "boost"
-}, n = {
+}, i = {
   gold: "bolt",
   violet: "boost",
   green: "star",
   red: "fire"
 };
-function l(r) {
+function c(r) {
   return r.icon ? r.icon : t(
-    e[r.id] ?? n[r.accent ?? "gold"] ?? "star"
+    e[r.id] ?? i[r.accent ?? "gold"] ?? "star"
   );
 }
 export {
   t as eventIcon,
-  l as resolveEventIcon
+  c as resolveEventIcon
 };
 //# sourceMappingURL=event-icons.js.map

package/dist/components/os-leaderboard-casino/sections/events-banner/components/event-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-icons.js","sources":["../../../../../../src/components/os-leaderboard-casino/sections/events-banner/components/event-icons.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport type { OsLeaderboardCasinoEventItem } from '@os-leaderboard-casino/types/sections.js';\n\nexport type EventIconName = 'boost' | 'gift' | 'bolt' | 'fire' | 'star' | 'clock';\n\nexport const eventIcon = (name: EventIconName): TemplateResult => {\n  switch (name) {\n    case 'boost':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n        <path\n          d=\"M14 3v3M19 5l-2 2M21 10h-3\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle cx=\"15.5\" cy=\"8.5\" r=\"2.5\" fill=\"currentColor\" opacity=\".4\" />\n      </svg>`;\n    case 'gift':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <rect\n          x=\"4\"\n          y=\"9\"\n          width=\"16\"\n          height=\"11\"\n          rx=\"1.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n        />\n        <path d=\"M4 9h16M12 9v11\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 9C9 9 7 4 9.5 4S12 7 12 9Zm0 0c3 0 5-5 2.5-5S12 7 12 9Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'bolt':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'fire':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'star':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'clock':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 7v5l3.5 2\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n  }\n};\n\nconst ICON_BY_ID: Record<string, EventIconName> = {\n  'event-1': 'bolt',\n  'event-2': 'boost',\n};\n\nconst ICON_BY_ACCENT: Record<\n  NonNullable<OsLeaderboardCasinoEventItem['accent']>,\n  EventIconName\n> = {\n  gold: 'bolt',\n  violet: 'boost',\n  green: 'star',\n  red: 'fire',\n};\n\nexport function resolveEventIcon(\n  event: OsLeaderboardCasinoEventItem,\n): TemplateResult | string {\n  if (event.icon) return event.icon;\n  return eventIcon(\n    ICON_BY_ID[event.id] ??\n      ICON_BY_ACCENT[event.accent ?? 'gold'] ??\n      'star',\n  );\n}\n"],"names":["eventIcon","name","html","ICON_BY_ID","ICON_BY_ACCENT","resolveEventIcon","event"],"mappings":";AAKO,MAAMA,IAAY,CAACC,MAAwC;AAChE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoBT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAkBT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaT,KAAK;AACH,aAAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWb,GAEMC,IAA4C;AAAA,EAChD,WAAW;AAAA,EACX,WAAW;AACb,GAEMC,IAGF;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AACP;AAEO,SAASC,EACdC,GACyB;AACzB,SAAIA,EAAM,OAAaA,EAAM,OACtBN;AAAA,IACLG,EAAWG,EAAM,EAAE,KACjBF,EAAeE,EAAM,UAAU,MAAM,KACrC;AAAA,EAAA;AAEN;"}
+{"version":3,"file":"event-icons.js","sources":["../../../../../../src/components/os-leaderboard-casino/sections/events-banner/components/event-icons.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport type { OsLeaderboardCasinoEventItem } from '@os-leaderboard-casino/types/sections.js';\n\nexport type EventIconName = 'boost' | 'gift' | 'bolt' | 'fire' | 'star' | 'clock';\n\nexport const eventIcon = (name: EventIconName): TemplateResult => {\n  switch (name) {\n    case 'boost':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M4 20 9 9l6 6-11 5Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n        <path\n          d=\"M14 3v3M19 5l-2 2M21 10h-3\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n        />\n        <circle cx=\"15.5\" cy=\"8.5\" r=\"2.5\" fill=\"currentColor\" opacity=\".4\" />\n      </svg>`;\n    case 'gift':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <rect\n          x=\"4\"\n          y=\"9\"\n          width=\"16\"\n          height=\"11\"\n          rx=\"1.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n        />\n        <path d=\"M4 9h16M12 9v11\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 9C9 9 7 4 9.5 4S12 7 12 9Zm0 0c3 0 5-5 2.5-5S12 7 12 9Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'bolt':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'fire':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"M12 3c1 3 4 4 4 8a4 4 0 1 1-8 0c0-2 1-3 2-4 .5 1.5 2 2 2-4Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'star':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          fill=\"currentColor\"\n          opacity=\".25\"\n        />\n        <path\n          d=\"m12 3 2.6 5.5 6 .8-4.4 4.2 1.1 6L12 16.8 6.7 19.5l1.1-6L3.4 9.3l6-.8L12 3Z\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n    case 'clock':\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n        <path\n          d=\"M12 7v5l3.5 2\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>`;\n  }\n};\n\nconst ICON_BY_ID: Record<string, EventIconName> = {\n  'event-1': 'bolt',\n  'event-2': 'boost',\n};\n\nconst ICON_BY_ACCENT: Record<\n  NonNullable<OsLeaderboardCasinoEventItem['accent']>,\n  EventIconName\n> = {\n  gold: 'bolt',\n  violet: 'boost',\n  green: 'star',\n  red: 'fire',\n};\n\nexport function resolveEventIcon(\n  event: OsLeaderboardCasinoEventItem,\n): TemplateResult | string {\n  if (event.icon) return event.icon;\n  return eventIcon(\n    ICON_BY_ID[event.id] ??\n      ICON_BY_ACCENT[event.accent ?? 'gold'] ??\n      'star',\n  );\n}\n"],"names":["eventIcon","name","html","ICON_BY_ID","ICON_BY_ACCENT","resolveEventIcon","event"],"mappings":";;;AAKO,MAAMA,IAAY,CAACC,MAAwC;AAChE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAOC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAoBT,KAAK;AACH,aAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAkBT,KAAK;AACH,aAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAaT,KAAK;AACH,aAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAaT,KAAK;AACH,aAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAaT,KAAK;AACH,aAAOA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AAWb,GAEMC,IAA4C;AAAA,EAChD,WAAW;AAAA,EACX,WAAW;AACb,GAEMC,IAGF;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AACP;AAEO,SAASC,EACdC,GACyB;AACzB,SAAIA,EAAM,OAAaA,EAAM,OACtBN;AAAA,IACLG,EAAWG,EAAM,EAAE,KACjBF,EAAeE,EAAM,UAAU,MAAM,KACrC;AAAA,EAAA;AAEN;"}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoEventsSection } from '../../types/sections.js';
+/** Promotional events — v0 Glass Glow (icon chip, fade rotation). */
+export declare class OsLeaderboardCasinoEvents extends LitElement {
+    static styles: import('lit').CSSResult[];
+    section: OsLeaderboardCasinoEventsSection;
+    private index;
+    private timer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private startRotation;
+    private stopRotation;
+    private goTo;
+    render(): typeof nothing | import('lit').TemplateResult<1>;
+}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.host.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit';
+import { OsLeaderboardCasinoEventsSection } from '../../types/sections.js';
+export interface EventsBannerHost {
+    section: OsLeaderboardCasinoEventsSection;
+    showDots: boolean;
+    renderSlides(): TemplateResult;
+    renderDots(): TemplateResult;
+}

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.js

@@ -1,17 +1,21 @@
-import { LitElement as d, nothing as l, html as r } from "lit";
-import { keyed as h } from "lit/directives/keyed.js";
-import { property as m, state as v } from "lit/decorators.js";
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { nothing as l, html as n } from "../../../../shared/vendor/lit-html-lit-html.js";
+import { LitElement as d } from "../../../../shared/vendor/lit-element-lit-element.js";
+import { keyed as m } from "../../../../shared/vendor/lit-html-keyed.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 f } from "../../../../shared/lib/lit/component.js";
 import { scss as u } from "../../../../shared/lib/lit/scss.js";
 import { DEFAULT_EVENTS_ROTATE_MS as b } from "../../constants/defaults.js";
-import { OS_LEADERBOARD_CASINO_EVENTS as _ } from "../../constants/tags.js";
-import { osLeaderboardCasinoTheme as $ } from "../../theme/styles.js";
+import { OS_LEADERBOARD_CASINO_EVENTS as $ } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as _ } from "../../theme/styles.js";
+import "../../../../shared/vendor/lit-html-unsafe-svg.js";
 import { resolveEventIcon as g } from "./components/event-icons.js";
 import E from "./events-banner.scss.js";
-var x = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (t, e, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? R(e, n) : e, i = t.length - 1, c; i >= 0; i--)
-    (c = t[i]) && (o = (s ? c(e, n, o) : c(o)) || o);
-  return s && o && x(e, n, o), o;
+var x = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (t, e, r, s) => {
+  for (var o = s > 1 ? void 0 : s ? R(e, r) : e, i = t.length - 1, c; i >= 0; i--)
+    (c = t[i]) && (o = (s ? c(e, r, o) : c(o)) || o);
+  return s && o && x(e, r, o), o;
 };
 let a = class extends d {
   constructor() {
@@ -42,24 +46,24 @@ let a = class extends d {
   render() {
     const t = this.section?.events ?? [];
     if (!t.length) return l;
-    const e = t[this.index], n = e.accent ?? "gold", s = g(e);
-    return r`
+    const e = t[this.index], r = e.accent ?? "gold", s = g(e);
+    return n`
       <div class="banner" role="region" aria-label="Promotions" aria-live="polite">
-        <div class="chip accent-${n}">
-          ${typeof s == "string" ? r`${s}` : s}
+        <div class="chip accent-${r}">
+          ${typeof s == "string" ? n`${s}` : s}
         </div>
-        ${h(
+        ${m(
       this.index,
-      r`<div class="body">
+      n`<div class="body">
             <p class="title">${e.title}</p>
-            ${e.subtitle ? r`<p class="sub">${e.subtitle}</p>` : l}
+            ${e.subtitle ? n`<p class="sub">${e.subtitle}</p>` : l}
           </div>`
     )}
         <div class="right">
-          <span class="tag accent-${n}">Event</span>
-          ${t.length > 1 ? r`<div class="dots">
+          <span class="tag accent-${r}">Event</span>
+          ${t.length > 1 ? n`<div class="dots">
                 ${t.map(
-      (o, i) => r`<button
+      (o, i) => n`<button
                     type="button"
                     class="dot"
                     aria-current=${i === this.index ? "true" : "false"}
@@ -73,15 +77,15 @@ let a = class extends d {
     `;
   }
 };
-a.styles = [$, u(E)];
+a.styles = [_, u(E)];
 p([
-  m({ attribute: !1 })
+  h({ attribute: !1 })
 ], a.prototype, "section", 2);
 p([
   v()
 ], a.prototype, "index", 2);
 a = p([
-  f({ selector: _ })
+  f({ selector: $ })
 ], a);
 export {
   a as OsLeaderboardCasinoEvents

package/dist/components/os-leaderboard-casino/sections/events-banner/events-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"events-banner.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/events-banner/events-banner.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.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 { DEFAULT_EVENTS_ROTATE_MS } from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_EVENTS } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type { OsLeaderboardCasinoEventsSection } from '@os-leaderboard-casino/types/sections.js';\nimport { resolveEventIcon } from './components/event-icons.js';\nimport styles from './events-banner.scss?inline';\n\n/** Promotional events — v0 Glass Glow (icon chip, fade rotation). */\n@Component({ selector: OS_LEADERBOARD_CASINO_EVENTS })\nexport class OsLeaderboardCasinoEvents extends LitElement {\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoEventsSection;\n\n  @state()\n  private index = 0;\n\n  private timer?: ReturnType<typeof setInterval>;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.startRotation();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.stopRotation();\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('section')) {\n      this.index = 0;\n      this.startRotation();\n    }\n  }\n\n  private startRotation() {\n    this.stopRotation();\n    const count = this.section?.events?.length ?? 0;\n    if (count < 2) return;\n    this.timer = setInterval(() => {\n      this.index = (this.index + 1) % count;\n    }, this.section?.rotateMs ?? DEFAULT_EVENTS_ROTATE_MS);\n  }\n\n  private stopRotation() {\n    if (this.timer) clearInterval(this.timer);\n    this.timer = undefined;\n  }\n\n  private goTo(index: number) {\n    this.index = index;\n    this.startRotation();\n  }\n\n  render() {\n    const events = this.section?.events ?? [];\n    if (!events.length) return nothing;\n\n    const event = events[this.index];\n    const accent = event.accent ?? 'gold';\n    const icon = resolveEventIcon(event);\n\n    return html`\n      <div class=\"banner\" role=\"region\" aria-label=\"Promotions\" aria-live=\"polite\">\n        <div class=\"chip accent-${accent}\">\n          ${typeof icon === 'string' ? html`${icon}` : icon}\n        </div>\n        ${keyed(\n          this.index,\n          html`<div class=\"body\">\n            <p class=\"title\">${event.title}</p>\n            ${event.subtitle\n              ? html`<p class=\"sub\">${event.subtitle}</p>`\n              : nothing}\n          </div>`,\n        )}\n        <div class=\"right\">\n          <span class=\"tag accent-${accent}\">Event</span>\n          ${events.length > 1\n            ? html`<div class=\"dots\">\n                ${events.map(\n                  (_, i) => html`<button\n                    type=\"button\"\n                    class=\"dot\"\n                    aria-current=${i === this.index ? 'true' : 'false'}\n                    aria-label=\"Show event ${i + 1}\"\n                    @click=${() => this.goTo(i)}\n                  ></button>`,\n                )}\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["OsLeaderboardCasinoEvents","LitElement","changed","count","DEFAULT_EVENTS_ROTATE_MS","index","events","nothing","event","accent","icon","resolveEventIcon","html","keyed","_","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","Component","OS_LEADERBOARD_CASINO_EVENTS"],"mappings":";;;;;;;;;;;;;;;AAcO,IAAMA,IAAN,cAAwCC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOL,KAAQ,QAAQ;AAAA,EAAA;AAAA,EAIhB,oBAA0B;AACxB,UAAM,kBAAA,GACN,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAA,GACN,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,QAAQC,GAA+B;AACrC,IAAIA,EAAQ,IAAI,SAAS,MACvB,KAAK,QAAQ,GACb,KAAK,cAAA;AAAA,EAET;AAAA,EAEQ,gBAAgB;AACtB,SAAK,aAAA;AACL,UAAMC,IAAQ,KAAK,SAAS,QAAQ,UAAU;AAC9C,IAAIA,IAAQ,MACZ,KAAK,QAAQ,YAAY,MAAM;AAC7B,WAAK,SAAS,KAAK,QAAQ,KAAKA;AAAA,IAClC,GAAG,KAAK,SAAS,YAAYC,CAAwB;AAAA,EACvD;AAAA,EAEQ,eAAe;AACrB,IAAI,KAAK,SAAO,cAAc,KAAK,KAAK,GACxC,KAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,KAAKC,GAAe;AAC1B,SAAK,QAAQA,GACb,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,SAAS;AACP,UAAMC,IAAS,KAAK,SAAS,UAAU,CAAA;AACvC,QAAI,CAACA,EAAO,OAAQ,QAAOC;AAE3B,UAAMC,IAAQF,EAAO,KAAK,KAAK,GACzBG,IAASD,EAAM,UAAU,QACzBE,IAAOC,EAAiBH,CAAK;AAEnC,WAAOI;AAAA;AAAA,kCAEuBH,CAAM;AAAA,YAC5B,OAAOC,KAAS,WAAWE,IAAOF,CAAI,KAAKA,CAAI;AAAA;AAAA,UAEjDG;AAAA,MACA,KAAK;AAAA,MACLD;AAAA,+BACqBJ,EAAM,KAAK;AAAA,cAC5BA,EAAM,WACJI,mBAAsBJ,EAAM,QAAQ,SACpCD,CAAO;AAAA;AAAA,IAAA,CAEd;AAAA;AAAA,oCAE2BE,CAAM;AAAA,YAC9BH,EAAO,SAAS,IACdM;AAAA,kBACIN,EAAO;AAAA,MACP,CAACQ,GAAG,MAAMF;AAAA;AAAA;AAAA,mCAGO,MAAM,KAAK,QAAQ,SAAS,OAAO;AAAA,6CACzB,IAAI,CAAC;AAAA,6BACrB,MAAM,KAAK,KAAK,CAAC,CAAC;AAAA;AAAA,IAAA,CAE9B;AAAA,wBAEHL,CAAO;AAAA;AAAA;AAAA;AAAA,EAInB;AACF;AAxFaP,EACJ,SAAS,CAACe,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAHnBnB,EAIX,WAAA,WAAA,CAAA;AAGQkB,EAAA;AAAA,EADPE,EAAA;AAAM,GANIpB,EAOH,WAAA,SAAA,CAAA;AAPGA,IAANkB,EAAA;AAAA,EADNG,EAAU,EAAE,UAAUC,EAAA,CAA8B;AAAA,GACxCtB,CAAA;"}
+{"version":3,"file":"events-banner.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/events-banner/events-banner.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { keyed } from 'lit/directives/keyed.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 { DEFAULT_EVENTS_ROTATE_MS } from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_EVENTS } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport type { OsLeaderboardCasinoEventsSection } from '@os-leaderboard-casino/types/sections.js';\nimport { resolveEventIcon } from './components/event-icons.js';\nimport styles from './events-banner.scss?inline';\n\n/** Promotional events — v0 Glass Glow (icon chip, fade rotation). */\n@Component({ selector: OS_LEADERBOARD_CASINO_EVENTS })\nexport class OsLeaderboardCasinoEvents extends LitElement {\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoEventsSection;\n\n  @state()\n  private index = 0;\n\n  private timer?: ReturnType<typeof setInterval>;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.startRotation();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.stopRotation();\n  }\n\n  updated(changed: Map<string, unknown>) {\n    if (changed.has('section')) {\n      this.index = 0;\n      this.startRotation();\n    }\n  }\n\n  private startRotation() {\n    this.stopRotation();\n    const count = this.section?.events?.length ?? 0;\n    if (count < 2) return;\n    this.timer = setInterval(() => {\n      this.index = (this.index + 1) % count;\n    }, this.section?.rotateMs ?? DEFAULT_EVENTS_ROTATE_MS);\n  }\n\n  private stopRotation() {\n    if (this.timer) clearInterval(this.timer);\n    this.timer = undefined;\n  }\n\n  private goTo(index: number) {\n    this.index = index;\n    this.startRotation();\n  }\n\n  render() {\n    const events = this.section?.events ?? [];\n    if (!events.length) return nothing;\n\n    const event = events[this.index];\n    const accent = event.accent ?? 'gold';\n    const icon = resolveEventIcon(event);\n\n    return html`\n      <div class=\"banner\" role=\"region\" aria-label=\"Promotions\" aria-live=\"polite\">\n        <div class=\"chip accent-${accent}\">\n          ${typeof icon === 'string' ? html`${icon}` : icon}\n        </div>\n        ${keyed(\n          this.index,\n          html`<div class=\"body\">\n            <p class=\"title\">${event.title}</p>\n            ${event.subtitle\n              ? html`<p class=\"sub\">${event.subtitle}</p>`\n              : nothing}\n          </div>`,\n        )}\n        <div class=\"right\">\n          <span class=\"tag accent-${accent}\">Event</span>\n          ${events.length > 1\n            ? html`<div class=\"dots\">\n                ${events.map(\n                  (_, i) => html`<button\n                    type=\"button\"\n                    class=\"dot\"\n                    aria-current=${i === this.index ? 'true' : 'false'}\n                    aria-label=\"Show event ${i + 1}\"\n                    @click=${() => this.goTo(i)}\n                  ></button>`,\n                )}\n              </div>`\n            : nothing}\n        </div>\n      </div>\n    `;\n  }\n}\n"],"names":["OsLeaderboardCasinoEvents","LitElement","changed","count","DEFAULT_EVENTS_ROTATE_MS","index","events","nothing","event","accent","icon","resolveEventIcon","html","keyed","_","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","state","Component","OS_LEADERBOARD_CASINO_EVENTS"],"mappings":";;;;;;;;;;;;;;;;;;;AAcO,IAAMA,IAAN,cAAwCC,EAAW;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA,GAOL,KAAQ,QAAQ;AAAA,EAAA;AAAA,EAIhB,oBAA0B;AACxB,UAAM,kBAAA,GACN,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,uBAA6B;AAC3B,UAAM,qBAAA,GACN,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,QAAQC,GAA+B;AACrC,IAAIA,EAAQ,IAAI,SAAS,MACvB,KAAK,QAAQ,GACb,KAAK,cAAA;AAAA,EAET;AAAA,EAEQ,gBAAgB;AACtB,SAAK,aAAA;AACL,UAAMC,IAAQ,KAAK,SAAS,QAAQ,UAAU;AAC9C,IAAIA,IAAQ,MACZ,KAAK,QAAQ,YAAY,MAAM;AAC7B,WAAK,SAAS,KAAK,QAAQ,KAAKA;AAAA,IAClC,GAAG,KAAK,SAAS,YAAYC,CAAwB;AAAA,EACvD;AAAA,EAEQ,eAAe;AACrB,IAAI,KAAK,SAAO,cAAc,KAAK,KAAK,GACxC,KAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,KAAKC,GAAe;AAC1B,SAAK,QAAQA,GACb,KAAK,cAAA;AAAA,EACP;AAAA,EAEA,SAAS;AACP,UAAMC,IAAS,KAAK,SAAS,UAAU,CAAA;AACvC,QAAI,CAACA,EAAO,OAAQ,QAAOC;AAE3B,UAAMC,IAAQF,EAAO,KAAK,KAAK,GACzBG,IAASD,EAAM,UAAU,QACzBE,IAAOC,EAAiBH,CAAK;AAEnC,WAAOI;AAAAA;AAAAA,kCAEuBH,CAAM;AAAA,YAC5B,OAAOC,KAAS,WAAWE,IAAOF,CAAI,KAAKA,CAAI;AAAA;AAAA,UAEjDG;AAAAA,MACA,KAAK;AAAA,MACLD;AAAAA,+BACqBJ,EAAM,KAAK;AAAA,cAC5BA,EAAM,WACJI,mBAAsBJ,EAAM,QAAQ,SACpCD,CAAO;AAAA;AAAA,IAAA,CAEd;AAAA;AAAA,oCAE2BE,CAAM;AAAA,YAC9BH,EAAO,SAAS,IACdM;AAAAA,kBACIN,EAAO;AAAA,MACP,CAACQ,GAAG,MAAMF;AAAAA;AAAAA;AAAAA,mCAGO,MAAM,KAAK,QAAQ,SAAS,OAAO;AAAA,6CACzB,IAAI,CAAC;AAAA,6BACrB,MAAM,KAAK,KAAK,CAAC,CAAC;AAAA;AAAA,IAAA,CAE9B;AAAA,wBAEHL,CAAO;AAAA;AAAA;AAAA;AAAA,EAInB;AACF;AAxFaP,EACJ,SAAS,CAACe,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAHnBnB,EAIX,WAAA,WAAA,CAAA;AAGQkB,EAAA;AAAA,EADPE,EAAA;AAAM,GANIpB,EAOH,WAAA,SAAA,CAAA;AAPGA,IAANkB,EAAA;AAAA,EADNG,EAAU,EAAE,UAAUC,EAAA,CAA8B;AAAA,GACxCtB,CAAA;"}

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

@@ -0,0 +1,10 @@
+import { LitElement, nothing } from 'lit';
+import { OsLeaderboardCasinoFooterSection } from '../../types/sections.js';
+import { FooterSectionHost } from './footer-section.host.js';
+export declare class OsLeaderboardCasinoFooter extends LitElement implements FooterSectionHost {
+    static styles: import('lit').CSSResult[];
+    section?: OsLeaderboardCasinoFooterSection;
+    text: string;
+    get displayText(): string;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

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

@@ -0,0 +1,3 @@
+export interface FooterSectionHost {
+    displayText: string;
+}

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

@@ -1,7 +1,9 @@
-import { html as r } from "lit";
-function t(e) {
-  return r`<footer class="page-footer">
-  <!-- <p>${e.displayText}</p> -->
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as e } from "../../../../shared/vendor/lit-html-lit-html.js";
+import "../../../../shared/vendor/lit-element-lit-element.js";
+function a(r) {
+  return e`<footer class="page-footer">
+  <!-- <p>${r.displayText}</p> -->
   <!-- TODO: hardcoded -->
   <p>
     Powered by
@@ -13,6 +15,6 @@ function t(e) {
 `;
 }
 export {
-  t as default
+  a as default
 };
 //# sourceMappingURL=footer-section.html.js.map

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

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

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

@@ -1,17 +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 "../../../../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 = "";
   }
@@ -19,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/components/game-images.d.ts

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

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

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

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

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

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

@@ -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/header-section/header-section.d.ts

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

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

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

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

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

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

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

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

@@ -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;"}