@oddsmith/ui 1.0.4 → 1.0.6

package/dist/store/index.d.ts

@@ -0,0 +1,3 @@
+export { CasinoStore } from './casino.store.js';
+export { casinoStoreContext } from './casino.context.js';
+export { consumeCasinoStore } from './consume-store.js';

package/dist/types/config.d.ts

@@ -0,0 +1,6 @@
+export type SectionId = 'marquee' | 'events' | 'hero' | 'prize' | 'stats' | 'games' | 'climb' | 'table' | 'footer' | 'legals';
+/** One layout entry. Presence in `sections` enables the section. */
+export type CasinoSectionConfig = {
+    name: SectionId;
+    order: number;
+};

package/dist/types/data.d.ts

@@ -0,0 +1,49 @@
+import { HeroData } from '../sections/hero-section/types/data.js';
+import { PrizeData } from '../sections/prize-section/types/data.js';
+import { StatsData } from '../sections/stats-section/types/data.js';
+import { GameData } from '../sections/games-section/types/data.js';
+import { PlayerData } from '../sections/table-section/types/data.js';
+import { MarqueeData } from '../sections/marquee-section/types/data.js';
+import { EventsData } from '../sections/events-banner/types/data.js';
+import { LegalsData } from '../sections/legals-section/types/data.js';
+export type { LeaderboardStatus } from './status.js';
+export type { HeroData } from '../sections/hero-section/types/data.js';
+export type { PrizeData } from '../sections/prize-section/types/data.js';
+export type { StatsData } from '../sections/stats-section/types/data.js';
+export type { GameData } from '../sections/games-section/types/data.js';
+export type { PlayerData } from '../sections/table-section/types/data.js';
+export type { MarqueeItemData, MarqueeData, } from '../sections/marquee-section/types/data.js';
+export type { EventItemData, EventsData, } from '../sections/events-banner/types/data.js';
+export type { ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from '../sections/legals-section/types/data.js';
+/** Resolved campaign. The store always sees this shape after mix. */
+export type LeaderboardData = {
+    hero: HeroData;
+    /** ISO 4217 (e.g. `USD`). Applies to every money amount. */
+    currency: string;
+    /** BCP 47 tag (e.g. `en-US`). Drives all date and number formatting. */
+    locale: string;
+    games?: GameData[];
+    prizes?: PrizeData[];
+    players?: PlayerData[];
+    stats?: StatsData;
+    marquee?: MarqueeData;
+    events?: EventsData;
+    legals?: LegalsData;
+};
+/**
+ * Host `.data` input.
+ * Mix rule: omit key → default. null → unmount. [] → empty copy. Keys mix. Arrays replace (no row merge).
+ */
+export type LeaderboardDataInput = {
+    hero?: Partial<HeroData>;
+    currency?: string;
+    locale?: string;
+    /** Omit → default. `null` → hide. Array replaces (including `[]` = empty copy). */
+    games?: GameData[] | null;
+    prizes?: PrizeData[] | null;
+    players?: PlayerData[] | null;
+    stats?: Partial<StatsData> | null;
+    marquee?: Partial<MarqueeData> | null;
+    events?: Partial<EventsData> | null;
+    legals?: Partial<LegalsData> | null;
+};

package/dist/types/host.d.ts

@@ -0,0 +1,24 @@
+import { LeaderboardLabels } from './labels.js';
+import { LeaderboardTheme } from './theme.js';
+import { LeaderboardDataInput } from './data.js';
+/**
+ * Host input — the only props the public TypeScript contract accepts.
+ *
+ * Assign these with `setProps({ labels, theme, data })`, then `mount(host)`.
+ * Omit all three for the hardcoded campaign, labels, and theme.
+ *
+ * `.labels`: omit for defaults. If set, the full bag is required.
+ * `.theme`: omit for defaults. If set, missing/invalid keys mix onto DEFAULT_THEME.
+ * `.data`: omit for the hardcoded campaign. If set, omitted keys mix onto it.
+ *
+ * Oddsmith website / playground / sandbox set the instance boolean `demo` so an
+ * expired countdown can roll. It is not on this type. Operators omit it.
+ */
+export interface LeaderboardHostProps {
+    /** Omit → DEFAULT_LABELS. Set → full LeaderboardLabels (every group). */
+    labels?: LeaderboardLabels;
+    /** Omit → DEFAULT_THEME. Set → per-key mix; invalid CSS falls back. */
+    theme?: Partial<LeaderboardTheme>;
+    /** Omit → hardcoded campaign. Set → per-key mix onto that campaign. */
+    data?: LeaderboardDataInput;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Internal type barrel (`@os-leaderboard-casino/types`).
+ * Not published — the package entry re-exports `./public.ts` only.
+ */
+export type { SectionId, CasinoSectionConfig } from './config.js';
+export type { LeaderboardLabels, StatusLabels, CtaLabels, } from './labels.js';
+export type { LeaderboardTheme } from './theme.js';
+export type { LeaderboardStatus } from './status.js';
+export type { LeaderboardData, LeaderboardDataInput, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
+export type { LeaderboardHostProps } from './host.js';
+export type { MarqueeItem, MarqueeView } from '../sections/marquee-section/types/view.js';
+export type { MarqueeLabels } from '../sections/marquee-section/types/labels.js';
+export type { EventItem, EventsBannerView, } from '../sections/events-banner/types/view.js';
+export type { EventsLabels } from '../sections/events-banner/types/labels.js';
+export type { EventsEventName, EventsClickDetail, } from '../sections/events-banner/types/events.js';
+export { EventsEvents } from '../sections/events-banner/types/events.js';
+export type { HeroView } from '../sections/hero-section/types/view.js';
+export type { HeroLabels } from '../sections/hero-section/types/labels.js';
+export type { PrizeItem, PrizeView, } from '../sections/prize-section/types/view.js';
+export type { PrizeLabels } from '../sections/prize-section/types/labels.js';
+export type { PrizeEventName, PrizeClickDetail, } from '../sections/prize-section/types/events.js';
+export { PrizeEvents } from '../sections/prize-section/types/events.js';
+export type { StatsView } from '../sections/stats-section/types/view.js';
+export type { StatsLabels } from '../sections/stats-section/types/labels.js';
+export type { GameItem, GamesView } from '../sections/games-section/types/view.js';
+export type { GamesLabels } from '../sections/games-section/types/labels.js';
+export type { ClimbView } from '../sections/climb-section/types/view.js';
+export type { ClimbLabels } from '../sections/climb-section/types/labels.js';
+export type { TablePlayer, TableView } from '../sections/table-section/types/view.js';
+export type { TableLabels } from '../sections/table-section/types/labels.js';
+export type { TableEventName, TableOpenDetail, } from '../sections/table-section/types/events.js';
+export { TableEvents } from '../sections/table-section/types/events.js';
+export type { FooterView } from '../sections/footer-section/types/view.js';
+export type { LegalLink, LegalsView } from '../sections/legals-section/types/view.js';
+export type { LegalsLabels } from '../sections/legals-section/types/labels.js';

package/dist/types/labels.d.ts

@@ -0,0 +1,43 @@
+import { LeaderboardStatus } from './status.js';
+import { HeroLabels } from '../sections/hero-section/types/labels.js';
+import { PrizeLabels } from '../sections/prize-section/types/labels.js';
+import { StatsLabels } from '../sections/stats-section/types/labels.js';
+import { GamesLabels } from '../sections/games-section/types/labels.js';
+import { ClimbLabels } from '../sections/climb-section/types/labels.js';
+import { TableLabels } from '../sections/table-section/types/labels.js';
+import { MarqueeLabels } from '../sections/marquee-section/types/labels.js';
+import { EventsLabels } from '../sections/events-banner/types/labels.js';
+import { LegalsLabels } from '../sections/legals-section/types/labels.js';
+/**
+ * UI chrome / i18n copy. Campaign content belongs on {@link LeaderboardData}.
+ *
+ * Omit `.labels` to use hardcoded English `DEFAULT_LABELS`.
+ * If you pass a bag, every group is required — including groups for
+ * sections you omitted from `.data` (dummy values like `"#"` are fine).
+ *
+ * Runtime missing/empty key → `"n/a"`.
+ */
+export type StatusLabels = {
+    [K in LeaderboardStatus]: string;
+};
+/** Table CTA copy. */
+export type CtaLabels = {
+    /** While the campaign is running. */
+    label: string;
+    /** After the campaign has ended. */
+    finished: string;
+};
+/** Chrome bag. Full object when `.labels` is passed. */
+export interface LeaderboardLabels {
+    status: StatusLabels;
+    hero: HeroLabels;
+    cta: CtaLabels;
+    prize: PrizeLabels;
+    stats: StatsLabels;
+    games: GamesLabels;
+    climb: ClimbLabels;
+    table: TableLabels;
+    marquee: MarqueeLabels;
+    events: EventsLabels;
+    legals: LegalsLabels;
+}

package/dist/types/public.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Host-facing types and event names.
+ * The package entry re-exports only this file — not `./index.ts`.
+ */
+export type { LeaderboardHostProps } from './host.js';
+export type { LeaderboardTheme } from './theme.js';
+export type { LeaderboardLabels, StatusLabels, CtaLabels, } from './labels.js';
+export type { HeroLabels } from '../sections/hero-section/types/labels.js';
+export type { PrizeLabels } from '../sections/prize-section/types/labels.js';
+export type { StatsLabels } from '../sections/stats-section/types/labels.js';
+export type { GamesLabels } from '../sections/games-section/types/labels.js';
+export type { ClimbLabels } from '../sections/climb-section/types/labels.js';
+export type { TableLabels } from '../sections/table-section/types/labels.js';
+export type { MarqueeLabels } from '../sections/marquee-section/types/labels.js';
+export type { EventsLabels } from '../sections/events-banner/types/labels.js';
+export type { LegalsLabels } from '../sections/legals-section/types/labels.js';
+export type { LeaderboardData, LeaderboardDataInput, HeroData, PrizeData, StatsData, GameData, PlayerData, MarqueeItemData, MarqueeData, EventItemData, EventsData, ExternalLegalLink, InternalLegalLink, LegalLinkData, LegalsData, } from './data.js';
+export { PrizeEvents } from '../sections/prize-section/types/events.js';
+export type { PrizeClickDetail } from '../sections/prize-section/types/events.js';
+export { TableEvents } from '../sections/table-section/types/events.js';
+export type { TableOpenDetail } from '../sections/table-section/types/events.js';
+export { EventsEvents } from '../sections/events-banner/types/events.js';
+export type { EventsClickDetail } from '../sections/events-banner/types/events.js';

package/dist/types/status.d.ts

@@ -0,0 +1 @@
+export type LeaderboardStatus = 'upcoming' | 'active' | 'completed' | 'cancelled';

package/dist/types/theme.d.ts

@@ -0,0 +1 @@
+export type { LeaderboardTheme } from '../.shared/theme-engine/index.ts';

package/dist/utils/boolean-attr.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Lit attribute converter so `demo="false"` is false.
+ * Bare `demo` / `demo=""` / `demo="true"` are true. Absence is false.
+ */
+export declare const booleanAttributeConverter: {
+    fromAttribute(value: string | null): boolean;
+    toAttribute(value: boolean): string | null;
+};

package/dist/utils/current-user.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Current-user flag. Only boolean `true` counts.
+ * `false`, omit, `1`, `0`, and `"true"` are not you.
+ */
+export declare function isYouFlag(value: unknown): boolean;
+/** First `isYou: true` in array order. Later flags are ignored. */
+export declare function findCurrentUser<T extends {
+    isYou?: unknown;
+}>(players: readonly T[]): T | undefined;

package/dist/utils/data-resolve.d.ts

@@ -0,0 +1,6 @@
+import { LeaderboardData, LeaderboardDataInput } from '../types';
+/**
+ * Mix a partial host `.data` onto a hardcoded campaign.
+ * Mix rule: omit key → default. null → unmount. [] → empty copy. Keys mix. Arrays replace (no row merge).
+ */
+export declare function resolveLeaderboardData(input?: LeaderboardDataInput | null, logPrefix?: string, fallback?: LeaderboardData): LeaderboardData;

package/dist/utils/demo-countdown.d.ts

@@ -0,0 +1,2 @@
+export declare function demoCountdownEndIso(now?: number): string;
+export declare function isCountdownExpired(endTs: string, now?: number): boolean;

package/dist/utils/format.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Campaign Intl helpers.
+ * `locale` is a BCP 47 tag from `.data.locale` (e.g. `en-US`).
+ * `currency` is ISO 4217 from `.data.currency`.
+ */
+export declare function formatMoney(value: number, currency: string, locale: string): string;
+export declare function formatNumber(value: number, locale: string): string;
+/** Replace `{name}` tokens in a labels template. Unknown tokens stay put. */
+export declare function fillLabel(template: string, vars: Record<string, string | number>): string;
+export declare function formatDate(iso: string, locale: string): string;

package/dist/utils/image-fallback.d.ts

@@ -0,0 +1,11 @@
+/** Bundled placeholder when a host `games[].imageUrl` fails to load. */
+export declare const GAME_IMAGE_FALLBACK: string;
+/** Bundled placeholder when a host `events.items[].imageUrl` fails to load. */
+export declare const EVENT_IMAGE_FALLBACK: string;
+/** Same DiceBear lorelei URL the demo campaign uses. */
+export declare function dicebearAvatarUrl(username: string): string;
+/**
+ * Swap a broken `<img>` to `fallbackSrc` once.
+ * A data flag stops an error loop if the fallback also fails.
+ */
+export declare function applyImageFallback(event: Event, fallbackSrc: string): void;

package/dist/utils/index.d.ts

@@ -0,0 +1,12 @@
+export { demoCountdownEndIso, isCountdownExpired, } from './demo-countdown.js';
+export { fillLabel, formatDate, formatMoney, formatNumber } from './format.js';
+export { deriveLeaderboardStatus } from './status.js';
+export { findCurrentUser, isYouFlag } from './current-user.js';
+export { booleanAttributeConverter } from './boolean-attr.js';
+export { isSafeHttpUrl } from './safe-href.js';
+export { sanitizeLegalHtml } from './safe-html.js';
+export { renderPlayerName } from './player-name.js';
+export { prizeForPlace, podiumVariantForRank, prizesByValue, toPrizeItems, } from './prize-resolve.js';
+export { addViewBox } from './svg.js';
+export { resolveLeaderboardData } from './data-resolve.js';
+export { applyImageFallback, dicebearAvatarUrl, EVENT_IMAGE_FALLBACK, GAME_IMAGE_FALLBACK, } from './image-fallback.js';

package/dist/{components/os-leaderboard-casino/theme/vip-mark.d.ts → utils/player-name.d.ts}

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

package/dist/utils/prize-resolve.d.ts

@@ -0,0 +1,10 @@
+import { PrizeItem } from '../sections/prize-section/types/view.js';
+import { PrizeData } from '../sections/prize-section/types/data.js';
+/** Highest value first. Place is 1-based after this sort. */
+export declare function prizesByValue<T extends {
+    value: number;
+}>(prizes: T[]): T[];
+/** Prize for a 1-based place (array order of value-sorted prizes). */
+export declare function prizeForPlace(prizes: PrizeItem[], place: number): PrizeItem | undefined;
+export declare function podiumVariantForRank(rank: 1 | 2 | 3): 'gold' | 'silver' | 'bronze';
+export declare function toPrizeItems(prizes: PrizeData[], currency: string, locale: string): PrizeItem[];

package/dist/utils/safe-href.d.ts

@@ -0,0 +1,2 @@
+/** http(s) only. Blocks `javascript:`, `data:`, and other schemes. */
+export declare function isSafeHttpUrl(href: string): boolean;

package/dist/utils/safe-html.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Allowlisted HTML for internal legal `body`.
+ * Scripts, event handlers, and non-http(s) hrefs are dropped.
+ * Unknown tags are unwrapped (text kept).
+ */
+export declare function sanitizeLegalHtml(html: string): string;

package/dist/utils/status.d.ts

@@ -0,0 +1,10 @@
+import { LeaderboardStatus } from '../types/status.js';
+/**
+ * Derive campaign status from timestamps and an explicit cancel flag.
+ * `cancelled: true` wins. No timestamps → active.
+ */
+export declare function deriveLeaderboardStatus(data: {
+    startsAt?: string;
+    endsAt?: string;
+    cancelled?: boolean;
+}, now?: number): LeaderboardStatus;

package/dist/utils/svg.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Ensures inline SVG markup has a viewBox so CSS width/height can scale it.
+ * Icomoon exports often ship `width`/`height` only.
+ */
+export declare function addViewBox(svg: string, viewBox?: string): string;

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * `@oddsmith/ui` has no root export.
+ * Import `@oddsmith/ui/os-leaderboard-casino` or `@oddsmith/ui/os-leaderboard-casino-pro`.
+ */
+export {};

package/index.js

@@ -0,0 +1,3 @@
+throw new Error(
+  "[@oddsmith/ui] The package root is not an entry. Import '@oddsmith/ui/os-leaderboard-casino' or '@oddsmith/ui/os-leaderboard-casino-pro'.",
+);

package/os-leaderboard-casino-pro.d.ts

@@ -0,0 +1 @@
+export * from '@oddsmith/os-leaderboard-casino-pro';

package/os-leaderboard-casino-pro.js

@@ -0,0 +1 @@
+export * from '@oddsmith/os-leaderboard-casino-pro';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oddsmith/ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Brandable casino leaderboard web component",
   "keywords": [
     "casino",
@@ -14,73 +14,56 @@
   "author": "Oddsmith",
   "homepage": "https://oddsmith.io",
   "type": "module",
-  "sideEffects": [
-    "./dist/components/os-leaderboard-casino/**",
-    "./dist/shared/**",
-    "./src/components/os-leaderboard-casino/**"
-  ],
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": true,
   "files": [
     "dist",
     "README.md",
     "LICENSE",
-    "custom-elements.json"
+    "index.js",
+    "index.d.ts",
+    "os-leaderboard-casino-pro.js",
+    "os-leaderboard-casino-pro.d.ts"
   ],
   "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
     "./os-leaderboard-casino": {
-      "types": "./dist/components/os-leaderboard-casino/index.d.ts",
-      "import": "./dist/components/os-leaderboard-casino/index.js",
-      "default": "./dist/components/os-leaderboard-casino/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./os-leaderboard-casino-pro": {
+      "types": "./os-leaderboard-casino-pro.d.ts",
+      "import": "./os-leaderboard-casino-pro.js",
+      "default": "./os-leaderboard-casino-pro.js"
     }
   },
   "scripts": {
     "build": "vite build",
     "build:watch": "vite build --watch",
-    "serve": "vite --config vite.serve.config.ts --force",
-    "start:local": "concurrently \"npm run build:watch\" \"npm run serve\"",
-    "playground:build": "vite build --config vite.playground.config.ts",
-    "clean": "rm -rf node_modules package-lock.json",
     "prepublishOnly": "npm run build",
     "publish": "npm publish --access public",
-    "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
-    "lint:eslint": "eslint 'src/**/*.ts'",
-    "lint:lit-analyzer": "lit-analyzer",
-    "format": "prettier src/* --write",
-    "analyze": "wca analyze \"src/components/os-leaderboard-casino/**/*.ts\" --outFile custom-elements.json",
-    "test": "karma start karma.conf.cjs",
-    "test:watch": "karma start karma.conf.cjs --auto-watch=true --single-run=false"
+    "analyze": "wca analyze \"src/**/*.ts\" --outFile custom-elements.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "dependencies": {
-    "immer": "^11.1.8",
-    "keen-slider": "^6.8.6",
-    "rxjs": "~7.8.0"
+    "@lit/context": "^1.1.6",
+    "keen-slider": "^6.8.6"
   },
   "peerDependencies": {
-    "lit": "^3.3.3"
-  },
-  "devDependencies": {
-    "@open-wc/testing": "^2.5.10",
-    "@open-wc/testing-karma": "^3.3.11",
-    "@types/chai": "^4.2.11",
-    "@types/mocha": "^7.0.2",
-    "@typescript-eslint/eslint-plugin": "^2.27.0",
-    "@typescript-eslint/parser": "^2.27.0",
-    "chai": "^4.2.0",
-    "concurrently": "^9.2.1",
-    "deepmerge": "^4.2.2",
-    "eslint": "^6.8.0",
-    "karma": "^4.4.1",
-    "karma-chai": "^0.1.0",
-    "karma-mocha": "^1.3.0",
     "lit": "^3.3.3",
-    "lit-analyzer": "^1.1.10",
-    "lit-element": "^2.3.1",
-    "mocha": "^7.1.1",
-    "prettier": "^2.0.4",
-    "rimraf": "^3.0.2",
-    "sass": "^1.97.3",
-    "typescript": "^6.0.3",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "web-component-analyzer": "^1.0.3"
+    "@oddsmith/os-leaderboard-casino-pro": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@oddsmith/os-leaderboard-casino-pro": {
+      "optional": true
+    }
   }
 }

package/dist/components/os-leaderboard-casino/assets/fallback/catalog.json

@@ -1,9 +0,0 @@
-[
-  {
-    "id": "golden",
-    "label": "Golden",
-    "description": "Full glam layout — noir gold palette, prize podium, and rankings table.",
-    "appearance": "glam",
-    "defaultThemeId": "glam-default"
-  }
-]

package/dist/components/os-leaderboard-casino/assets/fallback/catalog.json.js

@@ -1,13 +0,0 @@
-const a = [
-  {
-    id: "golden",
-    label: "Golden",
-    description: "Full glam layout — noir gold palette, prize podium, and rankings table.",
-    appearance: "glam",
-    defaultThemeId: "glam-default"
-  }
-];
-export {
-  a as default
-};
-//# sourceMappingURL=catalog.json.js.map

package/dist/components/os-leaderboard-casino/assets/fallback/catalog.json.js.map

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

package/dist/components/os-leaderboard-casino/assets/fallback/config.json

@@ -1,8 +0,0 @@
-{
-  "defaultPresetId": "golden",
-  "labels": {
-    "back": "Return",
-    "live": "Live",
-    "cta": "Enter the Leaderboard"
-  }
-}