@everymatrix/casino-tournaments-page-controller 1.77.0 → 1.77.2

package/components/CasinoTournamentsThumbnailGames-DOyto3xz.js

@@ -0,0 +1,592 @@
+import { S as ue, b as ce, s as me, f as D, d as ge, x as I, n as J, e as S, y as se, j as r, k as A, l as c, p as y, o as M, u as de, G as fe, v as pe, h as C, r as he, g as W, m as U, q as R, t as O, w as K, z as be, A as X, i as we, C as _e, D as ve, E as ye, c as Te } from "./CasinoTournamentsDetails-DUzKSdVm.js";
+import { $ as q, c as Ge, a as Ce, i as ke, b as Pe } from "./CasinoTournamentsPageController-DfGFF6cI.js";
+import "../stencil/ui-image-CGQNKTif.js";
+function Ee({ withLocale: t, translations: e }) {
+  q.subscribe((a) => {
+    a == null && (Ge.set(e), q.set(t));
+  });
+}
+function Q(t, e) {
+  Ce(t, e);
+}
+function Le(t) {
+  q.set(t);
+}
+const V = {
+  en: {
+    loading: "Loading, please wait ...",
+    playNow: "Play Now",
+    casino: "CASINO",
+    sports: "SPORTSBOOK",
+    contribution: "Contribution",
+    noGamesAvailable: "No games have been configured yet!"
+  }
+};
+function Ne(t) {
+  ge(t, "svelte-xv9pd7", "*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}.hidden{display:none}.GamesWrapper .items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);flex-wrap:wrap;gap:var(--emw--spacing-small, 12px)}.GamesWrapper .item{height:100px;margin:0 4px;display:flex;justify-content:center;align-items:center}.GamesWrapper .item ui-image img{width:135px}.GamesWrapper .PlayNowButton{position:absolute;background:var(--emw--color-green, #48952a);display:block;box-sizing:border-box;padding:0.8rem 0.5rem;color:var(--emw--color-white, #FFFFFF);text-transform:uppercase;text-align:center;font-weight:600;font-size:var(--emw--font-size-medium, 0.7rem);cursor:pointer;transition:opacity 0.4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.GamesWrapper .PlayNowButton:hover{opacity:0.8}.GamesWrapper .NoGames,.GamesWrapper .LoadingGames,.GamesWrapper .SportsPage{color:var(--emw--color-gray-100, #B5B5B5);font-size:var(--emw--font-size-small, 12px);padding:30px 30px}.GamesWrapper .NoGames .LoadingGames{margin-top:var(--emw--spacing-medium, 20px)}.GamesWrapper .SportsPage .Market{margin-top:var(--emw--spacing-medium, 20px);font-size:var(--emw--font-size-small, 12px)}.TournamentsPaginationControlsArea{clear:both;margin-top:30px;display:flex;justify-content:center;width:100%}.TournamentsPaginationControls{background:var(--emw--color-green, transparent);width:60%;height:35px;text-align:center;color:var(--emw--color-white, #FFFFFF);border:solid var(--emw--color-green, #48952a) 1px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:20px;font-size:14px;cursor:pointer;width:190px}.TournamentsPaginationControls.Disabled{color:var(--emw--color-gray-100, #B5B5B5);border-color:var(--emw--color-gray-100, #B5B5B5);opacity:50%;cursor:default}.TournamentsPaginationControlsArea{justify-content:center;gap:30px}.TournamentsPaginationControlsArea .TournamentsPaginationControls{align-items:center}.TournamentsPaginationControlsArea .TournamentsPaginationControlsText{font-size:var(--emw--size-standard, 16px)}.GamesTabNav{max-width:500px;min-width:300px;width:30%}.MobileClass .GamesTabNav{width:100%}.MobileClass .GamesWrapper .GameList.items{max-height:calc(100vh - 350px);overflow-y:auto}");
+}
+function Y(t, e, a) {
+  const n = t.slice();
+  return n[31] = e[a], n;
+}
+function $(t, e, a) {
+  const n = t.slice();
+  return n[31] = e[a], n[35] = a, n;
+}
+function ee(t) {
+  let e, a;
+  return {
+    c() {
+      e = y("div"), a = y("casino-tournaments-tab"), C(a, "part", "TournamentGames"), C(a, "tabs", "casino,sports"), C(a, "tab", "casino"), C(a, "tid", Z), C(
+        a,
+        "clientstyling",
+        /*clientstyling*/
+        t[0]
+      ), C(
+        a,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        t[1]
+      ), C(
+        a,
+        "mbsource",
+        /*mbsource*/
+        t[2]
+      ), r(e, "class", "GamesTabNav");
+    },
+    m(n, s) {
+      A(n, e, s), c(e, a);
+    },
+    p(n, s) {
+      s[0] & /*clientstyling*/
+      1 && C(
+        a,
+        "clientstyling",
+        /*clientstyling*/
+        n[0]
+      ), s[0] & /*clientstylingurl*/
+      2 && C(
+        a,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        n[1]
+      ), s[0] & /*mbsource*/
+      4 && C(
+        a,
+        "mbsource",
+        /*mbsource*/
+        n[2]
+      );
+    },
+    d(n) {
+      n && S(e);
+    }
+  };
+}
+function Be(t) {
+  let e, a = (
+    /*$_*/
+    t[12]("noGamesAvailable") + ""
+  ), n;
+  return {
+    c() {
+      e = y("div"), n = O(a), r(e, "class", "NoGames");
+    },
+    m(s, u) {
+      A(s, e, u), c(e, n);
+    },
+    p(s, u) {
+      u[0] & /*$_*/
+      4096 && a !== (a = /*$_*/
+      s[12]("noGamesAvailable") + "") && W(n, a);
+    },
+    d(s) {
+      s && S(e);
+    }
+  };
+}
+function Me(t) {
+  let e, a = (
+    /*$_*/
+    t[12]("loading") + ""
+  ), n;
+  return {
+    c() {
+      e = y("div"), n = O(a), r(e, "class", "LoadingGames");
+    },
+    m(s, u) {
+      A(s, e, u), c(e, n);
+    },
+    p(s, u) {
+      u[0] & /*$_*/
+      4096 && a !== (a = /*$_*/
+      s[12]("loading") + "") && W(n, a);
+    },
+    d(s) {
+      s && S(e);
+    }
+  };
+}
+function Se(t) {
+  let e, a = I(
+    /*casinoGames*/
+    t[8]
+  ), n = [];
+  for (let s = 0; s < a.length; s += 1)
+    n[s] = te($(t, a, s));
+  return {
+    c() {
+      for (let s = 0; s < n.length; s += 1)
+        n[s].c();
+      e = be();
+    },
+    m(s, u) {
+      for (let i = 0; i < n.length; i += 1)
+        n[i] && n[i].m(s, u);
+      A(s, e, u);
+    },
+    p(s, u) {
+      if (u[0] & /*gameClicked, casinoGames, $_*/
+      20736) {
+        a = I(
+          /*casinoGames*/
+          s[8]
+        );
+        let i;
+        for (i = 0; i < a.length; i += 1) {
+          const m = $(s, a, i);
+          n[i] ? n[i].p(m, u) : (n[i] = te(m), n[i].c(), n[i].m(e.parentNode, e));
+        }
+        for (; i < n.length; i += 1)
+          n[i].d(1);
+        n.length = a.length;
+      }
+    },
+    d(s) {
+      s && S(e), se(n, s);
+    }
+  };
+}
+function te(t) {
+  let e, a, n = (
+    /*$_*/
+    t[12]("playNow") + ""
+  ), s, u, i, m, b, T, k, _, g;
+  return {
+    c() {
+      e = y("div"), a = y("span"), s = O(n), u = M(), i = y("ui-image"), k = M(), r(a, "class", "PlayNowButton"), X(i.src, m = /*item*/
+      t[31].thumbnail) || C(i, "src", m), C(i, "width", "132px"), C(i, "height", "100px"), C(i, "alt", b = /*item*/
+      t[31].name), C(i, "title", T = /*item*/
+      t[31].name), r(e, "class", "item"), r(e, "id", "g_" + /*idx*/
+      t[35]), r(e, "role", "button"), r(e, "tabindex", "0");
+    },
+    m(v, f) {
+      A(v, e, f), c(e, a), c(a, s), c(e, u), c(e, i), c(e, k), _ || (g = U(e, "click", function() {
+        we(
+          /*gameClicked*/
+          t[14](
+            /*item*/
+            t[31]
+          )
+        ) && t[14](
+          /*item*/
+          t[31]
+        ).apply(this, arguments);
+      }), _ = !0);
+    },
+    p(v, f) {
+      t = v, f[0] & /*$_*/
+      4096 && n !== (n = /*$_*/
+      t[12]("playNow") + "") && W(s, n), f[0] & /*casinoGames*/
+      256 && !X(i.src, m = /*item*/
+      t[31].thumbnail) && C(i, "src", m), f[0] & /*casinoGames*/
+      256 && b !== (b = /*item*/
+      t[31].name) && C(i, "alt", b), f[0] & /*casinoGames*/
+      256 && T !== (T = /*item*/
+      t[31].name) && C(i, "title", T);
+    },
+    d(v) {
+      v && S(e), _ = !1, g();
+    }
+  };
+}
+function ae(t) {
+  let e, a, n, s, u, i, m, b = (
+    /*$_*/
+    t[12]("previous") + ""
+  ), T, k, _, g, v, f, w = (
+    /*$_*/
+    t[12]("next") + ""
+  ), d, P, p, o, G, h, N, z, j;
+  return {
+    c() {
+      e = y("div"), a = y("button"), n = R("svg"), s = R("path"), i = M(), m = y("span"), T = O(b), g = M(), v = y("button"), f = y("span"), d = O(w), P = M(), p = R("svg"), o = R("path"), r(s, "fill", u = /*hasPreviousPage*/
+      t[9] ? "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" : "var(--emw--color-gray-100, #E6E6E6)"), r(s, "class", "a"), r(s, "d", "M13.186,16.835l5.291-5.295a1,1,0,0,1,1.412,0,1.008,1.008,0,0,1,0,1.416l-5.995,6a1,1,0,0,1-1.379.029L6.479,12.961a1,1,0,0,1,1.412-1.416Z"), r(s, "transform", "translate(19.246 -6.188) rotate(90)"), r(n, "xmlns", "http://www.w3.org/2000/svg"), r(n, "width", "8"), r(n, "height", "13.992"), r(n, "viewBox", "0 0 8 13.992"), r(m, "class", "TournamentsPaginationControlsText"), r(a, "class", k = "TournamentsButton TournamentsPaginationControls " + (/*hasPreviousPage*/
+      t[9] ? "" : "Disabled")), a.disabled = _ = /*hasPreviousPage*/
+      !t[9], r(f, "class", "TournamentsPaginationControlsText"), r(o, "fill", G = /*hasNextPage*/
+      t[10] ? "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" : "var(--emw--color-gray-100, #E6E6E6)"), r(o, "class", "a"), r(o, "d", "M13.186,16.835l5.291-5.295a1,1,0,0,1,1.412,0,1.008,1.008,0,0,1,0,1.416l-5.995,6a1,1,0,0,1-1.379.029L6.479,12.961a1,1,0,0,1,1.412-1.416Z"), r(o, "transform", "translate(-11.246 20.179) rotate(-90)"), r(p, "xmlns", "http://www.w3.org/2000/svg"), r(p, "width", "8"), r(p, "height", "13.992"), r(p, "viewBox", "0 0 8 13.992"), r(v, "class", h = "TournamentsButton TournamentsPaginationControls " + (/*hasNextPage*/
+      t[10] ? "" : "Disabled")), v.disabled = N = /*hasNextPage*/
+      !t[10], r(e, "class", "TournamentsPaginationControlsArea");
+    },
+    m(E, L) {
+      A(E, e, L), c(e, a), c(a, n), c(n, s), c(a, i), c(a, m), c(m, T), c(e, g), c(e, v), c(v, f), c(f, d), c(v, P), c(v, p), c(p, o), z || (j = [
+        U(
+          a,
+          "click",
+          /*gotoPage*/
+          t[15].bind(this, -1)
+        ),
+        U(
+          v,
+          "click",
+          /*gotoPage*/
+          t[15].bind(this, 1)
+        )
+      ], z = !0);
+    },
+    p(E, L) {
+      L[0] & /*hasPreviousPage*/
+      512 && u !== (u = /*hasPreviousPage*/
+      E[9] ? "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" : "var(--emw--color-gray-100, #E6E6E6)") && r(s, "fill", u), L[0] & /*$_*/
+      4096 && b !== (b = /*$_*/
+      E[12]("previous") + "") && W(T, b), L[0] & /*hasPreviousPage*/
+      512 && k !== (k = "TournamentsButton TournamentsPaginationControls " + (/*hasPreviousPage*/
+      E[9] ? "" : "Disabled")) && r(a, "class", k), L[0] & /*hasPreviousPage*/
+      512 && _ !== (_ = /*hasPreviousPage*/
+      !E[9]) && (a.disabled = _), L[0] & /*$_*/
+      4096 && w !== (w = /*$_*/
+      E[12]("next") + "") && W(d, w), L[0] & /*hasNextPage*/
+      1024 && G !== (G = /*hasNextPage*/
+      E[10] ? "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" : "var(--emw--color-gray-100, #E6E6E6)") && r(o, "fill", G), L[0] & /*hasNextPage*/
+      1024 && h !== (h = "TournamentsButton TournamentsPaginationControls " + (/*hasNextPage*/
+      E[10] ? "" : "Disabled")) && r(v, "class", h), L[0] & /*hasNextPage*/
+      1024 && N !== (N = /*hasNextPage*/
+      !E[10]) && (v.disabled = N);
+    },
+    d(E) {
+      E && S(e), z = !1, he(j);
+    }
+  };
+}
+function ne(t) {
+  let e, a = (
+    /*item*/
+    t[31].rule + ""
+  ), n, s, u = (
+    /*$_*/
+    t[12]("contribution") + ""
+  ), i;
+  return {
+    c() {
+      e = y("li"), n = O(a), s = M(), i = O(u), r(e, "part", "li"), r(e, "class", "Market");
+    },
+    m(m, b) {
+      A(m, e, b), c(e, n), c(e, s), c(e, i);
+    },
+    p(m, b) {
+      b[0] & /*sportsRules*/
+      128 && a !== (a = /*item*/
+      m[31].rule + "") && W(n, a), b[0] & /*$_*/
+      4096 && u !== (u = /*$_*/
+      m[12]("contribution") + "") && W(i, u);
+    },
+    d(m) {
+      m && S(e);
+    }
+  };
+}
+function Ae(t) {
+  let e, a, n, s, u, i, m, b, T, k, _, g = (
+    /*tournamentdetails*/
+    t[3] && /*tournamentdetails*/
+    t[3].wallet?.sports && /*tournamentdetails*/
+    t[3].wallet?.casino && ee(t)
+  );
+  function v(o, G) {
+    return (
+      /*casinoGames*/
+      o[8]?.length ? Se : (
+        /*isLoadingGames*/
+        o[11] ? Me : Be
+      )
+    );
+  }
+  let f = v(t), w = f(t), d = (
+    /*casinoGames*/
+    t[8]?.length && !/*isMobileDevice*/
+    t[13] && ae(t)
+  ), P = I(
+    /*sportsRules*/
+    t[7]
+  ), p = [];
+  for (let o = 0; o < P.length; o += 1)
+    p[o] = ne(Y(t, P, o));
+  return {
+    c() {
+      e = y("div"), g && g.c(), a = M(), n = y("div"), s = y("div"), u = y("div"), w.c(), i = M(), d && d.c(), b = M(), T = y("div"), k = y("ul");
+      for (let o = 0; o < p.length; o += 1)
+        p[o].c();
+      r(u, "class", "GameList items"), r(s, "class", m = "TabContent GamesContent " + /*activeTab*/
+      (t[6] != "casino" ? "hidden" : "")), r(k, "class", "SportsPage"), r(T, "class", _ = "TabContent GamesContent " + /*activeTab*/
+      (t[6] != "sports" ? "hidden" : "")), r(n, "class", "GamesWrapper"), r(
+        e,
+        "class",
+        /*isMobileDevice*/
+        t[13] ? "MobileClass" : ""
+      );
+    },
+    m(o, G) {
+      A(o, e, G), g && g.m(e, null), c(e, a), c(e, n), c(n, s), c(s, u), w.m(u, null), t[18](u), c(s, i), d && d.m(s, null), c(n, b), c(n, T), c(T, k);
+      for (let h = 0; h < p.length; h += 1)
+        p[h] && p[h].m(k, null);
+      t[19](e);
+    },
+    p(o, G) {
+      if (/*tournamentdetails*/
+      o[3] && /*tournamentdetails*/
+      o[3].wallet?.sports && /*tournamentdetails*/
+      o[3].wallet?.casino ? g ? g.p(o, G) : (g = ee(o), g.c(), g.m(e, a)) : g && (g.d(1), g = null), f === (f = v(o)) && w ? w.p(o, G) : (w.d(1), w = f(o), w && (w.c(), w.m(u, null))), /*casinoGames*/
+      o[8]?.length && !/*isMobileDevice*/
+      o[13] ? d ? d.p(o, G) : (d = ae(o), d.c(), d.m(s, null)) : d && (d.d(1), d = null), G[0] & /*activeTab*/
+      64 && m !== (m = "TabContent GamesContent " + /*activeTab*/
+      (o[6] != "casino" ? "hidden" : "")) && r(s, "class", m), G[0] & /*$_, sportsRules*/
+      4224) {
+        P = I(
+          /*sportsRules*/
+          o[7]
+        );
+        let h;
+        for (h = 0; h < P.length; h += 1) {
+          const N = Y(o, P, h);
+          p[h] ? p[h].p(N, G) : (p[h] = ne(N), p[h].c(), p[h].m(k, null));
+        }
+        for (; h < p.length; h += 1)
+          p[h].d(1);
+        p.length = P.length;
+      }
+      G[0] & /*activeTab*/
+      64 && _ !== (_ = "TabContent GamesContent " + /*activeTab*/
+      (o[6] != "sports" ? "hidden" : "")) && r(T, "class", _);
+    },
+    i: J,
+    o: J,
+    d(o) {
+      o && S(e), g && g.d(), w.d(), t[18](null), d && d.d(), se(p, o), t[19](null);
+    }
+  };
+}
+let Z = "gameTab";
+function ze(t, e, a) {
+  let n;
+  de(t, Pe, (l) => a(12, n = l));
+  let { clientstyling: s = "" } = e, { clientstylingurl: u = "" } = e, { mbsource: i } = e, { translationurl: m } = e, { lang: b = "en" } = e, T = "casino", k = [], _ = [], g, v = window.navigator.userAgent, f, w, d, P = ke(v);
+  Ee({ withLocale: "en", translations: {} });
+  const p = () => {
+    fetch(m).then((l) => l.json()).then((l) => {
+      Object.keys(l).forEach((B) => {
+        Q(B, l[B]);
+      });
+    }).catch((l) => {
+      console.log(l);
+    });
+  };
+  Object.keys(V).forEach((l) => {
+    Q(l, V[l]);
+  });
+  const o = () => {
+    Le(b), setTimeout(
+      () => {
+        G();
+      },
+      10
+    );
+  }, G = () => {
+    window.postMessage(
+      {
+        type: "TournamentsTabsLocalize",
+        tabTitleTranslations: {
+          casino: n("casino"),
+          sports: n("sports")
+        }
+      },
+      window.location.href
+    );
+  }, h = (l) => {
+    window.postMessage(
+      {
+        type: "TournamentGameAction",
+        gameId: l.id,
+        name: l.name,
+        launchUrl: l.launchUrl
+      },
+      window.location.href
+    );
+  };
+  let N = !1, z = !0, j = !1;
+  const E = (l) => {
+    !N && l === -1 || !z && l === 1 || (a(11, j = !0), a(8, _ = []), window.postMessage(
+      {
+        type: "TournamentsLoadMoreGames",
+        id: g.id,
+        isNext: l > 0
+      },
+      window.location.href
+    ));
+  }, L = () => {
+    a(8, _ = g.games?.items || []), H();
+    const l = g.metadata?.sports?.rules;
+    if (l) {
+      a(6, T = g.wallet.casino ? "casino" : "sports");
+      try {
+        const B = JSON.parse(l);
+        a(7, k = B[b] || B["*"]);
+      } catch (B) {
+        console.error("Error parsing tournament rules", B);
+      }
+    }
+  }, x = (l) => {
+    if (!l.data || !l.data.type)
+      return;
+    const B = l.data.tid || "";
+    switch (l.data.type) {
+      case "TournamentsTabSwitch":
+        B === Z && a(6, T = l.data.tab);
+        break;
+      case "TournamentsTabListenerLoaded":
+        G();
+        break;
+      case "TournamentsGamesUpdate":
+        a(3, g = l.data.details), L();
+        break;
+      case "TournamentsLoadedMoreGames":
+        P ? l.data.games?.items.length && (a(8, _ = [..._, ...l.data.games.items]), H()) : (a(11, j = !1), a(8, _ = [...l.data.games.items]), a(10, z = l.data.hasNextPage), a(9, N = l.data.hasPreviousPage));
+        break;
+      default:
+        console.warn(`Unhandled message type: ${l.data.type}`);
+        break;
+    }
+  };
+  let F;
+  const le = (l) => {
+    F = l?.lastElementChild, !(!P || d || !l || !F) && (d = new IntersectionObserver((B) => {
+      B.forEach((re) => {
+        re.isIntersecting && (d.unobserve(F), window.postMessage(
+          {
+            type: "TournamentsLoadMoreGames",
+            id: g.id,
+            isNext: !0
+          },
+          window.location.href
+        ));
+      });
+    }));
+  }, H = () => {
+    !P || !F || !d || !_.length || (d.unobserve(F), F = w.lastElementChild, d.observe(F));
+  };
+  fe(() => P && d && d.disconnect()), pe(() => (window.postMessage(
+    {
+      type: "TournamentsGamesListenerLoaded",
+      gamesTabTid: Z
+    },
+    window.location.href
+  ), window.addEventListener("message", x, !1), () => {
+    window.removeEventListener("message", x);
+  }));
+  function ie(l) {
+    K[l ? "unshift" : "push"](() => {
+      w = l, a(5, w);
+    });
+  }
+  function oe(l) {
+    K[l ? "unshift" : "push"](() => {
+      f = l, a(4, f);
+    });
+  }
+  return t.$$set = (l) => {
+    "clientstyling" in l && a(0, s = l.clientstyling), "clientstylingurl" in l && a(1, u = l.clientstylingurl), "mbsource" in l && a(2, i = l.mbsource), "translationurl" in l && a(16, m = l.translationurl), "lang" in l && a(17, b = l.lang);
+  }, t.$$.update = () => {
+    t.$$.dirty[0] & /*tournamentdetails*/
+    8 && g && L(), t.$$.dirty[0] & /*lang*/
+    131072 && b && o(), t.$$.dirty[0] & /*translationurl*/
+    65536 && m && p(), t.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    17 && s && f && _e(f, s), t.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    18 && u && f && ve(f, u), t.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    20 && i && f && ye(f, `${i}.Style`), t.$$.dirty[0] & /*gameListEle*/
+    32 && w && le(w);
+  }, [
+    s,
+    u,
+    i,
+    g,
+    f,
+    w,
+    T,
+    k,
+    _,
+    N,
+    z,
+    j,
+    n,
+    P,
+    h,
+    E,
+    m,
+    b,
+    ie,
+    oe
+  ];
+}
+class Fe extends ue {
+  constructor(e) {
+    super(), ce(
+      this,
+      e,
+      ze,
+      Ae,
+      me,
+      {
+        clientstyling: 0,
+        clientstylingurl: 1,
+        mbsource: 2,
+        translationurl: 16,
+        lang: 17
+      },
+      Ne,
+      [-1, -1]
+    );
+  }
+  get clientstyling() {
+    return this.$$.ctx[0];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), D();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[1];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), D();
+  }
+  get mbsource() {
+    return this.$$.ctx[2];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), D();
+  }
+  get translationurl() {
+    return this.$$.ctx[16];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), D();
+  }
+  get lang() {
+    return this.$$.ctx[17];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), D();
+  }
+}
+Te(Fe, { clientstyling: {}, clientstylingurl: {}, mbsource: {}, translationurl: {}, lang: {} }, [], [], !0);
+export {
+  Fe as default
+};

package/components/CasinoTournamentsThumbnailGames-DnURu4dl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CasinoTournamentsDetails-BQa2bf_j.cjs"),A=require("./CasinoTournamentsPageController-W8fBgpMs.cjs");require("../stencil/ui-image-CYCsgzdt.cjs");function Q({withLocale:a,translations:t}){A.$locale.subscribe(n=>{n==null&&(A.$dictionary.set(t),A.$locale.set(a))})}function D(a,t){A.addMessages(a,t)}function V(a){A.$locale.set(a)}const O={en:{loading:"Loading, please wait ...",playNow:"Play Now",casino:"CASINO",sports:"SPORTSBOOK",contribution:"Contribution",noGamesAvailable:"No games have been configured yet!"}};function Y(a){e.append_styles(a,"svelte-xv9pd7","*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}.hidden{display:none}.GamesWrapper .items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px);flex-wrap:wrap;gap:var(--emw--spacing-small, 12px)}.GamesWrapper .item{height:100px;margin:0 4px;display:flex;justify-content:center;align-items:center}.GamesWrapper .item ui-image img{width:135px}.GamesWrapper .PlayNowButton{position:absolute;background:var(--emw--color-green, #48952a);display:block;box-sizing:border-box;padding:0.8rem 0.5rem;color:var(--emw--color-white, #FFFFFF);text-transform:uppercase;text-align:center;font-weight:600;font-size:var(--emw--font-size-medium, 0.7rem);cursor:pointer;transition:opacity 0.4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.GamesWrapper .PlayNowButton:hover{opacity:0.8}.GamesWrapper .NoGames,.GamesWrapper .LoadingGames,.GamesWrapper .SportsPage{color:var(--emw--color-gray-100, #B5B5B5);font-size:var(--emw--font-size-small, 12px);padding:30px 30px}.GamesWrapper .NoGames .LoadingGames{margin-top:var(--emw--spacing-medium, 20px)}.GamesWrapper .SportsPage .Market{margin-top:var(--emw--spacing-medium, 20px);font-size:var(--emw--font-size-small, 12px)}.TournamentsPaginationControlsArea{clear:both;margin-top:30px;display:flex;justify-content:center;width:100%}.TournamentsPaginationControls{background:var(--emw--color-green, transparent);width:60%;height:35px;text-align:center;color:var(--emw--color-white, #FFFFFF);border:solid var(--emw--color-green, #48952a) 1px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:20px;font-size:14px;cursor:pointer;width:190px}.TournamentsPaginationControls.Disabled{color:var(--emw--color-gray-100, #B5B5B5);border-color:var(--emw--color-gray-100, #B5B5B5);opacity:50%;cursor:default}.TournamentsPaginationControlsArea{justify-content:center;gap:30px}.TournamentsPaginationControlsArea .TournamentsPaginationControls{align-items:center}.TournamentsPaginationControlsArea .TournamentsPaginationControlsText{font-size:var(--emw--size-standard, 16px)}.GamesTabNav{max-width:500px;min-width:300px;width:30%}.MobileClass .GamesTabNav{width:100%}.MobileClass .GamesWrapper .GameList.items{max-height:calc(100vh - 350px);overflow-y:auto}")}function R(a,t,n){const s=a.slice();return s[31]=t[n],s}function q(a,t,n){const s=a.slice();return s[31]=t[n],s[35]=n,s}function I(a){let t,n;return{c(){t=e.element("div"),n=e.element("casino-tournaments-tab"),e.set_custom_element_data(n,"part","TournamentGames"),e.set_custom_element_data(n,"tabs","casino,sports"),e.set_custom_element_data(n,"tab","casino"),e.set_custom_element_data(n,"tid",F),e.set_custom_element_data(n,"clientstyling",a[0]),e.set_custom_element_data(n,"clientstylingurl",a[1]),e.set_custom_element_data(n,"mbsource",a[2]),e.attr(t,"class","GamesTabNav")},m(s,l){e.insert(s,t,l),e.append(t,n)},p(s,l){l[0]&1&&e.set_custom_element_data(n,"clientstyling",s[0]),l[0]&2&&e.set_custom_element_data(n,"clientstylingurl",s[1]),l[0]&4&&e.set_custom_element_data(n,"mbsource",s[2])},d(s){s&&e.detach(t)}}}function $(a){let t,n=a[12]("noGamesAvailable")+"",s;return{c(){t=e.element("div"),s=e.text(n),e.attr(t,"class","NoGames")},m(l,m){e.insert(l,t,m),e.append(t,s)},p(l,m){m[0]&4096&&n!==(n=l[12]("noGamesAvailable")+"")&&e.set_data(s,n)},d(l){l&&e.detach(t)}}}function ee(a){let t,n=a[12]("loading")+"",s;return{c(){t=e.element("div"),s=e.text(n),e.attr(t,"class","LoadingGames")},m(l,m){e.insert(l,t,m),e.append(t,s)},p(l,m){m[0]&4096&&n!==(n=l[12]("loading")+"")&&e.set_data(s,n)},d(l){l&&e.detach(t)}}}function te(a){let t,n=e.ensure_array_like(a[8]),s=[];for(let l=0;l<n.length;l+=1)s[l]=U(q(a,n,l));return{c(){for(let l=0;l<s.length;l+=1)s[l].c();t=e.empty()},m(l,m){for(let r=0;r<s.length;r+=1)s[r]&&s[r].m(l,m);e.insert(l,t,m)},p(l,m){if(m[0]&20736){n=e.ensure_array_like(l[8]);let r;for(r=0;r<n.length;r+=1){const c=q(l,n,r);s[r]?s[r].p(c,m):(s[r]=U(c),s[r].c(),s[r].m(t.parentNode,t))}for(;r<s.length;r+=1)s[r].d(1);s.length=n.length}},d(l){l&&e.detach(t),e.destroy_each(s,l)}}}function U(a){let t,n,s=a[12]("playNow")+"",l,m,r,c,f,w,G,h,u;return{c(){t=e.element("div"),n=e.element("span"),l=e.text(s),m=e.space(),r=e.element("ui-image"),G=e.space(),e.attr(n,"class","PlayNowButton"),e.src_url_equal(r.src,c=a[31].thumbnail)||e.set_custom_element_data(r,"src",c),e.set_custom_element_data(r,"width","132px"),e.set_custom_element_data(r,"height","100px"),e.set_custom_element_data(r,"alt",f=a[31].name),e.set_custom_element_data(r,"title",w=a[31].name),e.attr(t,"class","item"),e.attr(t,"id","g_"+a[35]),e.attr(t,"role","button"),e.attr(t,"tabindex","0")},m(b,p){e.insert(b,t,p),e.append(t,n),e.append(n,l),e.append(t,m),e.append(t,r),e.append(t,G),h||(u=e.listen(t,"click",function(){e.is_function(a[14](a[31]))&&a[14](a[31]).apply(this,arguments)}),h=!0)},p(b,p){a=b,p[0]&4096&&s!==(s=a[12]("playNow")+"")&&e.set_data(l,s),p[0]&256&&!e.src_url_equal(r.src,c=a[31].thumbnail)&&e.set_custom_element_data(r,"src",c),p[0]&256&&f!==(f=a[31].name)&&e.set_custom_element_data(r,"alt",f),p[0]&256&&w!==(w=a[31].name)&&e.set_custom_element_data(r,"title",w)},d(b){b&&e.detach(t),h=!1,u()}}}function x(a){let t,n,s,l,m,r,c,f=a[12]("previous")+"",w,G,h,u,b,p,_=a[12]("next")+"",d,k,g,E,L,B,o,v,y;return{c(){t=e.element("div"),n=e.element("button"),s=e.svg_element("svg"),l=e.svg_element("path"),r=e.space(),c=e.element("span"),w=e.text(f),u=e.space(),b=e.element("button"),p=e.element("span"),d=e.text(_),k=e.space(),g=e.svg_element("svg"),E=e.svg_element("path"),e.attr(l,"fill",m=a[9]?"var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))":"var(--emw--color-gray-100, #E6E6E6)"),e.attr(l,"class","a"),e.attr(l,"d","M13.186,16.835l5.291-5.295a1,1,0,0,1,1.412,0,1.008,1.008,0,0,1,0,1.416l-5.995,6a1,1,0,0,1-1.379.029L6.479,12.961a1,1,0,0,1,1.412-1.416Z"),e.attr(l,"transform","translate(19.246 -6.188) rotate(90)"),e.attr(s,"xmlns","http://www.w3.org/2000/svg"),e.attr(s,"width","8"),e.attr(s,"height","13.992"),e.attr(s,"viewBox","0 0 8 13.992"),e.attr(c,"class","TournamentsPaginationControlsText"),e.attr(n,"class",G="TournamentsButton TournamentsPaginationControls "+(a[9]?"":"Disabled")),n.disabled=h=!a[9],e.attr(p,"class","TournamentsPaginationControlsText"),e.attr(E,"fill",L=a[10]?"var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))":"var(--emw--color-gray-100, #E6E6E6)"),e.attr(E,"class","a"),e.attr(E,"d","M13.186,16.835l5.291-5.295a1,1,0,0,1,1.412,0,1.008,1.008,0,0,1,0,1.416l-5.995,6a1,1,0,0,1-1.379.029L6.479,12.961a1,1,0,0,1,1.412-1.416Z"),e.attr(E,"transform","translate(-11.246 20.179) rotate(-90)"),e.attr(g,"xmlns","http://www.w3.org/2000/svg"),e.attr(g,"width","8"),e.attr(g,"height","13.992"),e.attr(g,"viewBox","0 0 8 13.992"),e.attr(b,"class",B="TournamentsButton TournamentsPaginationControls "+(a[10]?"":"Disabled")),b.disabled=o=!a[10],e.attr(t,"class","TournamentsPaginationControlsArea")},m(T,C){e.insert(T,t,C),e.append(t,n),e.append(n,s),e.append(s,l),e.append(n,r),e.append(n,c),e.append(c,w),e.append(t,u),e.append(t,b),e.append(b,p),e.append(p,d),e.append(b,k),e.append(b,g),e.append(g,E),v||(y=[e.listen(n,"click",a[15].bind(this,-1)),e.listen(b,"click",a[15].bind(this,1))],v=!0)},p(T,C){C[0]&512&&m!==(m=T[9]?"var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))":"var(--emw--color-gray-100, #E6E6E6)")&&e.attr(l,"fill",m),C[0]&4096&&f!==(f=T[12]("previous")+"")&&e.set_data(w,f),C[0]&512&&G!==(G="TournamentsButton TournamentsPaginationControls "+(T[9]?"":"Disabled"))&&e.attr(n,"class",G),C[0]&512&&h!==(h=!T[9])&&(n.disabled=h),C[0]&4096&&_!==(_=T[12]("next")+"")&&e.set_data(d,_),C[0]&1024&&L!==(L=T[10]?"var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))":"var(--emw--color-gray-100, #E6E6E6)")&&e.attr(E,"fill",L),C[0]&1024&&B!==(B="TournamentsButton TournamentsPaginationControls "+(T[10]?"":"Disabled"))&&e.attr(b,"class",B),C[0]&1024&&o!==(o=!T[10])&&(b.disabled=o)},d(T){T&&e.detach(t),v=!1,e.run_all(y)}}}function Z(a){let t,n=a[31].rule+"",s,l,m=a[12]("contribution")+"",r;return{c(){t=e.element("li"),s=e.text(n),l=e.space(),r=e.text(m),e.attr(t,"part","li"),e.attr(t,"class","Market")},m(c,f){e.insert(c,t,f),e.append(t,s),e.append(t,l),e.append(t,r)},p(c,f){f[0]&128&&n!==(n=c[31].rule+"")&&e.set_data(s,n),f[0]&4096&&m!==(m=c[12]("contribution")+"")&&e.set_data(r,m)},d(c){c&&e.detach(t)}}}function ae(a){var E,L,B;let t,n,s,l,m,r,c,f,w,G,h,u=a[3]&&((E=a[3].wallet)==null?void 0:E.sports)&&((L=a[3].wallet)==null?void 0:L.casino)&&I(a);function b(o,v){var y;return(y=o[8])!=null&&y.length?te:o[11]?ee:$}let p=b(a),_=p(a),d=((B=a[8])==null?void 0:B.length)&&!a[13]&&x(a),k=e.ensure_array_like(a[7]),g=[];for(let o=0;o<k.length;o+=1)g[o]=Z(R(a,k,o));return{c(){t=e.element("div"),u&&u.c(),n=e.space(),s=e.element("div"),l=e.element("div"),m=e.element("div"),_.c(),r=e.space(),d&&d.c(),f=e.space(),w=e.element("div"),G=e.element("ul");for(let o=0;o<g.length;o+=1)g[o].c();e.attr(m,"class","GameList items"),e.attr(l,"class",c="TabContent GamesContent "+(a[6]!="casino"?"hidden":"")),e.attr(G,"class","SportsPage"),e.attr(w,"class",h="TabContent GamesContent "+(a[6]!="sports"?"hidden":"")),e.attr(s,"class","GamesWrapper"),e.attr(t,"class",a[13]?"MobileClass":"")},m(o,v){e.insert(o,t,v),u&&u.m(t,null),e.append(t,n),e.append(t,s),e.append(s,l),e.append(l,m),_.m(m,null),a[18](m),e.append(l,r),d&&d.m(l,null),e.append(s,f),e.append(s,w),e.append(w,G);for(let y=0;y<g.length;y+=1)g[y]&&g[y].m(G,null);a[19](t)},p(o,v){var y,T,C;if(o[3]&&((y=o[3].wallet)!=null&&y.sports)&&((T=o[3].wallet)!=null&&T.casino)?u?u.p(o,v):(u=I(o),u.c(),u.m(t,n)):u&&(u.d(1),u=null),p===(p=b(o))&&_?_.p(o,v):(_.d(1),_=p(o),_&&(_.c(),_.m(m,null))),(C=o[8])!=null&&C.length&&!o[13]?d?d.p(o,v):(d=x(o),d.c(),d.m(l,null)):d&&(d.d(1),d=null),v[0]&64&&c!==(c="TabContent GamesContent "+(o[6]!="casino"?"hidden":""))&&e.attr(l,"class",c),v[0]&4224){k=e.ensure_array_like(o[7]);let P;for(P=0;P<k.length;P+=1){const N=R(o,k,P);g[P]?g[P].p(N,v):(g[P]=Z(N),g[P].c(),g[P].m(G,null))}for(;P<g.length;P+=1)g[P].d(1);g.length=k.length}v[0]&64&&h!==(h="TabContent GamesContent "+(o[6]!="sports"?"hidden":""))&&e.attr(w,"class",h)},i:e.noop,o:e.noop,d(o){o&&e.detach(t),u&&u.d(),_.d(),a[18](null),d&&d.d(),e.destroy_each(g,o),a[19](null)}}}let F="gameTab";function ne(a,t,n){let s;e.component_subscribe(a,A.$format,i=>n(12,s=i));let{clientstyling:l=""}=t,{clientstylingurl:m=""}=t,{mbsource:r}=t,{translationurl:c}=t,{lang:f="en"}=t,w="casino",G=[],h=[],u,b=window.navigator.userAgent,p,_,d,k=A.isMobile(b);Q({withLocale:"en",translations:{}});const g=()=>{fetch(c).then(i=>i.json()).then(i=>{Object.keys(i).forEach(M=>{D(M,i[M])})}).catch(i=>{console.log(i)})};Object.keys(O).forEach(i=>{D(i,O[i])});const E=()=>{V(f),setTimeout(()=>{L()},10)},L=()=>{window.postMessage({type:"TournamentsTabsLocalize",tabTitleTranslations:{casino:s("casino"),sports:s("sports")}},window.location.href)},B=i=>{window.postMessage({type:"TournamentGameAction",gameId:i.id,name:i.name,launchUrl:i.launchUrl},window.location.href)};let o=!1,v=!0,y=!1;const T=i=>{!o&&i===-1||!v&&i===1||(n(11,y=!0),n(8,h=[]),window.postMessage({type:"TournamentsLoadMoreGames",id:u.id,isNext:i>0},window.location.href))},C=()=>{var M,S,j;n(8,h=((M=u.games)==null?void 0:M.items)||[]),W();const i=(j=(S=u.metadata)==null?void 0:S.sports)==null?void 0:j.rules;if(i){n(6,w=u.wallet.casino?"casino":"sports");try{const z=JSON.parse(i);n(7,G=z[f]||z["*"])}catch(z){console.error("Error parsing tournament rules",z)}}},P=i=>{var S;if(!i.data||!i.data.type)return;const M=i.data.tid||"";switch(i.data.type){case"TournamentsTabSwitch":M===F&&n(6,w=i.data.tab);break;case"TournamentsTabListenerLoaded":L();break;case"TournamentsGamesUpdate":n(3,u=i.data.details),C();break;case"TournamentsLoadedMoreGames":k?(S=i.data.games)!=null&&S.items.length&&(n(8,h=[...h,...i.data.games.items]),W()):(n(11,y=!1),n(8,h=[...i.data.games.items]),n(10,v=i.data.hasNextPage),n(9,o=i.data.hasPreviousPage));break;default:console.warn(`Unhandled message type: ${i.data.type}`);break}};let N;const J=i=>{N=i==null?void 0:i.lastElementChild,!(!k||d||!i||!N)&&(d=new IntersectionObserver(M=>{M.forEach(S=>{S.isIntersecting&&(d.unobserve(N),window.postMessage({type:"TournamentsLoadMoreGames",id:u.id,isNext:!0},window.location.href))})}))},W=()=>{!k||!N||!d||!h.length||(d.unobserve(N),N=_.lastElementChild,d.observe(N))};e.onDestroy(()=>k&&d&&d.disconnect()),e.onMount(()=>(window.postMessage({type:"TournamentsGamesListenerLoaded",gamesTabTid:F},window.location.href),window.addEventListener("message",P,!1),()=>{window.removeEventListener("message",P)}));function K(i){e.binding_callbacks[i?"unshift":"push"](()=>{_=i,n(5,_)})}function X(i){e.binding_callbacks[i?"unshift":"push"](()=>{p=i,n(4,p)})}return a.$$set=i=>{"clientstyling"in i&&n(0,l=i.clientstyling),"clientstylingurl"in i&&n(1,m=i.clientstylingurl),"mbsource"in i&&n(2,r=i.mbsource),"translationurl"in i&&n(16,c=i.translationurl),"lang"in i&&n(17,f=i.lang)},a.$$.update=()=>{a.$$.dirty[0]&8&&u&&C(),a.$$.dirty[0]&131072&&f&&E(),a.$$.dirty[0]&65536&&c&&g(),a.$$.dirty[0]&17&&l&&p&&e.setClientStyling(p,l),a.$$.dirty[0]&18&&m&&p&&e.setClientStylingURL(p,m),a.$$.dirty[0]&20&&r&&p&&e.setStreamStyling(p,`${r}.Style`),a.$$.dirty[0]&32&&_&&J(_)},[l,m,r,u,p,_,w,G,h,o,v,y,s,k,B,T,c,f,K,X]}class H extends e.SvelteComponent{constructor(t){super(),e.init(this,t,ne,ae,e.safe_not_equal,{clientstyling:0,clientstylingurl:1,mbsource:2,translationurl:16,lang:17},Y,[-1,-1])}get clientstyling(){return this.$$.ctx[0]}set clientstyling(t){this.$$set({clientstyling:t}),e.flush()}get clientstylingurl(){return this.$$.ctx[1]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),e.flush()}get mbsource(){return this.$$.ctx[2]}set mbsource(t){this.$$set({mbsource:t}),e.flush()}get translationurl(){return this.$$.ctx[16]}set translationurl(t){this.$$set({translationurl:t}),e.flush()}get lang(){return this.$$.ctx[17]}set lang(t){this.$$set({lang:t}),e.flush()}}e.create_custom_element(H,{clientstyling:{},clientstylingurl:{},mbsource:{},translationurl:{},lang:{}},[],[],!0);exports.default=H;