@oddsmith/ui 1.0.7 → 1.1.0

package/README.md

@@ -2,12 +2,8 @@
 
 Deploy a fully brandable casino leaderboard, ready to match your brand. Your data, our UI.
 
-A frontend engineer mounts the leaderboard on your site in any frontend stack. There is no Oddsmith backend to connect. You push the data into the component.
-
-Create as many custom leaderboards that you need.
-
-**Time to a live board: 1 day**
+There is no Oddsmith backend to connect. You push your data into the component.
 
 Try it: [oddsmith.io](https://oddsmith.io)
 
-[Integration docs](https://app.notion.com/p/Client-integration-3c9437e762d68075b87ff9fd358678dd)
+Docs: [Engineer setup](https://app.notion.com/p/1-Engineer-Setup-3cb437e762d680b5829af8bd55593840)

package/dist/assets/config/data.js

@@ -3,8 +3,8 @@ export default {
   hero: {
     title: "Midnight Millions",
     description: "Climb the board before the timer hits zero.",
-    startsAt: "2026-08-19T11:05:30.077Z",
-    endsAt: "2026-08-30T01:05:30.077Z",
+    startsAt: "2026-08-23T14:15:31.035Z",
+    endsAt: "2026-09-03T04:15:31.035Z",
     prizePool: 128450
   },
   currency: "USD",

package/dist/constants/default-data.d.ts

@@ -1,8 +1,8 @@
-import { LeaderboardData } from '../types';
+import { ResolvedLeaderboardData } from '../types';
 /**
  * Hardcoded campaign used when the host omits `.data`, and as the mix
  * fallback for omitted keys on a partial bag.
  *
  * Clocks are computed at call time so a mounted instance with no `.data` stays live.
  */
-export declare function buildDefaultData(now?: number): LeaderboardData;
+export declare function buildDefaultData(now?: number): ResolvedLeaderboardData;

package/dist/container/os-leaderboard-casino.d.ts

@@ -1,43 +1,53 @@
 import { LitElement, nothing, PropertyValues } from 'lit';
 import { LitTemplate } from '../.shared/lib/lit/template.js';
-import { LeaderboardDataInput, LeaderboardHostProps, LeaderboardLabels, LeaderboardTheme, SectionId } from '../types';
+import { LeaderboardData, LeaderboardHostProps, LeaderboardLabels, LeaderboardTheme, SectionId } from '../types';
 import { CasinoStore } from '../store';
 import { OsLeaderboardCasinoHost } from './os-leaderboard-casino.host.js';
 /**
  * Free-tier casino leaderboard.
  *
- * Construct the class, {@link setProps} with {@link LeaderboardHostProps},
- * then {@link mount} it into a host node. Layout is built-in
- * ({@link DEFAULT_LAYOUT}). Omit `.labels` / `.theme` / `.data` for the
- * hardcoded campaign, English labels, and glam theme.
+ * Pass {@link LeaderboardHostProps} to the constructor, then {@link mount}
+ * into a host node. Layout is built-in ({@link DEFAULT_LAYOUT}). Omit
+ * `.labels` / `.theme` / `.data` for the hardcoded campaign, English
+ * labels, and glam theme. Call {@link destroy} when the page goes away.
  *
  * ```ts
- * const board = new OsLeaderboardCasino();
- * board.setProps({ labels, theme, data });
+ * const board = new OsLeaderboardCasino({ labels, theme, data });
  * board.mount(document.getElementById('app')!);
+ * board.destroy();
  * ```
  */
 export declare class OsLeaderboardCasino extends LitElement implements OsLeaderboardCasinoHost {
     static styles: import('lit').CSSResult[];
     labels: LeaderboardLabels | null;
     theme: Partial<LeaderboardTheme> | null;
-    data: LeaderboardDataInput | null;
+    data: LeaderboardData | null;
     /**
      * Oddsmith demo surfaces only. Rolls an expired countdown forward
      * if the campaign was still live at hydrate. Operator embeds omit this.
      */
     demo: boolean;
     private now;
+    private hostListeners;
     private readonly bootstrap;
     private ready;
+    private destroyed;
     private clock?;
+    constructor(props?: LeaderboardHostProps);
     get store(): CasinoStore;
-    /** Stamp host props. Pass the bag with shorthand: `{ labels, theme, data }`. */
-    setProps(props: LeaderboardHostProps): this;
+    /** ContextProvider registers on the host during field init — list must exist first. */
+    private trackedListeners;
     /** Append this instance into `host`. Props stay on the instance. */
     mount(host: ParentNode): this;
-    /** Remove this instance from the document. */
+    /** Remove this instance from the document. Listeners stay until {@link destroy}. */
     unmount(): this;
+    /**
+     * Tear down for good: strip instance event listeners and remove from the
+     * document. Do not reuse. Drop your host reference after this.
+     */
+    destroy(): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): void;
     connectedCallback(): void;
     protected willUpdate(changed: PropertyValues<this>): void;
     private load;