@everymatrix/tournament-details-page 0.0.1

package/components/TournamentGames-BqZd-C9h.js

@@ -0,0 +1,351 @@
+var ve = (T, p, m) => new Promise((K, R) => {
+  var D = (u) => {
+    try {
+      w(m.next(u));
+    } catch (G) {
+      R(G);
+    }
+  }, E = (u) => {
+    try {
+      w(m.throw(u));
+    } catch (G) {
+      R(G);
+    }
+  }, w = (u) => u.done ? K(u.value) : Promise.resolve(u.value).then(D, E);
+  w((m = m.apply(T, p)).next());
+});
+import { a as Ie, $ as ze, m as Fe, e as He, p as y, u as ce, s as W, f as Xe, g as x, r as k, q as i, i as C, n as a, y as N, C as Ue, E as P, A as L, h as d, j as Je, k as qe, F as Ke, w as _, l as S, J, K as q, I as ae, x as ne, L as se, t as Qe, v as Ve, B as r, D as de } from "./TournamentDetails-CJVSWVXD.js";
+import { g as Ye } from "./TournamentDetailsPage-DnknTo0Y.js";
+function Ze(T, p) {
+  Ie(T, p);
+}
+function $e(T) {
+  ze.set(T);
+}
+const ue = {
+  en: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook",
+    gamesDescriptionTitle: "Participating games",
+    gamesDescriptionSubtitle: "Discover the games",
+    sportsRulesParseError: "Error parsing tournament rules"
+  },
+  tr: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook"
+  }
+}, et = () => typeof window == "undefined";
+var tt = x('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), at = x('<p class="svelte-p7mf8l"> </p>'), nt = x("<div></div>"), st = x('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), ot = x('<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 = x('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), it = x("<button> </button>"), lt = x('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), pt = x('<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>'), mt = x('<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 vt = {
+  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;}}}.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(
+    90deg,
+    transparent 0%,
+    var(--emw-color-bg-secondary, #434343) 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 {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {width:auto;min-width:75px;}
+  }.Hidden.svelte-p7mf8l {display:none;}`
+};
+function ct(T, p) {
+  var pe;
+  Fe(p, !0), He(T, vt);
+  const m = () => Ue(Ke, "$_", K), [K, R] = qe(), D = y(p, "initialGames"), E = y(p, "endpoint"), w = y(p, "language", 7, "en"), u = y(p, "session"), G = y(p, "tournamentid"), g = y(p, "gamesLimit", 7, 6), O = y(p, "totalGames"), Q = y(p, "platformProp", 7, null), M = y(p, "tournamentMetadata");
+  Object.keys(ue).forEach((e) => {
+    Ze(e, ue[e]);
+  });
+  const fe = () => {
+    $e(w());
+  };
+  ce(() => {
+    fe();
+  });
+  let I = W(Xe(D() || [])), z = W(!1), f = W(0), F = W(void 0);
+  const ge = et() ? (pe = Q()) != null ? pe : "dk" : Ye(window.navigator.userAgent), V = () => ve(this, null, function* () {
+    if (Y.has(a(H)))
+      return;
+    _(z, !0);
+    const e = new URL(`${E()}/v1/tournaments/${G()}`), t = new Headers();
+    u() && t.append("X-SessionId", u());
+    const n = { method: "GET", headers: t };
+    e.searchParams.append("filter", `id=${G()}`), e.searchParams.append("language", w()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${g()},offset=${a(f)})`), e.searchParams.append("platform", ge), fetch(e, n).then((s) => s.json()).then((s) => {
+      var l, o;
+      _(I, (o = (l = s == null ? void 0 : s.item) == null ? void 0 : l.games) == null ? void 0 : o.items, !0), Y.set(a(H), a(I));
+    }).catch((s) => console.log(s)).finally(() => _(z, !1));
+  }), be = () => {
+    const e = Math.ceil(O() / g()), t = Math.floor(a(f) / g()) + 1;
+    if (e <= 5)
+      return Array.from({ length: e }, (s, l) => l + 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;
+  }, he = () => {
+    a(f) < O() && (_(f, a(f) + g()), V());
+  }, _e = () => {
+    a(f) !== 0 && (_(f, a(f) - g()), V());
+  }, xe = (e) => {
+    _(f, (e - 1) * g()), V();
+  }, we = se(be), H = se(() => Math.floor(a(f) / g()) + 1);
+  let Y = /* @__PURE__ */ new Map([[1, D()]]), ye = se(() => {
+    var e;
+    return (e = Y.get(a(H))) != null ? e : [];
+  }), A = W("casino");
+  const ke = () => {
+    var n;
+    if (!M()) return;
+    const e = (n = M().sports) == null ? void 0 : n.rules;
+    let t;
+    if (e)
+      try {
+        t = JSON.parse(e), _(F, t[w()] || t["*"], !0);
+      } catch (s) {
+        console.log(s), _(F, `${m()("sportsRulesParseError")}`);
+      }
+  }, Pe = (e) => {
+    window.postMessage(
+      {
+        type: "Tournaments:PlayGame",
+        launchUrl: e.launchUrl,
+        id: e.gameId,
+        platform: e.platform,
+        thumbnail: e.thumbnail,
+        name: e.name
+      },
+      window.location.href
+    );
+  };
+  ce(() => {
+    Object.keys(M()).length !== 0 && ke();
+  });
+  var Se = {
+    get initialGames() {
+      return D();
+    },
+    set initialGames(e) {
+      D(e), S();
+    },
+    get endpoint() {
+      return E();
+    },
+    set endpoint(e) {
+      E(e), S();
+    },
+    get language() {
+      return w();
+    },
+    set language(e = "en") {
+      w(e), S();
+    },
+    get session() {
+      return u();
+    },
+    set session(e) {
+      u(e), S();
+    },
+    get tournamentid() {
+      return G();
+    },
+    set tournamentid(e) {
+      G(e), S();
+    },
+    get gamesLimit() {
+      return g();
+    },
+    set gamesLimit(e = 6) {
+      g(e), S();
+    },
+    get totalGames() {
+      return O();
+    },
+    set totalGames(e) {
+      O(e), S();
+    },
+    get platformProp() {
+      return Q();
+    },
+    set platformProp(e = null) {
+      Q(e), S();
+    },
+    get tournamentMetadata() {
+      return M();
+    },
+    set tournamentMetadata(e) {
+      M(e), S();
+    }
+  }, Z = mt(), $ = i(Z), ee = i($), Te = i(ee, !0);
+  r(ee);
+  var oe = k(ee, 2), Ge = i(oe, !0);
+  r(oe), r($);
+  var re = k($, 2);
+  {
+    var Ae = (e) => {
+      var t = tt(), n = i(t);
+      let s;
+      n.__click = () => _(A, "casino");
+      var l = i(n, !0);
+      r(n);
+      var o = k(n, 2);
+      let v;
+      o.__click = () => _(A, "sports");
+      var c = i(o, !0);
+      r(o), r(t), N(
+        (b, h) => {
+          s = L(n, 1, "Tab svelte-p7mf8l", null, s, { Active: a(A) === "casino" }), P(l, b), v = L(o, 1, "Tab svelte-p7mf8l", null, v, { Active: a(A) === "sports" }), P(c, h);
+        },
+        [() => m()("casinoTab"), () => m()("sportsbookTab")]
+      ), d(e, t);
+    };
+    C(re, (e) => {
+      Object.keys(M()).length !== 0 && e(Ae);
+    });
+  }
+  var ie = k(re, 2);
+  {
+    var Be = (e) => {
+      var t = nt();
+      let n;
+      J(t, 21, () => a(F), q, (s, l) => {
+        var o = at(), v = i(o);
+        r(o), N((c) => {
+          var b;
+          return P(v, `${(b = a(l).rule) != null ? b : ""} ${c != null ? c : ""}`);
+        }, [() => m()("contribution")]), d(s, o);
+      }), r(t), N(() => n = L(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(A) === "casino" })), d(e, t);
+    };
+    C(ie, (e) => {
+      a(F) && e(Be);
+    });
+  }
+  var X = k(ie, 2);
+  let le;
+  var Ne = i(X);
+  {
+    var De = (e) => {
+      var t = ae(), n = ne(t);
+      J(n, 17, () => Array(g()), q, (s, l, o, v) => {
+        var c = st();
+        d(s, c);
+      }), d(e, t);
+    }, Me = (e) => {
+      var t = ae(), n = ne(t);
+      J(n, 17, () => a(ye), q, (s, l) => {
+        var o = ot();
+        o.__click = () => Pe(a(l));
+        var v = i(o), c = i(v), b = k(c, 2), h = i(b), U = i(h, !0);
+        r(h), r(b), r(v), r(o), N(
+          (te) => {
+            de(c, "src", `https:${a(l).thumbnail}`), de(c, "alt", a(l).name), P(U, te);
+          },
+          [() => m()("play")]
+        ), d(s, o);
+      }), d(e, t);
+    };
+    C(Ne, (e) => {
+      var t;
+      a(z) || ((t = a(I)) == null ? void 0 : t.length) === 0 ? e(De) : e(Me, !1);
+    });
+  }
+  r(X);
+  var je = k(X, 2);
+  {
+    var Le = (e) => {
+      var t = lt();
+      let n;
+      var s = i(t);
+      s.__click = _e;
+      var l = i(s, !0);
+      r(s);
+      var o = k(s, 2);
+      J(o, 21, () => a(we), q, (b, h) => {
+        var U = ae(), te = ne(U);
+        {
+          var We = (j) => {
+            var B = rt();
+            d(j, B);
+          }, Ce = (j) => {
+            var B = it();
+            let me;
+            B.__click = () => xe(a(h));
+            var Re = i(B, !0);
+            r(B), N(() => {
+              me = L(B, 1, "PaginationButton Number svelte-p7mf8l", null, me, { Active: a(h) === a(H) }), P(Re, a(h));
+            }), d(j, B);
+          };
+          C(te, (j) => {
+            typeof a(h) != "number" ? j(We) : j(Ce, !1);
+          });
+        }
+        d(b, U);
+      }), r(o);
+      var v = k(o, 2);
+      v.__click = he;
+      var c = i(v, !0);
+      r(v), r(t), N(
+        (b, h) => {
+          n = L(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(A) === "sports" }), s.disabled = a(f) === 0, P(l, b), v.disabled = a(f) >= O() - g(), P(c, h);
+        },
+        [() => m()("previousButton"), () => m()("nextButton")]
+      ), d(e, t);
+    }, Ee = (e) => {
+      var t = pt();
+      d(e, t);
+    };
+    C(je, (e) => {
+      var t;
+      !a(z) || ((t = a(I)) == null ? void 0 : t.length) > 0 ? e(Le) : e(Ee, !1);
+    });
+  }
+  r(Z), N(
+    (e, t) => {
+      P(Te, e), P(Ge, t), le = L(X, 1, "TournamentGamesContainer svelte-p7mf8l", null, le, { Hidden: a(A) === "sports" });
+    },
+    [
+      () => m()("gamesDescriptionTitle"),
+      () => m()("gamesDescriptionSubtitle")
+    ]
+  ), d(T, Z);
+  var Oe = Je(Se);
+  return R(), Oe;
+}
+Qe(["click"]);
+Ve(
+  ct,
+  {
+    initialGames: {},
+    endpoint: {},
+    language: {},
+    session: {},
+    tournamentid: {},
+    gamesLimit: {},
+    totalGames: {},
+    platformProp: {},
+    tournamentMetadata: {}
+  },
+  [],
+  [],
+  !0
+);
+export {
+  ct as default
+};

package/components/TournamentGames-Cb2LP2tF.js

@@ -0,0 +1,324 @@
+import { b as Ce, $ as Re, p as ze, g as Ie, h as _, u as le, s as j, i as Fe, j as b, l as x, m as i, k as L, z as T, C as He, E as w, B as N, w as a, n as p, q as Xe, r as Ue, F as Je, t as g, v as y, e as qe, f as Ke, x as o, J as X, K as U, I as ee, y as te, L as ae, D as pe } from "./TournamentDetails-amGR_-Hv.js";
+import { g as Qe } from "./TournamentDetailsPage-BlWvqhbK.js";
+function Ve(G, m) {
+  Ce(G, m);
+}
+function Ye(G) {
+  Re.set(G);
+}
+const me = {
+  en: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook",
+    gamesDescriptionTitle: "Participating games",
+    gamesDescriptionSubtitle: "Discover the games",
+    sportsRulesParseError: "Error parsing tournament rules"
+  },
+  tr: {
+    previousButton: "Previous",
+    nextButton: "Next",
+    casinoTab: "Casino",
+    sportsbookTab: "Sportsbook"
+  }
+}, Ze = () => typeof window > "u";
+var $e = b('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'), et = b('<p class="svelte-p7mf8l"> </p>'), tt = b("<div></div>"), at = b('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'), nt = b('<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>'), st = b('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'), ot = b("<button> </button>"), rt = b('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'), it = b('<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>'), lt = b('<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 pt = {
+  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;}}}.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(
+    90deg,
+    transparent 0%,
+    var(--emw-color-bg-secondary, #434343) 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 {justify-content:end;gap:10px;}.PaginationButton.svelte-p7mf8l {width:auto;min-width:75px;}
+  }.Hidden.svelte-p7mf8l {display:none;}`
+};
+function mt(G, m) {
+  ze(m, !0), Ie(G, pt);
+  const h = () => He(Je, "$_", ve), [ve, de] = Ue(), E = _(m, "initialGames"), J = _(m, "endpoint"), D = _(m, "language", 7, "en"), O = _(m, "session"), W = _(m, "tournamentid"), c = _(m, "gamesLimit", 7, 6), M = _(m, "totalGames"), q = _(m, "platformProp", 7, null), A = _(m, "tournamentMetadata");
+  Object.keys(me).forEach((e) => {
+    Ve(e, me[e]);
+  });
+  const ce = () => {
+    Ye(D());
+  };
+  le(() => {
+    ce();
+  });
+  let C = j(Fe(E() || [])), R = j(!1), v = j(0), z = j(void 0);
+  const ue = Ze() ? q() ?? "dk" : Qe(window.navigator.userAgent), K = async () => {
+    if (Q.has(a(I)))
+      return;
+    g(R, !0);
+    const e = new URL(`${J()}/v1/tournaments/${W()}`), t = new Headers();
+    O() && t.append("X-SessionId", O());
+    const n = { method: "GET", headers: t };
+    e.searchParams.append("filter", `id=${W()}`), e.searchParams.append("language", D()), e.searchParams.append("expand", "games"), e.searchParams.append("pagination", `games(limit=${c()},offset=${a(v)})`), e.searchParams.append("platform", ue), fetch(e, n).then((s) => s.json()).then((s) => {
+      g(C, s?.item?.games?.items, !0), Q.set(a(I), a(C));
+    }).catch((s) => console.log(s)).finally(() => g(R, !1));
+  }, fe = () => {
+    const e = Math.ceil(M() / c()), t = Math.floor(a(v) / c()) + 1;
+    if (e <= 5)
+      return Array.from({ length: e }, (s, d) => d + 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;
+  }, ge = () => {
+    a(v) < M() && (g(v, a(v) + c()), K());
+  }, be = () => {
+    a(v) !== 0 && (g(v, a(v) - c()), K());
+  }, he = (e) => {
+    g(v, (e - 1) * c()), K();
+  }, _e = ae(fe), I = ae(() => Math.floor(a(v) / c()) + 1);
+  let Q = /* @__PURE__ */ new Map([[1, E()]]), xe = ae(() => Q.get(a(I)) ?? []), P = j("casino");
+  const we = () => {
+    if (!A()) return;
+    const e = A().sports?.rules;
+    let t;
+    if (e)
+      try {
+        t = JSON.parse(e), g(z, t[D()] || t["*"], !0);
+      } catch (n) {
+        console.log(n), g(z, `${h()("sportsRulesParseError")}`);
+      }
+  }, ye = (e) => {
+    window.postMessage(
+      {
+        type: "Tournaments:PlayGame",
+        launchUrl: e.launchUrl,
+        id: e.gameId,
+        platform: e.platform,
+        thumbnail: e.thumbnail,
+        name: e.name
+      },
+      window.location.href
+    );
+  };
+  le(() => {
+    Object.keys(A()).length !== 0 && we();
+  });
+  var ke = {
+    get initialGames() {
+      return E();
+    },
+    set initialGames(e) {
+      E(e), y();
+    },
+    get endpoint() {
+      return J();
+    },
+    set endpoint(e) {
+      J(e), y();
+    },
+    get language() {
+      return D();
+    },
+    set language(e = "en") {
+      D(e), y();
+    },
+    get session() {
+      return O();
+    },
+    set session(e) {
+      O(e), y();
+    },
+    get tournamentid() {
+      return W();
+    },
+    set tournamentid(e) {
+      W(e), y();
+    },
+    get gamesLimit() {
+      return c();
+    },
+    set gamesLimit(e = 6) {
+      c(e), y();
+    },
+    get totalGames() {
+      return M();
+    },
+    set totalGames(e) {
+      M(e), y();
+    },
+    get platformProp() {
+      return q();
+    },
+    set platformProp(e = null) {
+      q(e), y();
+    },
+    get tournamentMetadata() {
+      return A();
+    },
+    set tournamentMetadata(e) {
+      A(e), y();
+    }
+  }, V = lt(), Y = i(V), Z = i(Y), Pe = i(Z, !0);
+  o(Z);
+  var ne = x(Z, 2), Se = i(ne, !0);
+  o(ne), o(Y);
+  var se = x(Y, 2);
+  {
+    var Te = (e) => {
+      var t = $e(), n = i(t);
+      let s;
+      n.__click = () => g(P, "casino");
+      var d = i(n, !0);
+      o(n);
+      var r = x(n, 2);
+      let l;
+      r.__click = () => g(P, "sports");
+      var u = i(r, !0);
+      o(r), o(t), T(
+        (k, f) => {
+          s = N(n, 1, "Tab svelte-p7mf8l", null, s, { Active: a(P) === "casino" }), w(d, k), l = N(r, 1, "Tab svelte-p7mf8l", null, l, { Active: a(P) === "sports" }), w(u, f);
+        },
+        [() => h()("casinoTab"), () => h()("sportsbookTab")]
+      ), p(e, t);
+    };
+    L(se, (e) => {
+      Object.keys(A()).length !== 0 && e(Te);
+    });
+  }
+  var oe = x(se, 2);
+  {
+    var Ge = (e) => {
+      var t = tt();
+      let n;
+      X(t, 21, () => a(z), U, (s, d) => {
+        var r = et(), l = i(r);
+        o(r), T((u) => w(l, `${a(d).rule ?? ""} ${u ?? ""}`), [() => h()("contribution")]), p(s, r);
+      }), o(t), T(() => n = N(t, 1, "TournamentRulesWrapper svelte-p7mf8l", null, n, { Hidden: a(P) === "casino" })), p(e, t);
+    };
+    L(oe, (e) => {
+      a(z) && e(Ge);
+    });
+  }
+  var F = x(oe, 2);
+  let re;
+  var Ae = i(F);
+  {
+    var Be = (e) => {
+      var t = ee(), n = te(t);
+      X(n, 17, () => Array(c()), U, (s, d, r, l) => {
+        var u = at();
+        p(s, u);
+      }), p(e, t);
+    }, Ne = (e) => {
+      var t = ee(), n = te(t);
+      X(n, 17, () => a(xe), U, (s, d) => {
+        var r = nt();
+        r.__click = () => ye(a(d));
+        var l = i(r), u = i(l), k = x(u, 2), f = i(k), H = i(f, !0);
+        o(f), o(k), o(l), o(r), T(
+          ($) => {
+            pe(u, "src", `https:${a(d).thumbnail}`), pe(u, "alt", a(d).name), w(H, $);
+          },
+          [() => h()("play")]
+        ), p(s, r);
+      }), p(e, t);
+    };
+    L(Ae, (e) => {
+      a(R) || a(C)?.length === 0 ? e(Be) : e(Ne, !1);
+    });
+  }
+  o(F);
+  var De = x(F, 2);
+  {
+    var Me = (e) => {
+      var t = rt();
+      let n;
+      var s = i(t);
+      s.__click = be;
+      var d = i(s, !0);
+      o(s);
+      var r = x(s, 2);
+      X(r, 21, () => a(_e), U, (k, f) => {
+        var H = ee(), $ = te(H);
+        {
+          var Ee = (B) => {
+            var S = st();
+            p(B, S);
+          }, Oe = (B) => {
+            var S = ot();
+            let ie;
+            S.__click = () => he(a(f));
+            var We = i(S, !0);
+            o(S), T(() => {
+              ie = N(S, 1, "PaginationButton Number svelte-p7mf8l", null, ie, { Active: a(f) === a(I) }), w(We, a(f));
+            }), p(B, S);
+          };
+          L($, (B) => {
+            typeof a(f) != "number" ? B(Ee) : B(Oe, !1);
+          });
+        }
+        p(k, H);
+      }), o(r);
+      var l = x(r, 2);
+      l.__click = ge;
+      var u = i(l, !0);
+      o(l), o(t), T(
+        (k, f) => {
+          n = N(t, 1, "PaginationWrapper svelte-p7mf8l", null, n, { Hidden: a(P) === "sports" }), s.disabled = a(v) === 0, w(d, k), l.disabled = a(v) >= M() - c(), w(u, f);
+        },
+        [() => h()("previousButton"), () => h()("nextButton")]
+      ), p(e, t);
+    }, je = (e) => {
+      var t = it();
+      p(e, t);
+    };
+    L(De, (e) => {
+      !a(R) || a(C)?.length > 0 ? e(Me) : e(je, !1);
+    });
+  }
+  o(V), T(
+    (e, t) => {
+      w(Pe, e), w(Se, t), re = N(F, 1, "TournamentGamesContainer svelte-p7mf8l", null, re, { Hidden: a(P) === "sports" });
+    },
+    [
+      () => h()("gamesDescriptionTitle"),
+      () => h()("gamesDescriptionSubtitle")
+    ]
+  ), p(G, V);
+  var Le = Xe(ke);
+  return de(), Le;
+}
+qe(["click"]);
+Ke(
+  mt,
+  {
+    initialGames: {},
+    endpoint: {},
+    language: {},
+    session: {},
+    tournamentid: {},
+    gamesLimit: {},
+    totalGames: {},
+    platformProp: {},
+    tournamentMetadata: {}
+  },
+  [],
+  [],
+  !0
+);
+export {
+  mt as default
+};