@oddsmith/ui 1.0.5 → 1.0.7

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

@@ -1,16 +1,21 @@
 import { LitElement, nothing, TemplateResult } from 'lit';
-import { OsLeaderboardCasinoClimbSection } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { ClimbView } from './types/view.js';
 import { ClimbSectionHost } from './climb-section.host.js';
 /** "Your climb" — progress towards the next prize tier with rank trend. */
 export declare class OsLeaderboardCasinoClimb extends LitElement implements ClimbSectionHost {
     static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoClimbSection;
+    store: CasinoStore;
+    get section(): ClimbView | undefined;
     get climbTitle(): string;
     get pointsLabel(): string;
     get trendClass(): string;
     renderTrend(): TemplateResult;
     get pointsToNextLabel(): string;
+    get toReachTopLabel(): string;
+    get hasNextTier(): boolean;
     get nextTierRank(): number;
+    get nextPrefixLabel(): string;
     get nextTierLabel(): string;
     get progressPct(): number;
     renderName(): TemplateResult;

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

@@ -1,12 +1,15 @@
 import { TemplateResult } from 'lit';
-import { OsLeaderboardCasinoClimbSection } from '../../types/sections.js';
+import { ClimbView } from './types/view.js';
 export interface ClimbSectionHost {
-    section: OsLeaderboardCasinoClimbSection;
+    section: ClimbView | undefined;
     climbTitle: string;
     pointsLabel: string;
     trendClass: string;
     pointsToNextLabel: string;
+    toReachTopLabel: string;
+    hasNextTier: boolean;
     nextTierRank: number;
+    nextPrefixLabel: string;
     nextTierLabel: string;
     progressPct: number;
     renderName(): TemplateResult;

package/dist/sections/climb-section/types/labels.d.ts

@@ -0,0 +1,8 @@
+/** Chrome copy for the climb section. */
+export type ClimbLabels = {
+    title: string;
+    points: string;
+    toReachTop: string;
+    next: string;
+    steady: string;
+};

package/dist/sections/climb-section/types/view.d.ts

@@ -0,0 +1,13 @@
+/** Render data for the climb section. */
+export interface ClimbView {
+    username: string;
+    rank: number;
+    points: number;
+    locale: string;
+    /** Omit when there is no better prize tier to chase. */
+    nextTierRank?: number;
+    nextTierLabel?: string;
+    pointsToNextTier: number;
+    progress: number;
+    trend?: number;
+}

package/dist/sections/events-banner/events-banner.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, nothing } from 'lit';
+import { CasinoStore } from '../../store';
+import { EventItem, EventsBannerView } from './types/view.js';
+import { EventsBannerHost } from './events-banner.host.js';
+/** Promotional events — rotating cards. Icon comes from host `imageUrl`. */
+export declare class OsLeaderboardCasinoEvents extends LitElement implements EventsBannerHost {
+    static styles: import('lit').CSSResult[];
+    store: CasinoStore;
+    get section(): EventsBannerView | undefined;
+    private index;
+    private timer?;
+    get currentEvent(): EventItem | undefined;
+    get eventColor(): string;
+    get isEmpty(): boolean;
+    get emptyMessage(): string;
+    get ariaLabel(): string;
+    get tagLabel(): string;
+    get bannerClass(): string;
+    onEventClick(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private startRotation;
+    private stopRotation;
+    private goTo;
+    renderIcon(): typeof nothing | import('lit').TemplateResult<1>;
+    renderBody(): typeof nothing | import('lit').TemplateResult<1>;
+    renderDots(): typeof nothing | import('lit').TemplateResult<1>;
+    render(): import('lit').TemplateResult | typeof nothing;
+}

package/dist/sections/events-banner/events-banner.host.d.ts

@@ -0,0 +1,15 @@
+import { LitTemplate } from '../../.shared/lib/lit/template.js';
+import { EventsBannerView } from './types/view.js';
+export interface EventsBannerHost {
+    section: EventsBannerView | undefined;
+    eventColor: string;
+    isEmpty: boolean;
+    emptyMessage: string;
+    ariaLabel: string;
+    tagLabel: string;
+    bannerClass: string;
+    onEventClick(): void;
+    renderIcon(): LitTemplate;
+    renderBody(): LitTemplate;
+    renderDots(): LitTemplate;
+}

package/dist/sections/events-banner/types/data.d.ts

@@ -0,0 +1,18 @@
+export type EventItemData = {
+    /** Stable id fired on `event-click`. */
+    eventId: string;
+    title: string;
+    subtitle?: string;
+    /**
+     * CSS color for the chip, tag, and dots (hex, named, `rgb()`, etc.).
+     * Omit → theme primary (`var(--primary)`).
+     */
+    color?: string;
+    /** Host-provided icon. Omit = empty chip. The component never invents one. */
+    imageUrl?: string;
+};
+/** Omit on a partial `.data` → mix default banner. `null` → unmount. Empty `items` still mounts it. */
+export type EventsData = {
+    items: EventItemData[];
+    rotateMs?: number;
+};

package/dist/sections/events-banner/types/events.d.ts

@@ -0,0 +1,8 @@
+/** Custom events from the events banner. */
+export declare const EventsEvents: {
+    readonly click: "event-click";
+};
+export type EventsEventName = (typeof EventsEvents)[keyof typeof EventsEvents];
+export interface EventsClickDetail {
+    eventId: string;
+}

package/dist/sections/events-banner/types/labels.d.ts

@@ -0,0 +1,6 @@
+/** Chrome copy for the events banner. */
+export type EventsLabels = {
+    tag: string;
+    aria: string;
+    empty: string;
+};

package/dist/sections/events-banner/types/view.d.ts

@@ -0,0 +1,12 @@
+export interface EventItem {
+    eventId: string;
+    title: string;
+    subtitle?: string;
+    color?: string;
+    imageUrl?: string;
+}
+/** Render data for the rotating promo banner. */
+export interface EventsBannerView {
+    items: EventItem[];
+    rotateMs?: number;
+}

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

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

package/dist/sections/footer-section/footer-section.host.d.ts

@@ -0,0 +1,5 @@
+import { FooterView } from './types/view.js';
+export interface FooterSectionHost {
+    section: FooterView | undefined;
+    displayText: string;
+}

package/dist/sections/footer-section/types/view.d.ts

@@ -0,0 +1,4 @@
+/** Render data for the footer section. */
+export interface FooterView {
+    text: string;
+}

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

@@ -1,14 +1,19 @@
 import { LitElement, nothing, TemplateResult } from 'lit';
-import { OsLeaderboardCasinoGamesSection } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { GamesView } from './types/view.js';
 import { GamesSectionHost } from './games-section.host.js';
-/** Qualifying games — title + provider cards in a horizontal row. */
+/** Qualifying games — title + art cards in a horizontal row. */
 export declare class OsLeaderboardCasinoGames extends LitElement implements GamesSectionHost {
     static styles: import('lit').CSSResult[];
     private _slider?;
     private _sliderMq?;
     private readonly _onSliderMqChange;
-    section: OsLeaderboardCasinoGamesSection;
+    store: CasinoStore;
+    get section(): GamesView | undefined;
     get sectionTitle(): string;
+    get hintLabel(): string;
+    get emptyMessage(): string;
+    get hasGames(): boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;

package/dist/sections/games-section/games-section.host.d.ts

@@ -0,0 +1,10 @@
+import { TemplateResult } from 'lit';
+import { GamesView } from './types/view.js';
+export interface GamesSectionHost {
+    section: GamesView | undefined;
+    sectionTitle: string;
+    hintLabel: string;
+    emptyMessage: string;
+    hasGames: boolean;
+    renderGames(): TemplateResult;
+}

package/dist/sections/games-section/types/data.d.ts

@@ -0,0 +1,7 @@
+/** Qualifying game. `id` joins marquee items. `imageUrl` is the only art source. */
+export type GameData = {
+    id: string;
+    title: string;
+    /** Host-provided art. Omit = no thumbnail. The component never invents one. */
+    imageUrl?: string;
+};

package/dist/sections/games-section/types/labels.d.ts

@@ -0,0 +1,6 @@
+/** Chrome copy for the games section. */
+export type GamesLabels = {
+    title: string;
+    hint: string;
+    empty: string;
+};

package/dist/sections/games-section/types/view.d.ts

@@ -0,0 +1,9 @@
+export interface GameItem {
+    id: string;
+    title: string;
+    imageUrl?: string;
+}
+/** Render data for the games section. */
+export interface GamesView {
+    games: GameItem[];
+}

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

@@ -1,23 +1,17 @@
 import { LitElement, nothing } from 'lit';
-import { LeaderboardStatus } from '../../types/data.js';
-import { OsLeaderboardCasinoHeroSection } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { LeaderboardStatus } from '../../types';
+import { HeroView } from './types/view.js';
 import { HeroSectionHost } from './hero-section.host.js';
-/** Glam hero — golden ring, shimmer title, prize-pool headline, glowing countdown. */
+/** Glam hero — campaign headline, prize pool, countdown (MVP: no motion effects). */
 export declare class OsLeaderboardCasinoHero extends LitElement implements HeroSectionHost {
     static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoHeroSection;
+    store: CasinoStore;
+    get section(): HeroView | undefined;
     private now;
-    /** Rolled forward once per mount when preset endTs is stale (demo/marketing). */
+    /** Rolled forward once per mount when demo endsAt is stale. */
     private sessionEndTs;
-    /** Animated odometer value shown for `prizePoolValue`. */
-    private poolDisplay;
-    poolBump: boolean;
     private timer?;
-    private poolRaf?;
-    private bumpTimer?;
-    get showBanner(): boolean;
-    get bannerUrl(): string;
-    get bannerAlt(): string;
     get showStatus(): boolean;
     get status(): LeaderboardStatus | undefined;
     get statusLabel(): string;
@@ -26,16 +20,16 @@ export declare class OsLeaderboardCasinoHero extends LitElement implements HeroS
     get showPool(): boolean;
     get poolValueLabel(): string;
     get poolLabel(): string;
+    get risingLabel(): string;
     get showRising(): boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(changed: Map<string, unknown>): void;
-    /** Rolling count-up from the current display value to `target`. */
-    private animatePool;
-    private formatPool;
     private get isFinished();
     private get countdownEndTs();
     private syncSessionEndTs;
+    renderDescription(): typeof nothing | import('lit').TemplateResult<1>;
     renderCountdown(): typeof nothing | import('lit').TemplateResult<1>;
+    private renderCountdownClock;
     render(): import('lit').TemplateResult | typeof nothing;
 }

package/dist/sections/hero-section/hero-section.host.d.ts

@@ -0,0 +1,18 @@
+import { LitTemplate } from '../../.shared/lib/lit/template.js';
+import { LeaderboardStatus } from '../../types';
+import { HeroView } from './types/view.js';
+export interface HeroSectionHost {
+    section: HeroView | undefined;
+    showStatus: boolean;
+    status: LeaderboardStatus | undefined;
+    statusLabel: string;
+    showActiveDot: boolean;
+    showDescription: boolean;
+    showPool: boolean;
+    poolValueLabel: string;
+    poolLabel: string;
+    risingLabel: string;
+    showRising: boolean;
+    renderDescription(): LitTemplate;
+    renderCountdown(): LitTemplate;
+}

package/dist/sections/hero-section/types/data.d.ts

@@ -0,0 +1,14 @@
+/** Campaign hero fields on `.data.hero`. Hero always mounts. */
+export type HeroData = {
+    title: string;
+    /** Omit on a partial `.data.hero` → mix default pitch. `''` → no pitch line. */
+    description?: string;
+    /** ISO-8601. Upcoming ticks a countdown to this instant (`hero.startsIn`). */
+    startsAt?: string;
+    /** ISO-8601. Active countdown / finished date. Omit = no end clock. */
+    endsAt?: string;
+    /** Force cancelled. Cannot be inferred from timestamps. */
+    cancelled?: boolean;
+    /** Total prize pool amount. Always shown. Mix default if omitted on a partial hero. */
+    prizePool: number;
+};

package/dist/sections/hero-section/types/labels.d.ts

@@ -0,0 +1,12 @@
+/** Chrome copy for the hero section. */
+export type HeroLabels = {
+    pool: string;
+    rising: string;
+    startsIn: string;
+    endsIn: string;
+    days: string;
+    hours: string;
+    min: string;
+    sec: string;
+    finished: string;
+};

package/dist/sections/hero-section/types/view.d.ts

@@ -0,0 +1,12 @@
+import { LeaderboardStatus } from '../../../types/status.js';
+/** Render data for the hero section. */
+export interface HeroView {
+    title: string;
+    description?: string;
+    startsAt?: string;
+    endsAt?: string;
+    status: LeaderboardStatus;
+    prizePoolValue: number;
+    currency: string;
+    locale: string;
+}

package/dist/{components/os-leaderboard-casino/sections → sections}/legals-section/legals-section.d.ts

@@ -1,14 +1,19 @@
 import { LitElement, nothing } from 'lit';
-import { OsLeaderboardCasinoLegalsSection } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { LegalsView } from './types/view.js';
 import { LegalsSectionHost } from './legals-section.host.js';
 export declare class OsLeaderboardCasinoLegals extends LitElement implements LegalsSectionHost {
     static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoLegalsSection;
+    store: CasinoStore;
+    get section(): LegalsView | undefined;
     private _activeLink;
     private _dialog;
     get dialogTitle(): string;
+    get closeLabel(): string;
+    get isEmpty(): boolean;
+    get emptyMessage(): string;
     get dialogContent(): string;
-    renderDialogContent(): (string | import('lit').TemplateResult<1>)[];
+    renderDialogContent(): unknown;
     protected updated(changedProps: Map<string, unknown>): void;
     readonly onDialogClose: () => void;
     readonly onDialogClick: (e: MouseEvent) => void;

package/dist/{components/os-leaderboard-casino/sections → sections}/legals-section/legals-section.host.d.ts

@@ -1,7 +1,12 @@
 import { TemplateResult } from 'lit';
+import { LegalsView } from './types/view.js';
 export interface LegalsSectionHost {
+    section: LegalsView | undefined;
     dialogTitle: string;
-    renderDialogContent(): unknown[];
+    closeLabel: string;
+    isEmpty: boolean;
+    emptyMessage: string;
+    renderDialogContent(): unknown;
     renderLinks(): TemplateResult;
     readonly onDialogClose: () => void;
     readonly onDialogClick: (e: MouseEvent) => void;

package/dist/sections/legals-section/types/data.d.ts

@@ -0,0 +1,19 @@
+export type ExternalLegalLink = {
+    type: 'external';
+    label: string;
+    href: string;
+};
+export type InternalLegalLink = {
+    type: 'internal';
+    label: string;
+    /**
+     * Dialog HTML. Allowlisted tags only (`p`, `br`, `strong`, `em`, `a`, …).
+     * Scripts and unsafe hrefs are stripped. Inserted via sanitized innerHTML.
+     */
+    body: string;
+};
+export type LegalLinkData = ExternalLegalLink | InternalLegalLink;
+/** Omit on a partial `.data` → mix default strip. `null` → unmount. Empty `links` still mounts it. */
+export type LegalsData = {
+    links: LegalLinkData[];
+};

package/dist/sections/legals-section/types/labels.d.ts

@@ -0,0 +1,5 @@
+/** Chrome copy for the legals section. */
+export type LegalsLabels = {
+    close: string;
+    empty: string;
+};

package/dist/sections/legals-section/types/view.d.ts

@@ -0,0 +1,6 @@
+import { LegalLinkData } from './data.js';
+export type LegalLink = LegalLinkData;
+/** Render data for the legals section. */
+export interface LegalsView {
+    links: LegalLink[];
+}

package/dist/sections/marquee-section/marquee-item.d.ts

@@ -0,0 +1,13 @@
+import { MarqueeItem } from './types/view.js';
+export interface ParsedMarqueeWin {
+    id: string;
+    user: string;
+    game: string;
+    gameId: string;
+    big: boolean;
+    amount: number;
+    currency: string;
+    locale: string;
+    imageUrl?: string;
+}
+export declare function parseMarqueeItem(item: MarqueeItem): ParsedMarqueeWin;

package/dist/sections/marquee-section/marquee-section.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, nothing, TemplateResult } from 'lit';
+import { CasinoStore } from '../../store';
+import { MarqueeView } from './types/view.js';
+import { MarqueeSectionHost } from './marquee-section.host.js';
+/** Infinitely-scrolling winners ticker. */
+export declare class OsLeaderboardCasinoMarquee extends LitElement implements MarqueeSectionHost {
+    static styles: import('lit').CSSResult[];
+    store: CasinoStore;
+    get section(): MarqueeView | undefined;
+    get speedSec(): number;
+    get ariaLabel(): string;
+    get isEmpty(): boolean;
+    get emptyMessage(): string;
+    private parsedWins;
+    private renderItemIcon;
+    private renderWin;
+    renderTrack(): TemplateResult;
+    render(): TemplateResult | typeof nothing;
+}

package/dist/sections/marquee-section/marquee-section.host.d.ts

@@ -0,0 +1,10 @@
+import { TemplateResult } from 'lit';
+import { MarqueeView } from './types/view.js';
+export interface MarqueeSectionHost {
+    section: MarqueeView | undefined;
+    speedSec: number;
+    ariaLabel: string;
+    isEmpty: boolean;
+    emptyMessage: string;
+    renderTrack(): TemplateResult;
+}

package/dist/sections/marquee-section/types/data.d.ts

@@ -0,0 +1,18 @@
+/** One ticker win. `gameId` must match `games[].id` for title and image. */
+export type MarqueeItemData = {
+    /** Stable id. Missing / empty / duplicate → item skipped + `console.error`. */
+    id: string;
+    username: string;
+    /**
+     * Joins `games[].id`. Unknown id is skipped and `console.error`s.
+     */
+    gameId: string;
+    amount: number;
+    /** Host-provided emphasis. The component does not infer this from amount. */
+    big?: boolean;
+};
+/** Omit on a partial `.data` → mix default ticker. `null` → unmount. Empty `items` still mounts it. */
+export type MarqueeData = {
+    items: MarqueeItemData[];
+    speedSec?: number;
+};

package/dist/sections/marquee-section/types/labels.d.ts

@@ -0,0 +1,7 @@
+/** Chrome copy for the marquee section. */
+export type MarqueeLabels = {
+    won: string;
+    on: string;
+    aria: string;
+    empty: string;
+};

package/dist/sections/marquee-section/types/view.d.ts

@@ -0,0 +1,17 @@
+export interface MarqueeItem {
+    id: string;
+    username: string;
+    gameId: string;
+    gameTitle: string;
+    amount: number;
+    currency: string;
+    locale: string;
+    big?: boolean;
+    /** From the matching `games[]` entry. */
+    imageUrl?: string;
+}
+/** Render data for the marquee section. */
+export interface MarqueeView {
+    items: MarqueeItem[];
+    speedSec?: number;
+}

package/dist/{components/os-leaderboard-casino/sections → sections}/prize-section/prize-section.d.ts

@@ -1,21 +1,24 @@
 import { LitElement, nothing } from 'lit';
-import { OsLeaderboardCasinoPrizeSection } from '../../types/sections.js';
+import { CasinoStore } from '../../store';
+import { PrizeView } from './types/view.js';
 import { PrizeSectionHost } from './prize-section.host.js';
 /** Top-3 metallic podium showcase + remaining prize tiers. */
 export declare class OsLeaderboardCasinoPrize extends LitElement implements PrizeSectionHost {
     static styles: import('lit').CSSResult[];
-    section: OsLeaderboardCasinoPrizeSection;
+    store: CasinoStore;
+    get section(): PrizeView | undefined;
     private restPrizes;
     private secondPrize?;
     private firstPrize?;
     private thirdPrize?;
     get sectionTitle(): string;
-    get showStrategy(): boolean;
-    get strategyLabel(): string;
+    get emptyMessage(): string;
+    get hasPrizes(): boolean;
     get hasTierList(): boolean;
     willUpdate(): void;
     private onPrizeClick;
     private formatValue;
+    private renderMedal;
     private renderPodiumSlot;
     renderPodium(): import('lit').TemplateResult<1>;
     renderTierList(): import('lit').TemplateResult<1>;

package/dist/{components/os-leaderboard-casino/sections → sections}/prize-section/prize-section.host.d.ts

@@ -1,10 +1,10 @@
 import { TemplateResult } from 'lit';
-import { OsLeaderboardCasinoPrizeSection } from '../../types/sections.js';
+import { PrizeView } from './types/view.js';
 export interface PrizeSectionHost {
-    section: OsLeaderboardCasinoPrizeSection;
+    section: PrizeView | undefined;
     sectionTitle: string;
-    showStrategy: boolean;
-    strategyLabel: string;
+    emptyMessage: string;
+    hasPrizes: boolean;
     renderPodium(): TemplateResult;
     renderTierList(): TemplateResult;
     hasTierList: boolean;

package/dist/sections/prize-section/types/data.d.ts

@@ -0,0 +1,7 @@
+/** One prize. Place comes from sort-by-value (highest first = 1st). */
+export type PrizeData = {
+    /** Stable id fired on `prize-click`. */
+    prizeId: string;
+    label: string;
+    value: number;
+};

package/dist/sections/prize-section/types/events.d.ts

@@ -0,0 +1,12 @@
+import { PrizeData } from './data.js';
+/** Custom events from the prize section. */
+export declare const PrizeEvents: {
+    readonly click: "prize-click";
+};
+export type PrizeEventName = (typeof PrizeEvents)[keyof typeof PrizeEvents];
+/** Host-facing prize-click payload. `place` is 1-based after sort by value. */
+export interface PrizeClickDetail {
+    prize: PrizeData & {
+        place: number;
+    };
+}

package/dist/sections/prize-section/types/labels.d.ts

@@ -0,0 +1,11 @@
+/** Chrome copy for the prize section. */
+export type PrizeLabels = {
+    title: string;
+    champion: string;
+    second: string;
+    third: string;
+    rank: string;
+    /** Medal aria. `{rank}` is replaced with 1 | 2 | 3. */
+    medal: string;
+    empty: string;
+};

package/dist/sections/prize-section/types/view.d.ts

@@ -0,0 +1,12 @@
+import { PrizeData } from './data.js';
+/** Render row — host `PrizeData` plus campaign currency/locale and derived place. */
+export interface PrizeItem extends PrizeData {
+    currency: string;
+    locale: string;
+    /** 1-based place after sorting prizes by value (highest first). */
+    place: number;
+}
+/** Render data for the prize section. */
+export interface PrizeView {
+    prizes: PrizeItem[];
+}