@everymatrix/tournament-details-page 0.0.1 → 0.0.2

package/components/TournamentGames-DIIgfZ-E.js

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

package/es2015/tournament-details-page.cjs

@@ -1 +1 @@
-"use strict";if(typeof window!="undefined"){let n=function(e){return function(...s){try{return e.apply(this,s)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/TournamentDetailsPage-BsjnqhIP.cjs")).then(e=>e.TournamentDetailsPage_ce).then(({default:e})=>{!customElements.get("tournament-details-page")&&customElements.define("tournament-details-page",e.element)})}
+"use strict";if(typeof window!="undefined"){let n=function(e){return function(...s){try{return e.apply(this,s)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/TournamentDetailsPage-FO-PGATk.cjs")).then(e=>e.TournamentDetailsPage_ce).then(({default:e})=>{!customElements.get("tournament-details-page")&&customElements.define("tournament-details-page",e.element)})}

package/es2015/tournament-details-page.js

@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import("../components/TournamentDetailsPage-DnknTo0Y.js").then((e) => e.T).then(({ default: e }) => {
+  customElements.define = n(customElements.define), import("../components/TournamentDetailsPage-B21wsWnv.js").then((e) => e.T).then(({ default: e }) => {
     !customElements.get("tournament-details-page") && customElements.define("tournament-details-page", e.element);
   });
 }

package/esnext/tournament-details-page.js

@@ -1,4 +1,4 @@
-import { T as s } from "../components/TournamentDetailsPage-BlWvqhbK.js";
+import { T as s } from "../components/TournamentDetailsPage-DW00w9RP.js";
 function a(t) {
   return function(...n) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/tournament-details-page",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "main": "es2015/tournament-details-page.cjs",
   "module": "esnext/tournament-details-page.js",