@oddsmith/ui 1.0.1 → 1.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"table-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/table-section/table-section.ts"],"sourcesContent":["import { LitElement, html, nothing } 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 {\n  DEFAULT_CTA_LABEL,\n  DEFAULT_CTA_LABEL_FINISHED,\n  DEFAULT_TABLE_TITLE,\n} from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_TABLE } 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 {\n  labelText,\n  type QuizPrize,\n  type UserRank,\n} from '@os-leaderboard-casino/types/data.js';\nimport {\n  podiumVariantForRank,\n  prizeForRank,\n} from '@os-leaderboard-casino/theme/prize-resolve.js';\nimport { OS_LEADERBOARD_CASINO_OPEN } from '@os-leaderboard-casino/types/events.js';\nimport type { OsLeaderboardCasinoTableView } from '@os-leaderboard-casino/types/sections.js';\nimport type { TableSectionHost } from './table-section.host.js';\nimport '@os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.js';\nimport renderTemplate from './table-section.html?lit-html';\nimport styles from './table-section.scss?inline';\n\nfunction formatTotalBet(value: number): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\nfunction formatGamesPlayed(value: number | undefined): string {\n  return value != null ? value.toLocaleString() : '—';\n}\n\nfunction addViewBox(svg: string): string {\n  return svg.replace('<svg ', '<svg viewBox=\"0 0 512 512\" ');\n}\n\nconst rankUpSvgVb = addViewBox(rankUpSvg);\nconst rankDownSvgVb = addViewBox(rankDownSvg);\nconst rankNeutralSvgVb = addViewBox(rankNeutralSvg);\n\n/** Top-players preview — pinned current user, golden CTA. */\n@Component({ selector: OS_LEADERBOARD_CASINO_TABLE })\nexport class OsLeaderboardCasinoTable\n  extends LitElement\n  implements TableSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  private _resizeObserver?: ResizeObserver;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this._syncStickyWidth());\n    this._resizeObserver.observe(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._resizeObserver?.disconnect();\n  }\n\n  protected updated() {\n    this._syncStickyWidth();\n  }\n\n  private _syncStickyWidth() {\n    const card = this.shadowRoot?.querySelector<HTMLElement>('.card');\n    const player = this.shadowRoot?.querySelector<HTMLElement>('.col-player');\n\n    if (card) {\n      this.style.setProperty(\n        '--table-scrollport-width',\n        `${card.clientWidth}px`,\n      );\n    }\n\n    if (player) {\n      this.style.setProperty(\n        '--sticky-player-width',\n        `${player.offsetWidth}px`,\n      );\n    }\n  }\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoTableView;\n\n  /** Campaign uuid included in the `leaderboard-open` event detail. */\n  @property({ type: String })\n  uuid = '';\n\n  @property({ type: Boolean })\n  finished = false;\n\n  get sectionTitle(): string {\n    return DEFAULT_TABLE_TITLE;\n  }\n\n  get ctaLabel(): string {\n    return (\n      this.section?.ctaLabel ??\n      (this.finished ? DEFAULT_CTA_LABEL_FINISHED : DEFAULT_CTA_LABEL)\n    );\n  }\n\n  private get visiblePlayers(): UserRank[] {\n    return this.section?.topPlayers ?? [];\n  }\n\n  private get pinnedCurrentUser(): UserRank | undefined {\n    const current = this.section?.currentUser;\n    if (!current || !('you' in current)) return undefined;\n    const players = this.section?.topPlayers ?? [];\n    return players.some((p) => p.you) ? undefined : current;\n  }\n\n  get hasPlayers(): boolean {\n    return this.visiblePlayers.length > 0;\n  }\n\n  get emptyMessage(): string {\n    return 'No players yet.';\n  }\n\n  get showPinned(): boolean {\n    return this.pinnedCurrentUser != null;\n  }\n\n  onOpenClick() {\n    this.dispatchEvent(\n      new CustomEvent(OS_LEADERBOARD_CASINO_OPEN, {\n        detail: { uuid: this.uuid },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private resolvePlayerPrize(player: UserRank): QuizPrize | null {\n    const prizes = this.section?.prizes ?? [];\n    return prizeForRank(prizes, player.rank) ?? player.prize;\n  }\n\n  private renderRankChange(player: UserRank) {\n    if (player.previousRank == null)\n      return html`<span class=\"chip flat\"\n        >${unsafeSVG(rankNeutralSvgVb)}</span\n      >`;\n    const delta = player.previousRank - player.rank;\n    if (delta === 0)\n      return html`<span class=\"chip flat\"\n        >${unsafeSVG(rankNeutralSvgVb)}</span\n      >`;\n    if (delta > 0)\n      return html`<span class=\"chip up\"\n        >${unsafeSVG(rankUpSvgVb)}${delta}</span\n      >`;\n    return html`<span class=\"chip down\"\n      >${unsafeSVG(rankDownSvgVb)}${Math.abs(delta)}</span\n    >`;\n  }\n\n  private avatarUrl(username: string): string {\n    return `https://api.dicebear.com/9.x/lorelei/svg?seed=${encodeURIComponent(\n      username,\n    )}`;\n  }\n\n  private renderRow(player: UserRank) {\n    const podiumClass =\n      !player.you && player.rank <= 3 ? `podium-${player.rank}` : '';\n    const prize = this.resolvePlayerPrize(player);\n    const totalBet =\n      player.totalBet ?? Math.round(player.points * (1.8 + player.rank * 0.04));\n    return html`\n      <div\n        class=\"row ${player.you ? 'you' : ''} ${player.vip\n          ? 'vip'\n          : ''} ${podiumClass}\"\n      >\n        ${player.rank <= 3 && !player.you\n          ? html`<span class=\"rank col-rank\"\n              ><os-leaderboard-casino-medal-coin\n                variant=${podiumVariantForRank(player.rank as 1 | 2 | 3)}\n                rank=${player.rank}\n                size=${30}\n              ></os-leaderboard-casino-medal-coin\n            ></span>`\n          : html`<span class=\"rank col-rank\">#${player.rank}</span>`}\n        <div class=\"player col-player\">\n          <span class=\"avatar\">\n            <img src=${this.avatarUrl(player.username)} alt=\"\" loading=\"lazy\" />\n          </span>\n          <span class=\"who\">\n            <span class=\"username\">\n              ${renderPlayerName(player.username, {\n                vip: player.vip,\n                suffix: player.you\n                  ? html`<span class=\"you-tag\">You</span>`\n                  : nothing,\n              })}\n            </span>\n            ${prize\n              ? html`<span class=\"prize-sub\"\n                  ><span class=\"prize-label\"\n                    >${labelText(prize.label)}</span\n                  ></span\n                >`\n              : nothing}\n          </span>\n        </div>\n        <span class=\"col-games\">${formatGamesPlayed(player.gamesPlayed)}</span>\n        <span class=\"col-win-rate\"\n          >${player.winRate != null ? `${player.winRate}%` : '—'}</span\n        >\n        <span class=\"col-bet\">${formatTotalBet(totalBet)}</span>\n        <span class=\"col-points\"><b>${player.points.toLocaleString()}</b></span>\n        <span class=\"col-rank-change\">${this.renderRankChange(player)}</span>\n      </div>\n    `;\n  }\n\n  renderPlayers() {\n    return html`${this.visiblePlayers.map((p) => this.renderRow(p))}`;\n  }\n\n  renderPinnedRow() {\n    const pinned = this.pinnedCurrentUser;\n    if (!pinned) return nothing;\n    return this.renderRow(pinned);\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["formatTotalBet","value","formatGamesPlayed","addViewBox","svg","rankUpSvgVb","rankUpSvg","rankDownSvgVb","rankDownSvg","rankNeutralSvgVb","rankNeutralSvg","OsLeaderboardCasinoTable","LitElement","card","player","DEFAULT_TABLE_TITLE","DEFAULT_CTA_LABEL_FINISHED","DEFAULT_CTA_LABEL","current","p","OS_LEADERBOARD_CASINO_OPEN","prizes","prizeForRank","html","unsafeSVG","delta","username","podiumClass","prize","totalBet","podiumVariantForRank","renderPlayerName","nothing","labelText","pinned","renderTemplate","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_TABLE"],"mappings":"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"}
+{"version":3,"file":"table-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/table-section/table-section.ts"],"sourcesContent":["import { LitElement, html, nothing } 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 {\n  DEFAULT_CTA_LABEL,\n  DEFAULT_CTA_LABEL_FINISHED,\n  DEFAULT_TABLE_TITLE,\n} from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_TABLE } 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 {\n  labelText,\n  type QuizPrize,\n  type UserRank,\n} from '@os-leaderboard-casino/types/data.js';\nimport {\n  podiumVariantForRank,\n  prizeForRank,\n} from '@os-leaderboard-casino/theme/prize-resolve.js';\nimport { OS_LEADERBOARD_CASINO_OPEN } from '@os-leaderboard-casino/types/events.js';\nimport type { OsLeaderboardCasinoTableView } from '@os-leaderboard-casino/types/sections.js';\nimport type { TableSectionHost } from './table-section.host.js';\nimport '@os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.js';\nimport renderTemplate from './table-section.html?lit-html';\nimport styles from './table-section.scss?inline';\n\nfunction formatTotalBet(value: number): string {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: 'USD',\n    maximumFractionDigits: 0,\n  }).format(value);\n}\n\nfunction formatGamesPlayed(value: number | undefined): string {\n  return value != null ? value.toLocaleString() : '—';\n}\n\nfunction addViewBox(svg: string): string {\n  return svg.replace('<svg ', '<svg viewBox=\"0 0 512 512\" ');\n}\n\nconst rankUpSvgVb = addViewBox(rankUpSvg);\nconst rankDownSvgVb = addViewBox(rankDownSvg);\nconst rankNeutralSvgVb = addViewBox(rankNeutralSvg);\n\n/** Top-players preview — pinned current user, golden CTA. */\n@Component({ selector: OS_LEADERBOARD_CASINO_TABLE })\nexport class OsLeaderboardCasinoTable\n  extends LitElement\n  implements TableSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  private _resizeObserver?: ResizeObserver;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this._syncStickyWidth());\n    this._resizeObserver.observe(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._resizeObserver?.disconnect();\n  }\n\n  protected updated() {\n    this._syncStickyWidth();\n  }\n\n  private _syncStickyWidth() {\n    const card = this.shadowRoot?.querySelector<HTMLElement>('.card');\n    const player = this.shadowRoot?.querySelector<HTMLElement>('.col-player');\n\n    if (card) {\n      this.style.setProperty(\n        '--table-scrollport-width',\n        `${card.clientWidth}px`,\n      );\n    }\n\n    if (player) {\n      this.style.setProperty(\n        '--sticky-player-width',\n        `${player.offsetWidth}px`,\n      );\n    }\n  }\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoTableView;\n\n  /** Campaign uuid included in the `leaderboard-open` event detail. */\n  @property({ type: String })\n  uuid = '';\n\n  @property({ type: Boolean })\n  finished = false;\n\n  get sectionTitle(): string {\n    return DEFAULT_TABLE_TITLE;\n  }\n\n  get ctaLabel(): string {\n    return (\n      this.section?.ctaLabel ??\n      (this.finished ? DEFAULT_CTA_LABEL_FINISHED : DEFAULT_CTA_LABEL)\n    );\n  }\n\n  private get visiblePlayers(): UserRank[] {\n    return this.section?.topPlayers ?? [];\n  }\n\n  private get pinnedCurrentUser(): UserRank | undefined {\n    const current = this.section?.currentUser;\n    if (!current || !('you' in current)) return undefined;\n    const players = this.section?.topPlayers ?? [];\n    return players.some((p) => p.you) ? undefined : current;\n  }\n\n  get hasPlayers(): boolean {\n    return this.visiblePlayers.length > 0;\n  }\n\n  get emptyMessage(): string {\n    return 'No players yet.';\n  }\n\n  get showPinned(): boolean {\n    return this.pinnedCurrentUser != null;\n  }\n\n  onOpenClick() {\n    this.dispatchEvent(\n      new CustomEvent(OS_LEADERBOARD_CASINO_OPEN, {\n        detail: { uuid: this.uuid },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private resolvePlayerPrize(player: UserRank): QuizPrize | null {\n    const prizes = this.section?.prizes ?? [];\n    return prizeForRank(prizes, player.rank) ?? player.prize;\n  }\n\n  private renderRankChange(player: UserRank) {\n    if (player.previousRank == null)\n      return html`<span class=\"chip flat\"\n        >${unsafeSVG(rankNeutralSvgVb)}</span\n      >`;\n    const delta = player.previousRank - player.rank;\n    if (delta === 0)\n      return html`<span class=\"chip flat\"\n        >${unsafeSVG(rankNeutralSvgVb)}</span\n      >`;\n    if (delta > 0)\n      return html`<span class=\"chip up\"\n        >${unsafeSVG(rankUpSvgVb)}${delta}</span\n      >`;\n    return html`<span class=\"chip down\"\n      >${unsafeSVG(rankDownSvgVb)}${Math.abs(delta)}</span\n    >`;\n  }\n\n  private avatarUrl(username: string): string {\n    return `https://api.dicebear.com/9.x/lorelei/svg?seed=${encodeURIComponent(\n      username,\n    )}`;\n  }\n\n  private renderRow(player: UserRank) {\n    const podiumClass =\n      !player.you && player.rank <= 3 ? `podium-${player.rank}` : '';\n    const prize = this.resolvePlayerPrize(player);\n    const totalBet =\n      player.totalBet ?? Math.round(player.points * (1.8 + player.rank * 0.04));\n    return html`\n      <div\n        class=\"row ${player.you ? 'you' : ''} ${player.vip\n          ? 'vip'\n          : ''} ${podiumClass}\"\n      >\n        ${player.rank <= 3 && !player.you\n          ? html`<span class=\"rank col-rank\"\n              ><os-leaderboard-casino-medal-coin\n                variant=${podiumVariantForRank(player.rank as 1 | 2 | 3)}\n                rank=${player.rank}\n                size=${30}\n              ></os-leaderboard-casino-medal-coin\n            ></span>`\n          : html`<span class=\"rank col-rank\">#${player.rank}</span>`}\n        <div class=\"player col-player\">\n          <span class=\"avatar\">\n            <img src=${this.avatarUrl(player.username)} alt=\"\" loading=\"lazy\" />\n          </span>\n          <span class=\"who\">\n            <span class=\"username\">\n              ${renderPlayerName(player.username, {\n                vip: player.vip,\n                suffix: player.you\n                  ? html`<span class=\"you-tag\">You</span>`\n                  : nothing,\n              })}\n            </span>\n            ${prize\n              ? html`<span class=\"prize-sub\"\n                  ><span class=\"prize-label\"\n                    >${labelText(prize.label)}</span\n                  ></span\n                >`\n              : nothing}\n          </span>\n        </div>\n        <span class=\"col-games\">${formatGamesPlayed(player.gamesPlayed)}</span>\n        <span class=\"col-win-rate\"\n          >${player.winRate != null ? `${player.winRate}%` : '—'}</span\n        >\n        <span class=\"col-bet\">${formatTotalBet(totalBet)}</span>\n        <span class=\"col-points\"><b>${player.points.toLocaleString()}</b></span>\n        <span class=\"col-rank-change\">${this.renderRankChange(player)}</span>\n      </div>\n    `;\n  }\n\n  renderPlayers() {\n    return html`${this.visiblePlayers.map((p) => this.renderRow(p))}`;\n  }\n\n  renderPinnedRow() {\n    const pinned = this.pinnedCurrentUser;\n    if (!pinned) return nothing;\n    return this.renderRow(pinned);\n  }\n\n  render() {\n    if (!this.section) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["formatTotalBet","value","formatGamesPlayed","addViewBox","svg","rankUpSvgVb","rankUpSvg","rankDownSvgVb","rankDownSvg","rankNeutralSvgVb","rankNeutralSvg","OsLeaderboardCasinoTable","LitElement","card","player","DEFAULT_TABLE_TITLE","DEFAULT_CTA_LABEL_FINISHED","DEFAULT_CTA_LABEL","current","p","OS_LEADERBOARD_CASINO_OPEN","prizes","prizeForRank","html","unsafeSVG","delta","username","podiumClass","prize","totalBet","podiumVariantForRank","renderPlayerName","nothing","labelText","pinned","renderTemplate","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_TABLE"],"mappings":"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"}

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

@@ -3,8 +3,8 @@ 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 p from "../assets/icons/prize.high-roller.svg.js";
+import u 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";
@@ -18,8 +18,10 @@ 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 "../../../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";
+import { unsafeSVG as n } from "../../../shared/vendor/lit-html-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";
@@ -33,8 +35,8 @@ const M = /* @__PURE__ */ Object.assign({
   "../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/prize.high-roller.svg": p,
+  "../assets/icons/prize.mystery-bonus.svg": u,
   "../assets/icons/stat.clock.svg": f,
   "../assets/icons/stat.gift.svg": v,
   "../assets/icons/stat.users.svg": d,
@@ -180,13 +182,13 @@ class T {
   }
 }
 const V = new T();
-function we(r) {
+function Ie(r) {
   const e = r.startsWith("win.") ? r : `win.${r}`;
   return V.svg(e);
 }
 export {
   T as IconService,
   V as iconService,
-  we as winIcon
+  Ie as winIcon
 };
 //# sourceMappingURL=icon.service.js.map

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

@@ -1 +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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"}
+{"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/theme/background.d.ts

@@ -0,0 +1,4 @@
+/** Normalize `#rgb`, `#rrggbb`, or `#rrggbbaa` to lowercase `#rrggbb`. */
+export declare function normalizeHexColor(input: string): string | null;
+/** Map a client hex background to host CSS custom properties. */
+export declare function resolveBackgroundVars(background: string): Record<string, string> | null;

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

@@ -0,0 +1,22 @@
+const e = /^#?(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+function o(n) {
+  return n.length !== 3 ? n : n.split("").map((t) => t + t).join("");
+}
+function i(n) {
+  const t = n.trim();
+  if (!e.test(t)) return null;
+  let r = t.startsWith("#") ? t.slice(1) : t;
+  return r = o(r), r.length === 8 && (r = r.slice(0, 6)), `#${r.toLowerCase()}`;
+}
+function s(n) {
+  const t = i(n);
+  return t ? {
+    "--os-casino-bg": t,
+    "--os-casino-bg-2": t
+  } : null;
+}
+export {
+  i as normalizeHexColor,
+  s as resolveBackgroundVars
+};
+//# sourceMappingURL=background.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"background.js","sources":["../../../../src/components/os-leaderboard-casino/theme/background.ts"],"sourcesContent":["const HEX_COLOR =\n  /^#?(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\n\nfunction expandShortHex(hex: string): string {\n  if (hex.length !== 3) return hex;\n  return hex\n    .split('')\n    .map((c) => c + c)\n    .join('');\n}\n\n/** Normalize `#rgb`, `#rrggbb`, or `#rrggbbaa` to lowercase `#rrggbb`. */\nexport function normalizeHexColor(input: string): string | null {\n  const trimmed = input.trim();\n  if (!HEX_COLOR.test(trimmed)) return null;\n\n  let hex = trimmed.startsWith('#') ? trimmed.slice(1) : trimmed;\n  hex = expandShortHex(hex);\n  if (hex.length === 8) hex = hex.slice(0, 6);\n\n  return `#${hex.toLowerCase()}`;\n}\n\n/** Map a client hex background to host CSS custom properties. */\nexport function resolveBackgroundVars(\n  background: string,\n): Record<string, string> | null {\n  const bg = normalizeHexColor(background);\n  if (!bg) return null;\n\n  return {\n    '--os-casino-bg': bg,\n    '--os-casino-bg-2': bg,\n  };\n}\n"],"names":["HEX_COLOR","expandShortHex","hex","c","normalizeHexColor","input","trimmed","resolveBackgroundVars","background","bg"],"mappings":"AAAA,MAAMA,IACJ;AAEF,SAASC,EAAeC,GAAqB;AAC3C,SAAIA,EAAI,WAAW,IAAUA,IACtBA,EACJ,MAAM,EAAE,EACR,IAAI,CAACC,MAAMA,IAAIA,CAAC,EAChB,KAAK,EAAE;AACZ;AAGO,SAASC,EAAkBC,GAA8B;AAC9D,QAAMC,IAAUD,EAAM,KAAA;AACtB,MAAI,CAACL,EAAU,KAAKM,CAAO,EAAG,QAAO;AAErC,MAAIJ,IAAMI,EAAQ,WAAW,GAAG,IAAIA,EAAQ,MAAM,CAAC,IAAIA;AACvD,SAAAJ,IAAMD,EAAeC,CAAG,GACpBA,EAAI,WAAW,UAASA,EAAI,MAAM,GAAG,CAAC,IAEnC,IAAIA,EAAI,YAAA,CAAa;AAC9B;AAGO,SAASK,EACdC,GAC+B;AAC/B,QAAMC,IAAKL,EAAkBI,CAAU;AACvC,SAAKC,IAEE;AAAA,IACL,kBAAkBA;AAAA,IAClB,oBAAoBA;AAAA,EAAA,IAJN;AAMlB;"}

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

@@ -1,8 +1,8 @@
-import { css as a } from "@lit/reactive-element/css-tag.js";
+import { css as a } from "../../../shared/vendor/lit-reactive-element-css-tag.js";
 const o = a`
   :host {
-    --bg: var(--os-casino-bg, #0a0712);
-    --bg-2: var(--os-casino-bg-2, #110b1e);
+    --bg: var(--os-casino-bg, #181622);
+    --bg-2: var(--os-casino-bg-2, #181622);
     --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));

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

@@ -1 +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;"}
+{"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, #181622);\n    --bg-2: var(--os-casino-bg-2, #181622);\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;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAsKfA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;"}

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

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

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

@@ -1 +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;"}
+{"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;AAAAA,+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

@@ -5,6 +5,8 @@ export interface LeaderboardCasinoAssetsTheme {
     label: string;
     description?: string;
     appearance: OsLeaderboardCasinoConfig['appearance'];
+    /** Solid page background (hex). */
+    background?: string;
     vars?: Record<string, string>;
 }
 export interface LeaderboardCasinoAssetsPreset {

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

@@ -7,6 +7,8 @@ export type LeaderboardCasinoPresetId = 'golden';
 /** Copy + palette overrides (theme + labels only on free tier). */
 export interface LeaderboardCasinoBranding {
     themeId?: string;
+    /** Page background as hex (`#rgb`, `#rrggbb`, or `#rrggbbaa`). */
+    background?: string;
     labels?: Partial<LeaderboardCasinoLabels>;
     /** CSS custom properties applied on the host element. */
     themeVars?: Record<string, string>;
@@ -46,7 +48,11 @@ export interface LeaderboardCasinoPlayer {
  * @example
  * ```ts
  * board.input = {
- *   branding: { themeId: 'glam-emerald', labels: { cta: 'Play now' } },
+ *   branding: {
+ *     themeId: 'glam-emerald',
+ *     background: '#151320',
+ *     labels: { cta: 'Play now' },
+ *   },
  *   campaign: {
  *     uuid: api.id,
  *     title: api.name,

package/dist/shared/lib/lit/scss.js

@@ -1,8 +1,8 @@
-import { unsafeCSS as n } from "@lit/reactive-element/css-tag.js";
-function s(r) {
-  return n(r);
+import { unsafeCSS as s } from "../../vendor/lit-reactive-element-css-tag.js";
+function o(r) {
+  return s(r);
 }
 export {
-  s as scss
+  o as scss
 };
 //# sourceMappingURL=scss.js.map

package/dist/shared/vendor/lit-element-lit-element.js

@@ -0,0 +1,45 @@
+import { ReactiveElement as s } from "./lit-reactive-element-reactive-element.js";
+import { defaultConverter as u, notEqual as m } from "./lit-reactive-element-reactive-element.js";
+import { render as o, noChange as i } from "./lit-html-lit-html.js";
+import { _$LH as E, html as f, nothing as R, svg as $ } from "./lit-html-lit-html.js";
+const e = globalThis;
+class r extends s {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var n;
+    const t = super.createRenderRoot();
+    return (n = this.renderOptions).renderBefore ?? (n.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const n = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = o(n, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return i;
+  }
+}
+r._$litElement$ = !0, r.finalized = !0, e.litElementHydrateSupport?.({ LitElement: r });
+const a = e.litElementPolyfillSupport;
+a?.({ LitElement: r });
+(e.litElementVersions ?? (e.litElementVersions = [])).push("4.2.2");
+export {
+  r as LitElement,
+  s as ReactiveElement,
+  E as _$LH,
+  u as defaultConverter,
+  f as html,
+  i as noChange,
+  m as notEqual,
+  R as nothing,
+  o as render,
+  $ as svg
+};
+//# sourceMappingURL=lit-element-lit-element.js.map

package/dist/shared/vendor/lit-element-lit-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-element-lit-element.js","sources":["../../../node_modules/lit/node_modules/lit-element/lit-element.js"],"sourcesContent":["import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.2\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n"],"names":["s","i","t","_a","r","e","o"],"mappings":";;;;AAKG,MAAMA,IAAE;AAAW,MAAMC,UAAUC,EAAC;AAAA,EAAC,cAAa;AAAC,UAAM,GAAG,SAAS,GAAE,KAAK,gBAAc,EAAC,MAAK,KAAI,GAAE,KAAK,OAAK;AAAA,EAAM;AAAA,EAAC,mBAAkB;;AAAC,UAAM,IAAE,MAAM,iBAAgB;AAAG,YAAOC,IAAA,KAAK,eAAc,iBAAnBA,EAAmB,eAAe,EAAE,aAAW;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE;AAAC,UAAMC,IAAE,KAAK,OAAM;AAAG,SAAK,eAAa,KAAK,cAAc,cAAY,KAAK,cAAa,MAAM,OAAO,CAAC,GAAE,KAAK,OAAKC,EAAED,GAAE,KAAK,YAAW,KAAK,aAAa;AAAA,EAAC;AAAA,EAAC,oBAAmB;AAAC,UAAM,kBAAiB,GAAG,KAAK,MAAM,aAAa,EAAE;AAAA,EAAC;AAAA,EAAC,uBAAsB;AAAC,UAAM,qBAAoB,GAAG,KAAK,MAAM,aAAa,EAAE;AAAA,EAAC;AAAA,EAAC,SAAQ;AAAC,WAAOA;AAAAA,EAAC;AAAC;AAACH,EAAE,gBAAc,IAAGA,EAAE,YAAa,IAAGD,EAAE,2BAA2B,EAAC,YAAWC,EAAC,CAAC;AAAE,MAAMK,IAAEN,EAAE;AAA0BM,IAAI,EAAC,YAAWL,EAAC,CAAC;AAAA,CAAwDD,EAAE,uBAAFA,EAAE,qBAAqB,KAAI,KAAK,OAAO;","x_google_ignoreList":[0]}

package/dist/shared/vendor/lit-html-directive-helpers.js

@@ -0,0 +1,32 @@
+import { _$LH as l } from "./lit-html-lit-html.js";
+const { I: d } = l, o = (t) => t, a = () => document.createComment(""), u = (t, A, e) => {
+  const _ = t._$AA.parentNode, n = A === void 0 ? t._$AB : A._$AA;
+  if (e === void 0) {
+    const r = _.insertBefore(a(), n), s = _.insertBefore(a(), n);
+    e = new d(r, s, t, t.options);
+  } else {
+    const r = e._$AB.nextSibling, s = e._$AM, $ = s !== t;
+    if ($) {
+      let i;
+      e._$AQ?.(t), e._$AM = t, e._$AP !== void 0 && (i = t._$AU) !== s._$AU && e._$AP(i);
+    }
+    if (r !== n || $) {
+      let i = e._$AA;
+      for (; i !== r; ) {
+        const m = o(i).nextSibling;
+        o(_).insertBefore(i, n), i = m;
+      }
+    }
+  }
+  return e;
+}, v = (t, A, e = t) => (t._$AI(A, e), t), c = {}, p = (t, A = c) => t._$AH = A, B = (t) => t._$AH, P = (t) => {
+  t._$AR(), t._$AA.remove();
+};
+export {
+  B as getCommittedValue,
+  u as insertPart,
+  P as removePart,
+  v as setChildPartValue,
+  p as setCommittedValue
+};
+//# sourceMappingURL=lit-html-directive-helpers.js.map

package/dist/shared/vendor/lit-html-directive-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-html-directive-helpers.js","sources":["../../../node_modules/lit/node_modules/lit-html/directive-helpers.js"],"sourcesContent":["import{_$LH as o}from\"./lit-html.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{I:t}=o,i=o=>o,n=o=>null===o||\"object\"!=typeof o&&\"function\"!=typeof o,e={HTML:1,SVG:2,MATHML:3},l=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t,d=o=>null!=o?._$litType$?.h,c=o=>void 0!==o?._$litDirective$,f=o=>o?._$litDirective$,r=o=>void 0===o.strings,s=()=>document.createComment(\"\"),v=(o,n,e)=>{const l=o._$AA.parentNode,d=void 0===n?o._$AB:n._$AA;if(void 0===e){const i=l.insertBefore(s(),d),n=l.insertBefore(s(),d);e=new t(i,n,o,o.options)}else{const t=e._$AB.nextSibling,n=e._$AM,c=n!==o;if(c){let t;e._$AQ?.(o),e._$AM=o,void 0!==e._$AP&&(t=o._$AU)!==n._$AU&&e._$AP(t)}if(t!==d||c){let o=e._$AA;for(;o!==t;){const t=i(o).nextSibling;i(l).insertBefore(o,d),o=t}}}return e},u=(o,t,i=o)=>(o._$AI(t,i),o),m={},p=(o,t=m)=>o._$AH=t,M=o=>o._$AH,h=o=>{o._$AR(),o._$AA.remove()},j=o=>{o._$AR()};export{e as TemplateResultType,j as clearPart,M as getCommittedValue,f as getDirectiveClass,v as insertPart,d as isCompiledTemplateResult,c as isDirectiveResult,n as isPrimitive,r as isSingleExpression,l as isTemplateResult,h as removePart,u as setChildPartValue,p as setCommittedValue};\n//# sourceMappingURL=directive-helpers.js.map\n"],"names":["t","o","i","s","v","n","l","d","c","u","m","M","h"],"mappings":";AAKO,MAAC,EAAC,GAAEA,EAAC,IAAEC,GAAEC,IAAE,CAAAD,MAAGA,GAA8PE,IAAE,MAAI,SAAS,cAAc,EAAE,GAAEC,IAAE,CAACH,GAAEI,GAAE,MAAI;AAAC,QAAMC,IAAEL,EAAE,KAAK,YAAWM,IAAWF,MAAT,SAAWJ,EAAE,OAAKI,EAAE;AAAK,MAAY,MAAT,QAAW;AAAC,UAAMH,IAAEI,EAAE,aAAaH,EAAC,GAAGI,CAAC,GAAEF,IAAEC,EAAE,aAAaH,EAAC,GAAGI,CAAC;AAAE,QAAE,IAAIP,EAAEE,GAAEG,GAAEJ,GAAEA,EAAE,OAAO;AAAA,EAAC,OAAK;AAAC,UAAMD,IAAE,EAAE,KAAK,aAAYK,IAAE,EAAE,MAAKG,IAAEH,MAAIJ;AAAE,QAAGO,GAAE;AAAC,UAAIR;AAAE,QAAE,OAAOC,CAAC,GAAE,EAAE,OAAKA,GAAW,EAAE,SAAX,WAAkBD,IAAEC,EAAE,UAAQI,EAAE,QAAM,EAAE,KAAKL,CAAC;AAAA,IAAC;AAAC,QAAGA,MAAIO,KAAGC,GAAE;AAAC,UAAIP,IAAE,EAAE;AAAK,aAAKA,MAAID,KAAG;AAAC,cAAMA,IAAEE,EAAED,CAAC,EAAE;AAAY,QAAAC,EAAEI,CAAC,EAAE,aAAaL,GAAEM,CAAC,GAAEN,IAAED;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAO;AAAC,GAAES,IAAE,CAACR,GAAED,GAAEE,IAAED,OAAKA,EAAE,KAAKD,GAAEE,CAAC,GAAED,IAAGS,IAAE,CAAA,GAAG,IAAE,CAACT,GAAED,IAAEU,MAAIT,EAAE,OAAKD,GAAEW,IAAE,CAAAV,MAAGA,EAAE,MAAKW,IAAE,CAAAX,MAAG;AAAC,EAAAA,EAAE,KAAI,GAAGA,EAAE,KAAK;AAAQ;","x_google_ignoreList":[0]}

package/dist/shared/vendor/lit-html-directive.js

@@ -0,0 +1,23 @@
+const s = { CHILD: 2 }, $ = (i) => (...t) => ({ _$litDirective$: i, values: t });
+class _ {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, r) {
+    this._$Ct = t, this._$AM = e, this._$Ci = r;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+}
+export {
+  _ as Directive,
+  s as PartType,
+  $ as directive
+};
+//# sourceMappingURL=lit-html-directive.js.map

package/dist/shared/vendor/lit-html-directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-html-directive.js","sources":["../../../node_modules/lit/node_modules/lit-html/directive.js"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{i as Directive,t as PartType,e as directive};\n//# sourceMappingURL=directive.js.map\n"],"names":["t","e","i"],"mappings":"AAKK,MAACA,IAAE,EAAa,OAAM,EAAkD,GAAEC,IAAE,CAAAD,MAAG,IAAIC,OAAK,EAAC,iBAAgBD,GAAE,QAAOC,EAAC;AAAG,MAAMC,EAAC;AAAA,EAAC,YAAY,GAAE;AAAA,EAAC;AAAA,EAAC,IAAI,OAAM;AAAC,WAAO,KAAK,KAAK;AAAA,EAAI;AAAA,EAAC,KAAK,GAAE,GAAEA,GAAE;AAAC,SAAK,OAAK,GAAE,KAAK,OAAK,GAAE,KAAK,OAAKA;AAAA,EAAC;AAAA,EAAC,KAAK,GAAE,GAAE;AAAC,WAAO,KAAK,OAAO,GAAE,CAAC;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE,GAAE;AAAC,WAAO,KAAK,OAAO,GAAG,CAAC;AAAA,EAAC;AAAC;","x_google_ignoreList":[0]}

package/dist/shared/vendor/lit-html-keyed.js

@@ -0,0 +1,18 @@
+import { nothing as s } from "./lit-html-lit-html.js";
+import { directive as i, Directive as o } from "./lit-html-directive.js";
+import { setCommittedValue as a } from "./lit-html-directive-helpers.js";
+const u = i(class extends o {
+  constructor() {
+    super(...arguments), this.key = s;
+  }
+  render(t, e) {
+    return this.key = t, e;
+  }
+  update(t, [e, r]) {
+    return e !== this.key && (a(t), this.key = e), r;
+  }
+});
+export {
+  u as keyed
+};
+//# sourceMappingURL=lit-html-keyed.js.map

package/dist/shared/vendor/lit-html-keyed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-html-keyed.js","sources":["../../../node_modules/lit/node_modules/lit-html/directives/keyed.js"],"sourcesContent":["import{nothing as r}from\"../lit-html.js\";import{directive as t,Directive as e}from\"../directive.js\";import{setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const i=t(class extends e{constructor(){super(...arguments),this.key=r}render(r,t){return this.key=r,t}update(r,[t,e]){return t!==this.key&&(s(r),this.key=t),e}});export{i as keyed};\n//# sourceMappingURL=keyed.js.map\n"],"names":["i","t","e","r","s"],"mappings":";;;AAKQ,MAACA,IAAEC,EAAE,cAAcC,EAAC;AAAA,EAAC,cAAa;AAAC,UAAM,GAAG,SAAS,GAAE,KAAK,MAAIC;AAAAA,EAAC;AAAA,EAAC,OAAOA,GAAEF,GAAE;AAAC,WAAO,KAAK,MAAIE,GAAEF;AAAA,EAAC;AAAA,EAAC,OAAOE,GAAE,CAACF,GAAEC,CAAC,GAAE;AAAC,WAAOD,MAAI,KAAK,QAAMG,EAAED,CAAC,GAAE,KAAK,MAAIF,IAAGC;AAAA,EAAC;AAAC,CAAC;","x_google_ignoreList":[0]}