@everymatrix/tournament-details-page 0.2.2 → 0.2.3

package/components/{TournamentGames-BhXlS-fA.js → TournamentGames-D9NuiZl1.js}

@@ -1,22 +1,22 @@
-import { B as je, c as Be, g as Pe, a as He, p as i, C as Ve, D as de, E as De, K as Fe, F as Je, q as O, G as ae, i as N, R as qe, b as o, d as Ke, f as g, v as l, J as Qe, h as R, j as t, s as S, r as A, o as j, N as w, t as E, k as ce, l as B, O as G, T as se, V as he, P as ne, L as re, M as oe, m as C, U as Ue, $ as We, H as Ze, W as Xe, Q as Ye } from "./StatusBadge-DuF7NK69.js";
-import { s as $e, G as pe, f as et, a as tt } from "./TournamentLeaderboard-BJ0mlW5c.js";
-import { a as at } from "./translations-BQS5XycD.js";
+import { C as Pe, c as Be, g as He, a as Ve, p as i, D as De, E as ce, F as Fe, J as Je, G as qe, o as N, H as se, i as R, T as Ke, b as o, d as Qe, f as g, q as l, I as Ue, h as j, j as t, s as S, r as A, u as P, M as w, t as C, k as he, l as B, N as T, U as re, W as pe, Q as oe, O as ie, P as le, m as E, V as We, $ as Xe, K as Ze, X as Ye, R as $e } from "./StatusBadge-BUU_5AgK.js";
+import { s as et, a as tt, G as ve, f as at, b as nt } from "./TournamentLeaderboard-Bk72WFe2.js";
+import { a as st } from "./translations-CoULEJN6.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
-const st = (x, s = !1) => {
-  if (!x)
+const rt = (b, n = !1) => {
+  if (!b)
     return;
-  const d = parseFloat(getComputedStyle(x).scrollMarginTop) || 0;
-  if (s && x.getBoundingClientRect().top >= d)
+  const d = parseFloat(getComputedStyle(b).scrollMarginTop) || 0;
+  if (n && b.getBoundingClientRect().top >= d)
     return;
-  const J = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-  x.scrollIntoView({ behavior: J ? "auto" : "smooth", block: "start" });
+  const q = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  b.scrollIntoView({ behavior: q ? "auto" : "smooth", block: "start" });
 };
-var nt = g('<div class="tournament-games__tabs svelte-49hxa3" role="tablist"><button type="button" role="tab"> </button> <button type="button" role="tab"> </button></div>'), ve = g('<p class="tournament-games__empty svelte-49hxa3"> </p>'), rt = g('<span class="tournament-games__badge svelte-49hxa3"> </span>'), ot = g('<button type="button" class="tournament-games__game svelte-49hxa3"><img class="tournament-games__image svelte-49hxa3" loading="lazy"/> <span class="tournament-games__play svelte-49hxa3" aria-hidden="true"><span class="tournament-games__play-button svelte-49hxa3"> </span></span> <!></button>'), it = g('<span class="tournament-games__game tournament-games__game--placeholder svelte-49hxa3" aria-hidden="true"></span>'), lt = g('<div class="tournament-games__sentinel svelte-49hxa3"></div>'), mt = g('<div class="tournament-games__grid svelte-49hxa3"><!> <!></div> <!>', 1), ut = g('<li class="svelte-49hxa3"> </li>'), gt = g('<ul class="tournament-games__events svelte-49hxa3"></ul>'), dt = g('<div class="tournament-games svelte-49hxa3"><!> <!></div>');
-const ct = {
+var ot = g('<div class="tournament-games__tabs svelte-49hxa3" role="tablist"><button type="button" role="tab"> </button> <button type="button" role="tab"> </button></div>'), _e = g('<p class="tournament-games__empty svelte-49hxa3"> </p>'), it = g('<span class="tournament-games__badge svelte-49hxa3"> </span>'), lt = g('<button type="button" class="tournament-games__game svelte-49hxa3"><img class="tournament-games__image svelte-49hxa3" loading="lazy"/> <span class="tournament-games__play svelte-49hxa3" aria-hidden="true"><span class="tournament-games__play-button svelte-49hxa3"> </span></span> <!></button>'), mt = g('<span class="tournament-games__game tournament-games__game--placeholder svelte-49hxa3" aria-hidden="true"></span>'), ut = g('<div class="tournament-games__sentinel svelte-49hxa3"></div>'), gt = g('<div class="tournament-games__grid svelte-49hxa3"><!> <!></div> <!>', 1), dt = g('<li class="svelte-49hxa3"> </li>'), ct = g('<ul class="tournament-games__events svelte-49hxa3"></ul>'), ht = g('<div class="tournament-games svelte-49hxa3"><!> <!></div>');
+const pt = {
   hash: "svelte-49hxa3",
   code: `.tournament-games.svelte-49hxa3 {scroll-margin-top:80px;display:flex;flex-direction:column;gap:20px;color:var(--text-subtle, rgba(223, 227, 232, 1));.tournament-games__tabs:where(.svelte-49hxa3) {display:flex;border-bottom:1px solid var(--border-default, rgba(251, 251, 251, 0.15));width:max-content;max-width:100%;}.tournament-games__tab:where(.svelte-49hxa3) {position:relative;flex:0 0 auto;height:31px;padding:0 10px;border:0;background:transparent;color:var(--text-subtle, rgba(223, 227, 232, 1));font:inherit;font-size:14px;font-weight:500;cursor:pointer;line-height:145%;min-width:206px;&.active {color:var(--text-brand, rgba(255, 204, 0, 1));font-weight:700;&::after {content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pagination-bg-selected, rgba(255, 204, 0, 1));}}}.tournament-games__grid:where(.svelte-49hxa3) {display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:8px;}.tournament-games__game:where(.svelte-49hxa3) {position:relative;display:block;width:100%;align-self:start;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;line-height:0;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}&:focus-visible .tournament-games__play:where(.svelte-49hxa3) {opacity:1;}
 
@@ -38,121 +38,127 @@ const ct = {
       animation: none;}.tournament-games.svelte-49hxa3 .tournament-games__play:where(.svelte-49hxa3) {transition:none;}
   }`
 };
-function ht(x, s) {
-  Pe(s, !0), He(x, ct);
-  const d = () => Ue(We, "$_", J), [J, _e] = Qe(), P = i(s, "initialGames", 7), q = i(s, "endpoint", 7), T = i(s, "language", 7, "en"), K = i(s, "session", 7), H = i(s, "tournamentid", 7), Q = i(s, "totalGames", 7), U = i(s, "platform", 7), W = i(s, "tournamentMetadata", 7), V = i(s, "translationurl", 7), z = i(s, "hasCasino", 7, !0), L = i(s, "hasSports", 7, !1);
-  Ve(at), de(T());
-  const xe = () => {
-    de(T());
+function vt(b, n) {
+  He(n, !0), Ve(b, pt);
+  const d = () => We(Xe, "$_", q), [q, xe] = Ue(), H = i(n, "initialGames", 7), K = i(n, "endpoint", 7), G = i(n, "language", 7, "en"), Q = i(n, "session", 7), O = i(n, "tournamentid", 7), V = i(n, "tournamentname", 7, ""), U = i(n, "totalGames", 7), W = i(n, "platform", 7), X = i(n, "tournamentMetadata", 7), D = i(n, "translationurl", 7), z = i(n, "hasCasino", 7, !0), I = i(n, "hasSports", 7, !1);
+  De(st), ce(G());
+  const be = () => {
+    ce(G());
   };
-  De(() => {
-    V() && Fe(V());
-  }), Je(() => {
-    xe();
+  Fe(() => {
+    D() && Je(D());
+  }), qe(() => {
+    be();
   });
-  let h = O(ae(P() || [])), D = O(ae(Q() ?? (P()?.length || 0))), Z = O(!1), b = O(ae(z() || !L() ? "casino" : "sports")), X = O(null);
-  const ie = (e) => {
-    e !== t(b) && (C(b, e, !0), Ze().then(() => st(t(X), !0)));
-  }, le = j(() => z() && L()), be = j(() => t(le) ? t(b) === "casino" : !L() || z()), Y = j(() => t(h).length < t(D)), fe = j(() => Math.min(Math.max(t(D) - t(h).length, 0), pe)), me = j(() => {
-    const e = W()?.sports?.rules;
+  let h = N(se(H() || [])), F = N(se(U() ?? (H()?.length || 0))), Z = N(!1), p = N(se(z() || !I() ? "casino" : "sports")), Y = N(null);
+  const me = (e) => {
+    e !== t(p) && (E(p, e, !0), et({ id: O(), nameOrTitle: V() }, e), Ze().then(() => rt(t(Y), !0)));
+  }, $ = P(() => z() && I()), fe = P(() => t($) ? t(p) === "casino" : !I() || z()), ee = P(() => t(h).length < t(F)), ye = P(() => Math.min(Math.max(t(F) - t(h).length, 0), ve)), ue = P(() => {
+    const e = X()?.sports?.rules;
     if (!e)
       return [];
     try {
       const a = JSON.parse(e);
-      return a[T()] || a["*"] || [];
+      return a[G()] || a["*"] || [];
     } catch (a) {
       return console.log(a), [];
     }
-  }), ye = async () => {
-    if (!(!t(Y) || t(Z))) {
-      C(Z, !0);
+  }), we = async () => {
+    if (!(!t(ee) || t(Z))) {
+      E(Z, !0);
       try {
-        const e = await et({
-          endpoint: q(),
-          language: T(),
-          platform: U(),
-          session: K(),
-          tournamentid: H(),
+        const e = await at({
+          endpoint: K(),
+          language: G(),
+          platform: W(),
+          session: Q(),
+          tournamentid: O(),
           filterById: !0,
-          gamesLimit: pe,
+          gamesLimit: ve,
           gamesOffset: t(h).length
         });
-        C(h, [...t(h), ...e?.games?.items ?? []], !0), C(D, e?.games?.total ?? t(D), !0);
+        E(h, [...t(h), ...e?.games?.items ?? []], !0), E(F, e?.games?.total ?? t(F), !0);
       } catch (e) {
         console.log(e);
       } finally {
-        C(Z, !1);
+        E(Z, !1);
       }
     }
-  }, we = (e, a) => {
-    const n = new IntersectionObserver(
+  }, Te = (e, a) => {
+    const s = new IntersectionObserver(
       (m) => {
-        m.some((p) => p.isIntersecting) && a();
+        m.some((v) => v.isIntersecting) && a();
       },
-      { rootMargin: tt }
+      { rootMargin: nt }
     );
-    return n.observe(e), {
+    return s.observe(e), {
       destroy() {
-        n.disconnect();
+        s.disconnect();
       }
     };
   }, Ge = (e) => {
-    $e(e, H());
+    tt(e, { id: O(), nameOrTitle: V() }, t($) ? t(p) : void 0);
   };
-  var Te = {
+  var ke = {
     get initialGames() {
-      return P();
+      return H();
     },
     set initialGames(e) {
-      P(e), l();
+      H(e), l();
     },
     get endpoint() {
-      return q();
+      return K();
     },
     set endpoint(e) {
-      q(e), l();
+      K(e), l();
     },
     get language() {
-      return T();
+      return G();
     },
     set language(e = "en") {
-      T(e), l();
+      G(e), l();
     },
     get session() {
-      return K();
+      return Q();
     },
     set session(e) {
-      K(e), l();
+      Q(e), l();
     },
     get tournamentid() {
-      return H();
+      return O();
     },
     set tournamentid(e) {
-      H(e), l();
+      O(e), l();
+    },
+    get tournamentname() {
+      return V();
+    },
+    set tournamentname(e = "") {
+      V(e), l();
     },
     get totalGames() {
-      return Q();
+      return U();
     },
     set totalGames(e) {
-      Q(e), l();
+      U(e), l();
     },
     get platform() {
-      return U();
+      return W();
     },
     set platform(e) {
-      U(e), l();
+      W(e), l();
     },
     get tournamentMetadata() {
-      return W();
+      return X();
     },
     set tournamentMetadata(e) {
-      W(e), l();
+      X(e), l();
     },
     get translationurl() {
-      return V();
+      return D();
     },
     set translationurl(e) {
-      V(e), l();
+      D(e), l();
     },
     get hasCasino() {
       return z();
@@ -161,112 +167,113 @@ function ht(x, s) {
       z(e), l();
     },
     get hasSports() {
-      return L();
+      return I();
     },
     set hasSports(e = !1) {
-      L(e), l();
+      I(e), l();
     }
-  }, F = dt(), ue = R(F);
+  }, J = ht(), ge = j(J);
   {
-    var ke = (e) => {
-      var a = nt(), n = R(a);
+    var Me = (e) => {
+      var a = ot(), s = j(a);
       let m;
-      var p = w(n, !0), r = S(n, 2);
+      var v = w(s, !0), r = S(s, 2);
       let u;
       var f = w(r, !0);
-      A(a), E(
-        (k, $) => {
-          m = ce(n, 1, "tournament-games__tab svelte-49hxa3", null, m, { active: t(b) === "casino" }), B(n, "aria-selected", t(b) === "casino"), G(p, k), u = ce(r, 1, "tournament-games__tab svelte-49hxa3", null, u, { active: t(b) === "sports" }), B(r, "aria-selected", t(b) === "sports"), G(f, $);
+      A(a), C(
+        (k, te) => {
+          m = he(s, 1, "tournament-games__tab svelte-49hxa3", null, m, { active: t(p) === "casino" }), B(s, "aria-selected", t(p) === "casino"), T(v, k), u = he(r, 1, "tournament-games__tab svelte-49hxa3", null, u, { active: t(p) === "sports" }), B(r, "aria-selected", t(p) === "sports"), T(f, te);
         },
         [() => d()("casinoTab"), () => d()("sportsTab")]
-      ), se("click", n, () => ie("casino")), se("click", r, () => ie("sports")), o(e, a);
+      ), re("click", s, () => me("casino")), re("click", r, () => me("sports")), o(e, a);
     };
-    N(ue, (e) => {
-      t(le) && e(ke);
+    R(ge, (e) => {
+      t($) && e(Me);
     });
   }
-  var Me = S(ue, 2);
+  var Se = S(ge, 2);
   {
-    var Se = (e) => {
-      var a = he(), n = ne(a);
+    var Ae = (e) => {
+      var a = pe(), s = oe(a);
       {
         var m = (r) => {
-          var u = ve(), f = w(u, !0);
-          E((k) => G(f, k), [() => d()("noAvailableGames")]), o(r, u);
-        }, p = (r) => {
-          var u = mt(), f = ne(u), k = R(f);
-          re(k, 17, () => t(h), oe, (y, c) => {
-            var v = ot(), M = R(v), _ = S(M, 2), ee = R(_), te = w(ee, !0);
-            A(_);
-            var Ie = S(_, 2);
+          var u = _e(), f = w(u, !0);
+          C((k) => T(f, k), [() => d()("noAvailableGames")]), o(r, u);
+        }, v = (r) => {
+          var u = gt(), f = oe(u), k = j(f);
+          ie(k, 17, () => t(h), le, (y, c) => {
+            var _ = lt(), M = j(_), x = S(M, 2), ae = j(x), ne = w(ae, !0);
+            A(x);
+            var Le = S(x, 2);
             {
-              var Oe = (I) => {
-                var ge = rt(), Ne = w(ge, !0);
-                E((Re) => G(Ne, Re), [() => d()("newBadge")]), o(I, ge);
+              var Ne = (L) => {
+                var de = it(), Re = w(de, !0);
+                C((je) => T(Re, je), [() => d()("newBadge")]), o(L, de);
               };
-              N(Ie, (I) => {
-                t(c).isNew && I(Oe);
+              R(Le, (L) => {
+                t(c).isNew && L(Ne);
               });
             }
-            A(v), E(
-              (I) => {
-                B(v, "title", t(c).name), B(M, "src", `https:${t(c).thumbnail}`), B(M, "alt", t(c).name), G(te, I);
+            A(_), C(
+              (L) => {
+                B(_, "title", t(c).name), B(M, "src", `https:${t(c).thumbnail}`), B(M, "alt", t(c).name), T(ne, L);
               },
               [() => d()("play")]
-            ), se("click", v, () => Ge(t(c))), o(y, v);
+            ), re("click", _, () => Ge(t(c))), o(y, _);
           });
-          var $ = S(k, 2);
-          re($, 17, () => Array(t(fe)), oe, (y, c, v, M) => {
-            var _ = it();
-            o(y, _);
+          var te = S(k, 2);
+          ie(te, 17, () => Array(t(ye)), le, (y, c, _, M) => {
+            var x = mt();
+            o(y, x);
           }), A(f);
           var ze = S(f, 2);
           {
-            var Le = (y) => {
-              var c = he(), v = ne(c);
-              Xe(v, () => t(h).length, (M) => {
-                var _ = lt();
-                Ye(_, (ee, te) => we?.(ee, te), () => ye), o(M, _);
+            var Ie = (y) => {
+              var c = pe(), _ = oe(c);
+              Ye(_, () => t(h).length, (M) => {
+                var x = ut();
+                $e(x, (ae, ne) => Te?.(ae, ne), () => we), o(M, x);
               }), o(y, c);
             };
-            N(ze, (y) => {
-              t(Y) && y(Le);
+            R(ze, (y) => {
+              t(ee) && y(Ie);
             });
           }
           o(r, u);
         };
-        N(n, (r) => {
-          t(h).length === 0 && !t(Y) ? r(m) : r(p, -1);
+        R(s, (r) => {
+          t(h).length === 0 && !t(ee) ? r(m) : r(v, -1);
         });
       }
       o(e, a);
-    }, Ae = (e) => {
-      var a = ve(), n = w(a, !0);
-      E((m) => G(n, m), [() => d()("noAvailableEvents")]), o(e, a);
+    }, Ce = (e) => {
+      var a = _e(), s = w(a, !0);
+      C((m) => T(s, m), [() => d()("noAvailableEvents")]), o(e, a);
     }, Ee = (e) => {
-      var a = gt();
-      re(a, 21, () => t(me), oe, (n, m) => {
-        var p = ut(), r = w(p);
-        E((u) => G(r, `${t(m).rule ?? ""} ${u ?? ""}`), [() => d()("contribution")]), o(n, p);
+      var a = ct();
+      ie(a, 21, () => t(ue), le, (s, m) => {
+        var v = dt(), r = w(v);
+        C((u) => T(r, `${t(m).rule ?? ""} ${u ?? ""}`), [() => d()("contribution")]), o(s, v);
       }), A(a), o(e, a);
     };
-    N(Me, (e) => {
-      t(be) ? e(Se) : t(me).length === 0 ? e(Ae, 1) : e(Ee, -1);
+    R(Se, (e) => {
+      t(fe) ? e(Ae) : t(ue).length === 0 ? e(Ce, 1) : e(Ee, -1);
     });
   }
-  A(F), qe(F, (e) => C(X, e), () => t(X)), o(x, F);
-  var Ce = Ke(Te);
-  return _e(), Ce;
+  A(J), Ke(J, (e) => E(Y, e), () => t(Y)), o(b, J);
+  var Oe = Qe(ke);
+  return xe(), Oe;
 }
-je(["click"]);
+Pe(["click"]);
 Be(
-  ht,
+  vt,
   {
     initialGames: {},
     endpoint: {},
     language: {},
     session: {},
     tournamentid: {},
+    tournamentname: {},
     totalGames: {},
     platform: {},
     tournamentMetadata: {},
@@ -279,6 +286,6 @@ Be(
   { mode: "open" }
 );
 export {
-  ht as T,
-  st as s
+  vt as T,
+  rt as s
 };

package/components/TournamentGames-Zkp7iS-3.cjs

@@ -0,0 +1,19 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./StatusBadge-CiBujliJ.cjs"),y=require("./TournamentLeaderboard-BHGPwbuz.cjs"),ve=require("./translations-Bgd_tQSB.cjs"),U=(h,n=!1)=>{if(!h)return;const i=parseFloat(getComputedStyle(h).scrollMarginTop)||0;if(n&&h.getBoundingClientRect().top>=i)return;const L=window.matchMedia("(prefers-reduced-motion: reduce)").matches;h.scrollIntoView({behavior:L?"auto":"smooth",block:"start"})};var fe=e.from_html('<div class="tournament-games__tabs svelte-49hxa3" role="tablist"><button type="button" role="tab"> </button> <button type="button" role="tab"> </button></div>'),Q=e.from_html('<p class="tournament-games__empty svelte-49hxa3"> </p>'),xe=e.from_html('<span class="tournament-games__badge svelte-49hxa3"> </span>'),be=e.from_html('<button type="button" class="tournament-games__game svelte-49hxa3"><img class="tournament-games__image svelte-49hxa3" loading="lazy"/> <span class="tournament-games__play svelte-49hxa3" aria-hidden="true"><span class="tournament-games__play-button svelte-49hxa3"> </span></span> <!></button>'),ye=e.from_html('<span class="tournament-games__game tournament-games__game--placeholder svelte-49hxa3" aria-hidden="true"></span>'),we=e.from_html('<div class="tournament-games__sentinel svelte-49hxa3"></div>'),Se=e.from_html('<div class="tournament-games__grid svelte-49hxa3"><!> <!></div> <!>',1),Te=e.from_html('<li class="svelte-49hxa3"> </li>'),ke=e.from_html('<ul class="tournament-games__events svelte-49hxa3"></ul>'),Ge=e.from_html('<div class="tournament-games svelte-49hxa3"><!> <!></div>');const Me={hash:"svelte-49hxa3",code:`.tournament-games.svelte-49hxa3 {scroll-margin-top:80px;display:flex;flex-direction:column;gap:20px;color:var(--text-subtle, rgba(223, 227, 232, 1));.tournament-games__tabs:where(.svelte-49hxa3) {display:flex;border-bottom:1px solid var(--border-default, rgba(251, 251, 251, 0.15));width:max-content;max-width:100%;}.tournament-games__tab:where(.svelte-49hxa3) {position:relative;flex:0 0 auto;height:31px;padding:0 10px;border:0;background:transparent;color:var(--text-subtle, rgba(223, 227, 232, 1));font:inherit;font-size:14px;font-weight:500;cursor:pointer;line-height:145%;min-width:206px;&.active {color:var(--text-brand, rgba(255, 204, 0, 1));font-weight:700;&::after {content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pagination-bg-selected, rgba(255, 204, 0, 1));}}}.tournament-games__grid:where(.svelte-49hxa3) {display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:8px;}.tournament-games__game:where(.svelte-49hxa3) {position:relative;display:block;width:100%;align-self:start;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;line-height:0;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}&:focus-visible .tournament-games__play:where(.svelte-49hxa3) {opacity:1;}
+
+      @media (hover: hover) {&:hover .tournament-games__play:where(.svelte-49hxa3) {opacity:1;}
+      }}.tournament-games__play:where(.svelte-49hxa3) {position:absolute;inset:0;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:6px;background:rgba(0, 0, 0, 0.6);line-height:1;opacity:0;transition:opacity 0.2s ease;}.tournament-games__play-button:where(.svelte-49hxa3) {display:flex;justify-content:center;align-items:center;min-width:50%;padding:8px 16px;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, rgba(38, 29, 0, 1));font-size:13px;font-weight:600;}.tournament-games__game--placeholder:where(.svelte-49hxa3) {height:120px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));cursor:default;
+      animation: svelte-49hxa3-tournament-games-pulse 1.2s ease-in-out infinite;}.tournament-games__image:where(.svelte-49hxa3) {display:block;width:100%;height:120px;object-fit:cover;border-radius:6px;}.tournament-games__badge:where(.svelte-49hxa3) {position:absolute;top:10px;left:9.6px;z-index:1;display:flex;justify-content:center;align-items:center;padding:4px 6px;background:var(--bg-overlay-secondary-level-5, rgba(0, 40, 81, 0.35));border:1px solid var(--primary-400, rgba(255, 204, 0, 1));backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);border-radius:12px;color:var(--primary-400, rgba(255, 225, 107, 1));font-size:8px;line-height:8px;}.tournament-games__sentinel:where(.svelte-49hxa3) {height:1px;margin-top:-16px;}.tournament-games__events:where(.svelte-49hxa3) {display:flex;flex-direction:column;gap:24px;margin:0;padding:0;font-size:12px;line-height:1.4;list-style:none;font-weight:400;color:var(--text-subtle, rgba(223, 227, 232, 1));}.tournament-games__empty:where(.svelte-49hxa3) {margin:0;padding:32px 0;text-align:center;}}
+
+  @keyframes svelte-49hxa3-tournament-games-pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @media (max-width: 767px) {.tournament-games.svelte-49hxa3 {.tournament-games__tabs:where(.svelte-49hxa3) {width:100%;}.tournament-games__tab:where(.svelte-49hxa3) {flex:1;min-width:0;font-size:12px;font-weight:400;}.tournament-games__grid:where(.svelte-49hxa3) {grid-template-columns:repeat(3, minmax(0, 1fr));}.tournament-games__image:where(.svelte-49hxa3),
+      .tournament-games__game--placeholder:where(.svelte-49hxa3) {height:75px;}.tournament-games__badge:where(.svelte-49hxa3) {top:5px;left:4.67px;}}
+  }
+
+  @media (prefers-reduced-motion: reduce) {.tournament-games.svelte-49hxa3 .tournament-games__game--placeholder:where(.svelte-49hxa3) {
+      animation: none;}.tournament-games.svelte-49hxa3 .tournament-games__play:where(.svelte-49hxa3) {transition:none;}
+  }`};function W(h,n){e.push(n,!0),e.append_styles(h,Me);const i=()=>e.store_get(e.$format,"$_",L),[L,X]=e.setup_stores(),G=e.prop(n,"initialGames",7),z=e.prop(n,"endpoint",7),f=e.prop(n,"language",7,"en"),I=e.prop(n,"session",7),w=e.prop(n,"tournamentid",7),M=e.prop(n,"tournamentname",7,""),O=e.prop(n,"totalGames",7),N=e.prop(n,"platform",7),R=e.prop(n,"tournamentMetadata",7),A=e.prop(n,"translationurl",7),S=e.prop(n,"hasCasino",7,!0),T=e.prop(n,"hasSports",7,!1);e.registerTranslations(ve.TRANSLATIONS$1),e.setLocale(f());const Y=()=>{e.setLocale(f())};e.user_pre_effect(()=>{A()&&e.loadTranslations(A())}),e.user_effect(()=>{Y()});let u=e.state(e.proxy(G()||[])),E=e.state(e.proxy(O()??(G()?.length||0))),j=e.state(!1),g=e.state(e.proxy(S()||!T()?"casino":"sports")),B=e.state(null);const D=t=>{t!==e.get(g)&&(e.set(g,t,!0),y.sendGamesSubTabClicked({id:w(),nameOrTitle:M()},t),e.tick().then(()=>U(e.get(B),!0)))},P=e.user_derived(()=>S()&&T()),$=e.user_derived(()=>e.get(P)?e.get(g)==="casino":!T()||S()),q=e.user_derived(()=>e.get(u).length<e.get(E)),ee=e.user_derived(()=>Math.min(Math.max(e.get(E)-e.get(u).length,0),y.GAMES_PAGE_SIZE)),F=e.user_derived(()=>{const t=R()?.sports?.rules;if(!t)return[];try{const a=JSON.parse(t);return a[f()]||a["*"]||[]}catch(a){return console.log(a),[]}}),te=async()=>{if(!(!e.get(q)||e.get(j))){e.set(j,!0);try{const t=await y.fetchTournament({endpoint:z(),language:f(),platform:N(),session:I(),tournamentid:w(),filterById:!0,gamesLimit:y.GAMES_PAGE_SIZE,gamesOffset:e.get(u).length});e.set(u,[...e.get(u),...t?.games?.items??[]],!0),e.set(E,t?.games?.total??e.get(E),!0)}catch(t){console.log(t)}finally{e.set(j,!1)}}},ae=(t,a)=>{const r=new IntersectionObserver(o=>{o.some(d=>d.isIntersecting)&&a()},{rootMargin:y.GAMES_ROOT_MARGIN});return r.observe(t),{destroy(){r.disconnect()}}},ne=t=>{y.sendPlayGame(t,{id:w(),nameOrTitle:M()},e.get(P)?e.get(g):void 0)};var re={get initialGames(){return G()},set initialGames(t){G(t),e.flushSync()},get endpoint(){return z()},set endpoint(t){z(t),e.flushSync()},get language(){return f()},set language(t="en"){f(t),e.flushSync()},get session(){return I()},set session(t){I(t),e.flushSync()},get tournamentid(){return w()},set tournamentid(t){w(t),e.flushSync()},get tournamentname(){return M()},set tournamentname(t=""){M(t),e.flushSync()},get totalGames(){return O()},set totalGames(t){O(t),e.flushSync()},get platform(){return N()},set platform(t){N(t),e.flushSync()},get tournamentMetadata(){return R()},set tournamentMetadata(t){R(t),e.flushSync()},get translationurl(){return A()},set translationurl(t){A(t),e.flushSync()},get hasCasino(){return S()},set hasCasino(t=!0){S(t),e.flushSync()},get hasSports(){return T()},set hasSports(t=!1){T(t),e.flushSync()}},C=Ge(),J=e.child(C);{var se=t=>{var a=fe(),r=e.child(a);let o;var d=e.only_child(r,!0),s=e.sibling(r,2);let l;var _=e.only_child(s,!0);e.reset(a),e.template_effect((x,H)=>{o=e.set_class(r,1,"tournament-games__tab svelte-49hxa3",null,o,{active:e.get(g)==="casino"}),e.set_attribute(r,"aria-selected",e.get(g)==="casino"),e.set_text(d,x),l=e.set_class(s,1,"tournament-games__tab svelte-49hxa3",null,l,{active:e.get(g)==="sports"}),e.set_attribute(s,"aria-selected",e.get(g)==="sports"),e.set_text(_,H)},[()=>i()("casinoTab"),()=>i()("sportsTab")]),e.delegated("click",r,()=>D("casino")),e.delegated("click",s,()=>D("sports")),e.append(t,a)};e.if_block(J,t=>{e.get(P)&&t(se)})}var oe=e.sibling(J,2);{var le=t=>{var a=e.comment(),r=e.first_child(a);{var o=s=>{var l=Q(),_=e.only_child(l,!0);e.template_effect(x=>e.set_text(_,x),[()=>i()("noAvailableGames")]),e.append(s,l)},d=s=>{var l=Se(),_=e.first_child(l),x=e.child(_);e.each(x,17,()=>e.get(u),e.index,(v,m)=>{var c=be(),b=e.child(c),p=e.sibling(b,2),V=e.child(p),Z=e.only_child(V,!0);e.reset(p);var ce=e.sibling(p,2);{var pe=k=>{var K=xe(),he=e.only_child(K,!0);e.template_effect(_e=>e.set_text(he,_e),[()=>i()("newBadge")]),e.append(k,K)};e.if_block(ce,k=>{e.get(m).isNew&&k(pe)})}e.reset(c),e.template_effect(k=>{e.set_attribute(c,"title",e.get(m).name),e.set_attribute(b,"src",`https:${e.get(m).thumbnail}`),e.set_attribute(b,"alt",e.get(m).name),e.set_text(Z,k)},[()=>i()("play")]),e.delegated("click",c,()=>ne(e.get(m))),e.append(v,c)});var H=e.sibling(x,2);e.each(H,17,()=>Array(e.get(ee)),e.index,(v,m,c,b)=>{var p=ye();e.append(v,p)}),e.reset(_);var ge=e.sibling(_,2);{var de=v=>{var m=e.comment(),c=e.first_child(m);e.key(c,()=>e.get(u).length,b=>{var p=we();e.action(p,(V,Z)=>ae?.(V,Z),()=>te),e.append(b,p)}),e.append(v,m)};e.if_block(ge,v=>{e.get(q)&&v(de)})}e.append(s,l)};e.if_block(r,s=>{e.get(u).length===0&&!e.get(q)?s(o):s(d,-1)})}e.append(t,a)},ie=t=>{var a=Q(),r=e.only_child(a,!0);e.template_effect(o=>e.set_text(r,o),[()=>i()("noAvailableEvents")]),e.append(t,a)},me=t=>{var a=ke();e.each(a,21,()=>e.get(F),e.index,(r,o)=>{var d=Te(),s=e.only_child(d);e.template_effect(l=>e.set_text(s,`${e.get(o).rule??""} ${l??""}`),[()=>i()("contribution")]),e.append(r,d)}),e.reset(a),e.append(t,a)};e.if_block(oe,t=>{e.get($)?t(le):e.get(F).length===0?t(ie,1):t(me,-1)})}e.reset(C),e.bind_this(C,t=>e.set(B,t),()=>e.get(B)),e.append(h,C);var ue=e.pop(re);return X(),ue}e.delegate(["click"]);e.create_custom_element(W,{initialGames:{},endpoint:{},language:{},session:{},tournamentid:{},tournamentname:{},totalGames:{},platform:{},tournamentMetadata:{},translationurl:{},hasCasino:{},hasSports:{}},[],[],{mode:"open"});exports.TournamentGames=W;exports.scrollToSection=U;