@everymatrix/mini-games-hub 0.1.13 → 0.1.15

package/components/GameHistory-_jU0BiqI.js

@@ -0,0 +1,231 @@
+import { d as Se, c as Ze, a as je, p as ne, o as He, i as R, b as v, f as C, s as le, e as ve, g as de, h as d, j as ue, k as K, l as Ae, m as pe } from "./WheelOfFortuneWheel-DUE4gyGP.js";
+import { aM as q, aC as Fe, ah as I, L as We, aO as De, aQ as Oe, aG as ce, G as Ne, aP as Qe, aT as s, a0 as e, aW as a, au as S, aV as Ue, aN as J, aS as o, b0 as Ve, b2 as we, aY as fe } from "./utils-DEov6Qk_.js";
+var Xe = C('<div class="game-history-item history-grid history-skeleton-row svelte-1rfwd7v" aria-hidden="true"><p class="svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v"></span></p> <p class="svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--name svelte-1rfwd7v">&nbsp;</span></p> <div class="date-time-cell svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v">Oct 00, 0000</span> <span class="history-skeleton-bar svelte-1rfwd7v">00:00:00</span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div></div>'), Ye = C('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!>', 1), $e = K('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'), qe = K('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'), Je = K('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'), Ke = K('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'), et = C('<div class="game-history-item history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <div class="date-time-cell svelte-1rfwd7v"><span class="svelte-1rfwd7v"> </span> <span class="svelte-1rfwd7v"> </span></div> <div class="history-icon svelte-1rfwd7v"><!></div> <div class="history-icon svelte-1rfwd7v"><!></div></div>'), tt = C('<span class="pagination-ellipsis svelte-1rfwd7v">&hellip;</span>'), at = C("<button> </button>"), st = C('<div class="game-history-pagination svelte-1rfwd7v"><button class="pagination-button pagination-nav svelte-1rfwd7v">&#8249;</button> <div class="pagination-pages svelte-1rfwd7v"></div> <button class="pagination-button pagination-nav svelte-1rfwd7v">&#8250;</button></div>'), rt = C('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!> <!>', 1), ot = C('<h2 class="no-history svelte-1rfwd7v"> </h2>'), it = C('<div class="history-list svelte-1rfwd7v"><!></div>');
+const nt = {
+  hash: "svelte-1rfwd7v",
+  code: ` *,
+ *::before,
+ *::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;} .history-list {display:flex;flex-direction:column;gap:6px;width:100%;max-width:700px;margin:0 auto;} .history-grid {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;} .date-time-cell {display:flex;flex-direction:column;gap:2px;} .date-time-cell span:last-child {opacity:0.6;font-size:10px;} .game-history-item {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;} .game-history-header {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;} .history-icon {display:flex;align-items:center;justify-content:center;} .no-history {width:100%;font-size:14px;font-weight:400;margin-top:12px;} .game-history-pagination {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;} .pagination-pages {display:flex;align-items:center;gap:4px;} .pagination-ellipsis {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;} .pagination-button {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;} .pagination-button:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .pagination-button:disabled {opacity:0.4;cursor:not-allowed;} .pagination-page {min-width:32px;text-align:center;padding:6px 8px;} .pagination-nav {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;} .pagination-page.active {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+@keyframes svelte-1rfwd7v-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+} .history-skeleton-row {pointer-events:none;
+  animation: svelte-1rfwd7v-skeleton-pulse 1.4s ease-in-out infinite;} .history-skeleton-bar {display:inline-block;max-width:100%;border-radius:4px;background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));color:transparent;user-select:none;} .history-skeleton-bar--name {width:70%;} .history-skeleton-bar--icon {width:12px;height:12px;}`
+};
+function lt(ge, W) {
+  Ne(W, !0), je(ge, nt);
+  const r = () => De(Qe, "$_", xe), [xe, me] = Oe(), ee = ne(W, "programId", 7), te = ne(W, "endpoint", 7), D = ne(W, "session", 7);
+  let O = q(!0), w = q(Fe([])), _e = q(!1);
+  const Z = 10;
+  let f = q(1);
+  const N = fe(() => e(w) && e(w).length > 0 ? Math.ceil(e(w).length / Z) : 1), ye = fe(() => e(w) && e(w).length > 0 ? e(w).slice((e(f) - 1) * Z, e(f) * Z) : []), be = {
+    bonus: r()("prizeBonus"),
+    role: r()("prizeRole"),
+    tournament: r()("prizeTournament"),
+    ticket: r()("prizeTicket"),
+    loyalty: r()("prizeLoyalty"),
+    challenge: r()("prizeChallenge"),
+    noprize: r()("noWin"),
+    custom: r()("prizeCustom")
+  }, Ce = fe(() => {
+    const t = e(N);
+    if (t <= 5)
+      return Array.from({ length: t }, (n, h) => h + 1);
+    const i = [], g = e(f);
+    i.push(1), g > 3 && i.push("...");
+    const p = Math.max(2, g - 1), L = Math.min(t - 1, g + 1);
+    for (let n = p; n <= L; n++)
+      i.push(n);
+    return g < t - 2 && i.push("..."), t > 1 && i.push(t), i;
+  }), ae = (t) => {
+    t < 1 || t > e(N) || (S(f, t, !0), window.scrollTo({ top: 0, behavior: "smooth" }));
+  }, ke = () => {
+    S(O, !0);
+    const t = new URL(`${te()}/v1/wof/outcome/${ee()}`), i = new Headers();
+    D() && i.append("X-SessionId", D()), fetch(t, { method: "GET", headers: i, cache: "no-store" }).then((p) => p.json()).then((p) => {
+      S(w, p?.items.map((L) => Ue(L, "history")), !0), S(f, 1);
+    }).catch((p) => {
+      console.log(p), S(_e, !0);
+    }).finally(() => S(O, !1));
+  };
+  He(() => {
+    ke();
+  });
+  var Le = {
+    get programId() {
+      return ee();
+    },
+    set programId(t) {
+      ee(t), ce();
+    },
+    get endpoint() {
+      return te();
+    },
+    set endpoint(t) {
+      te(t), ce();
+    },
+    get session() {
+      return D();
+    },
+    set session(t) {
+      D(t), ce();
+    }
+  }, Q = it(), ze = s(Q);
+  {
+    var Me = (t) => {
+      var i = Ye(), g = J(i), p = o(s(g), 2), L = s(p, !0);
+      a(p);
+      var n = o(p, 2), h = s(n, !0);
+      a(n);
+      var x = o(n, 2), z = s(x, !0);
+      a(x);
+      var U = o(x, 2), j = s(U, !0);
+      a(U), a(g);
+      var se = o(g, 2);
+      ve(se, 17, () => Array(Z), de, (M, V, T, X) => {
+        var G = Xe(), Y = s(G), re = s(Y);
+        re.textContent = `${T + 1}.`, a(Y), Ve(8), a(G), v(M, G);
+      }), I(
+        (M, V, T, X) => {
+          d(L, M), d(h, V), d(z, T), d(j, X);
+        },
+        [
+          () => r()("name"),
+          () => r()("date"),
+          () => r()("spin"),
+          () => r()("assigned")
+        ]
+      ), v(t, i);
+    }, Be = (t) => {
+      var i = ue(), g = J(i);
+      {
+        var p = (n) => {
+          var h = rt(), x = J(h), z = o(s(x), 2), U = s(z, !0);
+          a(z);
+          var j = o(z, 2), se = s(j, !0);
+          a(j);
+          var M = o(j, 2), V = s(M, !0);
+          a(M);
+          var T = o(M, 2), X = s(T, !0);
+          a(T), a(x);
+          var G = o(x, 2);
+          ve(G, 17, () => e(ye), de, (B, c, k) => {
+            var m = et(), E = s(m), H = s(E);
+            a(E);
+            var u = o(E, 2), $ = s(u, !0);
+            a(u);
+            var A = o(u, 2), F = s(A), oe = s(F, !0);
+            a(F);
+            var _ = o(F, 2), y = s(_, !0);
+            a(_), a(A);
+            var P = o(A, 2), ie = s(P);
+            {
+              var Ie = (l) => {
+                var b = $e();
+                v(l, b);
+              }, Te = (l) => {
+                var b = qe();
+                v(l, b);
+              };
+              R(ie, (l) => {
+                e(c).state === "drawn" || e(c).state === "fulfilled" ? l(Ie) : l(Te, -1);
+              });
+            }
+            a(P);
+            var he = o(P, 2), Ge = s(he);
+            {
+              var Pe = (l) => {
+                var b = Je();
+                v(l, b);
+              }, Re = (l) => {
+                var b = Ke();
+                v(l, b);
+              };
+              R(Ge, (l) => {
+                e(c).completed && e(c).state === "fulfilled" ? l(Pe) : l(Re, -1);
+              });
+            }
+            a(he), a(m), I(
+              (l, b) => {
+                d(H, `${(e(f) - 1) * Z + k + 1}.`), d($, be[e(c).type] || "-"), d(oe, l), d(y, b);
+              },
+              [
+                () => we(e(c).time).date,
+                () => we(e(c).time).time
+              ]
+            ), v(B, m);
+          });
+          var Y = o(G, 2);
+          {
+            var re = (B) => {
+              var c = st(), k = s(c), m = o(k, 2);
+              ve(m, 21, () => e(Ce), de, (H, u) => {
+                var $ = ue(), A = J($);
+                {
+                  var F = (_) => {
+                    var y = tt();
+                    v(_, y);
+                  }, oe = (_) => {
+                    var y = at();
+                    let P;
+                    var ie = s(y, !0);
+                    a(y), I(() => {
+                      P = Ae(y, 1, "pagination-button pagination-page svelte-1rfwd7v", null, P, { active: e(f) === e(u) }), d(ie, e(u));
+                    }), pe("click", y, () => ae(e(u))), v(_, y);
+                  };
+                  R(A, (_) => {
+                    e(u) === "..." ? _(F) : _(oe, -1);
+                  });
+                }
+                v(H, $);
+              }), a(m);
+              var E = o(m, 2);
+              a(c), I(
+                (H, u) => {
+                  k.disabled = e(f) === 1, le(k, "aria-label", H), E.disabled = e(f) === e(N), le(E, "aria-label", u);
+                },
+                [() => r()("previous"), () => r()("next")]
+              ), pe("click", k, () => ae(e(f) - 1)), pe("click", E, () => ae(e(f) + 1)), v(B, c);
+            };
+            R(Y, (B) => {
+              e(N) > 1 && B(re);
+            });
+          }
+          I(
+            (B, c, k, m) => {
+              d(U, B), d(se, c), d(V, k), d(X, m);
+            },
+            [
+              () => r()("name"),
+              () => r()("date"),
+              () => r()("spin"),
+              () => r()("assigned")
+            ]
+          ), v(n, h);
+        }, L = (n) => {
+          var h = ot(), x = s(h, !0);
+          a(h), I((z) => d(x, z), [() => r()("noHistory")]), v(n, h);
+        };
+        R(g, (n) => {
+          e(w) && e(w).length > 0 ? n(p) : n(L, -1);
+        });
+      }
+      v(t, i);
+    };
+    R(ze, (t) => {
+      e(O) ? t(Me) : t(Be, -1);
+    });
+  }
+  a(Q), I(() => le(Q, "aria-busy", e(O))), v(ge, Q);
+  var Ee = We(Le);
+  return me(), Ee;
+}
+Se(["click"]);
+Ze(lt, { programId: {}, endpoint: {}, session: {} }, [], [], { mode: "open" });
+export {
+  lt as G
+};

package/components/GameHistory-aQf3vf9u.cjs

@@ -0,0 +1,12 @@
+"use strict";const t=require("./WheelOfFortuneWheel-BQFaJ7ZB.cjs"),e=require("./utils-fG_nzyoc.cjs");var _e=t.from_html('<div class="game-history-item history-grid history-skeleton-row svelte-1rfwd7v" aria-hidden="true"><p class="svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v"></span></p> <p class="svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--name svelte-1rfwd7v">&nbsp;</span></p> <div class="date-time-cell svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v">Oct 00, 0000</span> <span class="history-skeleton-bar svelte-1rfwd7v">00:00:00</span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div></div>'),ue=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!>',1),me=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),xe=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),we=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),be=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),ye=t.from_html('<div class="game-history-item history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <div class="date-time-cell svelte-1rfwd7v"><span class="svelte-1rfwd7v"> </span> <span class="svelte-1rfwd7v"> </span></div> <div class="history-icon svelte-1rfwd7v"><!></div> <div class="history-icon svelte-1rfwd7v"><!></div></div>'),Ce=t.from_html('<span class="pagination-ellipsis svelte-1rfwd7v">&hellip;</span>'),ke=t.from_html("<button> </button>"),Le=t.from_html('<div class="game-history-pagination svelte-1rfwd7v"><button class="pagination-button pagination-nav svelte-1rfwd7v">&#8249;</button> <div class="pagination-pages svelte-1rfwd7v"></div> <button class="pagination-button pagination-nav svelte-1rfwd7v">&#8250;</button></div>'),ze=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!> <!>',1),Me=t.from_html('<h2 class="no-history svelte-1rfwd7v"> </h2>'),Be=t.from_html('<div class="history-list svelte-1rfwd7v"><!></div>');const Ee={hash:"svelte-1rfwd7v",code:` *,
+ *::before,
+ *::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;} .history-list {display:flex;flex-direction:column;gap:6px;width:100%;max-width:700px;margin:0 auto;} .history-grid {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;} .date-time-cell {display:flex;flex-direction:column;gap:2px;} .date-time-cell span:last-child {opacity:0.6;font-size:10px;} .game-history-item {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;} .game-history-header {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;} .history-icon {display:flex;align-items:center;justify-content:center;} .no-history {width:100%;font-size:14px;font-weight:400;margin-top:12px;} .game-history-pagination {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;} .pagination-pages {display:flex;align-items:center;gap:4px;} .pagination-ellipsis {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;} .pagination-button {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;} .pagination-button:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .pagination-button:disabled {opacity:0.4;cursor:not-allowed;} .pagination-page {min-width:32px;text-align:center;padding:6px 8px;} .pagination-nav {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;} .pagination-page.active {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+@keyframes svelte-1rfwd7v-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+} .history-skeleton-row {pointer-events:none;
+  animation: svelte-1rfwd7v-skeleton-pulse 1.4s ease-in-out infinite;} .history-skeleton-bar {display:inline-block;max-width:100%;border-radius:4px;background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));color:transparent;user-select:none;} .history-skeleton-bar--name {width:70%;} .history-skeleton-bar--icon {width:12px;height:12px;}`};function V(N,S){e.push(S,!0),t.append_styles(N,Ee);const r=()=>e.store_get(e.$format,"$_",Y),[Y,ee]=e.setup_stores(),q=t.prop(S,"programId",7),O=t.prop(S,"endpoint",7),F=t.prop(S,"session",7);let P=e.state(!0),f=e.state(e.proxy([])),te=e.state(!1);const B=10;let d=e.state(1);const R=e.user_derived(()=>e.get(f)&&e.get(f).length>0?Math.ceil(e.get(f).length/B):1),se=e.user_derived(()=>e.get(f)&&e.get(f).length>0?e.get(f).slice((e.get(d)-1)*B,e.get(d)*B):[]),re={bonus:r()("prizeBonus"),role:r()("prizeRole"),tournament:r()("prizeTournament"),ticket:r()("prizeTicket"),loyalty:r()("prizeLoyalty"),challenge:r()("prizeChallenge"),noprize:r()("noWin"),custom:r()("prizeCustom")},ae=e.user_derived(()=>{const s=e.get(R);if(s<=5)return Array.from({length:s},(i,p)=>p+1);const a=[],v=e.get(d);a.push(1),v>3&&a.push("...");const l=Math.max(2,v-1),w=Math.min(s-1,v+1);for(let i=l;i<=w;i++)a.push(i);return v<s-2&&a.push("..."),s>1&&a.push(s),a}),U=s=>{s<1||s>e.get(R)||(e.set(d,s,!0),window.scrollTo({top:0,behavior:"smooth"}))},ie=()=>{e.set(P,!0);const s=new URL(`${O()}/v1/wof/outcome/${q()}`),a=new Headers;F()&&a.append("X-SessionId",F()),fetch(s,{method:"GET",headers:a,cache:"no-store"}).then(l=>l.json()).then(l=>{e.set(f,l?.items.map(w=>e.normalizeDrawResult(w,"history")),!0),e.set(d,1)}).catch(l=>{console.log(l),e.set(te,!0)}).finally(()=>e.set(P,!1))};t.onMount(()=>{ie()});var oe={get programId(){return q()},set programId(s){q(s),e.flushSync()},get endpoint(){return O()},set endpoint(s){O(s),e.flushSync()},get session(){return F()},set session(s){F(s),e.flushSync()}},Z=Be(),le=e.child(Z);{var ne=s=>{var a=ue(),v=e.first_child(a),l=e.sibling(e.child(v),2),w=e.child(l,!0);e.reset(l);var i=e.sibling(l,2),p=e.child(i,!0);e.reset(i);var g=e.sibling(i,2),b=e.child(g,!0);e.reset(g);var G=e.sibling(g,2),E=e.child(G,!0);e.reset(G),e.reset(v);var X=e.sibling(v,2);t.each(X,17,()=>Array(B),t.index,(y,W,L,j)=>{var z=_e(),A=e.child(z),$=e.child(A);$.textContent=`${L+1}.`,e.reset(A),e.next(8),e.reset(z),t.append(y,z)}),e.template_effect((y,W,L,j)=>{t.set_text(w,y),t.set_text(p,W),t.set_text(b,L),t.set_text(E,j)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(s,a)},de=s=>{var a=t.comment(),v=e.first_child(a);{var l=i=>{var p=ze(),g=e.first_child(p),b=e.sibling(e.child(g),2),G=e.child(b,!0);e.reset(b);var E=e.sibling(b,2),X=e.child(E,!0);e.reset(E);var y=e.sibling(E,2),W=e.child(y,!0);e.reset(y);var L=e.sibling(y,2),j=e.child(L,!0);e.reset(L),e.reset(g);var z=e.sibling(g,2);t.each(z,17,()=>e.get(se),t.index,(C,n,x)=>{var h=ye(),k=e.child(h),I=e.child(k);e.reset(k);var c=e.sibling(k,2),D=e.child(c,!0);e.reset(c);var T=e.sibling(c,2),H=e.child(T),J=e.child(H,!0);e.reset(H);var _=e.sibling(H,2),u=e.child(_,!0);e.reset(_),e.reset(T);var M=e.sibling(T,2),K=e.child(M);{var pe=o=>{var m=me();t.append(o,m)},ce=o=>{var m=xe();t.append(o,m)};t.if_block(K,o=>{e.get(n).state==="drawn"||e.get(n).state==="fulfilled"?o(pe):o(ce,-1)})}e.reset(M);var Q=e.sibling(M,2),fe=e.child(Q);{var ge=o=>{var m=we();t.append(o,m)},he=o=>{var m=be();t.append(o,m)};t.if_block(fe,o=>{e.get(n).completed&&e.get(n).state==="fulfilled"?o(ge):o(he,-1)})}e.reset(Q),e.reset(h),e.template_effect((o,m)=>{t.set_text(I,`${(e.get(d)-1)*B+x+1}.`),t.set_text(D,re[e.get(n).type]||"-"),t.set_text(J,o),t.set_text(u,m)},[()=>e.formatDateTimeForHistory(e.get(n).time).date,()=>e.formatDateTimeForHistory(e.get(n).time).time]),t.append(C,h)});var A=e.sibling(z,2);{var $=C=>{var n=Le(),x=e.child(n),h=e.sibling(x,2);t.each(h,21,()=>e.get(ae),t.index,(I,c)=>{var D=t.comment(),T=e.first_child(D);{var H=_=>{var u=Ce();t.append(_,u)},J=_=>{var u=ke();let M;var K=e.child(u,!0);e.reset(u),e.template_effect(()=>{M=t.set_class(u,1,"pagination-button pagination-page svelte-1rfwd7v",null,M,{active:e.get(d)===e.get(c)}),t.set_text(K,e.get(c))}),t.delegated("click",u,()=>U(e.get(c))),t.append(_,u)};t.if_block(T,_=>{e.get(c)==="..."?_(H):_(J,-1)})}t.append(I,D)}),e.reset(h);var k=e.sibling(h,2);e.reset(n),e.template_effect((I,c)=>{x.disabled=e.get(d)===1,t.set_attribute(x,"aria-label",I),k.disabled=e.get(d)===e.get(R),t.set_attribute(k,"aria-label",c)},[()=>r()("previous"),()=>r()("next")]),t.delegated("click",x,()=>U(e.get(d)-1)),t.delegated("click",k,()=>U(e.get(d)+1)),t.append(C,n)};t.if_block(A,C=>{e.get(R)>1&&C($)})}e.template_effect((C,n,x,h)=>{t.set_text(G,C),t.set_text(X,n),t.set_text(W,x),t.set_text(j,h)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(i,p)},w=i=>{var p=Me(),g=e.child(p,!0);e.reset(p),e.template_effect(b=>t.set_text(g,b),[()=>r()("noHistory")]),t.append(i,p)};t.if_block(v,i=>{e.get(f)&&e.get(f).length>0?i(l):i(w,-1)})}t.append(s,a)};t.if_block(le,s=>{e.get(P)?s(ne):s(de,-1)})}e.reset(Z),e.template_effect(()=>t.set_attribute(Z,"aria-busy",e.get(P))),t.append(N,Z);var ve=e.pop(oe);return ee(),ve}t.delegate(["click"]);t.create_custom_element(V,{programId:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.GameHistory=V;

package/components/GameHistory-lyXo0tYb.cjs

@@ -0,0 +1,12 @@
+"use strict";const t=require("./WheelOfFortuneWheel-7PqVvd_8.cjs"),e=require("./utils-C1uNHR_J.cjs");var _e=t.from_html('<div class="game-history-item history-grid history-skeleton-row svelte-1rfwd7v" aria-hidden="true"><p class="svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v"></span></p> <p class="svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--name svelte-1rfwd7v">&nbsp;</span></p> <div class="date-time-cell svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v">Oct 00, 0000</span> <span class="history-skeleton-bar svelte-1rfwd7v">00:00:00</span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div></div>'),ue=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!>',1),me=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),xe=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),we=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),be=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),ye=t.from_html('<div class="game-history-item history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <div class="date-time-cell svelte-1rfwd7v"><span class="svelte-1rfwd7v"> </span> <span class="svelte-1rfwd7v"> </span></div> <div class="history-icon svelte-1rfwd7v"><!></div> <div class="history-icon svelte-1rfwd7v"><!></div></div>'),Ce=t.from_html('<span class="pagination-ellipsis svelte-1rfwd7v">&hellip;</span>'),ke=t.from_html("<button> </button>"),Le=t.from_html('<div class="game-history-pagination svelte-1rfwd7v"><button class="pagination-button pagination-nav svelte-1rfwd7v">&#8249;</button> <div class="pagination-pages svelte-1rfwd7v"></div> <button class="pagination-button pagination-nav svelte-1rfwd7v">&#8250;</button></div>'),ze=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!> <!>',1),Me=t.from_html('<h2 class="no-history svelte-1rfwd7v"> </h2>'),Be=t.from_html('<div class="history-list svelte-1rfwd7v"><!></div>');const Ee={hash:"svelte-1rfwd7v",code:` *,
+ *::before,
+ *::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;} .history-list {display:flex;flex-direction:column;gap:6px;width:100%;max-width:700px;margin:0 auto;} .history-grid {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;} .date-time-cell {display:flex;flex-direction:column;gap:2px;} .date-time-cell span:last-child {opacity:0.6;font-size:10px;} .game-history-item {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;} .game-history-header {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;} .history-icon {display:flex;align-items:center;justify-content:center;} .no-history {width:100%;font-size:14px;font-weight:400;margin-top:12px;} .game-history-pagination {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;} .pagination-pages {display:flex;align-items:center;gap:4px;} .pagination-ellipsis {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;} .pagination-button {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;} .pagination-button:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .pagination-button:disabled {opacity:0.4;cursor:not-allowed;} .pagination-page {min-width:32px;text-align:center;padding:6px 8px;} .pagination-nav {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;} .pagination-page.active {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+@keyframes svelte-1rfwd7v-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+} .history-skeleton-row {pointer-events:none;
+  animation: svelte-1rfwd7v-skeleton-pulse 1.4s ease-in-out infinite;} .history-skeleton-bar {display:inline-block;max-width:100%;border-radius:4px;background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));color:transparent;user-select:none;} .history-skeleton-bar--name {width:70%;} .history-skeleton-bar--icon {width:12px;height:12px;}`};function V(N,S){e.push(S,!0),t.append_styles(N,Ee);const r=()=>e.store_get(e.$format,"$_",Y),[Y,ee]=e.setup_stores(),q=t.prop(S,"programId",7),O=t.prop(S,"endpoint",7),F=t.prop(S,"session",7);let P=e.state(!0),f=e.state(e.proxy([])),te=e.state(!1);const B=10;let v=e.state(1);const R=e.user_derived(()=>e.get(f)&&e.get(f).length>0?Math.ceil(e.get(f).length/B):1),se=e.user_derived(()=>e.get(f)&&e.get(f).length>0?e.get(f).slice((e.get(v)-1)*B,e.get(v)*B):[]),re={bonus:r()("prizeBonus"),role:r()("prizeRole"),tournament:r()("prizeTournament"),ticket:r()("prizeTicket"),loyalty:r()("prizeLoyalty"),challenge:r()("prizeChallenge"),noprize:r()("noWin"),custom:r()("prizeCustom")},ae=e.user_derived(()=>{const s=e.get(R);if(s<=5)return Array.from({length:s},(o,p)=>p+1);const a=[],d=e.get(v);a.push(1),d>3&&a.push("...");const i=Math.max(2,d-1),w=Math.min(s-1,d+1);for(let o=i;o<=w;o++)a.push(o);return d<s-2&&a.push("..."),s>1&&a.push(s),a}),U=s=>{s<1||s>e.get(R)||(e.set(v,s,!0),window.scrollTo({top:0,behavior:"smooth"}))},ie=()=>{e.set(P,!0);const s=new URL(`${O()}/v1/wof/outcome/${q()}`),a=new Headers;F()&&a.append("X-SessionId",F()),fetch(s,{method:"GET",headers:a,cache:"no-store"}).then(i=>i.json()).then(i=>{e.set(f,i==null?void 0:i.items.map(w=>e.normalizeDrawResult(w,"history")),!0),e.set(v,1)}).catch(i=>{console.log(i),e.set(te,!0)}).finally(()=>e.set(P,!1))};t.onMount(()=>{ie()});var oe={get programId(){return q()},set programId(s){q(s),e.flushSync()},get endpoint(){return O()},set endpoint(s){O(s),e.flushSync()},get session(){return F()},set session(s){F(s),e.flushSync()}},Z=Be(),le=e.child(Z);{var ne=s=>{var a=ue(),d=e.first_child(a),i=e.sibling(e.child(d),2),w=e.child(i,!0);e.reset(i);var o=e.sibling(i,2),p=e.child(o,!0);e.reset(o);var g=e.sibling(o,2),b=e.child(g,!0);e.reset(g);var G=e.sibling(g,2),E=e.child(G,!0);e.reset(G),e.reset(d);var X=e.sibling(d,2);t.each(X,17,()=>Array(B),t.index,(y,W,L,j)=>{var z=_e(),A=e.child(z),$=e.child(A);$.textContent=`${L+1}.`,e.reset(A),e.next(8),e.reset(z),t.append(y,z)}),e.template_effect((y,W,L,j)=>{t.set_text(w,y),t.set_text(p,W),t.set_text(b,L),t.set_text(E,j)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(s,a)},ve=s=>{var a=t.comment(),d=e.first_child(a);{var i=o=>{var p=ze(),g=e.first_child(p),b=e.sibling(e.child(g),2),G=e.child(b,!0);e.reset(b);var E=e.sibling(b,2),X=e.child(E,!0);e.reset(E);var y=e.sibling(E,2),W=e.child(y,!0);e.reset(y);var L=e.sibling(y,2),j=e.child(L,!0);e.reset(L),e.reset(g);var z=e.sibling(g,2);t.each(z,17,()=>e.get(se),t.index,(C,n,x)=>{var h=ye(),k=e.child(h),I=e.child(k);e.reset(k);var c=e.sibling(k,2),D=e.child(c,!0);e.reset(c);var T=e.sibling(c,2),H=e.child(T),J=e.child(H,!0);e.reset(H);var _=e.sibling(H,2),u=e.child(_,!0);e.reset(_),e.reset(T);var M=e.sibling(T,2),K=e.child(M);{var pe=l=>{var m=me();t.append(l,m)},ce=l=>{var m=xe();t.append(l,m)};t.if_block(K,l=>{e.get(n).state==="drawn"||e.get(n).state==="fulfilled"?l(pe):l(ce,-1)})}e.reset(M);var Q=e.sibling(M,2),fe=e.child(Q);{var ge=l=>{var m=we();t.append(l,m)},he=l=>{var m=be();t.append(l,m)};t.if_block(fe,l=>{e.get(n).completed&&e.get(n).state==="fulfilled"?l(ge):l(he,-1)})}e.reset(Q),e.reset(h),e.template_effect((l,m)=>{t.set_text(I,`${(e.get(v)-1)*B+x+1}.`),t.set_text(D,re[e.get(n).type]||"-"),t.set_text(J,l),t.set_text(u,m)},[()=>e.formatDateTimeForHistory(e.get(n).time).date,()=>e.formatDateTimeForHistory(e.get(n).time).time]),t.append(C,h)});var A=e.sibling(z,2);{var $=C=>{var n=Le(),x=e.child(n),h=e.sibling(x,2);t.each(h,21,()=>e.get(ae),t.index,(I,c)=>{var D=t.comment(),T=e.first_child(D);{var H=_=>{var u=Ce();t.append(_,u)},J=_=>{var u=ke();let M;var K=e.child(u,!0);e.reset(u),e.template_effect(()=>{M=t.set_class(u,1,"pagination-button pagination-page svelte-1rfwd7v",null,M,{active:e.get(v)===e.get(c)}),t.set_text(K,e.get(c))}),t.delegated("click",u,()=>U(e.get(c))),t.append(_,u)};t.if_block(T,_=>{e.get(c)==="..."?_(H):_(J,-1)})}t.append(I,D)}),e.reset(h);var k=e.sibling(h,2);e.reset(n),e.template_effect((I,c)=>{x.disabled=e.get(v)===1,t.set_attribute(x,"aria-label",I),k.disabled=e.get(v)===e.get(R),t.set_attribute(k,"aria-label",c)},[()=>r()("previous"),()=>r()("next")]),t.delegated("click",x,()=>U(e.get(v)-1)),t.delegated("click",k,()=>U(e.get(v)+1)),t.append(C,n)};t.if_block(A,C=>{e.get(R)>1&&C($)})}e.template_effect((C,n,x,h)=>{t.set_text(G,C),t.set_text(X,n),t.set_text(W,x),t.set_text(j,h)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(o,p)},w=o=>{var p=Me(),g=e.child(p,!0);e.reset(p),e.template_effect(b=>t.set_text(g,b),[()=>r()("noHistory")]),t.append(o,p)};t.if_block(d,o=>{e.get(f)&&e.get(f).length>0?o(i):o(w,-1)})}t.append(s,a)};t.if_block(le,s=>{e.get(P)?s(ne):s(ve,-1)})}e.reset(Z),e.template_effect(()=>t.set_attribute(Z,"aria-busy",e.get(P))),t.append(N,Z);var de=e.pop(oe);return ee(),de}t.delegate(["click"]);t.create_custom_element(V,{programId:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.GameHistory=V;

package/components/GameHistory-uzrT81kU.js

@@ -0,0 +1,231 @@
+import { d as Ze, c as je, a as He, p as ne, o as Se, i as R, b as d, f as C, e as le, g as ve, s as p, h as ue, j as de, k as Y, l as Ae, m as pe } from "./WheelOfFortuneWheel-BABzaEBd.js";
+import { G as Fe, aM as J, aC as We, a0 as e, ah as I, L as De, aP as Oe, au as Z, aV as Xe, aT as s, aG as ce, aR as Ne, aQ as Qe, aN as K, aO as o, aW as a, b1 as Ue, b2 as we, aX as fe } from "./utils-BJHloM10.js";
+var Ve = C('<div class="game-history-item history-grid history-skeleton-row svelte-1rfwd7v" aria-hidden="true"><p class="svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v"></span></p> <p class="svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--name svelte-1rfwd7v">&nbsp;</span></p> <div class="date-time-cell svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v">Oct 00, 0000</span> <span class="history-skeleton-bar svelte-1rfwd7v">00:00:00</span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div></div>'), $e = C('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!>', 1), qe = Y('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'), Je = Y('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'), Ke = Y('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'), Ye = Y('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'), et = C('<div class="game-history-item history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <div class="date-time-cell svelte-1rfwd7v"><span class="svelte-1rfwd7v"> </span> <span class="svelte-1rfwd7v"> </span></div> <div class="history-icon svelte-1rfwd7v"><!></div> <div class="history-icon svelte-1rfwd7v"><!></div></div>'), tt = C('<span class="pagination-ellipsis svelte-1rfwd7v">&hellip;</span>'), at = C("<button> </button>"), st = C('<div class="game-history-pagination svelte-1rfwd7v"><button class="pagination-button pagination-nav svelte-1rfwd7v">&#8249;</button> <div class="pagination-pages svelte-1rfwd7v"></div> <button class="pagination-button pagination-nav svelte-1rfwd7v">&#8250;</button></div>'), rt = C('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!> <!>', 1), ot = C('<h2 class="no-history svelte-1rfwd7v"> </h2>'), it = C('<div class="history-list svelte-1rfwd7v"><!></div>');
+const nt = {
+  hash: "svelte-1rfwd7v",
+  code: ` *,
+ *::before,
+ *::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;} .history-list {display:flex;flex-direction:column;gap:6px;width:100%;max-width:700px;margin:0 auto;} .history-grid {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;} .date-time-cell {display:flex;flex-direction:column;gap:2px;} .date-time-cell span:last-child {opacity:0.6;font-size:10px;} .game-history-item {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;} .game-history-header {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;} .history-icon {display:flex;align-items:center;justify-content:center;} .no-history {width:100%;font-size:14px;font-weight:400;margin-top:12px;} .game-history-pagination {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;} .pagination-pages {display:flex;align-items:center;gap:4px;} .pagination-ellipsis {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;} .pagination-button {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;} .pagination-button:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .pagination-button:disabled {opacity:0.4;cursor:not-allowed;} .pagination-page {min-width:32px;text-align:center;padding:6px 8px;} .pagination-nav {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;} .pagination-page.active {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+@keyframes svelte-1rfwd7v-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+} .history-skeleton-row {pointer-events:none;
+  animation: svelte-1rfwd7v-skeleton-pulse 1.4s ease-in-out infinite;} .history-skeleton-bar {display:inline-block;max-width:100%;border-radius:4px;background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));color:transparent;user-select:none;} .history-skeleton-bar--name {width:70%;} .history-skeleton-bar--icon {width:12px;height:12px;}`
+};
+function lt(ge, W) {
+  Fe(W, !0), He(ge, nt);
+  const r = () => Oe(Qe, "$_", xe), [xe, me] = Ne(), ee = ne(W, "programId", 7), te = ne(W, "endpoint", 7), D = ne(W, "session", 7);
+  let O = J(!0), w = J(We([])), _e = J(!1);
+  const j = 10;
+  let f = J(1);
+  const X = fe(() => e(w) && e(w).length > 0 ? Math.ceil(e(w).length / j) : 1), ye = fe(() => e(w) && e(w).length > 0 ? e(w).slice((e(f) - 1) * j, e(f) * j) : []), be = {
+    bonus: r()("prizeBonus"),
+    role: r()("prizeRole"),
+    tournament: r()("prizeTournament"),
+    ticket: r()("prizeTicket"),
+    loyalty: r()("prizeLoyalty"),
+    challenge: r()("prizeChallenge"),
+    noprize: r()("noWin"),
+    custom: r()("prizeCustom")
+  }, Ce = fe(() => {
+    const t = e(X);
+    if (t <= 5)
+      return Array.from({ length: t }, (l, h) => h + 1);
+    const i = [], g = e(f);
+    i.push(1), g > 3 && i.push("...");
+    const n = Math.max(2, g - 1), L = Math.min(t - 1, g + 1);
+    for (let l = n; l <= L; l++)
+      i.push(l);
+    return g < t - 2 && i.push("..."), t > 1 && i.push(t), i;
+  }), ae = (t) => {
+    t < 1 || t > e(X) || (Z(f, t, !0), window.scrollTo({ top: 0, behavior: "smooth" }));
+  }, ke = () => {
+    Z(O, !0);
+    const t = new URL(`${te()}/v1/wof/outcome/${ee()}`), i = new Headers();
+    D() && i.append("X-SessionId", D()), fetch(t, { method: "GET", headers: i, cache: "no-store" }).then((n) => n.json()).then((n) => {
+      Z(w, n == null ? void 0 : n.items.map((L) => Xe(L, "history")), !0), Z(f, 1);
+    }).catch((n) => {
+      console.log(n), Z(_e, !0);
+    }).finally(() => Z(O, !1));
+  };
+  Se(() => {
+    ke();
+  });
+  var Le = {
+    get programId() {
+      return ee();
+    },
+    set programId(t) {
+      ee(t), ce();
+    },
+    get endpoint() {
+      return te();
+    },
+    set endpoint(t) {
+      te(t), ce();
+    },
+    get session() {
+      return D();
+    },
+    set session(t) {
+      D(t), ce();
+    }
+  }, N = it(), ze = s(N);
+  {
+    var Me = (t) => {
+      var i = $e(), g = K(i), n = o(s(g), 2), L = s(n, !0);
+      a(n);
+      var l = o(n, 2), h = s(l, !0);
+      a(l);
+      var x = o(l, 2), z = s(x, !0);
+      a(x);
+      var Q = o(x, 2), H = s(Q, !0);
+      a(Q), a(g);
+      var se = o(g, 2);
+      le(se, 17, () => Array(j), ve, (M, U, T, V) => {
+        var G = Ve(), $ = s(G), re = s($);
+        re.textContent = `${T + 1}.`, a($), Ue(8), a(G), d(M, G);
+      }), I(
+        (M, U, T, V) => {
+          p(L, M), p(h, U), p(z, T), p(H, V);
+        },
+        [
+          () => r()("name"),
+          () => r()("date"),
+          () => r()("spin"),
+          () => r()("assigned")
+        ]
+      ), d(t, i);
+    }, Be = (t) => {
+      var i = ue(), g = K(i);
+      {
+        var n = (l) => {
+          var h = rt(), x = K(h), z = o(s(x), 2), Q = s(z, !0);
+          a(z);
+          var H = o(z, 2), se = s(H, !0);
+          a(H);
+          var M = o(H, 2), U = s(M, !0);
+          a(M);
+          var T = o(M, 2), V = s(T, !0);
+          a(T), a(x);
+          var G = o(x, 2);
+          le(G, 17, () => e(ye), ve, (B, c, k) => {
+            var m = et(), E = s(m), S = s(E);
+            a(E);
+            var u = o(E, 2), q = s(u, !0);
+            a(u);
+            var A = o(u, 2), F = s(A), oe = s(F, !0);
+            a(F);
+            var _ = o(F, 2), y = s(_, !0);
+            a(_), a(A);
+            var P = o(A, 2), ie = s(P);
+            {
+              var Ie = (v) => {
+                var b = qe();
+                d(v, b);
+              }, Te = (v) => {
+                var b = Je();
+                d(v, b);
+              };
+              R(ie, (v) => {
+                e(c).state === "drawn" || e(c).state === "fulfilled" ? v(Ie) : v(Te, -1);
+              });
+            }
+            a(P);
+            var he = o(P, 2), Ge = s(he);
+            {
+              var Pe = (v) => {
+                var b = Ke();
+                d(v, b);
+              }, Re = (v) => {
+                var b = Ye();
+                d(v, b);
+              };
+              R(Ge, (v) => {
+                e(c).completed && e(c).state === "fulfilled" ? v(Pe) : v(Re, -1);
+              });
+            }
+            a(he), a(m), I(
+              (v, b) => {
+                p(S, `${(e(f) - 1) * j + k + 1}.`), p(q, be[e(c).type] || "-"), p(oe, v), p(y, b);
+              },
+              [
+                () => we(e(c).time).date,
+                () => we(e(c).time).time
+              ]
+            ), d(B, m);
+          });
+          var $ = o(G, 2);
+          {
+            var re = (B) => {
+              var c = st(), k = s(c), m = o(k, 2);
+              le(m, 21, () => e(Ce), ve, (S, u) => {
+                var q = ue(), A = K(q);
+                {
+                  var F = (_) => {
+                    var y = tt();
+                    d(_, y);
+                  }, oe = (_) => {
+                    var y = at();
+                    let P;
+                    var ie = s(y, !0);
+                    a(y), I(() => {
+                      P = Ae(y, 1, "pagination-button pagination-page svelte-1rfwd7v", null, P, { active: e(f) === e(u) }), p(ie, e(u));
+                    }), pe("click", y, () => ae(e(u))), d(_, y);
+                  };
+                  R(A, (_) => {
+                    e(u) === "..." ? _(F) : _(oe, -1);
+                  });
+                }
+                d(S, q);
+              }), a(m);
+              var E = o(m, 2);
+              a(c), I(
+                (S, u) => {
+                  k.disabled = e(f) === 1, de(k, "aria-label", S), E.disabled = e(f) === e(X), de(E, "aria-label", u);
+                },
+                [() => r()("previous"), () => r()("next")]
+              ), pe("click", k, () => ae(e(f) - 1)), pe("click", E, () => ae(e(f) + 1)), d(B, c);
+            };
+            R($, (B) => {
+              e(X) > 1 && B(re);
+            });
+          }
+          I(
+            (B, c, k, m) => {
+              p(Q, B), p(se, c), p(U, k), p(V, m);
+            },
+            [
+              () => r()("name"),
+              () => r()("date"),
+              () => r()("spin"),
+              () => r()("assigned")
+            ]
+          ), d(l, h);
+        }, L = (l) => {
+          var h = ot(), x = s(h, !0);
+          a(h), I((z) => p(x, z), [() => r()("noHistory")]), d(l, h);
+        };
+        R(g, (l) => {
+          e(w) && e(w).length > 0 ? l(n) : l(L, -1);
+        });
+      }
+      d(t, i);
+    };
+    R(ze, (t) => {
+      e(O) ? t(Me) : t(Be, -1);
+    });
+  }
+  a(N), I(() => de(N, "aria-busy", e(O))), d(ge, N);
+  var Ee = De(Le);
+  return me(), Ee;
+}
+Ze(["click"]);
+je(lt, { programId: {}, endpoint: {}, session: {} }, [], [], { mode: "open" });
+export {
+  lt as G
+};

package/components/GameHistory-v6cI-TIF.cjs

@@ -0,0 +1,12 @@
+"use strict";const t=require("./WheelOfFortuneWheel-BoZ9evN7.cjs"),e=require("./utils-8EFTHKcu.cjs");var _e=t.from_html('<div class="game-history-item history-grid history-skeleton-row svelte-1rfwd7v" aria-hidden="true"><p class="svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v"></span></p> <p class="svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--name svelte-1rfwd7v">&nbsp;</span></p> <div class="date-time-cell svelte-1rfwd7v"><span class="history-skeleton-bar svelte-1rfwd7v">Oct 00, 0000</span> <span class="history-skeleton-bar svelte-1rfwd7v">00:00:00</span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div> <div class="history-icon svelte-1rfwd7v"><span class="history-skeleton-bar history-skeleton-bar--icon svelte-1rfwd7v"></span></div></div>'),ue=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!>',1),me=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),xe=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),we=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-1rfwd7v"></path></svg>'),be=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-1rfwd7v"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-1rfwd7v"></path></svg>'),ye=t.from_html('<div class="game-history-item history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <div class="date-time-cell svelte-1rfwd7v"><span class="svelte-1rfwd7v"> </span> <span class="svelte-1rfwd7v"> </span></div> <div class="history-icon svelte-1rfwd7v"><!></div> <div class="history-icon svelte-1rfwd7v"><!></div></div>'),Ce=t.from_html('<span class="pagination-ellipsis svelte-1rfwd7v">&hellip;</span>'),ke=t.from_html("<button> </button>"),Le=t.from_html('<div class="game-history-pagination svelte-1rfwd7v"><button class="pagination-button pagination-nav svelte-1rfwd7v">&#8249;</button> <div class="pagination-pages svelte-1rfwd7v"></div> <button class="pagination-button pagination-nav svelte-1rfwd7v">&#8250;</button></div>'),ze=t.from_html('<div class="game-history-header history-grid svelte-1rfwd7v"><p class="svelte-1rfwd7v">#</p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p> <p class="svelte-1rfwd7v"> </p></div> <!> <!>',1),Me=t.from_html('<h2 class="no-history svelte-1rfwd7v"> </h2>'),Be=t.from_html('<div class="history-list svelte-1rfwd7v"><!></div>');const Ee={hash:"svelte-1rfwd7v",code:` *,
+ *::before,
+ *::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;} .history-list {display:flex;flex-direction:column;gap:6px;width:100%;max-width:700px;margin:0 auto;} .history-grid {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;} .date-time-cell {display:flex;flex-direction:column;gap:2px;} .date-time-cell span:last-child {opacity:0.6;font-size:10px;} .game-history-item {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;} .game-history-header {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;} .history-icon {display:flex;align-items:center;justify-content:center;} .no-history {width:100%;font-size:14px;font-weight:400;margin-top:12px;} .game-history-pagination {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;} .pagination-pages {display:flex;align-items:center;gap:4px;} .pagination-ellipsis {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;} .pagination-button {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;} .pagination-button:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));} .pagination-button:disabled {opacity:0.4;cursor:not-allowed;} .pagination-page {min-width:32px;text-align:center;padding:6px 8px;} .pagination-nav {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;} .pagination-page.active {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+@keyframes svelte-1rfwd7v-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+} .history-skeleton-row {pointer-events:none;
+  animation: svelte-1rfwd7v-skeleton-pulse 1.4s ease-in-out infinite;} .history-skeleton-bar {display:inline-block;max-width:100%;border-radius:4px;background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));color:transparent;user-select:none;} .history-skeleton-bar--name {width:70%;} .history-skeleton-bar--icon {width:12px;height:12px;}`};function V(N,S){e.push(S,!0),t.append_styles(N,Ee);const r=()=>e.store_get(e.$format,"$_",Y),[Y,ee]=e.setup_stores(),q=t.prop(S,"programId",7),O=t.prop(S,"endpoint",7),F=t.prop(S,"session",7);let P=e.state(!0),f=e.state(e.proxy([])),te=e.state(!1);const B=10;let d=e.state(1);const R=e.user_derived(()=>e.get(f)&&e.get(f).length>0?Math.ceil(e.get(f).length/B):1),se=e.user_derived(()=>e.get(f)&&e.get(f).length>0?e.get(f).slice((e.get(d)-1)*B,e.get(d)*B):[]),re={bonus:r()("prizeBonus"),role:r()("prizeRole"),tournament:r()("prizeTournament"),ticket:r()("prizeTicket"),loyalty:r()("prizeLoyalty"),challenge:r()("prizeChallenge"),noprize:r()("noWin"),custom:r()("prizeCustom")},ae=e.user_derived(()=>{const s=e.get(R);if(s<=5)return Array.from({length:s},(i,p)=>p+1);const a=[],v=e.get(d);a.push(1),v>3&&a.push("...");const l=Math.max(2,v-1),w=Math.min(s-1,v+1);for(let i=l;i<=w;i++)a.push(i);return v<s-2&&a.push("..."),s>1&&a.push(s),a}),U=s=>{s<1||s>e.get(R)||(e.set(d,s,!0),window.scrollTo({top:0,behavior:"smooth"}))},ie=()=>{e.set(P,!0);const s=new URL(`${O()}/v1/wof/outcome/${q()}`),a=new Headers;F()&&a.append("X-SessionId",F()),fetch(s,{method:"GET",headers:a,cache:"no-store"}).then(l=>l.json()).then(l=>{e.set(f,l?.items.map(w=>e.normalizeDrawResult(w,"history")),!0),e.set(d,1)}).catch(l=>{console.log(l),e.set(te,!0)}).finally(()=>e.set(P,!1))};t.onMount(()=>{ie()});var oe={get programId(){return q()},set programId(s){q(s),e.flushSync()},get endpoint(){return O()},set endpoint(s){O(s),e.flushSync()},get session(){return F()},set session(s){F(s),e.flushSync()}},Z=Be(),le=e.child(Z);{var ne=s=>{var a=ue(),v=e.first_child(a),l=e.sibling(e.child(v),2),w=e.child(l,!0);e.reset(l);var i=e.sibling(l,2),p=e.child(i,!0);e.reset(i);var g=e.sibling(i,2),b=e.child(g,!0);e.reset(g);var G=e.sibling(g,2),E=e.child(G,!0);e.reset(G),e.reset(v);var X=e.sibling(v,2);t.each(X,17,()=>Array(B),t.index,(y,W,L,j)=>{var z=_e(),A=e.child(z),$=e.child(A);$.textContent=`${L+1}.`,e.reset(A),e.next(8),e.reset(z),t.append(y,z)}),e.template_effect((y,W,L,j)=>{t.set_text(w,y),t.set_text(p,W),t.set_text(b,L),t.set_text(E,j)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(s,a)},de=s=>{var a=t.comment(),v=e.first_child(a);{var l=i=>{var p=ze(),g=e.first_child(p),b=e.sibling(e.child(g),2),G=e.child(b,!0);e.reset(b);var E=e.sibling(b,2),X=e.child(E,!0);e.reset(E);var y=e.sibling(E,2),W=e.child(y,!0);e.reset(y);var L=e.sibling(y,2),j=e.child(L,!0);e.reset(L),e.reset(g);var z=e.sibling(g,2);t.each(z,17,()=>e.get(se),t.index,(C,n,x)=>{var h=ye(),k=e.child(h),I=e.child(k);e.reset(k);var c=e.sibling(k,2),D=e.child(c,!0);e.reset(c);var T=e.sibling(c,2),H=e.child(T),J=e.child(H,!0);e.reset(H);var _=e.sibling(H,2),u=e.child(_,!0);e.reset(_),e.reset(T);var M=e.sibling(T,2),K=e.child(M);{var pe=o=>{var m=me();t.append(o,m)},ce=o=>{var m=xe();t.append(o,m)};t.if_block(K,o=>{e.get(n).state==="drawn"||e.get(n).state==="fulfilled"?o(pe):o(ce,-1)})}e.reset(M);var Q=e.sibling(M,2),fe=e.child(Q);{var ge=o=>{var m=we();t.append(o,m)},he=o=>{var m=be();t.append(o,m)};t.if_block(fe,o=>{e.get(n).completed&&e.get(n).state==="fulfilled"?o(ge):o(he,-1)})}e.reset(Q),e.reset(h),e.template_effect((o,m)=>{t.set_text(I,`${(e.get(d)-1)*B+x+1}.`),t.set_text(D,re[e.get(n).type]||"-"),t.set_text(J,o),t.set_text(u,m)},[()=>e.formatDateTimeForHistory(e.get(n).time).date,()=>e.formatDateTimeForHistory(e.get(n).time).time]),t.append(C,h)});var A=e.sibling(z,2);{var $=C=>{var n=Le(),x=e.child(n),h=e.sibling(x,2);t.each(h,21,()=>e.get(ae),t.index,(I,c)=>{var D=t.comment(),T=e.first_child(D);{var H=_=>{var u=Ce();t.append(_,u)},J=_=>{var u=ke();let M;var K=e.child(u,!0);e.reset(u),e.template_effect(()=>{M=t.set_class(u,1,"pagination-button pagination-page svelte-1rfwd7v",null,M,{active:e.get(d)===e.get(c)}),t.set_text(K,e.get(c))}),t.delegated("click",u,()=>U(e.get(c))),t.append(_,u)};t.if_block(T,_=>{e.get(c)==="..."?_(H):_(J,-1)})}t.append(I,D)}),e.reset(h);var k=e.sibling(h,2);e.reset(n),e.template_effect((I,c)=>{x.disabled=e.get(d)===1,t.set_attribute(x,"aria-label",I),k.disabled=e.get(d)===e.get(R),t.set_attribute(k,"aria-label",c)},[()=>r()("previous"),()=>r()("next")]),t.delegated("click",x,()=>U(e.get(d)-1)),t.delegated("click",k,()=>U(e.get(d)+1)),t.append(C,n)};t.if_block(A,C=>{e.get(R)>1&&C($)})}e.template_effect((C,n,x,h)=>{t.set_text(G,C),t.set_text(X,n),t.set_text(W,x),t.set_text(j,h)},[()=>r()("name"),()=>r()("date"),()=>r()("spin"),()=>r()("assigned")]),t.append(i,p)},w=i=>{var p=Me(),g=e.child(p,!0);e.reset(p),e.template_effect(b=>t.set_text(g,b),[()=>r()("noHistory")]),t.append(i,p)};t.if_block(v,i=>{e.get(f)&&e.get(f).length>0?i(l):i(w,-1)})}t.append(s,a)};t.if_block(le,s=>{e.get(P)?s(ne):s(de,-1)})}e.reset(Z),e.template_effect(()=>t.set_attribute(Z,"aria-busy",e.get(P))),t.append(N,Z);var ve=e.pop(oe);return ee(),ve}t.delegate(["click"]);t.create_custom_element(V,{programId:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.GameHistory=V;

package/components/GamePlaceholder-4oI8uJ-1.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./WheelOfFortuneWheel-BQFaJ7ZB.cjs"),e=require("./utils-fG_nzyoc.cjs");var $=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4"/></video>',2),j=t.from_html('<div class="game-placeholder"><!> <div class="game-placeholder__badge"><p class="game-placeholder__badge-title"> </p> <p class="game-placeholder__badge-body"> </p></div> <button class="game-placeholder__cta" type="button"> </button></div>');const q={hash:"svelte-1j7eq9g",code:" .game-placeholder {position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100%;padding:40px 16px;overflow:hidden;} .game-placeholder__video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;} .game-placeholder__video.is-ready {opacity:1;} .game-placeholder__badge {position:relative;z-index:2;max-width:320px;padding:14px 18px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .game-placeholder__badge-title {margin:0;color:#ffffff;font-size:14px;font-weight:700;letter-spacing:0.2px;} .game-placeholder__badge-body {margin:6px 0 0;color:rgba(255, 255, 255, 0.6509803922);font-size:12px;line-height:1.45;} .game-placeholder__cta {position:relative;z-index:2;min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-weight:900;cursor:pointer;transition:transform 160ms ease, filter 160ms ease;} .game-placeholder__cta:active {transform:translateY(2px) scale(0.98);}"};function f(h,r){e.push(r,!0),t.append_styles(h,q);const l=()=>e.store_get(e.$format,"$_",v),[v,x]=e.setup_stores(),y="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",n=t.prop(r,"backgroundVideoAsset",7,null),s=t.prop(r,"liteMode",7,!1),c=t.prop(r,"onLogin",7);let _=e.state(!1);var k={get backgroundVideoAsset(){return n()},set backgroundVideoAsset(o=null){n(o),e.flushSync()},get liteMode(){return s()},set liteMode(o=!1){s(o),e.flushSync()},get onLogin(){return c()},set onLogin(o){c(o),e.flushSync()}},d=j(),b=e.child(d);{var w=o=>{var a=$();let i;a.muted=!0;var M=e.child(a);e.reset(a),e.template_effect(()=>{i=t.set_class(a,1,"game-placeholder__video",null,i,{"is-ready":e.get(_)}),t.set_attribute(M,"src",n()||y)}),t.event("canplay",a,()=>e.set(_,!0)),t.append(o,a)};t.if_block(b,o=>{s()||o(w)})}var p=e.sibling(b,2),g=e.child(p),A=e.child(g,!0);e.reset(g);var m=e.sibling(g,2),L=e.child(m,!0);e.reset(m),e.reset(p);var u=e.sibling(p,2),z=e.child(u,!0);e.reset(u),e.reset(d),e.template_effect((o,a,i)=>{t.set_text(A,o),t.set_text(L,a),t.set_text(z,i)},[()=>l()("loginTitle"),()=>l()("loginDescription"),()=>l()("login")]),t.delegated("click",u,function(...o){c()?.apply(this,o)}),t.append(h,d);var V=e.pop(k);return x(),V}t.delegate(["click"]);t.create_custom_element(f,{backgroundVideoAsset:{},liteMode:{},onLogin:{}},[],[],{mode:"open"});exports.GamePlaceholder=f;