npm - @oddsmith/ui - Versions diffs - 0.0.0 - Mend

@oddsmith/ui 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/docs/api/index.html ADDED Viewed

@@ -0,0 +1,2100 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><sf-leaderboard> ⌲ Docs</title>
+    <link rel="stylesheet" href="../docs.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Mono">
+    <link href="../prism-okaidia.css" rel="stylesheet" />
+    <script type="module" src="../components.bundle.js"></script>
+  </head>
+  <body>
+<header>
+  <h1>&lt;sf-leaderboard&gt;</h1>
+  <h2>Oddsmith web components</h2>
+</header>
+<nav>
+  <a href="../">Home</a>
+  <a href="../examples/">Examples</a>
+  <a href="">API</a>
+  <a href="../install/">Install</a>
+</nav>
+    <div id="main-wrapper">
+      <main>
+      <h1>API</h1>
+        <h2>&lt;sf-leaderboard-footer-section></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>text</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>text</td><td>text</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-header-section></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>section</td><td>undefined</td><td>undefined</td><td>SfLeaderboardHeaderSection</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>refreshContext</td><td>undefined</td><td>undefined</td><td>SfLeaderboardRefreshDetail | undefined</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>refresh</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-ranking-section></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>ranking</td><td>undefined</td><td>undefined</td><td>SfLeaderboardRankingSection</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>lookupPlayers</td><td>undefined</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-stats-section></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>section</td><td>undefined</td><td>undefined</td><td>SfLeaderboardStatsSection</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-table-section></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>section</td><td>undefined</td><td>undefined</td><td>SfLeaderboardTableSection</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>timeframe-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>category-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>search-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>player-select</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>data</td><td>undefined</td><td>undefined</td><td>SfLeaderboardLayout</td><td>"createDefaultLeaderboardData()"</td>
+        </tr>
+        <tr>
+          <td>refreshContext</td><td>undefined</td><td>undefined</td><td>{ timeframe: TimeFrame; category: Category; }</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>footerText</td><td>undefined</td><td>undefined</td><td>string</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>rankingLookupPlayers</td><td>undefined</td><td>undefined</td><td>Player[]</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>timeframe-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>category-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>search-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>player-select</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-activity-feed></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>activities</td><td>undefined</td><td>Activity[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>activities</td><td>activities</td><td>undefined</td><td>Activity[]</td><td>[]</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-filters></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>activeTimeframe</td><td>undefined</td><td>TimeFrame</td><td>"week"</td>
+        </tr>
+        <tr>
+          <td>activeCategory</td><td>undefined</td><td>Category</td><td>"all"</td>
+        </tr>
+        <tr>
+          <td>searchQuery</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>activeTimeframe</td><td>activeTimeframe</td><td>undefined</td><td>TimeFrame</td><td>"week"</td>
+        </tr>
+        <tr>
+          <td>activeCategory</td><td>activeCategory</td><td>undefined</td><td>Category</td><td>"all"</td>
+        </tr>
+        <tr>
+          <td>searchQuery</td><td>searchQuery</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-player-avatar></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>username</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>avatar</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg" | "xl"</td><td>"md"</td>
+        </tr>
+        <tr>
+          <td>isOnline</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>username</td><td>username</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>avatar</td><td>avatar</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg" | "xl"</td><td>"md"</td>
+        </tr>
+        <tr>
+          <td>isOnline</td><td>isOnline</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-player-stats-card></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>rank</td><td>undefined</td><td>number</td><td>42</td>
+        </tr>
+        <tr>
+          <td>percentile</td><td>undefined</td><td>number</td><td>5</td>
+        </tr>
+        <tr>
+          <td>username</td><td>undefined</td><td>string</td><td>"CyberNinja"</td>
+        </tr>
+        <tr>
+          <td>earnings</td><td>undefined</td><td>string</td><td>"$847.2K"</td>
+        </tr>
+        <tr>
+          <td>winRate</td><td>undefined</td><td>number</td><td>71</td>
+        </tr>
+        <tr>
+          <td>gamesPlayed</td><td>undefined</td><td>number</td><td>1284</td>
+        </tr>
+        <tr>
+          <td>winStreak</td><td>undefined</td><td>number</td><td>7</td>
+        </tr>
+        <tr>
+          <td>level</td><td>undefined</td><td>number</td><td>47</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>rank</td><td>rank</td><td>undefined</td><td>number</td><td>42</td>
+        </tr>
+        <tr>
+          <td>percentile</td><td>percentile</td><td>undefined</td><td>number</td><td>5</td>
+        </tr>
+        <tr>
+          <td>username</td><td>username</td><td>undefined</td><td>string</td><td>"CyberNinja"</td>
+        </tr>
+        <tr>
+          <td>earnings</td><td>earnings</td><td>undefined</td><td>string</td><td>"$847.2K"</td>
+        </tr>
+        <tr>
+          <td>winRate</td><td>winRate</td><td>undefined</td><td>number</td><td>71</td>
+        </tr>
+        <tr>
+          <td>gamesPlayed</td><td>gamesPlayed</td><td>undefined</td><td>number</td><td>1284</td>
+        </tr>
+        <tr>
+          <td>winStreak</td><td>winStreak</td><td>undefined</td><td>number</td><td>7</td>
+        </tr>
+        <tr>
+          <td>level</td><td>level</td><td>undefined</td><td>number</td><td>47</td>
+        </tr>
+        <tr>
+          <td>initials</td><td>undefined</td><td>undefined</td><td>string</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-podium></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>first</td><td>undefined</td><td>Set when `hasPodium` is true (template only renders then).</td><td>PodiumEntry</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>second</td><td>undefined</td><td>undefined</td><td>PodiumEntry</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>third</td><td>undefined</td><td>undefined</td><td>PodiumEntry</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>hasPodium</td><td>undefined</td><td>undefined</td><td>boolean</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-rank-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>previousRank</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>showTrend</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>rank</td><td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>previousRank</td><td>previousRank</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>showTrend</td><td>showTrend</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+        <tr>
+          <td>rankClass</td><td>undefined</td><td>undefined</td><td>string</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-stat-card></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>trendValue</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>trendPositive</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>label</td><td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>trendValue</td><td>trendValue</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>trendPositive</td><td>trendPositive</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard-table></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLeaderboardTheme",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>player-select</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;casino-leaderboard></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>Player[]</td><td>"getPlayers()"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult</td><td>"getStyles()"</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>Player[]</td><td>"getPlayers()"</td>
+        </tr>
+        <tr>
+          <td>initialData</td><td>undefined</td><td>undefined</td><td>State</td><td>"getState()"</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>refresh</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-player-row></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>player</td><td>undefined</td><td>LbPlayer</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>isCurrentUser</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>player</td><td>player</td><td>undefined</td><td>LbPlayer</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>isCurrentUser</td><td>isCurrentUser</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-top-three></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>LbPlayer[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>LbPlayer[]</td><td>[]</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-rank-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>rank</td><td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-xp-progress></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>xp</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+        <tr>
+          <td>xpToNextLevel</td><td>undefined</td><td>number</td><td>100</td>
+        </tr>
+        <tr>
+          <td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>showLabel</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>xp</td><td>xp</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+        <tr>
+          <td>xpToNextLevel</td><td>xpToNextLevel</td><td>undefined</td><td>number</td><td>100</td>
+        </tr>
+        <tr>
+          <td>level</td><td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>showLabel</td><td>showLabel</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-trend></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>trend</td><td>undefined</td><td>"up" | "down" | "same"</td><td>"same"</td>
+        </tr>
+        <tr>
+          <td>rankChange</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>trend</td><td>trend</td><td>undefined</td><td>"up" | "down" | "same"</td><td>"same"</td>
+        </tr>
+        <tr>
+          <td>rankChange</td><td>rankChange</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-streak-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>streak</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>streak</td><td>streak</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-level-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>level</td><td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-badge-display></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>badges</td><td>undefined</td><td>LbBadge[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>max</td><td>undefined</td><td>number</td><td>3</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>badges</td><td>badges</td><td>undefined</td><td>LbBadge[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>max</td><td>max</td><td>undefined</td><td>number</td><td>3</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-lb-stat-card></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>label</td><td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-leaderboard></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>LbPlayer[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>currentUser</td><td>undefined</td><td>LbPlayer | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>stats</td><td>undefined</td><td>LbStats</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>lb-title</td><td>undefined</td><td>string</td><td>"ARENA RANKINGS"</td>
+        </tr>
+        <tr>
+          <td>lb-subtitle</td><td>undefined</td><td>string</td><td>"Climb the grid. Claim the crown."</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["lbTokens",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>LbPlayer[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>currentUser</td><td>currentUser</td><td>undefined</td><td>LbPlayer | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>stats</td><td>stats</td><td>undefined</td><td>LbStats</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>lbTitle</td><td>lb-title</td><td>undefined</td><td>string</td><td>"ARENA RANKINGS"</td>
+        </tr>
+        <tr>
+          <td>lbSubtitle</td><td>lb-subtitle</td><td>undefined</td><td>string</td><td>"Climb the grid. Claim the crown."</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>tab-change</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>load-more</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>player-select</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;game-leaderboard></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>currentUser</td><td>undefined</td><td>Player | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>stats</td><td>undefined</td><td>LeaderboardStats</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>currentUser</td><td>currentUser</td><td>undefined</td><td>Player | undefined</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>stats</td><td>stats</td><td>undefined</td><td>LeaderboardStats</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;player-row></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>player</td><td>undefined</td><td>Player</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>isCurrentUser</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>player</td><td>player</td><td>undefined</td><td>Player</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>isCurrentUser</td><td>isCurrentUser</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+        <h2>&lt;top-three></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>players</td><td>players</td><td>undefined</td><td>Player[]</td><td>[]</td>
+        </tr>
+    </table>
+        <h2>&lt;rank-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>rank</td><td>rank</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+    </table>
+        <h2>&lt;xp-progress></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>xp</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+        <tr>
+          <td>xpToNextLevel</td><td>undefined</td><td>number</td><td>100</td>
+        </tr>
+        <tr>
+          <td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>showLabel</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>xp</td><td>xp</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+        <tr>
+          <td>xpToNextLevel</td><td>xpToNextLevel</td><td>undefined</td><td>number</td><td>100</td>
+        </tr>
+        <tr>
+          <td>level</td><td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>showLabel</td><td>showLabel</td><td>undefined</td><td>boolean</td><td>true</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+        <h2>&lt;trend-indicator></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>trend</td><td>undefined</td><td>"up" | "down" | "same"</td><td>"same"</td>
+        </tr>
+        <tr>
+          <td>rankChange</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>trend</td><td>trend</td><td>undefined</td><td>"up" | "down" | "same"</td><td>"same"</td>
+        </tr>
+        <tr>
+          <td>rankChange</td><td>rankChange</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
+        </tr>
+    </table>
+        <h2>&lt;streak-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>streak</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>streak</td><td>streak</td><td>undefined</td><td>number</td><td>0</td>
+        </tr>
+    </table>
+        <h2>&lt;level-badge></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>level</td><td>level</td><td>undefined</td><td>number</td><td>1</td>
+        </tr>
+        <tr>
+          <td>size</td><td>size</td><td>undefined</td><td>"sm" | "md" | "lg"</td><td>"md"</td>
+        </tr>
+    </table>
+        <h2>&lt;badge-display></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>badges</td><td>undefined</td><td>Badge[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>max</td><td>undefined</td><td>number</td><td>3</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>badges</td><td>badges</td><td>undefined</td><td>Badge[]</td><td>[]</td>
+        </tr>
+        <tr>
+          <td>max</td><td>max</td><td>undefined</td><td>number</td><td>3</td>
+        </tr>
+    </table>
+        <h2>&lt;stat-card></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+        <tr>
+          <td>label</td><td>label</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>value</td><td>value</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>icon</td><td>icon</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>highlight</td><td>highlight</td><td>undefined</td><td>boolean</td><td>false</td>
+        </tr>
+    </table>
+        <h2>&lt;leaderboard-app></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sharedStyles",null]</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-live-feed-avatar></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>username</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>avatar</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLiveFeedTheme",null]</td>
+        </tr>
+        <tr>
+          <td>username</td><td>username</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+        <tr>
+          <td>avatar</td><td>avatar</td><td>undefined</td><td>string</td><td>""</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-live-feed></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Attributes</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>feed-title</td><td>undefined</td><td>string</td><td>"Live Activity"</td>
+        </tr>
+        <tr>
+          <td>activities</td><td>undefined</td><td>LiveFeedActivity[]</td><td>[]</td>
+        </tr>
+    </table>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult[]</td><td>["sfLiveFeedTheme",null]</td>
+        </tr>
+        <tr>
+          <td>feedTitle</td><td>feed-title</td><td>undefined</td><td>string</td><td>"Live Activity"</td>
+        </tr>
+        <tr>
+          <td>activities</td><td>activities</td><td>undefined</td><td>LiveFeedActivity[]</td><td>[]</td>
+        </tr>
+    </table>
+        <h2>&lt;sf-streaks></h2>
+        <div>
+          undefined
+        </div>
+    <h3>Properties</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
+      </tr>
+        <tr>
+          <td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult</td><td>"sfStreaksStyles"</td>
+        </tr>
+        <tr>
+          <td>properties</td><td>undefined</td><td>undefined</td><td>{ streaksTitle: { type: StringConstructor; attribute: string; }; streaksSubtitle: { type: StringConstructor; attribute: string; }; streaksSteps: { type: ArrayConstructor; attribute: boolean; }; _animatedProgress: { ...; }; }</td><td>{"streaksTitle":{"type":"String","attribute":"streak-title"},"streaksSubtitle":{"type":"String","attribute":"streak-subtitle"},"streaksSteps":{"type":"Array","attribute":false},"_animatedProgress":{"type":"Number","state":true}}</td>
+        </tr>
+        <tr>
+          <td>streaksTitle</td><td>undefined</td><td>undefined</td><td>string</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>streaksSubtitle</td><td>undefined</td><td>undefined</td><td>string</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>streaksSteps</td><td>undefined</td><td>undefined</td><td>StreaksStep[]</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>completedCount</td><td>undefined</td><td>undefined</td><td>number</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>progress</td><td>undefined</td><td>undefined</td><td>number</td><td>undefined</td>
+        </tr>
+        <tr>
+          <td>override</td><td>undefined</td><td>undefined</td><td>undefined</td><td>undefined</td>
+        </tr>
+    </table>
+    <h3>Events</h3>
+    <table>
+      <tr>
+        <th>Name</th><th>Description</th>
+      </tr>
+        <tr>
+          <td>step-click</td><td>undefined</td>
+        </tr>
+    </table>
+      </main>
+    </div>
+<footer>
+  <p>Oddsmith — brandable web components for gaming</p>
+</footer>
+  </body>
+</html>