@everymatrix/tournament-details-page 0.2.3 → 0.2.5

package/components/TournamentGames-VQKGwemr.js

@@ -0,0 +1,325 @@
+var fe = (_, r, i) => new Promise((N, K) => {
+  var z = (p) => {
+    try {
+      v(i.next(p));
+    } catch (x) {
+      K(x);
+    }
+  }, R = (p) => {
+    try {
+      v(i.throw(p));
+    } catch (x) {
+      K(x);
+    }
+  }, v = (p) => p.done ? N(p.value) : Promise.resolve(p.value).then(z, R);
+  v((i = i.apply(_, r)).next());
+});
+import { C as He, c as Fe, g as Je, a as qe, p as g, D as Ke, E as ye, F as Qe, J as Ue, G as we, o as H, H as le, L as Ve, i as F, T as We, b as u, d as Xe, f as h, q as d, I as Ze, h as O, j as t, s as S, r as A, m as I, u as J, M as k, t as L, k as Te, l as q, N as M, U as me, W as Ge, Q as ue, O as ge, P as de, V as Ye, $ as $e, K as et, X as tt, R as at } from "./StatusBadge-1cAE-BMW.js";
+import { f as nt, G as ke, s as st, a as rt, b as ot } from "./TournamentLeaderboard-DvvnA47t.js";
+import { a as it } from "./translations-BPv4iAvC.js";
+typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+const lt = (_, r = !1) => {
+  if (!_)
+    return;
+  const i = parseFloat(getComputedStyle(_).scrollMarginTop) || 0;
+  if (r && _.getBoundingClientRect().top >= i)
+    return;
+  const N = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  _.scrollIntoView({ behavior: N ? "auto" : "smooth", block: "start" });
+};
+var mt = h('<div class="tournament-games__tabs svelte-49hxa3" role="tablist"><button type="button" role="tab"> </button> <button type="button" role="tab"> </button></div>'), ut = h('<div class="tournament-games__empty svelte-49hxa3"><p class="tournament-games__empty-title svelte-49hxa3"> </p> <p class="tournament-games__empty-description svelte-49hxa3"> </p></div>'), gt = h('<span class="tournament-games__badge svelte-49hxa3"> </span>'), dt = h('<button type="button" class="tournament-games__game svelte-49hxa3"><img class="tournament-games__image svelte-49hxa3" loading="lazy"/> <span class="tournament-games__play svelte-49hxa3" aria-hidden="true"><span class="tournament-games__play-button svelte-49hxa3"> </span></span> <!></button>'), pt = h('<span class="tournament-games__game tournament-games__game--placeholder svelte-49hxa3" aria-hidden="true"></span>'), ct = h('<div class="tournament-games__sentinel svelte-49hxa3"></div>'), ht = h('<div class="tournament-games__grid svelte-49hxa3"><!> <!></div> <!>', 1), vt = h('<p class="tournament-games__empty svelte-49hxa3"> </p>'), _t = h('<li class="svelte-49hxa3"> </li>'), xt = h('<ul class="tournament-games__events svelte-49hxa3"></ul>'), bt = h('<div class="tournament-games svelte-49hxa3"><!> <!></div>');
+const ft = {
+  hash: "svelte-49hxa3",
+  code: `.tournament-games.svelte-49hxa3 {scroll-margin-top:80px;display:flex;flex-direction:column;gap:20px;color:var(--text-subtle, rgba(223, 227, 232, 1));.tournament-games__tabs:where(.svelte-49hxa3) {display:flex;border-bottom:1px solid var(--border-default, rgba(251, 251, 251, 0.15));width:max-content;max-width:100%;}.tournament-games__tab:where(.svelte-49hxa3) {position:relative;flex:0 0 auto;height:31px;padding:0 10px;border:0;background:transparent;color:var(--text-subtle, rgba(223, 227, 232, 1));font:inherit;font-size:14px;font-weight:500;cursor:pointer;line-height:145%;min-width:206px;&.active {color:var(--text-brand, rgba(255, 204, 0, 1));font-weight:700;&::after {content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pagination-bg-selected, rgba(255, 204, 0, 1));}}}.tournament-games__grid:where(.svelte-49hxa3) {display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:8px;}.tournament-games__game:where(.svelte-49hxa3) {position:relative;display:block;width:100%;align-self:start;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;line-height:0;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}&:focus-visible .tournament-games__play:where(.svelte-49hxa3) {opacity:1;}
+
+      @media (hover: hover) {&:hover .tournament-games__play:where(.svelte-49hxa3) {opacity:1;}
+      }}.tournament-games__play:where(.svelte-49hxa3) {position:absolute;inset:0;z-index:2;display:flex;justify-content:center;align-items:center;border-radius:6px;background:rgba(0, 0, 0, 0.6);line-height:1;opacity:0;transition:opacity 0.2s ease;}.tournament-games__play-button:where(.svelte-49hxa3) {display:flex;justify-content:center;align-items:center;min-width:50%;padding:8px 16px;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, rgba(38, 29, 0, 1));font-size:13px;font-weight:600;}.tournament-games__game--placeholder:where(.svelte-49hxa3) {height:120px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));cursor:default;
+      animation: svelte-49hxa3-tournament-games-pulse 1.2s ease-in-out infinite;}.tournament-games__image:where(.svelte-49hxa3) {display:block;width:100%;height:120px;object-fit:cover;border-radius:6px;}.tournament-games__badge:where(.svelte-49hxa3) {position:absolute;top:10px;left:9.6px;z-index:1;display:flex;justify-content:center;align-items:center;padding:4px 6px;background:var(--bg-overlay-secondary-level-5, rgba(0, 40, 81, 0.35));border:1px solid var(--primary-400, rgba(255, 204, 0, 1));backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);border-radius:12px;color:var(--primary-400, rgba(255, 225, 107, 1));font-size:8px;line-height:8px;}.tournament-games__sentinel:where(.svelte-49hxa3) {height:1px;margin-top:-16px;}.tournament-games__events:where(.svelte-49hxa3) {display:flex;flex-direction:column;gap:24px;margin:0;padding:0;font-size:12px;line-height:1.4;list-style:none;font-weight:400;color:var(--text-subtle, rgba(223, 227, 232, 1));}.tournament-games__empty:where(.svelte-49hxa3) {display:flex;flex-direction:column;align-items:center;gap:8px;padding:63px 16px;text-align:center;p:where(.svelte-49hxa3) {margin:0;}}.tournament-games__empty-title:where(.svelte-49hxa3) {color:var(--text-default, rgba(223, 227, 232, 1));font-size:14px;font-weight:700;}.tournament-games__empty-description:where(.svelte-49hxa3) {max-width:340px;color:var(--text-super-subtle, rgba(251, 251, 251, 0.5));font-size:14px;font-weight:500;}}
+
+  @keyframes svelte-49hxa3-tournament-games-pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @media (max-width: 767px) {.tournament-games.svelte-49hxa3 {.tournament-games__tabs:where(.svelte-49hxa3) {width:100%;}.tournament-games__tab:where(.svelte-49hxa3) {flex:1;min-width:0;font-size:12px;font-weight:400;}.tournament-games__grid:where(.svelte-49hxa3) {grid-template-columns:repeat(3, minmax(0, 1fr));}.tournament-games__image:where(.svelte-49hxa3),
+      .tournament-games__game--placeholder:where(.svelte-49hxa3) {height:75px;}.tournament-games__badge:where(.svelte-49hxa3) {top:5px;left:4.67px;}}
+  }
+
+  @media (prefers-reduced-motion: reduce) {.tournament-games.svelte-49hxa3 .tournament-games__game--placeholder:where(.svelte-49hxa3) {
+      animation: none;}.tournament-games.svelte-49hxa3 .tournament-games__play:where(.svelte-49hxa3) {transition:none;}
+  }`
+};
+function yt(_, r) {
+  var _e, xe;
+  Je(r, !0), qe(_, ft);
+  const i = () => Ye($e, "$_", N), [N, K] = Ze(), z = g(r, "initialGames", 7), R = g(r, "endpoint", 7), v = g(r, "language", 7, "en"), p = g(r, "session", 7), x = g(r, "tournamentid", 7), Q = g(r, "tournamentname", 7, ""), X = g(r, "totalGames", 7), Z = g(r, "platform", 7), Y = g(r, "tournamentMetadata", 7), U = g(r, "translationurl", 7), j = g(r, "hasCasino", 7, !0), P = g(r, "hasSports", 7, !1);
+  Ke(it), ye(v());
+  const Me = () => {
+    ye(v());
+  };
+  Qe(() => {
+    U() && Ue(U());
+  }), we(() => {
+    Me();
+  });
+  let y = H(le(z() || [])), V = H(le((xe = X()) != null ? xe : ((_e = z()) == null ? void 0 : _e.length) || 0)), $ = H(!1), w = H(le(j() || !P() ? "casino" : "sports")), ee = H(null);
+  const pe = (e) => {
+    e !== t(w) && (I(w, e, !0), st({ id: x(), nameOrTitle: Q() }, e), et().then(() => lt(t(ee), !0)));
+  }, te = J(() => j() && P()), Se = J(() => t(te) ? t(w) === "casino" : !P() || j()), ae = J(() => t(y).length < t(V)), Ae = J(() => Math.min(Math.max(t(V) - t(y).length, 0), ke)), ce = J(() => {
+    var a, n;
+    const e = (n = (a = Y()) == null ? void 0 : a.sports) == null ? void 0 : n.rules;
+    if (!e)
+      return [];
+    try {
+      const s = JSON.parse(e);
+      return s[v()] || s["*"] || [];
+    } catch (s) {
+      return console.log(s), [];
+    }
+  }), he = () => fe(this, null, function* () {
+    var e, a, n, s;
+    if (!(!t(ae) || t($))) {
+      I($, !0);
+      try {
+        const o = yield nt({
+          endpoint: R(),
+          language: v(),
+          platform: Z(),
+          session: p(),
+          tournamentid: x(),
+          filterById: !0,
+          gamesLimit: ke,
+          gamesOffset: t(y).length
+        });
+        I(y, [...t(y), ...(a = (e = o == null ? void 0 : o.games) == null ? void 0 : e.items) != null ? a : []], !0), I(V, (s = (n = o == null ? void 0 : o.games) == null ? void 0 : n.total) != null ? s : t(V), !0);
+      } catch (o) {
+        console.log(o);
+      } finally {
+        I($, !1);
+      }
+    }
+  });
+  we(() => {
+    Ve(() => he());
+  });
+  const ne = (e, a) => {
+    const n = new IntersectionObserver(
+      (s) => {
+        s.some((o) => o.isIntersecting) && a();
+      },
+      { rootMargin: ot }
+    );
+    return n.observe(e), {
+      destroy() {
+        n.disconnect();
+      }
+    };
+  }, ze = (e) => {
+    rt(e, { id: x(), nameOrTitle: Q() }, t(te) ? t(w) : void 0);
+  };
+  var Ce = {
+    get initialGames() {
+      return z();
+    },
+    set initialGames(e) {
+      z(e), d();
+    },
+    get endpoint() {
+      return R();
+    },
+    set endpoint(e) {
+      R(e), d();
+    },
+    get language() {
+      return v();
+    },
+    set language(e = "en") {
+      v(e), d();
+    },
+    get session() {
+      return p();
+    },
+    set session(e) {
+      p(e), d();
+    },
+    get tournamentid() {
+      return x();
+    },
+    set tournamentid(e) {
+      x(e), d();
+    },
+    get tournamentname() {
+      return Q();
+    },
+    set tournamentname(e = "") {
+      Q(e), d();
+    },
+    get totalGames() {
+      return X();
+    },
+    set totalGames(e) {
+      X(e), d();
+    },
+    get platform() {
+      return Z();
+    },
+    set platform(e) {
+      Z(e), d();
+    },
+    get tournamentMetadata() {
+      return Y();
+    },
+    set tournamentMetadata(e) {
+      Y(e), d();
+    },
+    get translationurl() {
+      return U();
+    },
+    set translationurl(e) {
+      U(e), d();
+    },
+    get hasCasino() {
+      return j();
+    },
+    set hasCasino(e = !0) {
+      j(e), d();
+    },
+    get hasSports() {
+      return P();
+    },
+    set hasSports(e = !1) {
+      P(e), d();
+    }
+  }, W = bt(), ve = O(W);
+  {
+    var Ee = (e) => {
+      var a = mt(), n = O(a);
+      let s;
+      var o = k(n, !0), l = S(n, 2);
+      let m;
+      var c = k(l, !0);
+      A(a), L(
+        (C, B) => {
+          s = Te(n, 1, "tournament-games__tab svelte-49hxa3", null, s, { active: t(w) === "casino" }), q(n, "aria-selected", t(w) === "casino"), M(o, C), m = Te(l, 1, "tournament-games__tab svelte-49hxa3", null, m, { active: t(w) === "sports" }), q(l, "aria-selected", t(w) === "sports"), M(c, B);
+        },
+        [() => i()("casinoTab"), () => i()("sportsTab")]
+      ), me("click", n, () => pe("casino")), me("click", l, () => pe("sports")), u(e, a);
+    };
+    F(ve, (e) => {
+      t(te) && e(Ee);
+    });
+  }
+  var Oe = S(ve, 2);
+  {
+    var Ie = (e) => {
+      var a = Ge(), n = ue(a);
+      {
+        var s = (l) => {
+          var m = ut(), c = O(m), C = k(c, !0), B = S(c, 2), se = k(B, !0);
+          A(m), L(
+            (re, b) => {
+              M(C, re), M(se, b);
+            },
+            [
+              () => i()("noAvailableGames"),
+              () => i()("noAvailableGamesDescription")
+            ]
+          ), u(l, m);
+        }, o = (l) => {
+          var m = ht(), c = ue(m), C = O(c);
+          ge(C, 17, () => t(y), de, (b, f) => {
+            var T = dt(), E = O(T), G = S(E, 2), oe = O(G), ie = k(oe, !0);
+            A(G);
+            var je = S(G, 2);
+            {
+              var Pe = (D) => {
+                var be = gt(), Be = k(be, !0);
+                L((De) => M(Be, De), [() => i()("newBadge")]), u(D, be);
+              };
+              F(je, (D) => {
+                t(f).isNew && D(Pe);
+              });
+            }
+            A(T), L(
+              (D) => {
+                q(T, "title", t(f).name), q(E, "src", `https:${t(f).thumbnail}`), q(E, "alt", t(f).name), M(ie, D);
+              },
+              [() => i()("play")]
+            ), me("click", T, () => ze(t(f))), u(b, T);
+          });
+          var B = S(C, 2);
+          ge(B, 17, () => Array(t(Ae)), de, (b, f, T, E) => {
+            var G = pt();
+            u(b, G);
+          }), A(c);
+          var se = S(c, 2);
+          {
+            var re = (b) => {
+              var f = Ge(), T = ue(f);
+              tt(T, () => t(y).length, (E) => {
+                var G = ct();
+                at(G, (oe, ie) => ne == null ? void 0 : ne(oe, ie), () => he), u(E, G);
+              }), u(b, f);
+            };
+            F(se, (b) => {
+              t(ae) && b(re);
+            });
+          }
+          u(l, m);
+        };
+        F(n, (l) => {
+          t(y).length === 0 && !t(ae) ? l(s) : l(o, -1);
+        });
+      }
+      u(e, a);
+    }, Le = (e) => {
+      var a = vt(), n = k(a, !0);
+      L((s) => M(n, s), [() => i()("noAvailableEvents")]), u(e, a);
+    }, Ne = (e) => {
+      var a = xt();
+      ge(a, 21, () => t(ce), de, (n, s) => {
+        var o = _t(), l = k(o);
+        L((m) => {
+          var c;
+          return M(l, `${(c = t(s).rule) != null ? c : ""} ${m != null ? m : ""}`);
+        }, [() => i()("contribution")]), u(n, o);
+      }), A(a), u(e, a);
+    };
+    F(Oe, (e) => {
+      t(Se) ? e(Ie) : t(ce).length === 0 ? e(Le, 1) : e(Ne, -1);
+    });
+  }
+  A(W), We(W, (e) => I(ee, e), () => t(ee)), u(_, W);
+  var Re = Xe(Ce);
+  return K(), Re;
+}
+He(["click"]);
+Fe(
+  yt,
+  {
+    initialGames: {},
+    endpoint: {},
+    language: {},
+    session: {},
+    tournamentid: {},
+    tournamentname: {},
+    totalGames: {},
+    platform: {},
+    tournamentMetadata: {},
+    translationurl: {},
+    hasCasino: {},
+    hasSports: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  yt as T,
+  lt as s
+};

package/components/TournamentGames-n4c8SvY_.js

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

package/components/{TournamentImage-B8k7urkf.js → TournamentImage-87bhDEnk.js}

@@ -1,4 +1,4 @@
-import { c as _, a as $, p as a, i as y, t as ee, e as te, b, d as ae, f as T, g as re, h as Q, s as P, j as n, r as S, k as q, l as c, m as ne, n as ie, u as l, o as se, q as r, v as oe, w as le, x as de, y as me, S as ge, z as ue } from "./StatusBadge-BUU_5AgK.js";
+import { c as _, a as $, p as a, i as y, t as ee, e as te, b, d as ae, f as T, g as re, h as Q, s as P, j as n, r as S, k as q, l as c, m as ne, n as ie, u as l, o as se, q as r, v as oe, w as le, x as de, y as me, S as ge, z as ue } from "./StatusBadge-Dz7gL5NT.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {

package/components/{TournamentImage-DAfP40BM.js → TournamentImage-D0na0-p6.js}

@@ -1,4 +1,4 @@
-import { c as _, a as $, p as a, i as y, t as ee, e as te, b as c, d as ae, f as p, g as re, h as Q, s as P, j as n, r as S, k as q, l as T, m as ne, n as ie, u as d, o as se, q as r, v as oe, w as le, x as de, y as me, S as ge, z as ue } from "./StatusBadge-48pKkesj.js";
+import { c as _, a as $, p as a, i as y, t as ee, e as te, b as c, d as ae, f as p, g as re, h as Q, s as P, j as n, r as S, k as q, l as T, m as ne, n as ie, u as d, o as se, q as r, v as oe, w as le, x as de, y as me, S as ge, z as ue } from "./StatusBadge-1cAE-BMW.js";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {