@everymatrix/tournament-details-page 0.0.2 → 0.0.4

package/components/TournamentGames-0RUJ48Xu.js

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

package/components/TournamentGames-3qu_5rFn.cjs

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