@everymatrix/tournament-details-page 0.0.7 → 0.0.8

package/components/TournamentGames-CXKhYSVz.js

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

package/components/TournamentGames-Dz1Ddedp.cjs

@@ -0,0 +1,27 @@
+"use strict";var V=(h,i,p)=>new Promise((L,G)=>{var y=d=>{try{g(p.next(d))}catch(b){G(b)}},P=d=>{try{g(p.throw(d))}catch(b){G(b)}},g=d=>d.done?L(d.value):Promise.resolve(d.value).then(y,P);g((p=p.apply(h,i)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TournamentDetails-nG7lN2NT.cjs"),Ae=require("./TournamentDetailsPage-DrDTbkUX.cjs");function Y(h,i){e.addMessages(h,i)}function Z(h){e.$locale.set(h)}const $={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ış!"}},Be=()=>typeof window=="undefined";var Ne=e.from_html('<div class="TournamentGamesTabs svelte-p7mf8l"><button> </button> <button> </button></div>'),De=e.from_html('<p class="svelte-p7mf8l"> </p>'),je=e.from_html("<div></div>"),Me=e.from_html('<div class="TournamentGameThumbnailSkeleton svelte-p7mf8l"></div>'),Ee=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>'),Le=e.from_html('<span class="PaginationButton Elipsis svelte-p7mf8l">...</span>'),Oe=e.from_html("<button> </button>"),Re=e.from_html('<div><button class="PaginationButton svelte-p7mf8l"> </button> <div class="PageNumberWrapper svelte-p7mf8l"></div> <button class="PaginationButton svelte-p7mf8l"> </button></div>'),We=e.from_html("<p> </p>"),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>'),He=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;}.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: 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;}}
+
+  }.Hidden.svelte-p7mf8l {display:none;}`};function ee(h,i){var X;e.push(i,!0),e.append_styles(h,Ce);const p=()=>e.store_get(e.$format,"$_",L),[L,G]=e.setup_stores(),y=e.prop(i,"initialGames"),P=e.prop(i,"endpoint"),g=e.prop(i,"language",7,"en"),d=e.prop(i,"session"),b=e.prop(i,"tournamentid"),u=e.prop(i,"gamesLimit",7,6),T=e.prop(i,"totalGames"),O=e.prop(i,"platformProp",7,null),w=e.prop(i,"tournamentMetadata"),A=e.prop(i,"translationurl"),te=()=>{let t=new URL(A());fetch(t.href).then(a=>a.json()).then(a=>{Object.keys(a).forEach(n=>{Y(n,a[n])})}).catch(a=>{console.log(a)})};Object.keys($).forEach(t=>{Y(t,$[t])}),Z(g());const ae=()=>{Z(g())};e.user_pre_effect(()=>{A()&&te()}),e.user_effect(()=>{ae()});let S=e.state(e.proxy(y()||[])),B=e.state(!1),f=e.state(0),N=e.state(void 0),D=e.state(!0);const ne=Be()?(X=O())!=null?X:"dk":Ae.getDevice(window.navigator.userAgent),R=()=>V(this,null,function*(){if(W.has(e.get(j)))return;e.set(B,!0);const t=new URL(`${P()}/v1/tournaments/${b()}`),a=new Headers;d()&&a.append("X-SessionId",d());const n={method:"GET",headers:a};t.searchParams.append("filter",`id=${b()}`),t.searchParams.append("language",g()),t.searchParams.append("expand","games"),t.searchParams.append("pagination",`games(limit=${u()},offset=${e.get(f)})`),t.searchParams.append("platform",ne),fetch(t,n).then(s=>s.json()).then(s=>{var o,r;e.set(S,(r=(o=s==null?void 0:s.item)==null?void 0:o.games)==null?void 0:r.items,!0),W.set(e.get(j),e.get(S)),e.get(D)||e.set(D,!0)}).catch(s=>console.log(s)).finally(()=>e.set(B,!1))}),re=()=>{const t=Math.ceil(T()/u()),a=Math.floor(e.get(f)/u())+1;if(t<=5)return Array.from({length:t},(s,o)=>o+1);const n=[];return n.push(1),a<=3?(n.push(2,3),n.push("..."),n.push(t)):a>=t-2?(n.push("..."),n.push(t-2,t-1,t)):(n.push("..."),n.push(a-1,a,a+1),n.push("..."),n.push(t)),n},se=()=>{e.get(f)<T()&&(e.set(f,e.get(f)+u()),R())},oe=()=>{e.get(f)!==0&&(e.set(f,e.get(f)-u()),R())},le=t=>{e.set(f,(t-1)*u()),R()},ie=e.user_derived(re),j=e.user_derived(()=>Math.floor(e.get(f)/u())+1);let W=new Map([[1,y()]]),pe=e.user_derived(()=>{var t;return(t=W.get(e.get(j)))!=null?t:[]}),_=e.state("casino");const ce=()=>{var n;if(!w())return;const t=(n=w().sports)==null?void 0:n.rules;let a;if(t)try{a=JSON.parse(t),e.set(N,a[g()]||a["*"],!0)}catch(s){console.log(s),e.set(N,`${p()("sportsRulesParseError")}`)}},me=t=>{window.postMessage({type:"Tournaments:PlayGame",launchUrl:t.launchUrl,id:t.gameId,thumbnail:t.thumbnail,name:t.name},window.location.href)};e.user_effect(()=>{Object.keys(w()).length!==0&&ce()});var de={get initialGames(){return y()},set initialGames(t){y(t),e.flushSync()},get endpoint(){return P()},set endpoint(t){P(t),e.flushSync()},get language(){return g()},set language(t="en"){g(t),e.flushSync()},get session(){return d()},set session(t){d(t),e.flushSync()},get tournamentid(){return b()},set tournamentid(t){b(t),e.flushSync()},get gamesLimit(){return u()},set gamesLimit(t=6){u(t),e.flushSync()},get totalGames(){return T()},set totalGames(t){T(t),e.flushSync()},get platformProp(){return O()},set platformProp(t=null){O(t),e.flushSync()},get tournamentMetadata(){return w()},set tournamentMetadata(t){w(t),e.flushSync()},get translationurl(){return A()},set translationurl(t){A(t),e.flushSync()}},z=He(),H=e.child(z),C=e.child(H),fe=e.child(C,!0);e.reset(C);var U=e.sibling(C,2),ue=e.child(U,!0);e.reset(U),e.reset(H);var F=e.sibling(H,2);{var ve=t=>{var a=Ne(),n=e.child(a);let s;n.__click=()=>e.set(_,"casino");var o=e.child(n,!0);e.reset(n);var r=e.sibling(n,2);let l;r.__click=()=>e.set(_,"sports");var c=e.child(r,!0);e.reset(r),e.reset(a),e.template_effect((m,v)=>{s=e.set_class(n,1,"Tab svelte-p7mf8l",null,s,{Active:e.get(_)==="casino"}),e.set_text(o,m),l=e.set_class(r,1,"Tab svelte-p7mf8l",null,l,{Active:e.get(_)==="sports"}),e.set_text(c,v)},[()=>p()("casinoTab"),()=>p()("sportsbookTab")]),e.append(t,a)};e.if_block(F,t=>{Object.keys(w()).length!==0&&t(ve)})}var q=e.sibling(F,2);{var ge=t=>{var a=je();let n;e.each(a,21,()=>e.get(N),e.index,(s,o)=>{var r=De(),l=e.child(r);e.reset(r),e.template_effect(c=>{var m;return e.set_text(l,`${(m=e.get(o).rule)!=null?m:""} ${c!=null?c:""}`)},[()=>p()("contribution")]),e.append(s,r)}),e.reset(a),e.template_effect(()=>n=e.set_class(a,1,"TournamentRulesWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="casino"})),e.append(t,a)};e.if_block(q,t=>{e.get(N)&&t(ge)})}var M=e.sibling(q,2);let J;var he=e.child(M);{var be=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>Array(u()),e.index,(s,o,r,l)=>{var c=Me();e.append(s,c)}),e.append(t,a)},_e=t=>{var a=e.comment(),n=e.first_child(a);e.each(n,17,()=>e.get(pe),e.index,(s,o)=>{var r=Ee();r.__click=()=>me(e.get(o));var l=e.child(r),c=e.child(l),m=e.sibling(c,2),v=e.child(m),E=e.child(v,!0);e.reset(v),e.reset(m),e.reset(l),e.reset(r),e.template_effect(I=>{e.set_attribute(c,"src",`https:${e.get(o).thumbnail}`),e.set_attribute(c,"alt",e.get(o).name),e.set_text(E,I)},[()=>p()("play")]),e.append(s,r)}),e.append(t,a)};e.if_block(he,t=>{var a;e.get(B)||((a=e.get(S))==null?void 0:a.length)===0?t(be):t(_e,!1)})}e.reset(M);var K=e.sibling(M,2);{var xe=t=>{var a=Re();let n;var s=e.child(a);s.__click=oe;var o=e.child(s,!0);e.reset(s);var r=e.sibling(s,2);e.each(r,21,()=>e.get(ie),e.index,(m,v)=>{var E=e.comment(),I=e.first_child(E);{var Te=k=>{var x=Le();e.append(k,x)},Se=k=>{var x=Oe();let Q;x.__click=()=>le(e.get(v));var Ge=e.child(x,!0);e.reset(x),e.template_effect(()=>{Q=e.set_class(x,1,"PaginationButton Number svelte-p7mf8l",null,Q,{Active:e.get(v)===e.get(j)}),e.set_text(Ge,e.get(v))}),e.append(k,x)};e.if_block(I,k=>{typeof e.get(v)!="number"?k(Te):k(Se,!1)})}e.append(m,E)}),e.reset(r);var l=e.sibling(r,2);l.__click=se;var c=e.child(l,!0);e.reset(l),e.reset(a),e.template_effect((m,v)=>{n=e.set_class(a,1,"PaginationWrapper svelte-p7mf8l",null,n,{Hidden:e.get(_)==="sports"}),s.disabled=e.get(f)===0,e.set_text(o,m),l.disabled=e.get(f)>=T()-u(),e.set_text(c,v)},[()=>p()("previousButton"),()=>p()("nextButton")]),e.append(t,a)},ye=t=>{var a=e.comment(),n=e.first_child(a);{var s=o=>{var r=We();let l;var c=e.child(r,!0);e.reset(r),e.template_effect(m=>{l=e.set_class(r,1,"NoGamesAvailable svelte-p7mf8l",null,l,{Hidden:e.get(_)==="sports"}),e.set_text(c,m)},[()=>p()("noAvailableGames")]),e.append(o,r)};e.if_block(n,o=>{var r;!e.get(B)&&((r=e.get(S))==null?void 0:r.length)===0&&o(s)},!0)}e.append(t,a)};e.if_block(K,t=>{var a;e.get(D)&&((a=e.get(S))==null?void 0:a.length)>0?t(xe):t(ye,!1)})}var we=e.sibling(K,2);{var ke=t=>{var a=ze();e.append(t,a)};e.if_block(we,t=>{e.get(D)||t(ke)})}e.reset(z),e.template_effect((t,a)=>{e.set_text(fe,t),e.set_text(ue,a),J=e.set_class(M,1,"TournamentGamesContainer svelte-p7mf8l",null,J,{Hidden:e.get(_)==="sports"})},[()=>p()("gamesDescriptionTitle"),()=>p()("gamesDescriptionSubtitle")]),e.append(h,z);var Pe=e.pop(de);return G(),Pe}e.delegate(["click"]);customElements.define("tournament-games",e.create_custom_element(ee,{initialGames:{},endpoint:{},language:{},session:{},tournamentid:{},gamesLimit:{},totalGames:{},platformProp:{},tournamentMetadata:{},translationurl:{}},[],[],!1));exports.default=ee;