@oddsmith/ui 1.0.1 → 1.0.2

package/dist/components/os-leaderboard-casino/integration/resolve-input.js

@@ -1,10 +1,11 @@
-import { getBundleDefaultPresetId as c, getOsLeaderboardCasinoPreset as a, resolvePresetState as f, getBundleLabels as p, getThemeVars as b, getTheme as P, resolveAssetsBundle as h } from "./assets-context.js";
-import { LEADERBOARD_CASINO_PRESET_CATALOG as L } from "./assets-context.js";
-function g(e, n, r, s) {
-  const t = e.branding?.themeId;
-  return !t || P(t, s).appearance !== n ? r : t;
+import { getBundleDefaultPresetId as u, getOsLeaderboardCasinoPreset as a, resolvePresetState as f, getBundleLabels as b, getThemeVars as g, getTheme as p, resolveAssetsBundle as m } from "./assets-context.js";
+import { LEADERBOARD_CASINO_PRESET_CATALOG as z } from "./assets-context.js";
+import { resolveBackgroundVars as P } from "../theme/background.js";
+function h(e, n, r, s) {
+  const o = e.branding?.themeId;
+  return !o || p(o, s).appearance !== n ? r : o;
 }
-function l(e) {
+function d(e) {
   return {
     username: e.username,
     rank: e.rank,
@@ -15,7 +16,7 @@ function l(e) {
     you: e.isCurrentUser ?? !1
   };
 }
-function d(e) {
+function c(e) {
   const n = e.winnings ?? e.points ?? 0;
   return {
     id: e.id ?? `player-${e.rank}`,
@@ -30,7 +31,7 @@ function d(e) {
     badges: []
   };
 }
-function m(e, n) {
+function k(e, n) {
   n && (e.sections.hero && (e.sections.hero = {
     ...e.sections.hero,
     ...n.title != null ? { title: n.title } : {},
@@ -49,51 +50,54 @@ function m(e, n) {
 }
 function C(e, n) {
   if (!n?.length || !e.sections.table) return;
-  const r = [...n].sort((t, o) => t.rank - o.rank), s = r.find((t) => t.isCurrentUser) ?? r.find((t) => t.username.toLowerCase() === "you");
+  const r = [...n].sort((o, t) => o.rank - t.rank), s = r.find((o) => o.isCurrentUser) ?? r.find((o) => o.username.toLowerCase() === "you");
   if (e.config.appearance === "glam" && e.sections.table.mode === "preview") {
     e.sections.table = {
       ...e.sections.table,
-      topPlayers: r.slice(0, 10).map(l),
-      currentUser: s ? l(s) : e.sections.table.currentUser
+      topPlayers: r.slice(0, 10).map(d),
+      currentUser: s ? d(s) : e.sections.table.currentUser
     };
     return;
   }
   if (e.sections.table.mode === "ledger") {
-    const o = r.map(d).slice(0, 8), i = s && !o.some((u) => u.id === (s.id ?? `player-${s.rank}`)) ? d(s) : void 0;
+    const t = r.map(c).slice(0, 8), i = s && !t.some((l) => l.id === (s.id ?? `player-${s.rank}`)) ? c(s) : void 0;
     e.sections.table = {
       ...e.sections.table,
-      players: o,
+      players: t,
       currentUser: i
     };
   }
 }
 function v(e, n) {
-  const r = h(n), s = e.preset ?? c(r), t = a(s, r);
-  if (!t)
+  const r = m(n), s = e.preset ?? u(r), o = a(s, r);
+  if (!o)
     throw new Error(
       `Unknown leaderboard preset "${s}". Check assets catalog.`
     );
-  const o = g(
+  const t = h(
     e,
-    t.appearance,
-    t.themeId,
+    o.appearance,
+    o.themeId,
     r
   ), i = f(s, r);
-  return i.config.themeId = o, i.config.labels = {
-    ...p(r),
-    ...t.config.labels,
+  i.config.themeId = t, i.config.labels = {
+    ...b(r),
+    ...o.config.labels,
     ...e.branding?.labels
-  }, i.config.themeVars = {
-    ...b(o, r),
+  };
+  const l = e.branding?.background ? P(e.branding.background) : null;
+  return i.config.themeVars = {
+    ...g(t, r),
+    ...l ?? {},
     ...e.branding?.themeVars
-  }, m(i, e.campaign), C(i, e.players), i;
+  }, k(i, e.campaign), C(i, e.players), i;
 }
-function k(e, n, r) {
+function A(e, n, r) {
   r !== void 0 && (e.assets = r), e.input = n, e.uuid = n.campaign?.uuid ?? "", e.finished = n.campaign?.finished ?? !1, e.state = v(n, e.assets);
 }
 export {
-  L as LEADERBOARD_CASINO_PRESET_CATALOG,
-  k as applyLeaderboardCasinoInput,
+  z as LEADERBOARD_CASINO_PRESET_CATALOG,
+  A as applyLeaderboardCasinoInput,
   v as resolveLeaderboardCasinoInput
 };
 //# sourceMappingURL=resolve-input.js.map

package/dist/components/os-leaderboard-casino/integration/resolve-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-input.js","sources":["../../../../src/components/os-leaderboard-casino/integration/resolve-input.ts"],"sourcesContent":["import type { Player } from '../types/ledger.js';\nimport type { UserRank } from '@os-leaderboard-casino/types/data.js';\nimport type { LeaderboardCasinoAssetsBundle } from '../types/assets.js';\nimport type {\n  LeaderboardCasinoCampaign,\n  LeaderboardCasinoInput,\n  LeaderboardCasinoPlayer,\n} from '../types/input.js';\nimport type { OsLeaderboardCasinoState } from '../types/state.js';\nimport {\n  getBundleLabels,\n  getBundleDefaultPresetId,\n  getOsLeaderboardCasinoPreset,\n  resolveAssetsBundle,\n  resolvePresetState,\n  getTheme,\n  getThemeVars,\n  type OsLeaderboardCasinoThemeId,\n  LEADERBOARD_CASINO_PRESET_CATALOG,\n} from './assets-context.js';\n\nexport { LEADERBOARD_CASINO_PRESET_CATALOG };\n\nfunction resolveThemeId(\n  input: LeaderboardCasinoInput,\n  appearance: OsLeaderboardCasinoState['config']['appearance'],\n  fallback: string,\n  bundle: LeaderboardCasinoAssetsBundle,\n): OsLeaderboardCasinoThemeId {\n  const requested = input.branding?.themeId;\n  if (!requested) return fallback as OsLeaderboardCasinoThemeId;\n  const theme = getTheme(requested as OsLeaderboardCasinoThemeId, bundle);\n  if (theme.appearance !== appearance)\n    return fallback as OsLeaderboardCasinoThemeId;\n  return requested as OsLeaderboardCasinoThemeId;\n}\n\nfunction toPreviewPlayer(player: LeaderboardCasinoPlayer): UserRank {\n  return {\n    username: player.username,\n    rank: player.rank,\n    points: player.points ?? player.winnings ?? 0,\n    totalBet: player.winnings,\n    prize: null,\n    splitCount: 1,\n    you: player.isCurrentUser ?? false,\n  };\n}\n\nfunction toLedgerPlayer(player: LeaderboardCasinoPlayer): Player {\n  const winnings = player.winnings ?? player.points ?? 0;\n  return {\n    id: player.id ?? `player-${player.rank}`,\n    username: player.username,\n    rank: player.rank,\n    totalWinnings: winnings,\n    points: player.points ?? winnings,\n    winRate: 52,\n    gamesPlayed: 120,\n    streak: 2,\n    level: 12,\n    badges: [],\n  };\n}\n\nfunction applyCampaign(\n  state: OsLeaderboardCasinoState,\n  campaign: LeaderboardCasinoCampaign | undefined,\n): void {\n  if (!campaign) return;\n\n  if (state.sections.hero) {\n    state.sections.hero = {\n      ...state.sections.hero,\n      ...(campaign.title != null ? { title: campaign.title } : {}),\n      ...(campaign.description != null\n        ? { description: campaign.description }\n        : {}),\n      ...(campaign.endAt != null ? { endTs: campaign.endAt } : {}),\n      ...(campaign.prizePool?.value != null\n        ? { prizePoolValue: campaign.prizePool.value }\n        : {}),\n      ...(campaign.prizePool?.currency != null\n        ? { prizePoolCurrency: campaign.prizePool.currency }\n        : {}),\n      ...(campaign.finished != null\n        ? { status: campaign.finished ? 'completed' : 'active' }\n        : {}),\n    };\n  }\n\n  if (state.sections.stats && campaign.participantCount != null) {\n    state.sections.stats = {\n      ...state.sections.stats,\n      totalParticipants: campaign.participantCount,\n    };\n  }\n\n  if (state.sections.footer && campaign.footerText != null) {\n    state.sections.footer = {\n      ...state.sections.footer,\n      text: campaign.footerText,\n    };\n  }\n}\n\nfunction applyPlayers(\n  state: OsLeaderboardCasinoState,\n  players: LeaderboardCasinoPlayer[] | undefined,\n): void {\n  if (!players?.length || !state.sections.table) return;\n\n  const sorted = [...players].sort((a, b) => a.rank - b.rank);\n  const current =\n    sorted.find((p) => p.isCurrentUser) ??\n    sorted.find((p) => p.username.toLowerCase() === 'you');\n\n  if (\n    state.config.appearance === 'glam' &&\n    state.sections.table.mode === 'preview'\n  ) {\n    state.sections.table = {\n      ...state.sections.table,\n      topPlayers: sorted.slice(0, 10).map(toPreviewPlayer),\n      currentUser: current\n        ? toPreviewPlayer(current)\n        : state.sections.table.currentUser,\n    };\n    return;\n  }\n\n  if (state.sections.table.mode === 'ledger') {\n    const ledger = sorted.map(toLedgerPlayer);\n    const top = ledger.slice(0, 8);\n    const pinned =\n      current &&\n      !top.some((p) => p.id === (current.id ?? `player-${current.rank}`))\n        ? toLedgerPlayer(current)\n        : undefined;\n\n    state.sections.table = {\n      ...state.sections.table,\n      players: top,\n      currentUser: pinned,\n    };\n  }\n}\n\n/**\n * Resolve integration input into render state using the provided assets bundle.\n * Falls back to bundled `assets/fallback/fallback.json` when `assets` is omitted.\n */\nexport function resolveLeaderboardCasinoInput(\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): OsLeaderboardCasinoState {\n  const bundle = resolveAssetsBundle(assets);\n  const presetId = input.preset ?? getBundleDefaultPresetId(bundle);\n  const preset = getOsLeaderboardCasinoPreset(presetId, bundle);\n  if (!preset) {\n    throw new Error(\n      `Unknown leaderboard preset \"${presetId}\". Check assets catalog.`,\n    );\n  }\n\n  const themeId = resolveThemeId(\n    input,\n    preset.appearance,\n    preset.themeId,\n    bundle,\n  );\n  const state = resolvePresetState(presetId, bundle);\n\n  state.config.themeId = themeId;\n  state.config.labels = {\n    ...getBundleLabels(bundle),\n    ...preset.config.labels,\n    ...input.branding?.labels,\n  };\n\n  state.config.themeVars = {\n    ...getThemeVars(themeId, bundle),\n    ...input.branding?.themeVars,\n  };\n\n  applyCampaign(state, input.campaign);\n  applyPlayers(state, input.players);\n\n  return state;\n}\n\nexport type LeaderboardCasinoHost = HTMLElement & {\n  state: OsLeaderboardCasinoState;\n  uuid?: string;\n  finished?: boolean;\n  input?: LeaderboardCasinoInput | null;\n  assets?: LeaderboardCasinoAssetsBundle | null;\n  assetsBaseUrl?: string;\n};\n\n/** Apply input (+ optional assets bundle) to a mounted element. */\nexport function applyLeaderboardCasinoInput(\n  host: LeaderboardCasinoHost,\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): void {\n  if (assets !== undefined) {\n    host.assets = assets;\n  }\n  host.input = input;\n  host.uuid = input.campaign?.uuid ?? '';\n  host.finished = input.campaign?.finished ?? false;\n  host.state = resolveLeaderboardCasinoInput(input, host.assets);\n}\n"],"names":["resolveThemeId","input","appearance","fallback","bundle","requested","getTheme","toPreviewPlayer","player","toLedgerPlayer","winnings","applyCampaign","state","campaign","applyPlayers","players","sorted","a","b","current","p","top","pinned","resolveLeaderboardCasinoInput","assets","resolveAssetsBundle","presetId","getBundleDefaultPresetId","preset","getOsLeaderboardCasinoPreset","themeId","resolvePresetState","getBundleLabels","getThemeVars","applyLeaderboardCasinoInput","host"],"mappings":"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"}
+{"version":3,"file":"resolve-input.js","sources":["../../../../src/components/os-leaderboard-casino/integration/resolve-input.ts"],"sourcesContent":["import type { Player } from '../types/ledger.js';\nimport type { UserRank } from '@os-leaderboard-casino/types/data.js';\nimport type { LeaderboardCasinoAssetsBundle } from '../types/assets.js';\nimport type {\n  LeaderboardCasinoCampaign,\n  LeaderboardCasinoInput,\n  LeaderboardCasinoPlayer,\n} from '../types/input.js';\nimport type { OsLeaderboardCasinoState } from '../types/state.js';\nimport {\n  getBundleLabels,\n  getBundleDefaultPresetId,\n  getOsLeaderboardCasinoPreset,\n  resolveAssetsBundle,\n  resolvePresetState,\n  getTheme,\n  getThemeVars,\n  type OsLeaderboardCasinoThemeId,\n  LEADERBOARD_CASINO_PRESET_CATALOG,\n} from './assets-context.js';\nimport { resolveBackgroundVars } from '@os-leaderboard-casino/theme/background.js';\n\nexport { LEADERBOARD_CASINO_PRESET_CATALOG };\n\nfunction resolveThemeId(\n  input: LeaderboardCasinoInput,\n  appearance: OsLeaderboardCasinoState['config']['appearance'],\n  fallback: string,\n  bundle: LeaderboardCasinoAssetsBundle,\n): OsLeaderboardCasinoThemeId {\n  const requested = input.branding?.themeId;\n  if (!requested) return fallback as OsLeaderboardCasinoThemeId;\n  const theme = getTheme(requested as OsLeaderboardCasinoThemeId, bundle);\n  if (theme.appearance !== appearance)\n    return fallback as OsLeaderboardCasinoThemeId;\n  return requested as OsLeaderboardCasinoThemeId;\n}\n\nfunction toPreviewPlayer(player: LeaderboardCasinoPlayer): UserRank {\n  return {\n    username: player.username,\n    rank: player.rank,\n    points: player.points ?? player.winnings ?? 0,\n    totalBet: player.winnings,\n    prize: null,\n    splitCount: 1,\n    you: player.isCurrentUser ?? false,\n  };\n}\n\nfunction toLedgerPlayer(player: LeaderboardCasinoPlayer): Player {\n  const winnings = player.winnings ?? player.points ?? 0;\n  return {\n    id: player.id ?? `player-${player.rank}`,\n    username: player.username,\n    rank: player.rank,\n    totalWinnings: winnings,\n    points: player.points ?? winnings,\n    winRate: 52,\n    gamesPlayed: 120,\n    streak: 2,\n    level: 12,\n    badges: [],\n  };\n}\n\nfunction applyCampaign(\n  state: OsLeaderboardCasinoState,\n  campaign: LeaderboardCasinoCampaign | undefined,\n): void {\n  if (!campaign) return;\n\n  if (state.sections.hero) {\n    state.sections.hero = {\n      ...state.sections.hero,\n      ...(campaign.title != null ? { title: campaign.title } : {}),\n      ...(campaign.description != null\n        ? { description: campaign.description }\n        : {}),\n      ...(campaign.endAt != null ? { endTs: campaign.endAt } : {}),\n      ...(campaign.prizePool?.value != null\n        ? { prizePoolValue: campaign.prizePool.value }\n        : {}),\n      ...(campaign.prizePool?.currency != null\n        ? { prizePoolCurrency: campaign.prizePool.currency }\n        : {}),\n      ...(campaign.finished != null\n        ? { status: campaign.finished ? 'completed' : 'active' }\n        : {}),\n    };\n  }\n\n  if (state.sections.stats && campaign.participantCount != null) {\n    state.sections.stats = {\n      ...state.sections.stats,\n      totalParticipants: campaign.participantCount,\n    };\n  }\n\n  if (state.sections.footer && campaign.footerText != null) {\n    state.sections.footer = {\n      ...state.sections.footer,\n      text: campaign.footerText,\n    };\n  }\n}\n\nfunction applyPlayers(\n  state: OsLeaderboardCasinoState,\n  players: LeaderboardCasinoPlayer[] | undefined,\n): void {\n  if (!players?.length || !state.sections.table) return;\n\n  const sorted = [...players].sort((a, b) => a.rank - b.rank);\n  const current =\n    sorted.find((p) => p.isCurrentUser) ??\n    sorted.find((p) => p.username.toLowerCase() === 'you');\n\n  if (\n    state.config.appearance === 'glam' &&\n    state.sections.table.mode === 'preview'\n  ) {\n    state.sections.table = {\n      ...state.sections.table,\n      topPlayers: sorted.slice(0, 10).map(toPreviewPlayer),\n      currentUser: current\n        ? toPreviewPlayer(current)\n        : state.sections.table.currentUser,\n    };\n    return;\n  }\n\n  if (state.sections.table.mode === 'ledger') {\n    const ledger = sorted.map(toLedgerPlayer);\n    const top = ledger.slice(0, 8);\n    const pinned =\n      current &&\n      !top.some((p) => p.id === (current.id ?? `player-${current.rank}`))\n        ? toLedgerPlayer(current)\n        : undefined;\n\n    state.sections.table = {\n      ...state.sections.table,\n      players: top,\n      currentUser: pinned,\n    };\n  }\n}\n\n/**\n * Resolve integration input into render state using the provided assets bundle.\n * Falls back to bundled `assets/fallback/fallback.json` when `assets` is omitted.\n */\nexport function resolveLeaderboardCasinoInput(\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): OsLeaderboardCasinoState {\n  const bundle = resolveAssetsBundle(assets);\n  const presetId = input.preset ?? getBundleDefaultPresetId(bundle);\n  const preset = getOsLeaderboardCasinoPreset(presetId, bundle);\n  if (!preset) {\n    throw new Error(\n      `Unknown leaderboard preset \"${presetId}\". Check assets catalog.`,\n    );\n  }\n\n  const themeId = resolveThemeId(\n    input,\n    preset.appearance,\n    preset.themeId,\n    bundle,\n  );\n  const state = resolvePresetState(presetId, bundle);\n\n  state.config.themeId = themeId;\n  state.config.labels = {\n    ...getBundleLabels(bundle),\n    ...preset.config.labels,\n    ...input.branding?.labels,\n  };\n\n  const backgroundVars = input.branding?.background\n    ? resolveBackgroundVars(input.branding.background)\n    : null;\n\n  state.config.themeVars = {\n    ...getThemeVars(themeId, bundle),\n    ...(backgroundVars ?? {}),\n    ...input.branding?.themeVars,\n  };\n\n  applyCampaign(state, input.campaign);\n  applyPlayers(state, input.players);\n\n  return state;\n}\n\nexport type LeaderboardCasinoHost = HTMLElement & {\n  state: OsLeaderboardCasinoState;\n  uuid?: string;\n  finished?: boolean;\n  input?: LeaderboardCasinoInput | null;\n  assets?: LeaderboardCasinoAssetsBundle | null;\n  assetsBaseUrl?: string;\n};\n\n/** Apply input (+ optional assets bundle) to a mounted element. */\nexport function applyLeaderboardCasinoInput(\n  host: LeaderboardCasinoHost,\n  input: LeaderboardCasinoInput,\n  assets?: LeaderboardCasinoAssetsBundle | null,\n): void {\n  if (assets !== undefined) {\n    host.assets = assets;\n  }\n  host.input = input;\n  host.uuid = input.campaign?.uuid ?? '';\n  host.finished = input.campaign?.finished ?? false;\n  host.state = resolveLeaderboardCasinoInput(input, host.assets);\n}\n"],"names":["resolveThemeId","input","appearance","fallback","bundle","requested","getTheme","toPreviewPlayer","player","toLedgerPlayer","winnings","applyCampaign","state","campaign","applyPlayers","players","sorted","a","b","current","p","top","pinned","resolveLeaderboardCasinoInput","assets","resolveAssetsBundle","presetId","getBundleDefaultPresetId","preset","getOsLeaderboardCasinoPreset","themeId","resolvePresetState","getBundleLabels","backgroundVars","resolveBackgroundVars","getThemeVars","applyLeaderboardCasinoInput","host"],"mappings":"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"}

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

@@ -12,7 +12,6 @@ export declare class OsLeaderboardCasinoClimb extends LitElement implements Clim
     get pointsToNextLabel(): string;
     get nextTierRank(): number;
     get nextTierLabel(): string;
-    renderNextTierPrizeIcon(): TemplateResult;
     get progressPct(): number;
     renderName(): TemplateResult;
     render(): TemplateResult | typeof nothing;

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

@@ -11,5 +11,4 @@ export interface ClimbSectionHost {
     progressPct: number;
     renderName(): TemplateResult;
     renderTrend(): TemplateResult;
-    renderNextTierPrizeIcon(): TemplateResult;
 }

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

@@ -1,6 +1,8 @@
-import { html as e } from "lit";
-function i(a) {
-  return e`<section>
+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 l(a) {
+  return s`<section>
   <div class="section-header">
     <h2 class="section-title">${a.climbTitle}</h2>
   </div>
@@ -23,7 +25,7 @@ function i(a) {
         </span>
         <span class="target">
           <span class="target-label">next:</span>
-          <em>${a.renderNextTierPrizeIcon()} ${a.nextTierLabel}</em>
+          <em>${a.nextTierLabel}</em>
         </span>
       </div>
       <div
@@ -41,6 +43,6 @@ function i(a) {
 `;
 }
 export {
-  i as default
+  l as default
 };
 //# sourceMappingURL=climb-section.html.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"climb-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-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.climbTitle}</h2>\n  </div>\n\n  <div class=\"card ${host.section.vip ? 'vip' : ''}\">\n    <div class=\"top\">\n      <div class=\"rank-ring\"><b>#${host.section.rank}</b></div>\n      <div class=\"who\">\n        <div class=\"name\">${host.renderName()}</div>\n        <div class=\"pts\">${host.pointsLabel}</div>\n      </div>\n      <span class=\"trend ${host.trendClass}\">${host.renderTrend()}</span>\n    </div>\n\n    <div class=\"progress\">\n      <div class=\"progress-labels\">\n        <span class=\"goal\">\n          <b>${host.pointsToNextLabel}</b>\n          to reach top ${host.nextTierRank}\n        </span>\n        <span class=\"target\">\n          <span class=\"target-label\">next:</span>\n          <em>${host.renderNextTierPrizeIcon()} ${host.nextTierLabel}</em>\n        </span>\n      </div>\n      <div\n        class=\"bar\"\n        role=\"progressbar\"\n        aria-valuenow=\"${host.progressPct}\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n      >\n        <div class=\"fill\" style=\"width: ${host.progressPct}%\"></div>\n      </div>\n    </div>\n  </div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAA;AAAA,gCAEuBD,EAAK,UAAU;AAAA;AAAA;AAAA,qBAG1BA,EAAK,QAAQ,MAAM,QAAQ,EAAE;AAAA;AAAA,mCAEfA,EAAK,QAAQ,IAAI;AAAA;AAAA,4BAExBA,EAAK,YAAY;AAAA,2BAClBA,EAAK,WAAW;AAAA;AAAA,2BAEhBA,EAAK,UAAU,KAAKA,EAAK,YAAW,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMlDA,EAAK,iBAAiB;AAAA,yBACZA,EAAK,YAAY;AAAA;AAAA;AAAA;AAAA,gBAI1BA,EAAK,wBAAuB,CAAE,IAAIA,EAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAM3CA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA,0CAICA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1D;"}
+{"version":3,"file":"climb-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-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.climbTitle}</h2>\n  </div>\n\n  <div class=\"card ${host.section.vip ? 'vip' : ''}\">\n    <div class=\"top\">\n      <div class=\"rank-ring\"><b>#${host.section.rank}</b></div>\n      <div class=\"who\">\n        <div class=\"name\">${host.renderName()}</div>\n        <div class=\"pts\">${host.pointsLabel}</div>\n      </div>\n      <span class=\"trend ${host.trendClass}\">${host.renderTrend()}</span>\n    </div>\n\n    <div class=\"progress\">\n      <div class=\"progress-labels\">\n        <span class=\"goal\">\n          <b>${host.pointsToNextLabel}</b>\n          to reach top ${host.nextTierRank}\n        </span>\n        <span class=\"target\">\n          <span class=\"target-label\">next:</span>\n          <em>${host.nextTierLabel}</em>\n        </span>\n      </div>\n      <div\n        class=\"bar\"\n        role=\"progressbar\"\n        aria-valuenow=\"${host.progressPct}\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n      >\n        <div class=\"fill\" style=\"width: ${host.progressPct}%\"></div>\n      </div>\n    </div>\n  </div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";;;AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAAA;AAAAA,gCAEuBD,EAAK,UAAU;AAAA;AAAA;AAAA,qBAG1BA,EAAK,QAAQ,MAAM,QAAQ,EAAE;AAAA;AAAA,mCAEfA,EAAK,QAAQ,IAAI;AAAA;AAAA,4BAExBA,EAAK,YAAY;AAAA,2BAClBA,EAAK,WAAW;AAAA;AAAA,2BAEhBA,EAAK,UAAU,KAAKA,EAAK,YAAW,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAMlDA,EAAK,iBAAiB;AAAA,yBACZA,EAAK,YAAY;AAAA;AAAA;AAAA;AAAA,gBAI1BA,EAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAMTA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA,0CAICA,EAAK,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1D;"}

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

@@ -1,27 +1,28 @@
-import { LitElement as u, html as m, nothing as b } from "lit";
-import { property as d } from "lit/decorators.js";
-import { unsafeSVG as p } from "lit/directives/unsafe-svg.js";
+import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
+import { html as m, nothing as f } from "../../../../shared/vendor/lit-html-lit-html.js";
+import { LitElement as u } from "../../../../shared/vendor/lit-element-lit-element.js";
+import { property as b } from "../../../../shared/vendor/lit-reactive-element-property.js";
+import { unsafeSVG as p } from "../../../../shared/vendor/lit-html-unsafe-svg.js";
 import g from "../../assets/icons/table.rank-up.svg.js";
 import h from "../../assets/icons/table.rank-down.svg.js";
-import v from "../../assets/icons/table.rank-neutral.svg.js";
-import { Component as x } from "../../../../shared/lib/lit/component.js";
-import { scss as L } from "../../../../shared/lib/lit/scss.js";
-import { OS_LEADERBOARD_CASINO_CLIMB as S } from "../../constants/tags.js";
-import { osLeaderboardCasinoTheme as T } from "../../theme/styles.js";
-import { renderPlayerName as N } from "../../theme/vip-mark.js";
-import { iconService as l } from "../../services/icon.service.js";
+import d from "../../assets/icons/table.rank-neutral.svg.js";
+import { Component as v } from "../../../../shared/lib/lit/component.js";
+import { scss as x } from "../../../../shared/lib/lit/scss.js";
+import { OS_LEADERBOARD_CASINO_CLIMB as L } from "../../constants/tags.js";
+import { osLeaderboardCasinoTheme as S } from "../../theme/styles.js";
+import { renderPlayerName as T } from "../../theme/vip-mark.js";
 import _ from "./climb-section.html.js";
 import C from "./climb-section.scss.js";
-var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, f = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? P(t, i) : t, s = e.length - 1, a; s >= 0; s--)
-    (a = e[s]) && (r = (n ? a(t, i, r) : a(r)) || r);
-  return n && r && O(t, i, r), r;
+var O = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (t, e, s, o) => {
+  for (var r = o > 1 ? void 0 : o ? w(e, s) : e, i = t.length - 1, a; i >= 0; i--)
+    (a = t[i]) && (r = (o ? a(e, s, r) : a(r)) || r);
+  return o && r && O(e, s, r), r;
 };
-function c(e) {
-  return e.replace("<svg ", '<svg viewBox="0 0 512 512" ');
+function c(t) {
+  return t.replace("<svg ", '<svg viewBox="0 0 512 512" ');
 }
-const w = c(g), $ = c(h), y = c(v);
-let o = class extends u {
+const N = c(g), $ = c(h), y = c(d);
+let n = class extends u {
   get climbTitle() {
     return this.section?.title ?? "Your climb";
   }
@@ -29,12 +30,12 @@ let o = class extends u {
     return `${this.section.points.toLocaleString()} pts`;
   }
   get trendClass() {
-    const e = this.section?.trend ?? 0;
-    return e > 0 ? "up" : e < 0 ? "down" : "flat";
+    const t = this.section?.trend ?? 0;
+    return t > 0 ? "up" : t < 0 ? "down" : "flat";
   }
   renderTrend() {
-    const e = this.section?.trend ?? 0;
-    return e > 0 ? m`${p(w)}<b>${e}</b>` : e < 0 ? m`${p($)}<b>${Math.abs(e)}</b>` : m`${p(y)}<b>steady</b>`;
+    const t = this.section?.trend ?? 0;
+    return t > 0 ? m`${p(N)}<b>${t}</b>` : t < 0 ? m`${p($)}<b>${Math.abs(t)}</b>` : m`${p(y)}<b>steady</b>`;
   }
   get pointsToNextLabel() {
     return `${this.section.pointsToNextTier.toLocaleString()} pts`;
@@ -45,30 +46,24 @@ let o = class extends u {
   get nextTierLabel() {
     return this.section.nextTierLabel;
   }
-  renderNextTierPrizeIcon() {
-    const e = l.resolvePrizeIconName(this.section.nextTierLabel);
-    return l.get(e).render({
-      className: "prize-icon prize-icon--inline"
-    });
-  }
   get progressPct() {
     return Math.round(Math.min(1, Math.max(0, this.section.progress)) * 100);
   }
   renderName() {
-    return N(this.section.username, { vip: this.section.vip });
+    return T(this.section.username, { vip: this.section.vip });
   }
   render() {
-    return this.section ? _(this) : b;
+    return this.section ? _(this) : f;
   }
 };
-o.styles = [T, L(C)];
-f([
-  d({ attribute: !1 })
-], o.prototype, "section", 2);
-o = f([
-  x({ selector: S })
-], o);
+n.styles = [S, x(C)];
+l([
+  b({ attribute: !1 })
+], n.prototype, "section", 2);
+n = l([
+  v({ selector: L })
+], n);
 export {
-  o as OsLeaderboardCasinoClimb
+  n as OsLeaderboardCasinoClimb
 };
 //# sourceMappingURL=climb-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"climb-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-section.ts"],"sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport rankUpSvg from '../../assets/icons/table.rank-up.svg?raw';\nimport rankDownSvg from '../../assets/icons/table.rank-down.svg?raw';\nimport rankNeutralSvg from '../../assets/icons/table.rank-neutral.svg?raw';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_CLIMB } 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 { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport type { OsLeaderboardCasinoClimbSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { ClimbSectionHost } from './climb-section.host.js';\nimport renderTemplate from './climb-section.html?lit-html';\nimport styles from './climb-section.scss?inline';\n\nfunction addViewBox(svg: string): string {\n  return svg.replace('<svg ', '<svg viewBox=\"0 0 512 512\" ');\n}\nconst rankUpSvgVb = addViewBox(rankUpSvg);\nconst rankDownSvgVb = addViewBox(rankDownSvg);\nconst rankNeutralSvgVb = addViewBox(rankNeutralSvg);\n\n/** \"Your climb\" — progress towards the next prize tier with rank trend. */\n@Component({ selector: OS_LEADERBOARD_CASINO_CLIMB })\nexport class OsLeaderboardCasinoClimb\n  extends LitElement\n  implements ClimbSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoClimbSection;\n\n  get climbTitle(): string {\n    return this.section?.title ?? 'Your climb';\n  }\n\n  get pointsLabel(): string {\n    return `${this.section.points.toLocaleString()} pts`;\n  }\n\n  get trendClass(): string {\n    const trend = this.section?.trend ?? 0;\n    return trend > 0 ? 'up' : trend < 0 ? 'down' : 'flat';\n  }\n\n  renderTrend(): TemplateResult {\n    const trend = this.section?.trend ?? 0;\n    if (trend > 0) return html`${unsafeSVG(rankUpSvgVb)}<b>${trend}</b>`;\n    if (trend < 0) return html`${unsafeSVG(rankDownSvgVb)}<b>${Math.abs(trend)}</b>`;\n    return html`${unsafeSVG(rankNeutralSvgVb)}<b>steady</b>`;\n  }\n\n  get pointsToNextLabel(): string {\n    return `${this.section.pointsToNextTier.toLocaleString()} pts`;\n  }\n\n  get nextTierRank(): number {\n    return this.section.nextTierRank;\n  }\n\n  get nextTierLabel(): string {\n    return this.section.nextTierLabel;\n  }\n\n  renderNextTierPrizeIcon() {\n    const name = iconService.resolvePrizeIconName(this.section.nextTierLabel);\n    return iconService.get(name).render({\n      className: 'prize-icon prize-icon--inline',\n    });\n  }\n\n  get progressPct(): number {\n    return Math.round(Math.min(1, Math.max(0, this.section.progress)) * 100);\n  }\n\n  renderName() {\n    return renderPlayerName(this.section.username, { vip: this.section.vip });\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["addViewBox","svg","rankUpSvgVb","rankUpSvg","rankDownSvgVb","rankDownSvg","rankNeutralSvgVb","rankNeutralSvg","OsLeaderboardCasinoClimb","LitElement","trend","html","unsafeSVG","name","iconService","renderPlayerName","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_CLIMB"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,SAASA,EAAWC,GAAqB;AACvC,SAAOA,EAAI,QAAQ,SAAS,6BAA6B;AAC3D;AACA,MAAMC,IAAcF,EAAWG,CAAS,GAClCC,IAAgBJ,EAAWK,CAAW,GACtCC,IAAmBN,EAAWO,CAAc;AAI3C,IAAMC,IAAN,cACGC,EAEV;AAAA,EAME,IAAI,aAAqB;AACvB,WAAO,KAAK,SAAS,SAAS;AAAA,EAChC;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,GAAG,KAAK,QAAQ,OAAO,gBAAgB;AAAA,EAChD;AAAA,EAEA,IAAI,aAAqB;AACvB,UAAMC,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAOA,IAAQ,IAAI,OAAOA,IAAQ,IAAI,SAAS;AAAA,EACjD;AAAA,EAEA,cAA8B;AAC5B,UAAMA,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAIA,IAAQ,IAAUC,IAAOC,EAAUV,CAAW,CAAC,MAAMQ,CAAK,SAC1DA,IAAQ,IAAUC,IAAOC,EAAUR,CAAa,CAAC,MAAM,KAAK,IAAIM,CAAK,CAAC,SACnEC,IAAOC,EAAUN,CAAgB,CAAC;AAAA,EAC3C;AAAA,EAEA,IAAI,oBAA4B;AAC9B,WAAO,GAAG,KAAK,QAAQ,iBAAiB,gBAAgB;AAAA,EAC1D;AAAA,EAEA,IAAI,eAAuB;AACzB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,gBAAwB;AAC1B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,0BAA0B;AACxB,UAAMO,IAAOC,EAAY,qBAAqB,KAAK,QAAQ,aAAa;AACxE,WAAOA,EAAY,IAAID,CAAI,EAAE,OAAO;AAAA,MAClC,WAAW;AAAA,IAAA,CACZ;AAAA,EACH;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,CAAC,IAAI,GAAG;AAAA,EACzE;AAAA,EAEA,aAAa;AACX,WAAOE,EAAiB,KAAK,QAAQ,UAAU,EAAE,KAAK,KAAK,QAAQ,KAAK;AAAA,EAC1E;AAAA,EAEA,SAAS;AACP,WAAK,KAAK,UACHC,EAAe,IAAI,IADAC;AAAA,EAE5B;AACF;AA5DaT,EAIJ,SAAS,CAACU,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GANnBd,EAOX,WAAA,WAAA,CAAA;AAPWA,IAANa,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAA6B;AAAA,GACvChB,CAAA;"}
+{"version":3,"file":"climb-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/climb-section/climb-section.ts"],"sourcesContent":["import { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport rankUpSvg from '../../assets/icons/table.rank-up.svg?raw';\nimport rankDownSvg from '../../assets/icons/table.rank-down.svg?raw';\nimport rankNeutralSvg from '../../assets/icons/table.rank-neutral.svg?raw';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_CLIMB } 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 { OsLeaderboardCasinoClimbSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { ClimbSectionHost } from './climb-section.host.js';\nimport renderTemplate from './climb-section.html?lit-html';\nimport styles from './climb-section.scss?inline';\n\nfunction addViewBox(svg: string): string {\n  return svg.replace('<svg ', '<svg viewBox=\"0 0 512 512\" ');\n}\nconst rankUpSvgVb = addViewBox(rankUpSvg);\nconst rankDownSvgVb = addViewBox(rankDownSvg);\nconst rankNeutralSvgVb = addViewBox(rankNeutralSvg);\n\n/** \"Your climb\" — progress towards the next prize tier with rank trend. */\n@Component({ selector: OS_LEADERBOARD_CASINO_CLIMB })\nexport class OsLeaderboardCasinoClimb\n  extends LitElement\n  implements ClimbSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoClimbSection;\n\n  get climbTitle(): string {\n    return this.section?.title ?? 'Your climb';\n  }\n\n  get pointsLabel(): string {\n    return `${this.section.points.toLocaleString()} pts`;\n  }\n\n  get trendClass(): string {\n    const trend = this.section?.trend ?? 0;\n    return trend > 0 ? 'up' : trend < 0 ? 'down' : 'flat';\n  }\n\n  renderTrend(): TemplateResult {\n    const trend = this.section?.trend ?? 0;\n    if (trend > 0) return html`${unsafeSVG(rankUpSvgVb)}<b>${trend}</b>`;\n    if (trend < 0) return html`${unsafeSVG(rankDownSvgVb)}<b>${Math.abs(trend)}</b>`;\n    return html`${unsafeSVG(rankNeutralSvgVb)}<b>steady</b>`;\n  }\n\n  get pointsToNextLabel(): string {\n    return `${this.section.pointsToNextTier.toLocaleString()} pts`;\n  }\n\n  get nextTierRank(): number {\n    return this.section.nextTierRank;\n  }\n\n  get nextTierLabel(): string {\n    return this.section.nextTierLabel;\n  }\n\n  get progressPct(): number {\n    return Math.round(Math.min(1, Math.max(0, this.section.progress)) * 100);\n  }\n\n  renderName() {\n    return renderPlayerName(this.section.username, { vip: this.section.vip });\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["addViewBox","svg","rankUpSvgVb","rankUpSvg","rankDownSvgVb","rankDownSvg","rankNeutralSvgVb","rankNeutralSvg","OsLeaderboardCasinoClimb","LitElement","trend","html","unsafeSVG","renderPlayerName","renderTemplate","nothing","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_CLIMB"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,SAASA,EAAWC,GAAqB;AACvC,SAAOA,EAAI,QAAQ,SAAS,6BAA6B;AAC3D;AACA,MAAMC,IAAcF,EAAWG,CAAS,GAClCC,IAAgBJ,EAAWK,CAAW,GACtCC,IAAmBN,EAAWO,CAAc;AAI3C,IAAMC,IAAN,cACGC,EAEV;AAAA,EAME,IAAI,aAAqB;AACvB,WAAO,KAAK,SAAS,SAAS;AAAA,EAChC;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,GAAG,KAAK,QAAQ,OAAO,gBAAgB;AAAA,EAChD;AAAA,EAEA,IAAI,aAAqB;AACvB,UAAMC,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAOA,IAAQ,IAAI,OAAOA,IAAQ,IAAI,SAAS;AAAA,EACjD;AAAA,EAEA,cAA8B;AAC5B,UAAMA,IAAQ,KAAK,SAAS,SAAS;AACrC,WAAIA,IAAQ,IAAUC,IAAOC,EAAUV,CAAW,CAAC,MAAMQ,CAAK,SAC1DA,IAAQ,IAAUC,IAAOC,EAAUR,CAAa,CAAC,MAAM,KAAK,IAAIM,CAAK,CAAC,SACnEC,IAAOC,EAAUN,CAAgB,CAAC;AAAA,EAC3C;AAAA,EAEA,IAAI,oBAA4B;AAC9B,WAAO,GAAG,KAAK,QAAQ,iBAAiB,gBAAgB;AAAA,EAC1D;AAAA,EAEA,IAAI,eAAuB;AACzB,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,gBAAwB;AAC1B,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,IAAI,cAAsB;AACxB,WAAO,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,CAAC,IAAI,GAAG;AAAA,EACzE;AAAA,EAEA,aAAa;AACX,WAAOO,EAAiB,KAAK,QAAQ,UAAU,EAAE,KAAK,KAAK,QAAQ,KAAK;AAAA,EAC1E;AAAA,EAEA,SAAS;AACP,WAAK,KAAK,UACHC,EAAe,IAAI,IADAC;AAAAA,EAE5B;AACF;AArDaP,EAIJ,SAAS,CAACQ,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GANnBZ,EAOX,WAAA,WAAA,CAAA;AAPWA,IAANW,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAA6B;AAAA,GACvCd,CAAA;"}

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.js

@@ -1,18 +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 "lit/directives/unsafe-svg.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() {
@@ -43,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"}
@@ -74,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.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;"}