feat: add sacks

public/resources/scss/stats.scss

@@ -1683,7 +1683,7 @@ a.additional-player-stat:hover {
 inventory-view {
   display: grid;
   place-content: center center;
-  --inventory-width: clamp(300px, calc(100vw - 40px), 700px);
+  --inventory-width: clamp(300px, calc(100vw - 40px), 760px);
   gap: calc(var(--inventory-width) * 0.01);
   padding: calc(var(--inventory-width) * 0.01);
   grid-template-columns: repeat(9, calc(var(--inventory-width) * 0.1));

public/resources/ts/elements/rich-item.ts

@@ -12,6 +12,7 @@ import {
   mousemoveLoreListener,
   showBackpack,
 } from "../stats-defer";
+import { formatNumber } from "../../../../common/formatting";
 
 @customElement("rich-item")
 export class InventoryView extends LitElement {
@@ -55,7 +56,9 @@ export class InventoryView extends LitElement {
     }
     return html`
       <div style="${ifDefined(style)}" class="${classMap(classes)}"></div>
-      ${this.item.Count != 1 ? html`<div class="item-count">${this.item.Count}</div>` : undefined}
+      ${this.item.Count != 1
+        ? html`<div class="item-count">${formatNumber(this.item.Count, false, 0)}</div>`
+        : undefined}
     `;
   }
 

public/resources/ts/stats-defer.ts

@@ -125,6 +125,7 @@ export const ALL_ITEMS = new Map(
     items.wardrobe_inventory,
     items.storage,
     items.hotm,
+    items.sacks,
     items.bingo_card,
   ]
     .flat()

src/constants.js

@@ -22,3 +22,4 @@ export * from "./constants/skins-animations.js";
 export * from "./constants/tags.js";
 export * from "./constants/trophy-fish.js";
 export * from "./constants/accessories.js";
+export * from "./constants/sacks.js";