@everymatrix/tournament-details-page 0.1.7 → 0.1.9

package/components/TournamentGames-uZanAkIu.js

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