@everymatrix/tournament-details-page 0.1.3 → 0.1.4

package/components/{TournamentGames-AkuAwhD8.js → TournamentGames-DPAJjMG1.js}

@@ -1,11 +1,11 @@
-import { a as Fe, $ as qe, j as Je, b as Ke, p as _, u as Xe, d as ve, y as L, L as Qe, P as Ve, k as x, i as B, t as S, l as y, G as N, r as a, e as p, f as Ye, w as Ze, x as $e, s as et, q as f, h as w, v as l, g, m as tt, n as at, A as s, D as Q, E as V, B as Y, C as Z, z as ie, N as de } from "./TournamentDetailsPage-6JD1drZz.js";
-function fe(D, c) {
-  Fe(D, c);
+import { a as Fe, $ as qe, j as Je, b as Ke, p as x, u as Xe, d as ve, y as L, L as Qe, P as Ve, k as _, i as B, t as S, l as w, G as N, r as a, e as p, f as Ye, w as Ze, x as $e, s as et, q as f, h as y, v as l, g, m as tt, n as at, A as s, D as Q, E as V, B as Y, C as Z, z as ie, N as de } from "./TournamentDetailsPage-CuPo8QmD.js";
+function fe(D, u) {
+  Fe(D, u);
 }
 function ge(D) {
   qe.set(D);
 }
-const be = {
+const he = {
   en: {
     previousButton: "Previous",
     nextButton: "Next",
@@ -27,7 +27,7 @@ const be = {
     noAvailableGames: "Henüz oyun yapılandırılmamış!"
   }
 }, nt = () => typeof window > "u";
-var ot = g('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), rt = g('<p class="svelte-p7mf8l"> </p>'), st = g("<div></div>"), it = g('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), lt = g("<p> </p>"), pt = 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>'), mt = g('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), ct = g("<button> </button>"), ut = g('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), vt = g('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationSkeletonButton svelte-p7mf8l"></div></div>'), dt = 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>');
+var ot = g('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), rt = g('<p class="svelte-p7mf8l"> </p>'), st = g("<div></div>"), it = g('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), lt = g("<p> </p>"), pt = 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>'), mt = g('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), ut = g("<button> </button>"), ct = g('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), vt = g('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationSkeletonButton svelte-p7mf8l"></div></div>'), dt = 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 ft = {
   hash: "svelte-p7mf8l",
   code: `.svelte-p7mf8l,
@@ -58,13 +58,19 @@ const ft = {
 
   }
 
-      @media (max-width: 475px) {.TournamentGamesContainer.svelte-p7mf8l {gap:5px;grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr));}
-    }.Hidden.svelte-p7mf8l {display:none;}`
+  @media (max-width: 475px) {.TournamentGamesContainer.svelte-p7mf8l {gap:5px;grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr));}.PaginationWrapper.svelte-p7mf8l {& .PaginationButton:where(.svelte-p7mf8l) {font-size:11px;&.Number {font-size:11px;}}}.TournamentGamesTabs.svelte-p7mf8l {font-size:12px;}
+  }
+
+  @media (max-width: 380px) {.TournamentGamesContainer.svelte-p7mf8l {grid-template-columns:repeat(auto-fill, minmax(min(145px, 100%), 1fr));}
+  }
+
+  @media (min-width: 1500px) {.TournamentGamesContainer.svelte-p7mf8l {gap:5px;grid-template-columns:repeat(auto-fill, minmax(min(215px, 100%), 1fr));}
+  }.Hidden.svelte-p7mf8l {display:none;}`
 };
-function gt(D, c) {
-  Je(c, !0), Ke(D, ft);
-  const b = () => Ze($e, "$_", he), [he, _e] = et(), R = _(c, "initialGames"), $ = _(c, "endpoint"), j = _(c, "language", 7, "en"), W = _(c, "session"), z = _(c, "tournamentid"), u = _(c, "gamesLimit", 7, 6), M = _(c, "totalGames"), ee = _(c, "platformProp", 7, null), E = _(c, "tournamentMetadata"), C = _(c, "translationurl"), xe = () => {
-    let e = new URL(C());
+function gt(D, u) {
+  Je(u, !0), Ke(D, ft);
+  const h = () => Ze($e, "$_", be), [be, xe] = et(), O = x(u, "initialGames"), $ = x(u, "endpoint"), j = x(u, "language", 7, "en"), C = x(u, "session"), W = x(u, "tournamentid"), c = x(u, "gamesLimit", 7, 6), M = x(u, "totalGames"), ee = x(u, "platformProp", 7, null), E = x(u, "tournamentMetadata"), R = x(u, "translationurl"), _e = () => {
+    let e = new URL(R());
     fetch(e.href).then((t) => t.json()).then((t) => {
       Object.keys(t).forEach((n) => {
         fe(n, t[n]);
@@ -73,42 +79,42 @@ function gt(D, c) {
       console.log(t);
     });
   };
-  Object.keys(be).forEach((e) => {
-    fe(e, be[e]);
+  Object.keys(he).forEach((e) => {
+    fe(e, he[e]);
   }), ge(j());
-  const ye = () => {
+  const we = () => {
     ge(j());
   };
   Xe(() => {
-    C() && xe();
+    R() && _e();
   }), ve(() => {
-    ye();
+    we();
   });
-  let te = L(Qe(R() || [])), H = L(!1), v = L(0), I = L(void 0), U = L(!0);
-  const we = nt() ? ee() ?? "dk" : Ve(window.navigator.userAgent), ae = async () => {
+  let te = L(Qe(O() || [])), H = L(!1), v = L(0), I = L(void 0), U = L(!0);
+  const ye = nt() ? ee() ?? "dk" : Ve(window.navigator.userAgent), ae = async () => {
     if (ne.has(a(F)))
       return;
     f(H, !0);
-    const e = new URL(`${$()}/v1/tournaments/${z()}`), t = new Headers();
-    W() && t.append("X-SessionId", W());
+    const e = new URL(`${$()}/v1/tournaments/${W()}`), t = new Headers();
+    C() && t.append("X-SessionId", C());
     const n = { method: "GET", headers: t };
-    e.searchParams.append("filter", `id=${z()}`), e.searchParams.append("language", j()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${u()},offset=${a(v)})`), e.searchParams.append("platform", we), fetch(e, n).then((o) => o.json()).then((o) => {
+    e.searchParams.append("filter", `id=${W()}`), e.searchParams.append("language", j()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${c()},offset=${a(v)})`), e.searchParams.append("platform", ye), fetch(e, n).then((o) => o.json()).then((o) => {
       f(te, o?.item?.games?.items, !0), ne.set(a(F), a(te)), a(U) || f(U, !0);
     }).catch((o) => console.log(o)).finally(() => f(H, !1));
-  }, ke = () => {
-    const e = Math.ceil(M() / u()), t = Math.floor(a(v) / u()) + 1;
+  }, Pe = () => {
+    const e = Math.ceil(M() / c()), t = Math.floor(a(v) / c()) + 1;
     if (e <= 5)
-      return Array.from({ length: e }, (o, h) => h + 1);
+      return Array.from({ length: e }, (o, b) => b + 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;
-  }, Pe = () => {
-    a(v) < M() && (f(v, a(v) + u()), ae());
+  }, ke = () => {
+    a(v) < M() && (f(v, a(v) + c()), ae());
   }, Te = () => {
-    a(v) !== 0 && (f(v, a(v) - u()), ae());
+    a(v) !== 0 && (f(v, a(v) - c()), ae());
   }, Ge = (e) => {
-    f(v, (e - 1) * u()), ae();
-  }, Se = ie(ke), F = ie(() => Math.floor(a(v) / u()) + 1);
-  let ne = /* @__PURE__ */ new Map([[1, R()]]), Ae = ie(() => ne.get(a(F)) ?? []), G = L("casino");
+    f(v, (e - 1) * c()), ae();
+  }, Se = ie(Pe), F = ie(() => Math.floor(a(v) / c()) + 1);
+  let ne = /* @__PURE__ */ new Map([[1, O()]]), Ae = ie(() => ne.get(a(F)) ?? []), G = L("casino");
   const Be = () => {
     if (!E()) return;
     const e = E().sports?.rules;
@@ -117,7 +123,7 @@ function gt(D, c) {
       try {
         t = JSON.parse(e), f(I, t[j()] || t["*"], !0);
       } catch (n) {
-        console.log(n), f(I, `${b()("sportsRulesParseError")}`);
+        console.log(n), f(I, `${h()("sportsRulesParseError")}`);
       }
   }, Ne = (e) => {
     window.postMessage(
@@ -136,224 +142,224 @@ function gt(D, c) {
   });
   var De = {
     get initialGames() {
-      return R();
+      return O();
     },
     set initialGames(e) {
-      R(e), w();
+      O(e), y();
     },
     get endpoint() {
       return $();
     },
     set endpoint(e) {
-      $(e), w();
+      $(e), y();
     },
     get language() {
       return j();
     },
     set language(e = "en") {
-      j(e), w();
+      j(e), y();
     },
     get session() {
-      return W();
+      return C();
     },
     set session(e) {
-      W(e), w();
+      C(e), y();
     },
     get tournamentid() {
-      return z();
+      return W();
     },
     set tournamentid(e) {
-      z(e), w();
+      W(e), y();
     },
     get gamesLimit() {
-      return u();
+      return c();
     },
     set gamesLimit(e = 6) {
-      u(e), w();
+      c(e), y();
     },
     get totalGames() {
       return M();
     },
     set totalGames(e) {
-      M(e), w();
+      M(e), y();
     },
     get platformProp() {
       return ee();
     },
     set platformProp(e = null) {
-      ee(e), w();
+      ee(e), y();
     },
     get tournamentMetadata() {
       return E();
     },
     set tournamentMetadata(e) {
-      E(e), w();
+      E(e), y();
     },
     get translationurl() {
-      return C();
+      return R();
     },
     set translationurl(e) {
-      C(e), w();
+      R(e), y();
     }
   }, oe = dt(), re = l(oe), se = l(re), je = l(se, !0);
   s(se);
-  var le = x(se, 2), Me = l(le, !0);
+  var le = _(se, 2), Me = l(le, !0);
   s(le), s(re);
-  var pe = x(re, 2);
+  var pe = _(re, 2);
   {
     var Ee = (e) => {
       var t = ot(), n = l(t);
       let o;
       n.__click = () => f(G, "casino");
-      var h = l(n, !0);
+      var b = l(n, !0);
       s(n);
-      var r = x(n, 2);
+      var r = _(n, 2);
       let i;
       r.__click = () => f(G, "sports");
       var d = l(r, !0);
       s(r), s(t), S(
-        (k, m) => {
-          o = N(n, 1, "Tab svelte-p7mf8l", null, o, { Active: a(G) === "casino" }), y(h, k), i = N(r, 1, "Tab svelte-p7mf8l", null, i, { Active: a(G) === "sports" }), y(d, m);
+        (P, m) => {
+          o = N(n, 1, "Tab svelte-p7mf8l", null, o, { Active: a(G) === "casino" }), w(b, P), i = N(r, 1, "Tab svelte-p7mf8l", null, i, { Active: a(G) === "sports" }), w(d, m);
         },
-        [() => b()("casinoTab"), () => b()("sportsbookTab")]
+        [() => h()("casinoTab"), () => h()("sportsbookTab")]
       ), p(e, t);
     };
     B(pe, (e) => {
       Object.keys(E()).length !== 0 && e(Ee);
     });
   }
-  var me = x(pe, 2);
+  var me = _(pe, 2);
   {
     var Le = (e) => {
       var t = st();
       let n;
-      Q(t, 21, () => a(I), V, (o, h) => {
+      Q(t, 21, () => a(I), V, (o, b) => {
         var r = rt(), i = l(r);
-        s(r), S((d) => y(i, `${a(h).rule ?? ""} ${d ?? ""}`), [() => b()("contribution")]), p(o, r);
+        s(r), S((d) => w(i, `${a(b).rule ?? ""} ${d ?? ""}`), [() => h()("contribution")]), p(o, r);
       }), s(t), S(() => n = N(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(G) === "casino" })), p(e, t);
     };
     B(me, (e) => {
       a(I) && e(Le);
     });
   }
-  var q = x(me, 2);
-  let ce;
-  var Oe = l(q);
+  var q = _(me, 2);
+  let ue;
+  var ze = l(q);
   {
-    var Re = (e) => {
+    var Oe = (e) => {
       var t = Y(), n = Z(t);
-      Q(n, 17, () => Array(u()), V, (o, h, r, i) => {
+      Q(n, 17, () => Array(c()), V, (o, b, r, i) => {
         var d = it();
         p(o, d);
       }), p(e, t);
-    }, We = (e) => {
+    }, Ce = (e) => {
       var t = Y(), n = Z(t);
       {
         var o = (r) => {
           var i = lt();
           let d;
-          var k = l(i, !0);
+          var P = l(i, !0);
           s(i), S(
             (m) => {
-              d = N(i, 1, "NoGamesAvailable svelte-p7mf8l", null, d, { Hidden: a(G) === "sports" }), y(k, m);
+              d = N(i, 1, "NoGamesAvailable svelte-p7mf8l", null, d, { Hidden: a(G) === "sports" }), w(P, m);
             },
-            [() => b()("noAvailableGames")]
+            [() => h()("noAvailableGames")]
           ), p(r, i);
-        }, h = (r) => {
+        }, b = (r) => {
           var i = Y(), d = Z(i);
-          Q(d, 17, () => a(Ae), V, (k, m) => {
+          Q(d, 17, () => a(Ae), V, (P, m) => {
             var A = pt();
             A.__click = () => Ne(a(m));
-            var J = l(A), O = l(J), K = x(O, 2), P = l(K), T = l(P, !0);
-            s(P), s(K), s(J), s(A), S(
+            var J = l(A), z = l(J), K = _(z, 2), k = l(K), T = l(k, !0);
+            s(k), s(K), s(J), s(A), S(
               (X) => {
-                de(O, "src", `https:${a(m).thumbnail}`), de(O, "alt", a(m).name), y(T, X);
+                de(z, "src", `https:${a(m).thumbnail}`), de(z, "alt", a(m).name), w(T, X);
               },
-              [() => b()("play")]
-            ), p(k, A);
+              [() => h()("play")]
+            ), p(P, A);
           }), p(r, i);
         };
         B(
           n,
           (r) => {
-            !a(H) && a(te)?.length === 0 ? r(o) : r(h, !1);
+            !a(H) && a(te)?.length === 0 ? r(o) : r(b, !1);
           },
           !0
         );
       }
       p(e, t);
     };
-    B(Oe, (e) => {
-      a(H) ? e(Re) : e(We, !1);
+    B(ze, (e) => {
+      a(H) ? e(Oe) : e(Ce, !1);
     });
   }
   s(q);
-  var ue = x(q, 2);
+  var ce = _(q, 2);
   {
-    var ze = (e) => {
-      var t = ut();
+    var We = (e) => {
+      var t = ct();
       let n;
       var o = l(t);
       o.__click = Te;
-      var h = l(o, !0);
+      var b = l(o, !0);
       s(o);
-      var r = x(o, 2);
-      Q(r, 21, () => a(Se), V, (k, m) => {
+      var r = _(o, 2);
+      Q(r, 21, () => a(Se), V, (P, m) => {
         var A = Y(), J = Z(A);
         {
-          var O = (P) => {
+          var z = (k) => {
             var T = mt();
-            p(P, T);
-          }, K = (P) => {
-            var T = ct();
+            p(k, T);
+          }, K = (k) => {
+            var T = ut();
             let X;
             T.__click = () => Ge(a(m));
             var Ue = l(T, !0);
             s(T), S(() => {
-              X = N(T, 1, "PaginationButton Number svelte-p7mf8l", null, X, { Active: a(m) === a(F) }), y(Ue, a(m));
-            }), p(P, T);
+              X = N(T, 1, "PaginationButton Number svelte-p7mf8l", null, X, { Active: a(m) === a(F) }), w(Ue, a(m));
+            }), p(k, T);
           };
-          B(J, (P) => {
-            typeof a(m) != "number" ? P(O) : P(K, !1);
+          B(J, (k) => {
+            typeof a(m) != "number" ? k(z) : k(K, !1);
           });
         }
-        p(k, A);
+        p(P, A);
       }), s(r);
-      var i = x(r, 2);
-      i.__click = Pe;
+      var i = _(r, 2);
+      i.__click = ke;
       var d = l(i, !0);
       s(i), s(t), S(
-        (k, m) => {
-          n = N(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(G) === "sports" }), o.disabled = a(v) === 0, y(h, k), i.disabled = a(v) >= M() - u(), y(d, m);
+        (P, m) => {
+          n = N(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(G) === "sports" }), o.disabled = a(v) === 0, w(b, P), i.disabled = a(v) >= M() - c(), w(d, m);
         },
-        [() => b()("previousButton"), () => b()("nextButton")]
+        [() => h()("previousButton"), () => h()("nextButton")]
       ), p(e, t);
     };
-    B(ue, (e) => {
-      a(U) && M() > u() && e(ze);
+    B(ce, (e) => {
+      a(U) && M() > c() && e(We);
     });
   }
-  var Ce = x(ue, 2);
+  var Re = _(ce, 2);
   {
     var He = (e) => {
       var t = vt();
       p(e, t);
     };
-    B(Ce, (e) => {
+    B(Re, (e) => {
       a(U) || e(He);
     });
   }
   s(oe), S(
     (e, t) => {
-      y(je, e), y(Me, t), ce = N(q, 1, "TournamentGamesContainer svelte-p7mf8l", null, ce, { Hidden: a(G) === "sports" });
+      w(je, e), w(Me, t), ue = N(q, 1, "TournamentGamesContainer svelte-p7mf8l", null, ue, { Hidden: a(G) === "sports" });
     },
     [
-      () => b()("gamesDescriptionTitle"),
-      () => b()("gamesDescriptionSubtitle")
+      () => h()("gamesDescriptionTitle"),
+      () => h()("gamesDescriptionSubtitle")
     ]
   ), p(D, oe);
   var Ie = Ye(De);
-  return _e(), Ie;
+  return xe(), Ie;
 }
 tt(["click"]);
 customElements.define("tournament-games", at(

package/components/TournamentGames-H4Vm5pYZ.cjs

@@ -0,0 +1,36 @@
+"use strict";var Z=(_,l,i)=>new Promise((W,A)=>{var k=f=>{try{g(i.next(f))}catch(x){A(x)}},G=f=>{try{g(i.throw(f))}catch(x){A(x)}},g=f=>f.done?W(f.value):Promise.resolve(f.value).then(k,G);g((i=i.apply(_,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TournamentDetailsPage-Cwwspvbg.cjs");function $(_,l){e.addMessages(_,l)}function ee(_){e.$locale.set(_)}const te={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:"Önceki",nextButton:"Sonraki",casinoTab:"Casino",sportsbookTab:"Spor Bahisleri",gamesDescriptionTitle:"Katılımcı oyunlar",gamesDescriptionSubtitle:"Oyunları keşfedin",sportsRulesParseError:"Turnuva kuralları ayrıştırma hatası",noAvailableGames:"Henüz oyun yapılandırılmamış!"}},Se=()=>typeof window=="undefined";var Ae=e.from_html('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'),Be=e.from_html('<p class="svelte-p7mf8l"> </p>'),Ne=e.from_html("<div></div>"),De=e.from_html('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'),je=e.from_html("<p> </p>"),Me=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>'),Ee=e.from_html('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'),Le=e.from_html("<button> </button>"),Oe=e.from_html('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'),ze=e.from_html('<div class="PaginationSkeleton svelte-p7mf8l"><div class="PaginationSkeletonButton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationNumberSkeleton svelte-p7mf8l"></div> <div class="PaginationSkeletonButton svelte-p7mf8l"></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 Ce={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;min-height:150px;}.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-fill, minmax(min(170px, 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: svelte-p7mf8l-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:where(.svelte-p7mf8l) {width:60px;height:35px;border-radius:6px;background-color:var(--emw-color-skeleton, #535353);overflow:hidden;position:relative;
+      animation: svelte-p7mf8l-pulse 1s infinite;}.PaginationNumberSkeleton:where(.svelte-p7mf8l) {width:40px;height:35px;border-radius:6px;background-color:var(--emw-color-skeleton, #535353);overflow:hidden;position:relative;
+      animation: svelte-p7mf8l-pulse 1s infinite;}}
+
+  @keyframes svelte-p7mf8l-pulse {
+      0% {
+        opacity: 0;
+      }
+      50% {
+        opacity: 1;
+      }
+      100% {
+        opacity: 0;
+      }
+  }
+
+
+  @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;}}
+
+  }
+
+  @media (max-width: 475px) {.TournamentGamesContainer.svelte-p7mf8l {gap:5px;grid-template-columns:repeat(auto-fill, minmax(min(150px, 100%), 1fr));}.PaginationWrapper.svelte-p7mf8l {& .PaginationButton:where(.svelte-p7mf8l) {font-size:11px;&.Number {font-size:11px;}}}.TournamentGamesTabs.svelte-p7mf8l {font-size:12px;}
+  }
+
+  @media (max-width: 380px) {.TournamentGamesContainer.svelte-p7mf8l {grid-template-columns:repeat(auto-fill, minmax(min(145px, 100%), 1fr));}
+  }
+
+  @media (min-width: 1500px) {.TournamentGamesContainer.svelte-p7mf8l {gap:5px;grid-template-columns:repeat(auto-fill, minmax(min(215px, 100%), 1fr));}
+  }.Hidden.svelte-p7mf8l {display:none;}`};function ae(_,l){var Y;e.push(l,!0),e.append_styles(_,Ce);const i=()=>e.store_get(e.$format,"$_",W),[W,A]=e.setup_stores(),k=e.prop(l,"initialGames"),G=e.prop(l,"endpoint"),g=e.prop(l,"language",7,"en"),f=e.prop(l,"session"),x=e.prop(l,"tournamentid"),d=e.prop(l,"gamesLimit",7,6),P=e.prop(l,"totalGames"),C=e.prop(l,"platformProp",7,null),T=e.prop(l,"tournamentMetadata"),B=e.prop(l,"translationurl"),ne=()=>{let t=new URL(B());fetch(t.href).then(a=>a.json()).then(a=>{Object.keys(a).forEach(n=>{$(n,a[n])})}).catch(a=>{console.log(a)})};Object.keys(te).forEach(t=>{$(t,te[t])}),ee(g());const re=()=>{ee(g())};e.user_pre_effect(()=>{B()&&ne()}),e.user_effect(()=>{re()});let R=e.state(e.proxy(k()||[])),N=e.state(!1),u=e.state(0),D=e.state(void 0),j=e.state(!0);const se=Se()?(Y=C())!=null?Y:"dk":e.getDevice(window.navigator.userAgent),H=()=>Z(this,null,function*(){if(I.has(e.get(M)))return;e.set(N,!0);const t=new URL(`${G()}/v1/tournaments/${x()}`),a=new Headers;f()&&a.append("X-SessionId",f());const n={method:"GET",headers:a};t.searchParams.append("filter",`id=${x()}`),t.searchParams.append("language",g()),t.searchParams.append("expand","games"),t.searchParams.append("pagination",`games(limit=${d()},offset=${e.get(u)})`),t.searchParams.append("platform",se),fetch(t,n).then(r=>r.json()).then(r=>{var c,s;e.set(R,(s=(c=r==null?void 0:r.item)==null?void 0:c.games)==null?void 0:s.items,!0),I.set(e.get(M),e.get(R)),e.get(j)||e.set(j,!0)}).catch(r=>console.log(r)).finally(()=>e.set(N,!1))}),oe=()=>{const t=Math.ceil(P()/d()),a=Math.floor(e.get(u)/d())+1;if(t<=5)return Array.from({length:t},(r,c)=>c+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},le=()=>{e.get(u)<P()&&(e.set(u,e.get(u)+d()),H())},ie=()=>{e.get(u)!==0&&(e.set(u,e.get(u)-d()),H())},pe=t=>{e.set(u,(t-1)*d()),H()},me=e.user_derived(oe),M=e.user_derived(()=>Math.floor(e.get(u)/d())+1);let I=new Map([[1,k()]]),ce=e.user_derived(()=>{var t;return(t=I.get(e.get(M)))!=null?t:[]}),y=e.state("casino");const fe=()=>{var n;if(!T())return;const t=(n=T().sports)==null?void 0:n.rules;let a;if(t)try{a=JSON.parse(t),e.set(D,a[g()]||a["*"],!0)}catch(r){console.log(r),e.set(D,`${i()("sportsRulesParseError")}`)}},de=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(T()).length!==0&&fe()});var ue={get initialGames(){return k()},set initialGames(t){k(t),e.flushSync()},get endpoint(){return G()},set endpoint(t){G(t),e.flushSync()},get language(){return g()},set language(t="en"){g(t),e.flushSync()},get session(){return f()},set session(t){f(t),e.flushSync()},get tournamentid(){return x()},set tournamentid(t){x(t),e.flushSync()},get gamesLimit(){return d()},set gamesLimit(t=6){d(t),e.flushSync()},get totalGames(){return P()},set totalGames(t){P(t),e.flushSync()},get platformProp(){return C()},set platformProp(t=null){C(t),e.flushSync()},get tournamentMetadata(){return T()},set tournamentMetadata(t){T(t),e.flushSync()},get translationurl(){return B()},set translationurl(t){B(t),e.flushSync()}},U=We(),F=e.child(U),q=e.child(F),ve=e.child(q,!0);e.reset(q);var J=e.sibling(q,2),ge=e.child(J,!0);e.reset(J),e.reset(F);var K=e.sibling(F,2);{var he=t=>{var a=Ae(),n=e.child(a);let r;n.__click=()=>e.set(y,"casino");var c=e.child(n,!0);e.reset(n);var s=e.sibling(n,2);let o;s.__click=()=>e.set(y,"sports");var p=e.child(s,!0);e.reset(s),e.reset(a),e.template_effect((v,m)=>{r=e.set_class(n,1,"Tab svelte-p7mf8l",null,r,{Active:e.get(y)==="casino"}),e.set_text(c,v),o=e.set_class(s,1,"Tab svelte-p7mf8l",null,o,{Active:e.get(y)==="sports"}),e.set_text(p,m)},[()=>i()("casinoTab"),()=>i()("sportsbookTab")]),e.append(t,a)};e.if_block(K,t=>{Object.keys(T()).length!==0&&t(he)})}var X=e.sibling(K,2);{var be=t=>{var a=Ne();let n;e.each(a,21,()=>e.get(D),e.index,(r,c)=>{var s=Be(),o=e.child(s);e.reset(s),e.template_effect(p=>{var v;return e.set_text(o,`${(v=e.get(c).rule)!=null?v:""} ${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(y)==="casino"})),e.append(t,a)};e.if_block(X,t=>{e.get(D)&&t(be)})}var E=e.sibling(X,2);let Q;var _e=e.child(E);{var xe=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>Array(d()),e.index,(r,c,s,o)=>{var p=De();e.append(r,p)}),e.append(t,a)},ye=t=>{var a=e.comment(),n=e.first_child(a);{var r=s=>{var o=je();let p;var v=e.child(o,!0);e.reset(o),e.template_effect(m=>{p=e.set_class(o,1,"NoGamesAvailable svelte-p7mf8l",null,p,{Hidden:e.get(y)==="sports"}),e.set_text(v,m)},[()=>i()("noAvailableGames")]),e.append(s,o)},c=s=>{var o=e.comment(),p=e.first_child(o);e.each(p,17,()=>e.get(ce),e.index,(v,m)=>{var w=Me();w.__click=()=>de(e.get(m));var L=e.child(w),S=e.child(L),O=e.sibling(S,2),h=e.child(O),b=e.child(h,!0);e.reset(h),e.reset(O),e.reset(L),e.reset(w),e.template_effect(z=>{e.set_attribute(S,"src",`https:${e.get(m).thumbnail}`),e.set_attribute(S,"alt",e.get(m).name),e.set_text(b,z)},[()=>i()("play")]),e.append(v,w)}),e.append(s,o)};e.if_block(n,s=>{var o;!e.get(N)&&((o=e.get(R))==null?void 0:o.length)===0?s(r):s(c,!1)},!0)}e.append(t,a)};e.if_block(_e,t=>{e.get(N)?t(xe):t(ye,!1)})}e.reset(E);var V=e.sibling(E,2);{var we=t=>{var a=Oe();let n;var r=e.child(a);r.__click=ie;var c=e.child(r,!0);e.reset(r);var s=e.sibling(r,2);e.each(s,21,()=>e.get(me),e.index,(v,m)=>{var w=e.comment(),L=e.first_child(w);{var S=h=>{var b=Ee();e.append(h,b)},O=h=>{var b=Le();let z;b.__click=()=>pe(e.get(m));var Ge=e.child(b,!0);e.reset(b),e.template_effect(()=>{z=e.set_class(b,1,"PaginationButton Number svelte-p7mf8l",null,z,{Active:e.get(m)===e.get(M)}),e.set_text(Ge,e.get(m))}),e.append(h,b)};e.if_block(L,h=>{typeof e.get(m)!="number"?h(S):h(O,!1)})}e.append(v,w)}),e.reset(s);var o=e.sibling(s,2);o.__click=le;var p=e.child(o,!0);e.reset(o),e.reset(a),e.template_effect((v,m)=>{n=e.set_class(a,1,"PaginationWrapper svelte-p7mf8l",null,n,{Hidden:e.get(y)==="sports"}),r.disabled=e.get(u)===0,e.set_text(c,v),o.disabled=e.get(u)>=P()-d(),e.set_text(p,m)},[()=>i()("previousButton"),()=>i()("nextButton")]),e.append(t,a)};e.if_block(V,t=>{e.get(j)&&P()>d()&&t(we)})}var ke=e.sibling(V,2);{var Pe=t=>{var a=ze();e.append(t,a)};e.if_block(ke,t=>{e.get(j)||t(Pe)})}e.reset(U),e.template_effect((t,a)=>{e.set_text(ve,t),e.set_text(ge,a),Q=e.set_class(E,1,"TournamentGamesContainer svelte-p7mf8l",null,Q,{Hidden:e.get(y)==="sports"})},[()=>i()("gamesDescriptionTitle"),()=>i()("gamesDescriptionSubtitle")]),e.append(_,U);var Te=e.pop(ue);return A(),Te}e.delegate(["click"]);customElements.define("tournament-games",e.create_custom_element(ae,{initialGames:{},endpoint:{},language:{},session:{},tournamentid:{},gamesLimit:{},totalGames:{},platformProp:{},tournamentMetadata:{},translationurl:{}},[],[],!1));exports.default=ae;