@everymatrix/tournament-details-page 0.0.8 → 0.0.9

package/components/TournamentGames-CATtl7ab.js

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