@everymatrix/tournament-details-page 0.0.5 → 0.0.6

package/components/{TournamentGames-0cZY55hS.js → TournamentGames-EuHRBJf0.js}

@@ -1,12 +1,12 @@
-import { b as Re, $ as Ie, p as Fe, g as He, h as w, u as pe, s as O, i as Xe, j as g, l as h, m as l, k as G, z as P, C as Ue, E as _, B as M, w as a, n as m, q as Je, r as qe, F as Ke, t as x, v as y, e as Qe, f as Ve, x as r, J as X, K as U, I as J, y as q, L as ae, D as me } from "./TournamentDetails-ByOP8vGa.js";
-import { g as Ye } from "./TournamentDetailsPage-CPVEgDYR.js";
-function Ze(A, c) {
-  Re(A, c);
+import { b as He, $ as Ie, p as Fe, g as Xe, h as y, u as pe, s as O, i as Ue, j as g, l as _, m as l, k as G, z as S, C as Je, E as x, B as A, w as a, n as m, q as qe, r as Ke, F as Qe, t as w, v as k, e as Ve, f as Ye, x as r, J as X, K as U, I as J, y as q, L as ae, D as me } from "./TournamentDetails-DIfQFrc8.js";
+import { g as Ze } from "./TournamentDetailsPage-rE5SsAXj.js";
+function $e(B, d) {
+  He(B, d);
 }
-function $e(A) {
-  Ie.set(A);
+function ve(B) {
+  Ie.set(B);
 }
-const ve = {
+const de = {
   en: {
     previousButton: "Previous",
     nextButton: "Next",
@@ -24,8 +24,8 @@ const ve = {
     sportsbookTab: "Sportsbook"
   }
 }, et = () => typeof window > "u";
-var tt = g('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), at = g('<p class="svelte-p7mf8l"> </p>'), nt = g("<div></div>"), ot = g('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), st = g('<div class="TournamentGameThumbnail svelte-p7mf8l"><div class="ImageContainer svelte-p7mf8l"><img class="svelte-p7mf8l"/> <div class="PlayButtonOverlay svelte-p7mf8l"><button class="PlayGameButton svelte-p7mf8l"> </button></div></div></div>'), rt = g('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), lt = g("<button> </button>"), it = g('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), pt = g('<p class="NoGamesAvailable svelte-p7mf8l"> </p>'), mt = g('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div></div>'), vt = g('<div class="TournamentGamesWrapper svelte-p7mf8l"><div class="GamesDescription svelte-p7mf8l"><p class="GamesDescriptionTitle svelte-p7mf8l"> </p> <p class="GamesDescriptionSubTitle svelte-p7mf8l"> </p></div> <!> <!> <div><!></div> <!> <!></div>');
-const ct = {
+var tt = g('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), at = g('<p class="svelte-p7mf8l"> </p>'), nt = g("<div></div>"), ot = g('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), st = g('<div class="TournamentGameThumbnail svelte-p7mf8l"><div class="ImageContainer svelte-p7mf8l"><img class="svelte-p7mf8l"/> <div class="PlayButtonOverlay svelte-p7mf8l"><button class="PlayGameButton svelte-p7mf8l"> </button></div></div></div>'), rt = g('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), lt = g("<button> </button>"), it = g('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), pt = g("<p> </p>"), mt = g('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div></div>'), vt = g('<div class="TournamentGamesWrapper svelte-p7mf8l"><div class="GamesDescription svelte-p7mf8l"><p class="GamesDescriptionTitle svelte-p7mf8l"> </p> <p class="GamesDescriptionSubTitle svelte-p7mf8l"> </p></div> <!> <!> <div><!></div> <!> <!></div>');
+const dt = {
   hash: "svelte-p7mf8l",
   code: `.svelte-p7mf8l,
   .svelte-p7mf8l::before,
@@ -34,7 +34,7 @@ const ct = {
         var(--emw-color-primary, #FF1D4E),
         transparent
       );background-size:100% 200%;
-      animation: pulse 1.5s ease-in-out infinite;}.ImageContainer:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;}img:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}.PlayButtonOverlay:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;opacity:0;&:hover {opacity:1;transition:opacity 0.5s;}.PlayGameButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-primary, #FF1D4E);border-radius:6px;color:var(--emw-color-typography, #ffffff);padding:10px;border:none;outline:none;min-width:50%;cursor:pointer;&:hover {background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer;}&:active {transform:scale(0.9);}}}}.PaginationWrapper.svelte-p7mf8l {display:flex;justify-content:space-between;.PageNumberWrapper:where(.svelte-p7mf8l) {display:flex;gap:3px;}.PaginationButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-section, #434343);color:var(--emw-color-typography, #ffffff);border-radius:6px;border:none;outline:none;padding:10px;width:auto;cursor:pointer;&.Number {background-color:transparent;min-width:0;padding:0 10px;}&:hover {background-color:var(--emw-color-bg-elements, #4A4A4A);cursor:pointer;}&:active {transform:scale(0.9);}&:disabled {opacity:60%;pointer-events:none;}&.Active {background-color:var(--emw-color-bg-elements, #4A4A4A);}&.Elipsis {pointer-events:none;background-color:transparent;min-width:0;padding:0;align-self:center;}}}.NoGamesAvailable.svelte-p7mf8l {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:300;}.PaginationSkeleton.svelte-p7mf8l {display:flex;justify-content:space-between;gap:6px;}.PaginationSkeletonButton.svelte-p7mf8l {width:80px;height:40px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.PaginationNumberSkeleton.svelte-p7mf8l {width:40px;height:40px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.SkeletonShimmer.svelte-p7mf8l {width:100%;height:100%;background:linear-gradient(
+      animation: pulse 1.5s ease-in-out infinite;}.ImageContainer:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;}img:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}.PlayButtonOverlay:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;opacity:0;&:hover {opacity:1;transition:opacity 0.5s;}.PlayGameButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-primary, #FF1D4E);border-radius:6px;color:var(--emw-color-typography, #ffffff);padding:10px;border:none;outline:none;min-width:50%;cursor:pointer;&:hover {background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer;}&:active {transform:scale(0.9);}}}}.PaginationWrapper.svelte-p7mf8l {display:flex;justify-content:space-between;.PageNumberWrapper:where(.svelte-p7mf8l) {display:flex;gap:3px;}.PaginationButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-section, #434343);color:var(--emw-color-typography, #ffffff);border-radius:6px;border:none;outline:none;padding:10px;width:auto;cursor:pointer;&.Number {background-color:transparent;min-width:0;padding:0 10px;}&:hover {background-color:var(--emw-color-bg-elements, #4A4A4A);cursor:pointer;}&:active {transform:scale(0.9);}&:disabled {opacity:60%;pointer-events:none;}&.Active {background-color:var(--emw-color-bg-elements, #4A4A4A);}&.Elipsis {pointer-events:none;background-color:transparent;min-width:0;padding:0;align-self:center;}}}.NoGamesAvailable.svelte-p7mf8l {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:300;}.PaginationSkeleton.svelte-p7mf8l {display:flex;justify-content:space-between;gap:6px;}.PaginationSkeletonButton.svelte-p7mf8l {width:80px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.PaginationNumberSkeleton.svelte-p7mf8l {width:40px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.SkeletonShimmer.svelte-p7mf8l {width:100%;height:100%;background:linear-gradient(
       90deg,
       transparent 0%,
       var(--emw-color-skeleton, #333232) 50%,
@@ -51,63 +51,63 @@ const ct = {
     }
   }
 
-  @media (min-width: 750px) {.TournamentGamesTabs.svelte-p7mf8l {width:fit-content;}.PaginationWrapper.svelte-p7mf8l {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {width:auto;min-width:75px;}
+  @media (min-width: 750px) {.TournamentGamesTabs.svelte-p7mf8l {width:fit-content;}.PaginationWrapper.svelte-p7mf8l, .PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {min-width:75px;}.PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;.PaginationSkeletonButton:where(.svelte-p7mf8l) {width:auto;min-width:55px;}.PaginationNumberSkeleton:where(.svelte-p7mf8l) {width:35px;}}
+
   }.Hidden.svelte-p7mf8l {display:none;}`
 };
-function dt(A, c) {
-  Fe(c, !0), He(A, ct);
-  const b = () => Ue(Ke, "$_", ce), [ce, de] = qe(), W = w(c, "initialGames"), K = w(c, "endpoint"), j = w(c, "language", 7, "en"), z = w(c, "session"), C = w(c, "tournamentid"), f = w(c, "gamesLimit", 7, 6), E = w(c, "totalGames"), Q = w(c, "platformProp", 7, null), B = w(c, "tournamentMetadata");
-  Object.keys(ve).forEach((e) => {
-    Ze(e, ve[e]);
-  });
-  const fe = () => {
-    $e(j());
+function ct(B, d) {
+  Fe(d, !0), Xe(B, dt);
+  const b = () => Je(Qe, "$_", ce), [ce, fe] = Ke(), W = y(d, "initialGames"), K = y(d, "endpoint"), N = y(d, "language", 7, "en"), z = y(d, "session"), C = y(d, "tournamentid"), f = y(d, "gamesLimit", 7, 6), E = y(d, "totalGames"), Q = y(d, "platformProp", 7, null), D = y(d, "tournamentMetadata");
+  Object.keys(de).forEach((e) => {
+    $e(e, de[e]);
+  }), ve(N());
+  const ue = () => {
+    ve(N());
   };
   pe(() => {
-    fe();
+    ue();
   });
-  let L = O(Xe(W() || [])), N = O(!1), d = O(0), R = O(void 0);
-  const ue = et() ? Q() ?? "dk" : Ye(window.navigator.userAgent), V = async () => {
-    if (Y.has(a(I)))
+  let L = O(Ue(W() || [])), M = O(!1), c = O(0), R = O(void 0);
+  const ge = et() ? Q() ?? "dk" : Ze(window.navigator.userAgent), V = async () => {
+    if (Y.has(a(H)))
       return;
-    x(N, !0);
+    w(M, !0);
     const e = new URL(`${K()}/v1/tournaments/${C()}`), t = new Headers();
     z() && t.append("X-SessionId", z());
     const n = { method: "GET", headers: t };
-    e.searchParams.append("filter", `id=${C()}`), e.searchParams.append("language", j()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${f()},offset=${a(d)})`), e.searchParams.append("platform", ue), fetch(e, n).then((o) => o.json()).then((o) => {
-      x(L, o?.item?.games?.items, !0), Y.set(a(I), a(L));
-    }).catch((o) => console.log(o)).finally(() => x(N, !1));
-  }, ge = () => {
-    const e = Math.ceil(E() / f()), t = Math.floor(a(d) / f()) + 1;
+    e.searchParams.append("filter", `id=${C()}`), e.searchParams.append("language", N()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${f()},offset=${a(c)})`), e.searchParams.append("platform", ge), fetch(e, n).then((o) => o.json()).then((o) => {
+      w(L, o?.item?.games?.items, !0), Y.set(a(H), a(L));
+    }).catch((o) => console.log(o)).finally(() => w(M, !1));
+  }, be = () => {
+    const e = Math.ceil(E() / f()), t = Math.floor(a(c) / f()) + 1;
     if (e <= 5)
       return Array.from({ length: e }, (o, i) => i + 1);
     const n = [];
     return n.push(1), t <= 3 ? (n.push(2, 3), n.push("..."), n.push(e)) : t >= e - 2 ? (n.push("..."), n.push(e - 2, e - 1, e)) : (n.push("..."), n.push(t - 1, t, t + 1), n.push("..."), n.push(e)), n;
-  }, be = () => {
-    a(d) < E() && (x(d, a(d) + f()), V());
   }, he = () => {
-    a(d) !== 0 && (x(d, a(d) - f()), V());
-  }, _e = (e) => {
-    x(d, (e - 1) * f()), V();
-  }, xe = ae(ge), I = ae(() => Math.floor(a(d) / f()) + 1);
-  let Y = /* @__PURE__ */ new Map([[1, W()]]), we = ae(() => Y.get(a(I)) ?? []), S = O("casino");
-  const ye = () => {
-    if (!B()) return;
-    const e = B().sports?.rules;
+    a(c) < E() && (w(c, a(c) + f()), V());
+  }, _e = () => {
+    a(c) !== 0 && (w(c, a(c) - f()), V());
+  }, xe = (e) => {
+    w(c, (e - 1) * f()), V();
+  }, we = ae(be), H = ae(() => Math.floor(a(c) / f()) + 1);
+  let Y = /* @__PURE__ */ new Map([[1, W()]]), ye = ae(() => Y.get(a(H)) ?? []), P = O("casino");
+  const ke = () => {
+    if (!D()) return;
+    const e = D().sports?.rules;
     let t;
     if (e)
       try {
-        t = JSON.parse(e), x(R, t[j()] || t["*"], !0);
+        t = JSON.parse(e), w(R, t[N()] || t["*"], !0);
       } catch (n) {
-        console.log(n), x(R, `${b()("sportsRulesParseError")}`);
+        console.log(n), w(R, `${b()("sportsRulesParseError")}`);
       }
-  }, ke = (e) => {
+  }, Pe = (e) => {
     window.postMessage(
       {
         type: "Tournaments:PlayGame",
         launchUrl: e.launchUrl,
         id: e.gameId,
-        platform: e.platform,
         thumbnail: e.thumbnail,
         name: e.name
       },
@@ -115,184 +115,191 @@ function dt(A, c) {
     );
   };
   pe(() => {
-    Object.keys(B()).length !== 0 && ye();
+    Object.keys(D()).length !== 0 && ke();
   });
-  var Pe = {
+  var Se = {
     get initialGames() {
       return W();
     },
     set initialGames(e) {
-      W(e), y();
+      W(e), k();
     },
     get endpoint() {
       return K();
     },
     set endpoint(e) {
-      K(e), y();
+      K(e), k();
     },
     get language() {
-      return j();
+      return N();
     },
     set language(e = "en") {
-      j(e), y();
+      N(e), k();
     },
     get session() {
       return z();
     },
     set session(e) {
-      z(e), y();
+      z(e), k();
     },
     get tournamentid() {
       return C();
     },
     set tournamentid(e) {
-      C(e), y();
+      C(e), k();
     },
     get gamesLimit() {
       return f();
     },
     set gamesLimit(e = 6) {
-      f(e), y();
+      f(e), k();
     },
     get totalGames() {
       return E();
     },
     set totalGames(e) {
-      E(e), y();
+      E(e), k();
     },
     get platformProp() {
       return Q();
     },
     set platformProp(e = null) {
-      Q(e), y();
+      Q(e), k();
     },
     get tournamentMetadata() {
-      return B();
+      return D();
     },
     set tournamentMetadata(e) {
-      B(e), y();
+      D(e), k();
     }
-  }, Z = vt(), $ = l(Z), ee = l($), Se = l(ee, !0);
+  }, Z = vt(), $ = l(Z), ee = l($), Te = l(ee, !0);
   r(ee);
-  var ne = h(ee, 2), Te = l(ne, !0);
+  var ne = _(ee, 2), Ge = l(ne, !0);
   r(ne), r($);
-  var oe = h($, 2);
+  var oe = _($, 2);
   {
-    var Ge = (e) => {
+    var Ae = (e) => {
       var t = tt(), n = l(t);
       let o;
-      n.__click = () => x(S, "casino");
+      n.__click = () => w(P, "casino");
       var i = l(n, !0);
       r(n);
-      var s = h(n, 2);
+      var s = _(n, 2);
       let p;
-      s.__click = () => x(S, "sports");
+      s.__click = () => w(P, "sports");
       var v = l(s, !0);
-      r(s), r(t), P(
-        (k, u) => {
-          o = M(n, 1, "Tab svelte-p7mf8l", null, o, { Active: a(S) === "casino" }), _(i, k), p = M(s, 1, "Tab svelte-p7mf8l", null, p, { Active: a(S) === "sports" }), _(v, u);
+      r(s), r(t), S(
+        (h, u) => {
+          o = A(n, 1, "Tab svelte-p7mf8l", null, o, { Active: a(P) === "casino" }), x(i, h), p = A(s, 1, "Tab svelte-p7mf8l", null, p, { Active: a(P) === "sports" }), x(v, u);
         },
         [() => b()("casinoTab"), () => b()("sportsbookTab")]
       ), m(e, t);
     };
     G(oe, (e) => {
-      Object.keys(B()).length !== 0 && e(Ge);
+      Object.keys(D()).length !== 0 && e(Ae);
     });
   }
-  var se = h(oe, 2);
+  var se = _(oe, 2);
   {
-    var Ae = (e) => {
+    var Be = (e) => {
       var t = nt();
       let n;
       X(t, 21, () => a(R), U, (o, i) => {
         var s = at(), p = l(s);
-        r(s), P((v) => _(p, `${a(i).rule ?? ""} ${v ?? ""}`), [() => b()("contribution")]), m(o, s);
-      }), r(t), P(() => n = M(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(S) === "casino" })), m(e, t);
+        r(s), S((v) => x(p, `${a(i).rule ?? ""} ${v ?? ""}`), [() => b()("contribution")]), m(o, s);
+      }), r(t), S(() => n = A(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(P) === "casino" })), m(e, t);
     };
     G(se, (e) => {
-      a(R) && e(Ae);
+      a(R) && e(Be);
     });
   }
-  var F = h(se, 2);
+  var I = _(se, 2);
   let re;
-  var Be = l(F);
+  var Ne = l(I);
   {
-    var Ne = (e) => {
+    var De = (e) => {
       var t = J(), n = q(t);
       X(n, 17, () => Array(f()), U, (o, i, s, p) => {
         var v = ot();
         m(o, v);
       }), m(e, t);
-    }, De = (e) => {
+    }, Me = (e) => {
       var t = J(), n = q(t);
-      X(n, 17, () => a(we), U, (o, i) => {
+      X(n, 17, () => a(ye), U, (o, i) => {
         var s = st();
-        s.__click = () => ke(a(i));
-        var p = l(s), v = l(p), k = h(v, 2), u = l(k), H = l(u, !0);
-        r(u), r(k), r(p), r(s), P(
+        s.__click = () => Pe(a(i));
+        var p = l(s), v = l(p), h = _(v, 2), u = l(h), F = l(u, !0);
+        r(u), r(h), r(p), r(s), S(
           (te) => {
-            me(v, "src", `https:${a(i).thumbnail}`), me(v, "alt", a(i).name), _(H, te);
+            me(v, "src", `https:${a(i).thumbnail}`), me(v, "alt", a(i).name), x(F, te);
           },
           [() => b()("play")]
         ), m(o, s);
       }), m(e, t);
     };
-    G(Be, (e) => {
-      a(N) || a(L)?.length === 0 ? e(Ne) : e(De, !1);
+    G(Ne, (e) => {
+      a(M) || a(L)?.length === 0 ? e(De) : e(Me, !1);
     });
   }
-  r(F);
-  var le = h(F, 2);
+  r(I);
+  var le = _(I, 2);
   {
-    var Me = (e) => {
+    var je = (e) => {
       var t = it();
       let n;
       var o = l(t);
-      o.__click = he;
+      o.__click = _e;
       var i = l(o, !0);
       r(o);
-      var s = h(o, 2);
-      X(s, 21, () => a(xe), U, (k, u) => {
-        var H = J(), te = q(H);
+      var s = _(o, 2);
+      X(s, 21, () => a(we), U, (h, u) => {
+        var F = J(), te = q(F);
         {
-          var We = (D) => {
+          var ze = (j) => {
             var T = rt();
-            m(D, T);
-          }, ze = (D) => {
+            m(j, T);
+          }, Ce = (j) => {
             var T = lt();
             let ie;
-            T.__click = () => _e(a(u));
-            var Ce = l(T, !0);
-            r(T), P(() => {
-              ie = M(T, 1, "PaginationButton Number svelte-p7mf8l", null, ie, { Active: a(u) === a(I) }), _(Ce, a(u));
-            }), m(D, T);
+            T.__click = () => xe(a(u));
+            var Re = l(T, !0);
+            r(T), S(() => {
+              ie = A(T, 1, "PaginationButton Number svelte-p7mf8l", null, ie, { Active: a(u) === a(H) }), x(Re, a(u));
+            }), m(j, T);
           };
-          G(te, (D) => {
-            typeof a(u) != "number" ? D(We) : D(ze, !1);
+          G(te, (j) => {
+            typeof a(u) != "number" ? j(ze) : j(Ce, !1);
           });
         }
-        m(k, H);
+        m(h, F);
       }), r(s);
-      var p = h(s, 2);
-      p.__click = be;
+      var p = _(s, 2);
+      p.__click = he;
       var v = l(p, !0);
-      r(p), r(t), P(
-        (k, u) => {
-          n = M(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(S) === "sports" }), o.disabled = a(d) === 0, _(i, k), p.disabled = a(d) >= E() - f(), _(v, u);
+      r(p), r(t), S(
+        (h, u) => {
+          n = A(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(P) === "sports" }), o.disabled = a(c) === 0, x(i, h), p.disabled = a(c) >= E() - f(), x(v, u);
         },
         [() => b()("previousButton"), () => b()("nextButton")]
       ), m(e, t);
-    }, je = (e) => {
+    }, Ee = (e) => {
       var t = J(), n = q(t);
       {
         var o = (i) => {
-          var s = pt(), p = l(s, !0);
-          r(s), P((v) => _(p, v), [() => b()("noAvailableGames")]), m(i, s);
+          var s = pt();
+          let p;
+          var v = l(s, !0);
+          r(s), S(
+            (h) => {
+              p = A(s, 1, "NoGamesAvailable svelte-p7mf8l", null, p, { Hidden: a(P) === "sports" }), x(v, h);
+            },
+            [() => b()("noAvailableGames")]
+          ), m(i, s);
         };
         G(
           n,
           (i) => {
-            !a(N) && a(L)?.length === 0 && i(o);
+            !a(M) && a(L)?.length === 0 && i(o);
           },
           !0
         );
@@ -300,34 +307,34 @@ function dt(A, c) {
       m(e, t);
     };
     G(le, (e) => {
-      !a(N) && a(L)?.length > 0 ? e(Me) : e(je, !1);
+      !a(M) && a(L)?.length > 0 ? e(je) : e(Ee, !1);
     });
   }
-  var Ee = h(le, 2);
+  var Le = _(le, 2);
   {
-    var Le = (e) => {
+    var Oe = (e) => {
       var t = mt();
       m(e, t);
     };
-    G(Ee, (e) => {
-      a(N) && e(Le);
+    G(Le, (e) => {
+      a(M) && e(Oe);
     });
   }
-  r(Z), P(
+  r(Z), S(
     (e, t) => {
-      _(Se, e), _(Te, t), re = M(F, 1, "TournamentGamesContainer svelte-p7mf8l", null, re, { Hidden: a(S) === "sports" });
+      x(Te, e), x(Ge, t), re = A(I, 1, "TournamentGamesContainer svelte-p7mf8l", null, re, { Hidden: a(P) === "sports" });
     },
     [
       () => b()("gamesDescriptionTitle"),
       () => b()("gamesDescriptionSubtitle")
     ]
-  ), m(A, Z);
-  var Oe = Je(Pe);
-  return de(), Oe;
+  ), m(B, Z);
+  var We = qe(Se);
+  return fe(), We;
 }
-Qe(["click"]);
-customElements.define("tournament-games", Ve(
-  dt,
+Ve(["click"]);
+customElements.define("tournament-games", Ye(
+  ct,
   {
     initialGames: {},
     endpoint: {},
@@ -344,5 +351,5 @@ customElements.define("tournament-games", Ve(
   !1
 ));
 export {
-  dt as default
+  ct as default
 };

package/components/TournamentGames-o7mTC32n.cjs

@@ -0,0 +1,27 @@
+"use strict";var K=(h,m,i)=>new Promise((j,A)=>{var y=d=>{try{g(i.next(d))}catch(b){A(b)}},S=d=>{try{g(i.throw(d))}catch(b){A(b)}},g=d=>d.done?j(d.value):Promise.resolve(d.value).then(y,S);g((i=i.apply(h,m)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TournamentDetails-BwBvr-th.cjs"),Pe=require("./TournamentDetailsPage-du8_rjJX.cjs");function Se(h,m){e.addMessages(h,m)}function Q(h){e.$locale.set(h)}const V={en:{previousButton:"Previous",nextButton:"Next",casinoTab:"Casino",sportsbookTab:"Sportsbook",gamesDescriptionTitle:"Participating games",gamesDescriptionSubtitle:"Discover the games",sportsRulesParseError:"Error parsing tournament rules",noAvailableGames:"No games have been configured yet!"},tr:{previousButton:"Previous",nextButton:"Next",casinoTab:"Casino",sportsbookTab:"Sportsbook"}},Te=()=>typeof window=="undefined";var Ge=e.from_html('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'),Ae=e.from_html('<p class="svelte-p7mf8l"> </p>'),Ne=e.from_html("<div></div>"),Be=e.from_html('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'),De=e.from_html('<div class="TournamentGameThumbnail svelte-p7mf8l"><div class="ImageContainer svelte-p7mf8l"><img class="svelte-p7mf8l"/> <div class="PlayButtonOverlay svelte-p7mf8l"><button class="PlayGameButton svelte-p7mf8l"> </button></div></div></div>'),Me=e.from_html('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'),je=e.from_html("<button> </button>"),Ee=e.from_html('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'),Le=e.from_html("<p> </p>"),Oe=e.from_html('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div> <div class="PaginationSkeletonButton svelte-p7mf8l"><div class="SkeletonShimmer svelte-p7mf8l"></div></div></div>'),We=e.from_html('<div class="TournamentGamesWrapper svelte-p7mf8l"><div class="GamesDescription svelte-p7mf8l"><p class="GamesDescriptionTitle svelte-p7mf8l"> </p> <p class="GamesDescriptionSubTitle svelte-p7mf8l"> </p></div> <!> <!> <div><!></div> <!> <!></div>');const Re={hash:"svelte-p7mf8l",code:`.svelte-p7mf8l,
+  .svelte-p7mf8l::before,
+  .svelte-p7mf8l::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.GamesDescription.svelte-p7mf8l {display:flex;flex-direction:column;gap:6px;margin:10px 0;.GamesDescriptionTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:16px;font-weight:600;}.GamesDescriptionSubTitle:where(.svelte-p7mf8l) {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:200;}}.TournamentGamesTabs.svelte-p7mf8l {display:flex;border-radius:50px;background-color:var(--emw-color-bg-section, #434343);padding:6px;margin-bottom:6px;width:100%;justify-content:center;.Tab:where(.svelte-p7mf8l) {padding:5px 20px;color:var(--emw-color-typography, #ffffff);width:100%;border-radius:50px;background-color:transparent;border:none;cursor:pointer;}.Active:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-elements, #4A4A4A);border:none;}}.TournamentRulesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:400;margin:10px 0;}.TournamentGamesWrapper.svelte-p7mf8l {display:flex;flex-direction:column;gap:10px;background-color:var(--emw-color-bg-secondary, #333232);padding:10px;border-radius:6px;}.TournamentGamesContainer.svelte-p7mf8l {display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr));.TournamentGameThumbnailSkeleton:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:linear-gradient(
+        to top,
+        var(--emw-color-primary, #FF1D4E),
+        transparent
+      );background-size:100% 200%;
+      animation: pulse 1.5s ease-in-out infinite;}.ImageContainer:where(.svelte-p7mf8l) {position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;}img:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;}.PlayButtonOverlay:where(.svelte-p7mf8l) {position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;opacity:0;&:hover {opacity:1;transition:opacity 0.5s;}.PlayGameButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-primary, #FF1D4E);border-radius:6px;color:var(--emw-color-typography, #ffffff);padding:10px;border:none;outline:none;min-width:50%;cursor:pointer;&:hover {background-color:var(--emw-color-primary-hover, #ff3a65);cursor:pointer;}&:active {transform:scale(0.9);}}}}.PaginationWrapper.svelte-p7mf8l {display:flex;justify-content:space-between;.PageNumberWrapper:where(.svelte-p7mf8l) {display:flex;gap:3px;}.PaginationButton:where(.svelte-p7mf8l) {background-color:var(--emw-color-bg-section, #434343);color:var(--emw-color-typography, #ffffff);border-radius:6px;border:none;outline:none;padding:10px;width:auto;cursor:pointer;&.Number {background-color:transparent;min-width:0;padding:0 10px;}&:hover {background-color:var(--emw-color-bg-elements, #4A4A4A);cursor:pointer;}&:active {transform:scale(0.9);}&:disabled {opacity:60%;pointer-events:none;}&.Active {background-color:var(--emw-color-bg-elements, #4A4A4A);}&.Elipsis {pointer-events:none;background-color:transparent;min-width:0;padding:0;align-self:center;}}}.NoGamesAvailable.svelte-p7mf8l {color:var(--emw-color-typography, #ffffff);font-size:14px;font-weight:300;}.PaginationSkeleton.svelte-p7mf8l {display:flex;justify-content:space-between;gap:6px;}.PaginationSkeletonButton.svelte-p7mf8l {width:80px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.PaginationNumberSkeleton.svelte-p7mf8l {width:40px;height:35px;border-radius:6px;background-color:var(--emw-color-bg-elements, #4A4A4A);overflow:hidden;position:relative;}.SkeletonShimmer.svelte-p7mf8l {width:100%;height:100%;background:linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--emw-color-skeleton, #333232) 50%,
+      transparent 100%
+    );
+    animation: svelte-p7mf8l-loading 1.5s infinite;transform:translateX(-100%);}
+
+  @keyframes svelte-p7mf8l-loading {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  @media (min-width: 750px) {.TournamentGamesTabs.svelte-p7mf8l {width:fit-content;}.PaginationWrapper.svelte-p7mf8l, .PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {min-width:75px;}.PaginationSkeleton.svelte-p7mf8l {justify-content:end;gap:10px;.PaginationSkeletonButton:where(.svelte-p7mf8l) {width:auto;min-width:55px;}.PaginationNumberSkeleton:where(.svelte-p7mf8l) {width:35px;}}
+
+  }.Hidden.svelte-p7mf8l {display:none;}`};function Y(h,m){var q;e.push(m,!0),e.append_styles(h,Re);const i=()=>e.store_get(e.$format,"$_",j),[j,A]=e.setup_stores(),y=e.prop(m,"initialGames"),S=e.prop(m,"endpoint"),g=e.prop(m,"language",7,"en"),d=e.prop(m,"session"),b=e.prop(m,"tournamentid"),v=e.prop(m,"gamesLimit",7,6),T=e.prop(m,"totalGames"),E=e.prop(m,"platformProp",7,null),w=e.prop(m,"tournamentMetadata");Object.keys(V).forEach(t=>{Se(t,V[t])}),Q(g());const Z=()=>{Q(g())};e.user_effect(()=>{Z()});let G=e.state(e.proxy(y()||[])),k=e.state(!1),f=e.state(0),N=e.state(void 0);const $=Te()?(q=E())!=null?q:"dk":Pe.getDevice(window.navigator.userAgent),L=()=>K(this,null,function*(){if(O.has(e.get(B)))return;e.set(k,!0);const t=new URL(`${S()}/v1/tournaments/${b()}`),a=new Headers;d()&&a.append("X-SessionId",d());const n={method:"GET",headers:a};t.searchParams.append("filter",`id=${b()}`),t.searchParams.append("language",g()),t.searchParams.append("expand","games"),t.searchParams.append("pagination",`games(limit=${v()},offset=${e.get(f)})`),t.searchParams.append("platform",$),fetch(t,n).then(r=>r.json()).then(r=>{var o,s;e.set(G,(s=(o=r==null?void 0:r.item)==null?void 0:o.games)==null?void 0:s.items,!0),O.set(e.get(B),e.get(G))}).catch(r=>console.log(r)).finally(()=>e.set(k,!1))}),ee=()=>{const t=Math.ceil(T()/v()),a=Math.floor(e.get(f)/v())+1;if(t<=5)return Array.from({length:t},(r,o)=>o+1);const n=[];return n.push(1),a<=3?(n.push(2,3),n.push("..."),n.push(t)):a>=t-2?(n.push("..."),n.push(t-2,t-1,t)):(n.push("..."),n.push(a-1,a,a+1),n.push("..."),n.push(t)),n},te=()=>{e.get(f)<T()&&(e.set(f,e.get(f)+v()),L())},ae=()=>{e.get(f)!==0&&(e.set(f,e.get(f)-v()),L())},ne=t=>{e.set(f,(t-1)*v()),L()},se=e.user_derived(ee),B=e.user_derived(()=>Math.floor(e.get(f)/v())+1);let O=new Map([[1,y()]]),re=e.user_derived(()=>{var t;return(t=O.get(e.get(B)))!=null?t:[]}),_=e.state("casino");const oe=()=>{var n;if(!w())return;const t=(n=w().sports)==null?void 0:n.rules;let a;if(t)try{a=JSON.parse(t),e.set(N,a[g()]||a["*"],!0)}catch(r){console.log(r),e.set(N,`${i()("sportsRulesParseError")}`)}},le=t=>{window.postMessage({type:"Tournaments:PlayGame",launchUrl:t.launchUrl,id:t.gameId,thumbnail:t.thumbnail,name:t.name},window.location.href)};e.user_effect(()=>{Object.keys(w()).length!==0&&oe()});var ie={get initialGames(){return y()},set initialGames(t){y(t),e.flushSync()},get endpoint(){return S()},set endpoint(t){S(t),e.flushSync()},get language(){return g()},set language(t="en"){g(t),e.flushSync()},get session(){return d()},set session(t){d(t),e.flushSync()},get tournamentid(){return b()},set tournamentid(t){b(t),e.flushSync()},get gamesLimit(){return v()},set gamesLimit(t=6){v(t),e.flushSync()},get totalGames(){return T()},set totalGames(t){T(t),e.flushSync()},get platformProp(){return E()},set platformProp(t=null){E(t),e.flushSync()},get tournamentMetadata(){return w()},set tournamentMetadata(t){w(t),e.flushSync()}},W=We(),R=e.child(W),z=e.child(R),pe=e.child(z,!0);e.reset(z);var H=e.sibling(z,2),me=e.child(H,!0);e.reset(H),e.reset(R);var I=e.sibling(R,2);{var ce=t=>{var a=Ge(),n=e.child(a);let r;n.__click=()=>e.set(_,"casino");var o=e.child(n,!0);e.reset(n);var s=e.sibling(n,2);let l;s.__click=()=>e.set(_,"sports");var p=e.child(s,!0);e.reset(s),e.reset(a),e.template_effect((c,u)=>{r=e.set_class(n,1,"Tab svelte-p7mf8l",null,r,{Active:e.get(_)==="casino"}),e.set_text(o,c),l=e.set_class(s,1,"Tab svelte-p7mf8l",null,l,{Active:e.get(_)==="sports"}),e.set_text(p,u)},[()=>i()("casinoTab"),()=>i()("sportsbookTab")]),e.append(t,a)};e.if_block(I,t=>{Object.keys(w()).length!==0&&t(ce)})}var F=e.sibling(I,2);{var de=t=>{var a=Ne();let n;e.each(a,21,()=>e.get(N),e.index,(r,o)=>{var s=Ae(),l=e.child(s);e.reset(s),e.template_effect(p=>{var c;return e.set_text(l,`${(c=e.get(o).rule)!=null?c:""} ${p!=null?p:""}`)},[()=>i()("contribution")]),e.append(r,s)}),e.reset(a),e.template_effect(()=>n=e.set_class(a,1,"TournamentRulesWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="casino"})),e.append(t,a)};e.if_block(F,t=>{e.get(N)&&t(de)})}var D=e.sibling(F,2);let X;var fe=e.child(D);{var ve=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>Array(v()),e.index,(r,o,s,l)=>{var p=Be();e.append(r,p)}),e.append(t,a)},ue=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>e.get(re),e.index,(r,o)=>{var s=De();s.__click=()=>le(e.get(o));var l=e.child(s),p=e.child(l),c=e.sibling(p,2),u=e.child(c),M=e.child(u,!0);e.reset(u),e.reset(c),e.reset(l),e.reset(s),e.template_effect(C=>{e.set_attribute(p,"src",`https:${e.get(o).thumbnail}`),e.set_attribute(p,"alt",e.get(o).name),e.set_text(M,C)},[()=>i()("play")]),e.append(r,s)}),e.append(t,a)};e.if_block(fe,t=>{var a;e.get(k)||((a=e.get(G))==null?void 0:a.length)===0?t(ve):t(ue,!1)})}e.reset(D);var U=e.sibling(D,2);{var ge=t=>{var a=Ee();let n;var r=e.child(a);r.__click=ae;var o=e.child(r,!0);e.reset(r);var s=e.sibling(r,2);e.each(s,21,()=>e.get(se),e.index,(c,u)=>{var M=e.comment(),C=e.first_child(M);{var ye=P=>{var x=Me();e.append(P,x)},we=P=>{var x=je();let J;x.__click=()=>ne(e.get(u));var ke=e.child(x,!0);e.reset(x),e.template_effect(()=>{J=e.set_class(x,1,"PaginationButton Number svelte-p7mf8l",null,J,{Active:e.get(u)===e.get(B)}),e.set_text(ke,e.get(u))}),e.append(P,x)};e.if_block(C,P=>{typeof e.get(u)!="number"?P(ye):P(we,!1)})}e.append(c,M)}),e.reset(s);var l=e.sibling(s,2);l.__click=te;var p=e.child(l,!0);e.reset(l),e.reset(a),e.template_effect((c,u)=>{n=e.set_class(a,1,"PaginationWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="sports"}),r.disabled=e.get(f)===0,e.set_text(o,c),l.disabled=e.get(f)>=T()-v(),e.set_text(p,u)},[()=>i()("previousButton"),()=>i()("nextButton")]),e.append(t,a)},he=t=>{var a=e.comment(),n=e.first_child(a);{var r=o=>{var s=Le();let l;var p=e.child(s,!0);e.reset(s),e.template_effect(c=>{l=e.set_class(s,1,"NoGamesAvailable svelte-p7mf8l",null,l,{Hidden:e.get(_)==="sports"}),e.set_text(p,c)},[()=>i()("noAvailableGames")]),e.append(o,s)};e.if_block(n,o=>{var s;!e.get(k)&&((s=e.get(G))==null?void 0:s.length)===0&&o(r)},!0)}e.append(t,a)};e.if_block(U,t=>{var a;!e.get(k)&&((a=e.get(G))==null?void 0:a.length)>0?t(ge):t(he,!1)})}var be=e.sibling(U,2);{var _e=t=>{var a=Oe();e.append(t,a)};e.if_block(be,t=>{e.get(k)&&t(_e)})}e.reset(W),e.template_effect((t,a)=>{e.set_text(pe,t),e.set_text(me,a),X=e.set_class(D,1,"TournamentGamesContainer svelte-p7mf8l",null,X,{Hidden:e.get(_)==="sports"})},[()=>i()("gamesDescriptionTitle"),()=>i()("gamesDescriptionSubtitle")]),e.append(h,W);var xe=e.pop(ie);return A(),xe}e.delegate(["click"]);customElements.define("tournament-games",e.create_custom_element(Y,{initialGames:{},endpoint:{},language:{},session:{},tournamentid:{},gamesLimit:{},totalGames:{},platformProp:{},tournamentMetadata:{}},[],[],!1));exports.default=Y;