@oddsmith/ui 0.0.0 → 1.0.1

package/dist/components/os-leaderboard-casino/services/adapter.service.js

@@ -0,0 +1,49 @@
+class i {
+  toLayout(a) {
+    return this.buildLayout(a.config, a.sections);
+  }
+  applyThemeVars(a, e) {
+    const r = e.config.themeVars ?? {};
+    for (const t of Object.keys(r))
+      a.style.removeProperty(t);
+    for (const [t, l] of Object.entries(r))
+      a.style.setProperty(t, l);
+  }
+  buildLayout(a, e) {
+    const r = {
+      mainOrder: this.mainOrder(a)
+    };
+    if (this.isEnabled(a, "marquee") && e.marquee && (r.marquee = e.marquee), this.isEnabled(a, "events") && e.events && (r.eventsBanner = e.events), this.isEnabled(a, "hero") && e.hero) {
+      const { endTs: t, ...l } = e.hero;
+      r.hero = {
+        ...l,
+        ...t != null ? { endTs: String(t) } : {}
+      };
+    }
+    return this.isEnabled(a, "prize") && e.prize && (r.prize = {
+      title: e.prize.title,
+      prizePackage: e.prize.prizePackage,
+      allocationStrategy: e.prize.allocationStrategy
+    }), this.isEnabled(a, "stats") && e.stats && (r.stats = e.stats), this.isEnabled(a, "games") && e.games && (r.games = {
+      title: e.games.title,
+      games: e.games.games ?? e.games.items ?? []
+    }), this.isEnabled(a, "climb") && e.climb && (r.climb = e.climb), this.isEnabled(a, "table") && e.table?.mode === "preview" && (r.table = {
+      topPlayers: e.table.topPlayers ?? [],
+      currentUser: e.table.currentUser,
+      ctaLabel: e.table.ctaLabel ?? a.labels?.cta,
+      prizes: e.prize?.prizePackage?.prizes
+    }), this.isEnabled(a, "footer") && e.footer && (r.footer = e.footer), this.isEnabled(a, "legals") && e.legals && (r.legals = e.legals), r;
+  }
+  isEnabled(a, e) {
+    return a.enabled.includes(e);
+  }
+  mainOrder(a) {
+    return (a.mainOrder ?? ["prize", "stats", "games", "climb", "table"]).filter((r) => this.isEnabled(a, r));
+  }
+}
+const m = new i();
+export {
+  i as AdapterService,
+  m as adapterService
+};
+//# sourceMappingURL=adapter.service.js.map

package/dist/components/os-leaderboard-casino/services/adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.service.js","sources":["../../../../src/components/os-leaderboard-casino/services/adapter.service.ts"],"sourcesContent":["import type { OsLeaderboardCasinoLayout } from '@os-leaderboard-casino/types/sections.js';\nimport type {\n  OsLeaderboardCasinoConfig,\n  OsLeaderboardCasinoMainSectionId,\n  OsLeaderboardCasinoSectionData,\n  OsLeaderboardCasinoSectionId,\n  OsLeaderboardCasinoState,\n} from '../types/state.js';\n\n/** Maps facade state into the glam layout shell. */\nexport class AdapterService {\n  toLayout(state: OsLeaderboardCasinoState): OsLeaderboardCasinoLayout {\n    return this.buildLayout(state.config, state.sections);\n  }\n\n  applyThemeVars(\n    host: HTMLElement,\n    state: OsLeaderboardCasinoState,\n  ): void {\n    const vars = state.config.themeVars ?? {};\n    for (const name of Object.keys(vars)) {\n      host.style.removeProperty(name);\n    }\n    for (const [name, value] of Object.entries(vars)) {\n      host.style.setProperty(name, value);\n    }\n  }\n\n  private buildLayout(\n    config: OsLeaderboardCasinoConfig,\n    sections: OsLeaderboardCasinoSectionData,\n  ): OsLeaderboardCasinoLayout {\n    const layout: OsLeaderboardCasinoLayout = {\n      mainOrder: this.mainOrder(config),\n    };\n\n    if (this.isEnabled(config, 'marquee') && sections.marquee) {\n      layout.marquee = sections.marquee;\n    }\n    if (this.isEnabled(config, 'events') && sections.events) {\n      layout.eventsBanner = sections.events;\n    }\n    if (this.isEnabled(config, 'hero') && sections.hero) {\n      const { endTs, ...hero } = sections.hero;\n      layout.hero = {\n        ...hero,\n        ...(endTs != null ? { endTs: String(endTs) } : {}),\n      };\n    }\n    if (this.isEnabled(config, 'prize') && sections.prize) {\n      layout.prize = {\n        title: sections.prize.title,\n        prizePackage: sections.prize.prizePackage,\n        allocationStrategy: sections.prize.allocationStrategy,\n      };\n    }\n    if (this.isEnabled(config, 'stats') && sections.stats) {\n      layout.stats = sections.stats;\n    }\n    if (this.isEnabled(config, 'games') && sections.games) {\n      layout.games = {\n        title: sections.games.title,\n        games: sections.games.games ?? sections.games.items ?? [],\n      };\n    }\n    if (this.isEnabled(config, 'climb') && sections.climb) {\n      layout.climb = sections.climb;\n    }\n    if (this.isEnabled(config, 'table') && sections.table?.mode === 'preview') {\n      layout.table = {\n        topPlayers: sections.table.topPlayers ?? [],\n        currentUser: sections.table.currentUser,\n        ctaLabel: sections.table.ctaLabel ?? config.labels?.cta,\n        prizes: sections.prize?.prizePackage?.prizes,\n      };\n    }\n    if (this.isEnabled(config, 'footer') && sections.footer) {\n      layout.footer = sections.footer;\n    }\n    if (this.isEnabled(config, 'legals') && sections.legals) {\n      layout.legals = sections.legals;\n    }\n\n    return layout;\n  }\n\n  private isEnabled(\n    config: OsLeaderboardCasinoConfig,\n    id: OsLeaderboardCasinoSectionId,\n  ): boolean {\n    return config.enabled.includes(id);\n  }\n\n  private mainOrder(\n    config: OsLeaderboardCasinoConfig,\n  ): OsLeaderboardCasinoMainSectionId[] {\n    const order =\n      config.mainOrder ?? ['prize', 'stats', 'games', 'climb', 'table'];\n    return order.filter((id) => this.isEnabled(config, id));\n  }\n}\n\nexport const adapterService = new AdapterService();\n"],"names":["AdapterService","state","host","vars","name","value","config","sections","layout","endTs","hero","id","adapterService"],"mappings":"AAUO,MAAMA,EAAe;AAAA,EAC1B,SAASC,GAA4D;AACnE,WAAO,KAAK,YAAYA,EAAM,QAAQA,EAAM,QAAQ;AAAA,EACtD;AAAA,EAEA,eACEC,GACAD,GACM;AACN,UAAME,IAAOF,EAAM,OAAO,aAAa,CAAA;AACvC,eAAWG,KAAQ,OAAO,KAAKD,CAAI;AACjC,MAAAD,EAAK,MAAM,eAAeE,CAAI;AAEhC,eAAW,CAACA,GAAMC,CAAK,KAAK,OAAO,QAAQF,CAAI;AAC7C,MAAAD,EAAK,MAAM,YAAYE,GAAMC,CAAK;AAAA,EAEtC;AAAA,EAEQ,YACNC,GACAC,GAC2B;AAC3B,UAAMC,IAAoC;AAAA,MACxC,WAAW,KAAK,UAAUF,CAAM;AAAA,IAAA;AASlC,QANI,KAAK,UAAUA,GAAQ,SAAS,KAAKC,EAAS,YAChDC,EAAO,UAAUD,EAAS,UAExB,KAAK,UAAUD,GAAQ,QAAQ,KAAKC,EAAS,WAC/CC,EAAO,eAAeD,EAAS,SAE7B,KAAK,UAAUD,GAAQ,MAAM,KAAKC,EAAS,MAAM;AACnD,YAAM,EAAE,OAAAE,GAAO,GAAGC,EAAA,IAASH,EAAS;AACpC,MAAAC,EAAO,OAAO;AAAA,QACZ,GAAGE;AAAA,QACH,GAAID,KAAS,OAAO,EAAE,OAAO,OAAOA,CAAK,MAAM,CAAA;AAAA,MAAC;AAAA,IAEpD;AACA,WAAI,KAAK,UAAUH,GAAQ,OAAO,KAAKC,EAAS,UAC9CC,EAAO,QAAQ;AAAA,MACb,OAAOD,EAAS,MAAM;AAAA,MACtB,cAAcA,EAAS,MAAM;AAAA,MAC7B,oBAAoBA,EAAS,MAAM;AAAA,IAAA,IAGnC,KAAK,UAAUD,GAAQ,OAAO,KAAKC,EAAS,UAC9CC,EAAO,QAAQD,EAAS,QAEtB,KAAK,UAAUD,GAAQ,OAAO,KAAKC,EAAS,UAC9CC,EAAO,QAAQ;AAAA,MACb,OAAOD,EAAS,MAAM;AAAA,MACtB,OAAOA,EAAS,MAAM,SAASA,EAAS,MAAM,SAAS,CAAA;AAAA,IAAC,IAGxD,KAAK,UAAUD,GAAQ,OAAO,KAAKC,EAAS,UAC9CC,EAAO,QAAQD,EAAS,QAEtB,KAAK,UAAUD,GAAQ,OAAO,KAAKC,EAAS,OAAO,SAAS,cAC9DC,EAAO,QAAQ;AAAA,MACb,YAAYD,EAAS,MAAM,cAAc,CAAA;AAAA,MACzC,aAAaA,EAAS,MAAM;AAAA,MAC5B,UAAUA,EAAS,MAAM,YAAYD,EAAO,QAAQ;AAAA,MACpD,QAAQC,EAAS,OAAO,cAAc;AAAA,IAAA,IAGtC,KAAK,UAAUD,GAAQ,QAAQ,KAAKC,EAAS,WAC/CC,EAAO,SAASD,EAAS,SAEvB,KAAK,UAAUD,GAAQ,QAAQ,KAAKC,EAAS,WAC/CC,EAAO,SAASD,EAAS,SAGpBC;AAAA,EACT;AAAA,EAEQ,UACNF,GACAK,GACS;AACT,WAAOL,EAAO,QAAQ,SAASK,CAAE;AAAA,EACnC;AAAA,EAEQ,UACNL,GACoC;AAGpC,YADEA,EAAO,aAAa,CAAC,SAAS,SAAS,SAAS,SAAS,OAAO,GACrD,OAAO,CAACK,MAAO,KAAK,UAAUL,GAAQK,CAAE,CAAC;AAAA,EACxD;AACF;AAEO,MAAMC,IAAiB,IAAIZ,EAAA;"}

package/dist/components/os-leaderboard-casino/services/icon.service.d.ts

@@ -0,0 +1,28 @@
+import { LabelKey } from '../types/data.js';
+import { GameIconName, IconHandle, IconRenderOptions, PrizeIconName, StatIconName, WinIconName } from '../types/icons.js';
+import { TemplateResult } from 'lit';
+export type { GameIconName, IconHandle, IconName, IconRenderOptions, PrizeIconName, StatIconName, WinIconName, } from '../types/icons.js';
+/** Registry-backed icon loader for os-leaderboard-casino. */
+export declare class IconService {
+    private readonly registry;
+    private loadPromise;
+    private loaded;
+    /** Load all bundled SVG and game image icons. Call once on app start. */
+    load(): Promise<void>;
+    /** Pick a loaded icon by registry name, e.g. `prize.free-spins`. */
+    get(name: string): IconHandle;
+    has(name: string): boolean;
+    resolvePrizeIconName(label: LabelKey | string | undefined): PrizeIconName;
+    resolveGameIconName(id: string, index: number): GameIconName;
+    resolveWinIconName(name: string, index: number): WinIconName;
+    resolveStatIconName(name: string): StatIconName;
+    render(name: string, options?: IconRenderOptions): TemplateResult;
+    svg(name: string): TemplateResult;
+    url(name: string): string;
+    private assertLoaded;
+}
+export declare const iconService: IconService;
+export declare function prizeIconSvg(label: LabelKey | string | undefined): TemplateResult;
+export declare function renderPrizeIcon(label: LabelKey | string | undefined, className?: string): TemplateResult;
+export declare function resolveGameImage(id: string, index: number): string;
+export declare function winIcon(name: string): TemplateResult;

package/dist/components/os-leaderboard-casino/services/icon.service.js

@@ -0,0 +1,192 @@
+import c from "../assets/icons/prize.casino-credits.svg.js";
+import m from "../assets/icons/prize.default.svg.js";
+import g from "../assets/icons/prize.elite-bonus.svg.js";
+import l from "../assets/icons/prize.free-spins.svg.js";
+import _ from "../assets/icons/prize.grand-jackpot.svg.js";
+import u from "../assets/icons/prize.high-roller.svg.js";
+import p from "../assets/icons/prize.mystery-bonus.svg.js";
+import f from "../assets/icons/stat.clock.svg.js";
+import v from "../assets/icons/stat.gift.svg.js";
+import d from "../assets/icons/stat.users.svg.js";
+import h from "../assets/icons/table.rank-down.svg.js";
+import b from "../assets/icons/table.rank-neutral.svg.js";
+import w from "../assets/icons/table.rank-up.svg.js";
+import y from "../assets/icons/vip.crown.svg.js";
+import I from "../assets/icons/win.bag.svg.js";
+import k from "../assets/icons/win.bolt.svg.js";
+import z from "../assets/icons/win.coin.svg.js";
+import S from "../assets/icons/win.fire.svg.js";
+import $ from "../assets/icons/win.gem.svg.js";
+import N from "../assets/icons/win.trophy.svg.js";
+import { html as o } from "lit";
+import { unsafeSVG as n } from "lit/directives/unsafe-svg.js";
+import { labelText as O } from "../types/data.js";
+import E from "../assets/images/games/cards.png.js";
+import L from "../assets/images/games/chips.png.js";
+import P from "../assets/images/games/dice.png.js";
+import j from "../assets/images/games/gates-of-olympus.png.js";
+import G from "../assets/images/games/roulette.png.js";
+import C from "../assets/images/games/slot-machine.png.js";
+const M = /* @__PURE__ */ Object.assign({
+  "../assets/icons/prize.casino-credits.svg": c,
+  "../assets/icons/prize.default.svg": m,
+  "../assets/icons/prize.elite-bonus.svg": g,
+  "../assets/icons/prize.free-spins.svg": l,
+  "../assets/icons/prize.grand-jackpot.svg": _,
+  "../assets/icons/prize.high-roller.svg": u,
+  "../assets/icons/prize.mystery-bonus.svg": p,
+  "../assets/icons/stat.clock.svg": f,
+  "../assets/icons/stat.gift.svg": v,
+  "../assets/icons/stat.users.svg": d,
+  "../assets/icons/table.rank-down.svg": h,
+  "../assets/icons/table.rank-neutral.svg": b,
+  "../assets/icons/table.rank-up.svg": w,
+  "../assets/icons/vip.crown.svg": y,
+  "../assets/icons/win.bag.svg": I,
+  "../assets/icons/win.bolt.svg": k,
+  "../assets/icons/win.coin.svg": z,
+  "../assets/icons/win.fire.svg": S,
+  "../assets/icons/win.gem.svg": $,
+  "../assets/icons/win.trophy.svg": N
+}), A = {
+  "game.cards": E,
+  "game.chips": L,
+  "game.dice": P,
+  "game.gates-of-olympus": j,
+  "game.roulette": G,
+  "game.slot-machine": C
+}, a = [
+  "game.cards",
+  "game.chips",
+  "game.dice",
+  "game.gates-of-olympus",
+  "game.roulette",
+  "game.slot-machine"
+], R = {
+  cards: "game.cards",
+  chips: "game.chips",
+  dice: "game.dice",
+  "gates-of-olympus": "game.gates-of-olympus",
+  roulette: "game.roulette",
+  "slot-machine": "game.slot-machine"
+};
+function U(r) {
+  return r.match(/\/([^/]+)\.svg$/)?.[1] ?? "";
+}
+function x(r, e) {
+  return {
+    name: r,
+    kind: "svg",
+    svg() {
+      return o`${n(e)}`;
+    },
+    render({ className: s = "" } = {}) {
+      const t = o`${n(e)}`;
+      return s ? o`<span class=${s}>${t}</span>` : t;
+    }
+  };
+}
+function D(r, e) {
+  return {
+    name: r,
+    kind: "image",
+    url: e,
+    svg() {
+      throw new Error(`[IconService] Icon "${r}" is an image, not SVG`);
+    },
+    render({ className: s = "", alt: t = "" } = {}) {
+      return o`<img
+        src=${e}
+        alt=${t}
+        class=${s}
+        loading="lazy"
+      />`;
+    }
+  };
+}
+function F(r) {
+  const e = O(r).toLowerCase();
+  return e.includes("grand jackpot") || e === "jackpot" ? "prize.grand-jackpot" : e.includes("elite bonus") ? "prize.elite-bonus" : e.includes("high roller") ? "prize.high-roller" : e.includes("free spin") ? "prize.free-spins" : e.includes("casino credit") ? "prize.casino-credits" : e.includes("mystery") ? "prize.mystery-bonus" : "prize.default";
+}
+function H(r, e) {
+  return R[r] ?? a[e % a.length];
+}
+class T {
+  constructor() {
+    this.registry = /* @__PURE__ */ new Map(), this.loadPromise = null, this.loaded = !1;
+  }
+  /** Load all bundled SVG and game image icons. Call once on app start. */
+  async load() {
+    if (!this.loaded)
+      return this.loadPromise ? this.loadPromise : (this.loadPromise = (async () => {
+        for (const [e, s] of Object.entries(M)) {
+          const t = U(e);
+          t && this.registry.set(t, x(t, s));
+        }
+        for (const [e, s] of Object.entries(A))
+          this.registry.set(e, D(e, s));
+        this.loaded = !0;
+      })(), this.loadPromise);
+  }
+  /** Pick a loaded icon by registry name, e.g. `prize.free-spins`. */
+  get(e) {
+    this.assertLoaded();
+    const s = this.registry.get(e);
+    if (!s)
+      throw new Error(`[IconService] Unknown icon "${e}"`);
+    return s;
+  }
+  has(e) {
+    return this.assertLoaded(), this.registry.has(e);
+  }
+  resolvePrizeIconName(e) {
+    return F(e);
+  }
+  resolveGameIconName(e, s) {
+    return H(e, s);
+  }
+  resolveWinIconName(e, s) {
+    const t = `win.${e}`;
+    if (this.has(t)) return t;
+    const i = [
+      "win.bag",
+      "win.coin",
+      "win.trophy",
+      "win.fire",
+      "win.gem",
+      "win.bolt"
+    ];
+    return i[s % i.length];
+  }
+  resolveStatIconName(e) {
+    const s = `stat.${e}`;
+    return this.has(s) ? s : "stat.users";
+  }
+  render(e, s) {
+    return this.get(e).render(s);
+  }
+  svg(e) {
+    return this.get(e).svg();
+  }
+  url(e) {
+    const s = this.get(e);
+    if (s.kind !== "image" || !s.url)
+      throw new Error(`[IconService] Icon "${e}" has no image URL`);
+    return s.url;
+  }
+  assertLoaded() {
+    if (!this.loaded)
+      throw new Error("[IconService] Call load() before get()");
+  }
+}
+const V = new T();
+function we(r) {
+  const e = r.startsWith("win.") ? r : `win.${r}`;
+  return V.svg(e);
+}
+export {
+  T as IconService,
+  V as iconService,
+  we as winIcon
+};
+//# sourceMappingURL=icon.service.js.map

package/dist/components/os-leaderboard-casino/services/icon.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.service.js","sources":["../../../../src/components/os-leaderboard-casino/services/icon.service.ts"],"sourcesContent":["import { html } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { labelText, type LabelKey } from '@os-leaderboard-casino/types/data.js';\nimport cards from '../assets/images/games/cards.png?url';\nimport chips from '../assets/images/games/chips.png?url';\nimport dice from '../assets/images/games/dice.png?url';\nimport gatesOfOlympus from '../assets/images/games/gates-of-olympus.png?url';\nimport roulette from '../assets/images/games/roulette.png?url';\nimport slotMachine from '../assets/images/games/slot-machine.png?url';\nimport type {\n  GameIconName,\n  IconHandle,\n  IconName,\n  IconRenderOptions,\n  PrizeIconName,\n  StatIconName,\n  WinIconName,\n} from '../types/icons.js';\nimport type { TemplateResult } from 'lit';\n\nexport type {\n  GameIconName,\n  IconHandle,\n  IconName,\n  IconRenderOptions,\n  PrizeIconName,\n  StatIconName,\n  WinIconName,\n} from '../types/icons.js';\n\nconst svgModules = import.meta.glob('../assets/icons/*.svg', {\n  query: '?raw',\n  import: 'default',\n  eager: true,\n}) as Record<string, string>;\n\nconst GAME_ICON_URLS: Record<GameIconName, string> = {\n  'game.cards': cards,\n  'game.chips': chips,\n  'game.dice': dice,\n  'game.gates-of-olympus': gatesOfOlympus,\n  'game.roulette': roulette,\n  'game.slot-machine': slotMachine,\n};\n\nconst GAME_ICON_FALLBACK_ORDER: readonly GameIconName[] = [\n  'game.cards',\n  'game.chips',\n  'game.dice',\n  'game.gates-of-olympus',\n  'game.roulette',\n  'game.slot-machine',\n];\n\nconst GAME_ID_TO_ICON: Record<string, GameIconName> = {\n  cards: 'game.cards',\n  chips: 'game.chips',\n  dice: 'game.dice',\n  'gates-of-olympus': 'game.gates-of-olympus',\n  roulette: 'game.roulette',\n  'slot-machine': 'game.slot-machine',\n};\n\nfunction iconNameFromPath(path: string): string {\n  return path.match(/\\/([^/]+)\\.svg$/)?.[1] ?? '';\n}\n\nfunction createSvgHandle(name: IconName, markup: string): IconHandle {\n  return {\n    name,\n    kind: 'svg',\n    svg() {\n      return html`${unsafeSVG(markup)}`;\n    },\n    render({ className = '' } = {}) {\n      const content = html`${unsafeSVG(markup)}`;\n      return className\n        ? html`<span class=${className}>${content}</span>`\n        : content;\n    },\n  };\n}\n\nfunction createImageHandle(name: IconName, url: string): IconHandle {\n  return {\n    name,\n    kind: 'image',\n    url,\n    svg() {\n      throw new Error(`[IconService] Icon \"${name}\" is an image, not SVG`);\n    },\n    render({ className = '', alt = '' } = {}) {\n      return html`<img\n        src=${url}\n        alt=${alt}\n        class=${className}\n        loading=\"lazy\"\n      />`;\n    },\n  };\n}\n\nfunction resolvePrizeIconName(\n  label: LabelKey | string | undefined,\n): PrizeIconName {\n  const text = labelText(label).toLowerCase();\n\n  if (text.includes('grand jackpot') || text === 'jackpot') {\n    return 'prize.grand-jackpot';\n  }\n  if (text.includes('elite bonus')) {\n    return 'prize.elite-bonus';\n  }\n  if (text.includes('high roller')) {\n    return 'prize.high-roller';\n  }\n  if (text.includes('free spin')) {\n    return 'prize.free-spins';\n  }\n  if (text.includes('casino credit')) {\n    return 'prize.casino-credits';\n  }\n  if (text.includes('mystery')) {\n    return 'prize.mystery-bonus';\n  }\n\n  return 'prize.default';\n}\n\nfunction resolveGameIconName(id: string, index: number): GameIconName {\n  return (\n    GAME_ID_TO_ICON[id] ??\n    GAME_ICON_FALLBACK_ORDER[index % GAME_ICON_FALLBACK_ORDER.length]\n  );\n}\n\n/** Registry-backed icon loader for os-leaderboard-casino. */\nexport class IconService {\n  private readonly registry = new Map<string, IconHandle>();\n  private loadPromise: Promise<void> | null = null;\n  private loaded = false;\n\n  /** Load all bundled SVG and game image icons. Call once on app start. */\n  async load(): Promise<void> {\n    if (this.loaded) return;\n    if (this.loadPromise) return this.loadPromise;\n\n    this.loadPromise = (async () => {\n      for (const [path, markup] of Object.entries(svgModules)) {\n        const name = iconNameFromPath(path);\n        if (!name) continue;\n        this.registry.set(name, createSvgHandle(name as IconName, markup));\n      }\n\n      for (const [name, url] of Object.entries(GAME_ICON_URLS)) {\n        this.registry.set(name, createImageHandle(name as IconName, url));\n      }\n\n      this.loaded = true;\n    })();\n\n    return this.loadPromise;\n  }\n\n  /** Pick a loaded icon by registry name, e.g. `prize.free-spins`. */\n  get(name: string): IconHandle {\n    this.assertLoaded();\n    const icon = this.registry.get(name);\n    if (!icon) {\n      throw new Error(`[IconService] Unknown icon \"${name}\"`);\n    }\n    return icon;\n  }\n\n  has(name: string): boolean {\n    this.assertLoaded();\n    return this.registry.has(name);\n  }\n\n  resolvePrizeIconName(label: LabelKey | string | undefined): PrizeIconName {\n    return resolvePrizeIconName(label);\n  }\n\n  resolveGameIconName(id: string, index: number): GameIconName {\n    return resolveGameIconName(id, index);\n  }\n\n  resolveWinIconName(name: string, index: number): WinIconName {\n    const key = `win.${name}` as WinIconName;\n    if (this.has(key)) return key;\n\n    const fallback: WinIconName[] = [\n      'win.bag',\n      'win.coin',\n      'win.trophy',\n      'win.fire',\n      'win.gem',\n      'win.bolt',\n    ];\n    return fallback[index % fallback.length];\n  }\n\n  resolveStatIconName(name: string): StatIconName {\n    const key = `stat.${name}` as StatIconName;\n    return this.has(key) ? key : 'stat.users';\n  }\n\n  render(name: string, options?: IconRenderOptions): TemplateResult {\n    return this.get(name).render(options);\n  }\n\n  svg(name: string): TemplateResult {\n    return this.get(name).svg();\n  }\n\n  url(name: string): string {\n    const icon = this.get(name);\n    if (icon.kind !== 'image' || !icon.url) {\n      throw new Error(`[IconService] Icon \"${name}\" has no image URL`);\n    }\n    return icon.url;\n  }\n\n  private assertLoaded(): void {\n    if (!this.loaded) {\n      throw new Error('[IconService] Call load() before get()');\n    }\n  }\n}\n\nexport const iconService = new IconService();\n\nexport function prizeIconSvg(\n  label: LabelKey | string | undefined,\n): TemplateResult {\n  return iconService.svg(iconService.resolvePrizeIconName(label));\n}\n\nexport function renderPrizeIcon(\n  label: LabelKey | string | undefined,\n  className = '',\n): TemplateResult {\n  return iconService.render(iconService.resolvePrizeIconName(label), {\n    className: ['prize-icon', className].filter(Boolean).join(' '),\n  });\n}\n\nexport function resolveGameImage(id: string, index: number): string {\n  return iconService.url(iconService.resolveGameIconName(id, index));\n}\n\nexport function winIcon(name: string): TemplateResult {\n  const registryName = name.startsWith('win.') ? name : `win.${name}`;\n  return iconService.svg(registryName);\n}\n"],"names":["svgModules","__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","GAME_ICON_URLS","cards","chips","dice","gatesOfOlympus","roulette","slotMachine","GAME_ICON_FALLBACK_ORDER","GAME_ID_TO_ICON","iconNameFromPath","path","createSvgHandle","name","markup","html","unsafeSVG","className","content","createImageHandle","url","alt","resolvePrizeIconName","label","text","labelText","resolveGameIconName","id","index","IconService","icon","key","fallback","options","iconService","winIcon","registryName"],"mappings":"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"}

package/dist/components/os-leaderboard-casino/services/index.d.ts

@@ -0,0 +1,2 @@
+export { AdapterService, adapterService } from './adapter.service.js';
+export { IconService, iconService, type GameIconName, type IconHandle, type IconName, type IconRenderOptions, type PrizeIconName, type StatIconName, type WinIconName, prizeIconSvg, renderPrizeIcon, resolveGameImage, winIcon, } from './icon.service.js';

package/dist/components/os-leaderboard-casino/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { osLeaderboardCasinoTheme, glassCard } from './styles.js';
+export { renderPlayerName, vipBadge } from './vip-mark.js';
+export { prizeIconSvg, renderPrizeIcon } from './prize-icons.js';

package/dist/components/os-leaderboard-casino/theme/prize-icons.d.ts

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

package/dist/components/os-leaderboard-casino/theme/prize-resolve.d.ts

@@ -0,0 +1,5 @@
+import { QuizPrize } from '../types/data.js';
+/** Prize tier that covers `rank` (inclusive range). */
+export declare function prizeForRank(prizes: QuizPrize[], rank: number): QuizPrize | undefined;
+export declare function isPodiumPrize(prize: QuizPrize): boolean;
+export declare function podiumVariantForRank(rank: 1 | 2 | 3): 'gold' | 'silver' | 'bronze';

package/dist/components/os-leaderboard-casino/theme/prize-resolve.js

@@ -0,0 +1,11 @@
+function i(n, r) {
+  return n.find((o) => r >= o.rankFrom && r <= o.rankTo);
+}
+function t(n) {
+  return { 1: "gold", 2: "silver", 3: "bronze" }[n];
+}
+export {
+  t as podiumVariantForRank,
+  i as prizeForRank
+};
+//# sourceMappingURL=prize-resolve.js.map

package/dist/components/os-leaderboard-casino/theme/prize-resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prize-resolve.js","sources":["../../../../src/components/os-leaderboard-casino/theme/prize-resolve.ts"],"sourcesContent":["import type { QuizPrize } from '@os-leaderboard-casino/types/data.js';\n\n/** Prize tier that covers `rank` (inclusive range). */\nexport function prizeForRank(\n  prizes: QuizPrize[],\n  rank: number,\n): QuizPrize | undefined {\n  return prizes.find((prize) => rank >= prize.rankFrom && rank <= prize.rankTo);\n}\n\nexport function isPodiumPrize(prize: QuizPrize): boolean {\n  return (\n    prize.rankFrom === prize.rankTo &&\n    prize.rankFrom >= 1 &&\n    prize.rankFrom <= 3\n  );\n}\n\nexport function podiumVariantForRank(\n  rank: 1 | 2 | 3,\n): 'gold' | 'silver' | 'bronze' {\n  return ({ 1: 'gold', 2: 'silver', 3: 'bronze' } as const)[rank];\n}\n"],"names":["prizeForRank","prizes","rank","prize","podiumVariantForRank"],"mappings":"AAGO,SAASA,EACdC,GACAC,GACuB;AACvB,SAAOD,EAAO,KAAK,CAACE,MAAUD,KAAQC,EAAM,YAAYD,KAAQC,EAAM,MAAM;AAC9E;AAUO,SAASC,EACdF,GAC8B;AAC9B,SAAQ,EAAE,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAA,EAAqBA,CAAI;AAChE;"}

package/dist/components/os-leaderboard-casino/theme/styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Design tokens — "casino noir" glam.
+ * Champagne gold on deep noir, glassy surfaces, soft neon accents.
+ * Each color token reads an external `--os-casino-*` override first so
+ * consumers can theme the component from outside the shadow DOM.
+ */
+export declare const osLeaderboardCasinoTheme: import('lit').CSSResult;
+/** Shared glass-card recipe used across sections. */
+export declare const glassCard: import('lit').CSSResult;

package/dist/components/os-leaderboard-casino/theme/styles.js

@@ -0,0 +1,179 @@
+import { css as a } from "@lit/reactive-element/css-tag.js";
+const o = a`
+  :host {
+    --bg: var(--os-casino-bg, #0a0712);
+    --bg-2: var(--os-casino-bg-2, #110b1e);
+    --surface: var(--os-casino-surface, rgba(26, 19, 42, 0.78));
+    --surface-solid: var(--os-casino-surface-solid, #1a132a);
+    --surface-2: var(--os-casino-surface-2, rgba(38, 28, 60, 0.85));
+    --glass-blur: 14px;
+    --radius-lg: 20px;
+    --hairline: var(--os-casino-hairline, rgba(255, 255, 255, 0.07));
+    --hairline-strong: var(--os-casino-hairline-strong, rgba(255, 255, 255, 0.13));
+    --hairline-gold: var(--os-casino-hairline-gold, rgba(245, 196, 81, 0.22));
+
+    --text: var(--os-casino-text, #f7f3ff);
+    --text-dim: var(--os-casino-text-dim, #ab9fce);
+    --text-faint: var(--os-casino-text-faint, #6e6394);
+
+    --gold: var(--os-casino-gold, #f5c451);
+    --gold-strong: var(--os-casino-gold-strong, #ffe093);
+    --gold-deep: var(--os-casino-gold-deep, #c98f1d);
+    --gold-soft: var(--os-casino-gold-soft, rgba(245, 196, 81, 0.13));
+    --gold-glow: var(--os-casino-gold-glow, rgba(245, 196, 81, 0.38));
+    --gold-gradient: var(
+      --os-casino-gold-gradient,
+      linear-gradient(
+        120deg,
+        #8a5e10 0%,
+        #f5c451 28%,
+        #ffe9b0 50%,
+        #f5c451 72%,
+        #8a5e10 100%
+      )
+    );
+
+    --silver: var(--os-casino-silver, #cfd6e4);
+    --silver-soft: var(--os-casino-silver-soft, rgba(207, 214, 228, 0.12));
+    --bronze: var(--os-casino-bronze, #d99a66);
+    --bronze-soft: var(--os-casino-bronze-soft, rgba(217, 154, 102, 0.12));
+
+    --violet: var(--os-casino-violet, #9d6bff);
+    --violet-soft: var(--os-casino-violet-soft, rgba(157, 107, 255, 0.16));
+    --green: var(--os-casino-green, #41e6a5);
+    --green-soft: var(--os-casino-green-soft, rgba(65, 230, 165, 0.13));
+    --cyan: var(--os-casino-cyan, #5fe6ff);
+    --cyan-soft: var(--os-casino-cyan-soft, rgba(95, 230, 255, 0.13));
+    --red: var(--os-casino-red, #ff5d7c);
+    --red-soft: var(--os-casino-red-soft, rgba(255, 93, 124, 0.13));
+
+    --radius: 20px;
+    --radius-sm: 13px;
+    --shadow: 0 22px 48px -24px rgba(0, 0, 0, 0.95);
+    --shadow-gold: 0 12px 42px -16px var(--gold-glow);
+
+    --font-display: var(--os-casino-font-display, 'Sora', system-ui, sans-serif);
+    --font-body: var(--os-casino-font-body, 'Inter', system-ui, sans-serif);
+    --font-mono: var(--os-casino-font-mono, ui-monospace, 'JetBrains Mono', monospace);
+
+    font-family: var(--font-body);
+
+    --transition-fast: 0.2s ease;
+
+    --accent-2: var(--os-casino-accent-2, color-mix(in srgb, var(--violet) 28%, transparent));
+
+    --panel-bg: linear-gradient(
+      120deg,
+      color-mix(in srgb, var(--surface-solid) 94%, transparent),
+      color-mix(in srgb, var(--surface) 88%, transparent)
+    );
+    --panel-border: color-mix(in srgb, var(--violet) 22%, var(--hairline));
+    --panel-shadow: 0 18px 50px -28px color-mix(in srgb, black 90%, transparent);
+    --panel-fade-start: color-mix(in srgb, var(--surface-solid) 94%, transparent);
+    --panel-fade-end: color-mix(in srgb, var(--surface) 88%, transparent);
+  }
+
+  .section-header {
+    display: flex;
+    align-items: baseline;
+    gap: 12px;
+    margin-bottom: 12px;
+  }
+
+  .section-header:has(.strategy) {
+    align-items: center;
+  }
+
+  .section-title {
+    margin: 0;
+    font-family: var(--font-display);
+    font-size: 15px;
+    font-weight: 800;
+    letter-spacing: 0.02em;
+    color: var(--text);
+  }
+
+  .player-name {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .player-name .name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: 700;
+  }
+
+  .player-name .vip-badge {
+    flex: none;
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    font-family: var(--font-body);
+    font-size: 9.5px;
+    font-weight: 800;
+    letter-spacing: 0.08em;
+    line-height: 1;
+    text-transform: uppercase;
+    color: var(--gold);
+    border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
+    border-radius: 5px;
+    padding: 1px 5px;
+    background: transparent;
+    vertical-align: middle;
+  }
+
+  .player-name .vip-badge svg {
+    width: 10px;
+    height: 10px;
+    flex-shrink: 0;
+  }
+
+  .prize-icon {
+    display: inline-grid;
+    place-items: center;
+    flex: none;
+    width: 18px;
+    height: 18px;
+    vertical-align: -3px;
+  }
+
+  .prize-icon--inline {
+    width: 14px;
+    height: 14px;
+    vertical-align: -2px;
+  }
+
+  .prize-entry {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .prize-entry .prize-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+  }
+`;
+a`
+  .glass {
+    background: var(--surface);
+    border: 1px solid var(--hairline);
+    border-radius: var(--radius);
+    box-shadow: var(--shadow);
+    backdrop-filter: blur(var(--glass-blur));
+    -webkit-backdrop-filter: blur(var(--glass-blur));
+  }
+`;
+export {
+  o as osLeaderboardCasinoTheme
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/os-leaderboard-casino/theme/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/os-leaderboard-casino/theme/styles.ts"],"sourcesContent":["import { css } from '@lit/reactive-element/css-tag.js';\n\n/**\n * Design tokens — \"casino noir\" glam.\n * Champagne gold on deep noir, glassy surfaces, soft neon accents.\n * Each color token reads an external `--os-casino-*` override first so\n * consumers can theme the component from outside the shadow DOM.\n */\nexport const osLeaderboardCasinoTheme = css`\n  :host {\n    --bg: var(--os-casino-bg, #0a0712);\n    --bg-2: var(--os-casino-bg-2, #110b1e);\n    --surface: var(--os-casino-surface, rgba(26, 19, 42, 0.78));\n    --surface-solid: var(--os-casino-surface-solid, #1a132a);\n    --surface-2: var(--os-casino-surface-2, rgba(38, 28, 60, 0.85));\n    --glass-blur: 14px;\n    --radius-lg: 20px;\n    --hairline: var(--os-casino-hairline, rgba(255, 255, 255, 0.07));\n    --hairline-strong: var(--os-casino-hairline-strong, rgba(255, 255, 255, 0.13));\n    --hairline-gold: var(--os-casino-hairline-gold, rgba(245, 196, 81, 0.22));\n\n    --text: var(--os-casino-text, #f7f3ff);\n    --text-dim: var(--os-casino-text-dim, #ab9fce);\n    --text-faint: var(--os-casino-text-faint, #6e6394);\n\n    --gold: var(--os-casino-gold, #f5c451);\n    --gold-strong: var(--os-casino-gold-strong, #ffe093);\n    --gold-deep: var(--os-casino-gold-deep, #c98f1d);\n    --gold-soft: var(--os-casino-gold-soft, rgba(245, 196, 81, 0.13));\n    --gold-glow: var(--os-casino-gold-glow, rgba(245, 196, 81, 0.38));\n    --gold-gradient: var(\n      --os-casino-gold-gradient,\n      linear-gradient(\n        120deg,\n        #8a5e10 0%,\n        #f5c451 28%,\n        #ffe9b0 50%,\n        #f5c451 72%,\n        #8a5e10 100%\n      )\n    );\n\n    --silver: var(--os-casino-silver, #cfd6e4);\n    --silver-soft: var(--os-casino-silver-soft, rgba(207, 214, 228, 0.12));\n    --bronze: var(--os-casino-bronze, #d99a66);\n    --bronze-soft: var(--os-casino-bronze-soft, rgba(217, 154, 102, 0.12));\n\n    --violet: var(--os-casino-violet, #9d6bff);\n    --violet-soft: var(--os-casino-violet-soft, rgba(157, 107, 255, 0.16));\n    --green: var(--os-casino-green, #41e6a5);\n    --green-soft: var(--os-casino-green-soft, rgba(65, 230, 165, 0.13));\n    --cyan: var(--os-casino-cyan, #5fe6ff);\n    --cyan-soft: var(--os-casino-cyan-soft, rgba(95, 230, 255, 0.13));\n    --red: var(--os-casino-red, #ff5d7c);\n    --red-soft: var(--os-casino-red-soft, rgba(255, 93, 124, 0.13));\n\n    --radius: 20px;\n    --radius-sm: 13px;\n    --shadow: 0 22px 48px -24px rgba(0, 0, 0, 0.95);\n    --shadow-gold: 0 12px 42px -16px var(--gold-glow);\n\n    --font-display: var(--os-casino-font-display, 'Sora', system-ui, sans-serif);\n    --font-body: var(--os-casino-font-body, 'Inter', system-ui, sans-serif);\n    --font-mono: var(--os-casino-font-mono, ui-monospace, 'JetBrains Mono', monospace);\n\n    font-family: var(--font-body);\n\n    --transition-fast: 0.2s ease;\n\n    --accent-2: var(--os-casino-accent-2, color-mix(in srgb, var(--violet) 28%, transparent));\n\n    --panel-bg: linear-gradient(\n      120deg,\n      color-mix(in srgb, var(--surface-solid) 94%, transparent),\n      color-mix(in srgb, var(--surface) 88%, transparent)\n    );\n    --panel-border: color-mix(in srgb, var(--violet) 22%, var(--hairline));\n    --panel-shadow: 0 18px 50px -28px color-mix(in srgb, black 90%, transparent);\n    --panel-fade-start: color-mix(in srgb, var(--surface-solid) 94%, transparent);\n    --panel-fade-end: color-mix(in srgb, var(--surface) 88%, transparent);\n  }\n\n  .section-header {\n    display: flex;\n    align-items: baseline;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n\n  .section-header:has(.strategy) {\n    align-items: center;\n  }\n\n  .section-title {\n    margin: 0;\n    font-family: var(--font-display);\n    font-size: 15px;\n    font-weight: 800;\n    letter-spacing: 0.02em;\n    color: var(--text);\n  }\n\n  .player-name {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .player-name .name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-weight: 700;\n  }\n\n  .player-name .vip-badge {\n    flex: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    font-family: var(--font-body);\n    font-size: 9.5px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    line-height: 1;\n    text-transform: uppercase;\n    color: var(--gold);\n    border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);\n    border-radius: 5px;\n    padding: 1px 5px;\n    background: transparent;\n    vertical-align: middle;\n  }\n\n  .player-name .vip-badge svg {\n    width: 10px;\n    height: 10px;\n    flex-shrink: 0;\n  }\n\n  .prize-icon {\n    display: inline-grid;\n    place-items: center;\n    flex: none;\n    width: 18px;\n    height: 18px;\n    vertical-align: -3px;\n  }\n\n  .prize-icon--inline {\n    width: 14px;\n    height: 14px;\n    vertical-align: -2px;\n  }\n\n  .prize-entry {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .prize-entry .prize-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n  }\n`;\n\n/** Shared glass-card recipe used across sections. */\nexport const glassCard = css`\n  .glass {\n    background: var(--surface);\n    border: 1px solid var(--hairline);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    backdrop-filter: blur(var(--glass-blur));\n    -webkit-backdrop-filter: blur(var(--glass-blur));\n  }\n`;\n"],"names":["osLeaderboardCasinoTheme","css"],"mappings":";AAQO,MAAMA,IAA2BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsKfA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/os-leaderboard-casino/theme/vip-icons.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from 'lit';
+export declare const iconCrown: () => TemplateResult;

package/dist/components/os-leaderboard-casino/theme/vip-icons.js

@@ -0,0 +1,6 @@
+import { iconService as o } from "../services/icon.service.js";
+const c = () => o.svg("vip.crown");
+export {
+  c as iconCrown
+};
+//# sourceMappingURL=vip-icons.js.map

package/dist/components/os-leaderboard-casino/theme/vip-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vip-icons.js","sources":["../../../../src/components/os-leaderboard-casino/theme/vip-icons.ts"],"sourcesContent":["import type { TemplateResult } from 'lit';\nimport { iconService } from '@os-leaderboard-casino/services/icon.service.js';\n\nexport const iconCrown = (): TemplateResult => iconService.svg('vip.crown');\n"],"names":["iconCrown","iconService"],"mappings":";AAGO,MAAMA,IAAY,MAAsBC,EAAY,IAAI,WAAW;"}

package/dist/components/os-leaderboard-casino/theme/vip-mark.d.ts

@@ -0,0 +1,7 @@
+import { nothing, TemplateResult } from 'lit';
+/** v0 vip badge — slim outline tag with crown + VIP label. */
+export declare function vipBadge(vip?: boolean): TemplateResult | typeof nothing;
+export declare function renderPlayerName(username: string, options?: {
+    vip?: boolean;
+    suffix?: TemplateResult | typeof nothing;
+}): TemplateResult;

package/dist/components/os-leaderboard-casino/theme/vip-mark.js

@@ -0,0 +1,20 @@
+import { nothing as s, html as e } from "lit";
+import { iconCrown as p } from "./vip-icons.js";
+function i(n) {
+  return n ? e`<span class="vip-badge">${p()}VIP</span>` : s;
+}
+function f(n, a) {
+  const r = a?.vip ?? !1;
+  return e`
+    <span class="player-name ${r ? "is-vip" : ""}">
+      ${i(r)}
+      <span class="name">${n}</span>
+      ${a?.suffix ?? s}
+    </span>
+  `;
+}
+export {
+  f as renderPlayerName,
+  i as vipBadge
+};
+//# sourceMappingURL=vip-mark.js.map

package/dist/components/os-leaderboard-casino/theme/vip-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vip-mark.js","sources":["../../../../src/components/os-leaderboard-casino/theme/vip-mark.ts"],"sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { iconCrown } from './vip-icons.js';\n\n/** v0 vip badge — slim outline tag with crown + VIP label. */\nexport function vipBadge(vip?: boolean): TemplateResult | typeof nothing {\n  if (!vip) return nothing;\n  return html`<span class=\"vip-badge\">${iconCrown()}VIP</span>`;\n}\n\nexport function renderPlayerName(\n  username: string,\n  options?: { vip?: boolean; suffix?: TemplateResult | typeof nothing },\n): TemplateResult {\n  const vip = options?.vip ?? false;\n\n  return html`\n    <span class=\"player-name ${vip ? 'is-vip' : ''}\">\n      ${vipBadge(vip)}\n      <span class=\"name\">${username}</span>\n      ${options?.suffix ?? nothing}\n    </span>\n  `;\n}\n"],"names":["vipBadge","vip","html","iconCrown","nothing","renderPlayerName","username","options"],"mappings":";;AAIO,SAASA,EAASC,GAAgD;AACvE,SAAKA,IACEC,4BAA+BC,GAAW,eADhCC;AAEnB;AAEO,SAASC,EACdC,GACAC,GACgB;AAChB,QAAMN,IAAMM,GAAS,OAAO;AAE5B,SAAOL;AAAA,+BACsBD,IAAM,WAAW,EAAE;AAAA,QAC1CD,EAASC,CAAG,CAAC;AAAA,2BACMK,CAAQ;AAAA,QAC3BC,GAAS,UAAUH,CAAO;AAAA;AAAA;AAGlC;"}

package/dist/components/os-leaderboard-casino/types/assets.d.ts

@@ -0,0 +1,40 @@
+import { LeaderboardCasinoLabels, LeaderboardCasinoPresetId, LeaderboardCasinoPresetMeta } from './input.js';
+import { OsLeaderboardCasinoConfig, OsLeaderboardCasinoMainSectionId, OsLeaderboardCasinoSectionId, OsLeaderboardCasinoState } from './state.js';
+export interface LeaderboardCasinoAssetsTheme {
+    id: string;
+    label: string;
+    description?: string;
+    appearance: OsLeaderboardCasinoConfig['appearance'];
+    vars?: Record<string, string>;
+}
+export interface LeaderboardCasinoAssetsPreset {
+    id: LeaderboardCasinoPresetId;
+    label: string;
+    description: string;
+    appearance: OsLeaderboardCasinoConfig['appearance'];
+    themeId: string;
+    config: {
+        labels?: LeaderboardCasinoLabels;
+        enabled: readonly OsLeaderboardCasinoSectionId[];
+        mainOrder?: readonly OsLeaderboardCasinoMainSectionId[];
+    };
+}
+/** Static JSON bundle the parent app provides (or ships under `/assets/...`). */
+export interface LeaderboardCasinoAssetsBundle {
+    version: 1;
+    labels: LeaderboardCasinoLabels;
+    themes: readonly LeaderboardCasinoAssetsTheme[];
+    presets: {
+        defaultPresetId: LeaderboardCasinoPresetId;
+        presets: readonly LeaderboardCasinoAssetsPreset[];
+    };
+    catalog: readonly LeaderboardCasinoPresetMeta[];
+    resolvedPresets: Record<string, OsLeaderboardCasinoState>;
+}
+/** Parent passes inline JSON and/or a base URL to static files under `assets/`. */
+export interface LeaderboardCasinoAssetsInput {
+    /** Full bundle — preferred when parent already loaded JSON. */
+    bundle?: LeaderboardCasinoAssetsBundle | null;
+    /** e.g. `/assets/producer_output/os-leaderboard-casino/free` — loads `bundle.json`. */
+    baseUrl?: string;
+}