@everymatrix/casino-tournaments-list-controller 1.87.26 → 1.87.27

package/components/CasinoTournamentsThumbnailGamesSlider-BQusB-mh.js

@@ -0,0 +1,435 @@
+import { b as be, S as ve, i as ke, s as Ne, f as T, c as Se, n as Y, d as W, h as q, k as N, m as Te, o as Fe, G as K, H as Be, v as le, I as C, F as Z, j as v, J as Pe, w as A, l as D, g as o, K as Me, p as G, t as Ee, E as Q, u as je, z as ze, A as Ae, B as He, C as Le, D as Ce } from "./CasinoTournamentsListController-r4_1g5Mc.js";
+import { g as De } from "./CasinoTournamentsThumbnailController-DEmR2wkw.js";
+function V(e, n) {
+  be(e, n);
+}
+const $ = {
+  en: {
+    playNow: "Play now"
+  },
+  hr: {
+    playNow: "Započni sada"
+  },
+  "zh-hk": {
+    playNow: "现在播放"
+  },
+  fr: {
+    playNow: "Joue maintenant"
+  },
+  ro: {
+    playNow: "Joaca acum"
+  },
+  tr: {
+    playNow: "Şimdi oyna"
+  },
+  el: {
+    playNow: "Παίξε τώρα"
+  },
+  es: {
+    playNow: "Jugar Ya"
+  },
+  pt: {
+    playNow: "Jogue agora"
+  },
+  "en-us": {
+    playNow: "Play now"
+  }
+};
+function Ie(e) {
+  Se(e, "svelte-xgd67c", "*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.TournamentsGamesSlider{background:var(--emw--color-contrast, #07072A);color:var(--emw--color-white, #FFFFFF);display:flex;justify-content:center}.disabled{color:var(--emw--color-contrast, #07072A)}.SliderNavButton{background:var(--emw--color-contrast, #07072A);border:0px;width:25px;display:flex;align-items:center;justify-content:center}.SliderNavButton svg{width:20px}.NavButton{background:var(--emw--color-contrast, #07072A);border:0px;width:25px;display:flex;align-items:center;justify-content:center}main{width:95%;overflow:hidden}.items{display:flex;transition:transform 0.4s ease-in-out;transform:translateX(0px)}.item{min-width:119px;height:96px;margin:0 4px;background-color:var(--emw--color-secondary, #FD2839);color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:10rem;user-select:none;overflow:hidden}.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:0.7rem;cursor:pointer;transition:opacity 0.4s linear;opacity:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.itemHover{opacity:1}.items .item:first-child{margin-left:0}.items .item:last-child{margin-right:0}");
+}
+function ee(e, n, t) {
+  const a = e.slice();
+  return a[49] = n[t], a[51] = t, a;
+}
+function te(e) {
+  let n, t, a, m, d, y, w, s, _, b, h = K(
+    /*games*/
+    e[1]
+  ), i = [];
+  for (let r = 0; r < h.length; r += 1)
+    i[r] = ne(ee(e, h, r));
+  return {
+    c() {
+      n = N("div"), t = N("div"), t.innerHTML = '<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>', a = D(), m = N("main"), d = N("div");
+      for (let r = 0; r < i.length; r += 1)
+        i[r].c();
+      w = D(), s = N("div"), s.innerHTML = '<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>', o(t, "class", "SliderNavButton"), o(t, "part", "SliderNavButton"), C(
+        t,
+        "disabled",
+        /*atStart*/
+        e[8]
+      ), o(d, "class", "items"), o(d, "part", "items"), Z(d, "transform", "translateX(" + /*offset*/
+      e[2] + "px)"), Me(() => (
+        /*main_elementresize_handler*/
+        e[29].call(m)
+      )), o(s, "class", "SliderNavButton"), o(s, "part", "SliderNavButton"), C(
+        s,
+        "disabled",
+        /*atEnd*/
+        e[9]
+      ), o(n, "class", "TournamentsGamesSlider"), o(n, "part", "TournamentsGamesSlider");
+    },
+    m(r, u) {
+      q(r, n, u), v(n, t), v(n, a), v(n, m), v(m, d);
+      for (let c = 0; c < i.length; c += 1)
+        i[c] && i[c].m(d, null);
+      e[28](d), y = Pe(
+        m,
+        /*main_elementresize_handler*/
+        e[29].bind(m)
+      ), v(n, w), v(n, s), e[31](n), _ || (b = [
+        A(
+          t,
+          "click",
+          /*click_handler*/
+          e[24]
+        ),
+        A(
+          s,
+          "click",
+          /*click_handler_2*/
+          e[30]
+        )
+      ], _ = !0);
+    },
+    p(r, u) {
+      if (u[0] & /*atStart*/
+      256 && C(
+        t,
+        "disabled",
+        /*atStart*/
+        r[8]
+      ), u[0] & /*gameClicked, games, enter, leave, hover, hoverIndex, $_*/
+      23650) {
+        h = K(
+          /*games*/
+          r[1]
+        );
+        let c;
+        for (c = 0; c < h.length; c += 1) {
+          const P = ee(r, h, c);
+          i[c] ? i[c].p(P, u) : (i[c] = ne(P), i[c].c(), i[c].m(d, null));
+        }
+        for (; c < i.length; c += 1)
+          i[c].d(1);
+        i.length = h.length;
+      }
+      u[0] & /*offset*/
+      4 && Z(d, "transform", "translateX(" + /*offset*/
+      r[2] + "px)"), u[0] & /*atEnd*/
+      512 && C(
+        s,
+        "disabled",
+        /*atEnd*/
+        r[9]
+      );
+    },
+    d(r) {
+      r && W(n), Be(i, r), e[28](null), y(), e[31](null), _ = !1, le(b);
+    }
+  };
+}
+function ne(e) {
+  let n, t, a = (
+    /*$_*/
+    e[10]("playNow") + ""
+  ), m, d, y, w, s, _, b, h, i, r, u;
+  function c() {
+    return (
+      /*click_handler_1*/
+      e[25](
+        /*game*/
+        e[49]
+      )
+    );
+  }
+  function P() {
+    return (
+      /*mouseenter_handler*/
+      e[26](
+        /*i*/
+        e[51]
+      )
+    );
+  }
+  return {
+    c() {
+      n = N("div"), t = N("span"), m = je(a), w = D(), s = N("img"), i = D(), o(t, "class", d = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[51] ? "itemHover" : "")), o(t, "part", y = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[51] ? "itemHover" : "")), Q(s.src, _ = /*game*/
+      e[49].thumbnail) || o(s, "src", _), o(s, "width", "132px"), o(s, "height", "100px"), o(s, "alt", b = /*game*/
+      e[49].name), o(s, "title", h = /*game*/
+      e[49].name), o(n, "class", "item"), o(n, "part", "item");
+    },
+    m(k, g) {
+      q(k, n, g), v(n, t), v(t, m), v(n, w), v(n, s), v(n, i), r || (u = [
+        A(n, "click", c),
+        A(n, "mouseenter", P),
+        A(
+          n,
+          "mouseleave",
+          /*mouseleave_handler*/
+          e[27]
+        )
+      ], r = !0);
+    },
+    p(k, g) {
+      e = k, g[0] & /*$_*/
+      1024 && a !== (a = /*$_*/
+      e[10]("playNow") + "") && Ee(m, a), g[0] & /*hover, hoverIndex*/
+      96 && d !== (d = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[51] ? "itemHover" : "")) && o(t, "class", d), g[0] & /*hover, hoverIndex*/
+      96 && y !== (y = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[51] ? "itemHover" : "")) && o(t, "part", y), g[0] & /*games*/
+      2 && !Q(s.src, _ = /*game*/
+      e[49].thumbnail) && o(s, "src", _), g[0] & /*games*/
+      2 && b !== (b = /*game*/
+      e[49].name) && o(s, "alt", b), g[0] & /*games*/
+      2 && h !== (h = /*game*/
+      e[49].name) && o(s, "title", h);
+    },
+    d(k) {
+      k && W(n), r = !1, le(u);
+    }
+  };
+}
+function Ue(e) {
+  let n, t = (
+    /*games*/
+    e[1] && /*games*/
+    e[1].length > 0 && te(e)
+  );
+  return {
+    c() {
+      n = N("div"), t && t.c();
+    },
+    m(a, m) {
+      q(a, n, m), t && t.m(n, null), e[32](n);
+    },
+    p(a, m) {
+      /*games*/
+      a[1] && /*games*/
+      a[1].length > 0 ? t ? t.p(a, m) : (t = te(a), t.c(), t.m(n, null)) : t && (t.d(1), t = null);
+    },
+    i: Y,
+    o: Y,
+    d(a) {
+      a && W(n), t && t.d(), e[32](null);
+    }
+  };
+}
+let Ge = 30;
+function We(e, n, t) {
+  let a, m, d;
+  Te(e, Ce, (l) => t(10, d = l));
+  let { tournamenturl: y = "" } = n, { scrollby: w = "3" } = n, { pagfactor: s = "175" } = n, { lang: _ = "" } = n, { translationurl: b = "" } = n, { clientstyling: h = "" } = n, { clientstylingurl: i = "" } = n, { mbsource: r } = n, u, c, P = window.navigator.userAgent, k, g = [], f = 0, S, H = null, L = null, I = !1, U, M, E = 0, F;
+  const se = () => {
+    fetch(b).then((p) => p.json()).then((p) => {
+      Object.keys(p).forEach((z) => {
+        V(z, p[z]);
+      });
+    }).catch((p) => {
+      console.log(p);
+    });
+  };
+  Object.keys($).forEach((l) => {
+    V(l, $[l]);
+  });
+  const J = (l) => {
+    t(5, I = !0), t(6, U = l);
+  }, O = () => {
+    t(5, I = !1), t(6, U = -1);
+  }, re = (l) => l.touches || l.originalEvent.touches, X = (l) => {
+    const p = re(l)[0];
+    H = p.clientX, L = p.clientY;
+  }, x = (l) => {
+    if (!H || !L)
+      return;
+    let p = l.touches[0].clientX, z = l.touches[0].clientY, B = H - p, _e = L - z;
+    Math.abs(B) > Math.abs(_e) && (B > 0 ? j(1) : j(-1)), H = null, L = null;
+  }, j = (l) => {
+    l > 0 && !m ? (t(2, f -= k), t(2, f = f < E ? E : f)) : l < 0 && !a && (t(2, f += k), t(2, f = f > 0 ? 0 : f));
+  }, R = (l) => {
+    window.postMessage(
+      {
+        type: "TournamentGameAction",
+        gameId: l.id,
+        name: l.name,
+        launchUrl: l.launchUrl
+      },
+      window.location.href
+    );
+  }, ae = () => {
+    let l = new URL(y), p = new Headers();
+    l.searchParams.append("expand", "games"), l.searchParams.append("pagination", `games(limit=${Ge},offset=${f})`), l.searchParams.append("fields", "games(id,name,thumbnail,launchUrl)"), l.searchParams.append("language", _), l.searchParams.append("platform", De(P)), fetch(l, { method: "GET", headers: p }).then((B) => B.json()).then((B) => {
+      t(1, g = B.item.games.items), B.item.games.total;
+    });
+  }, ie = () => {
+    S.addEventListener("touchstart", X, { passive: !0 }), S.addEventListener("touchmove", x, { passive: !0 });
+  }, oe = () => {
+    setTimeout(
+      () => {
+        t(23, E = (M.scrollWidth - M.clientWidth) * -1), t(16, s = new String(M.scrollWidth / g.length)), k = parseInt(w, 10) * parseFloat(s, 2).toFixed(2);
+      },
+      1e3
+    );
+  }, ce = () => {
+    F > 0 && F < Math.floor((parseInt(w) + 1) * s) && t(15, w = Math.ceil(F / s).toString());
+  };
+  Fe(() => (k = parseInt(w, 10) * parseInt(s, 10), () => {
+    S.removeEventListener("touchstart", X), S.removeEventListener("touchmove", x);
+  }));
+  const ue = () => j(-1), me = (l) => R(l), de = (l) => J(l), he = () => O();
+  function ge(l) {
+    G[l ? "unshift" : "push"](() => {
+      M = l, t(7, M);
+    });
+  }
+  function fe() {
+    F = this.clientWidth, t(4, F);
+  }
+  const pe = () => j(1);
+  function ye(l) {
+    G[l ? "unshift" : "push"](() => {
+      S = l, t(3, S);
+    });
+  }
+  function we(l) {
+    G[l ? "unshift" : "push"](() => {
+      u = l, t(0, u);
+    });
+  }
+  return e.$$set = (l) => {
+    "tournamenturl" in l && t(17, y = l.tournamenturl), "scrollby" in l && t(15, w = l.scrollby), "pagfactor" in l && t(16, s = l.pagfactor), "lang" in l && t(18, _ = l.lang), "translationurl" in l && t(19, b = l.translationurl), "clientstyling" in l && t(20, h = l.clientstyling), "clientstylingurl" in l && t(21, i = l.clientstylingurl), "mbsource" in l && t(22, r = l.mbsource);
+  }, e.$$.update = () => {
+    e.$$.dirty[0] & /*offset*/
+    4 && t(8, a = f === 0), e.$$.dirty[0] & /*offset, gamesElementWidth*/
+    8388612 && t(9, m = f <= E), e.$$.dirty[0] & /*sliderMainWidth*/
+    16 && F && ce(), e.$$.dirty[0] & /*tournamenturl*/
+    131072 && y && ae(), e.$$.dirty[0] & /*slider*/
+    8 && S && ie(), e.$$.dirty[0] & /*translationurl*/
+    524288 && b && se(), e.$$.dirty[0] & /*games*/
+    2 && g.length && oe(), e.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    1048577 && h && u && ze(u, h), e.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    2097153 && i && u && Ae(u, i), e.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    4194305 && r && u && He(u, `${r}.Style`, c);
+  }, t(2, f = 0), [
+    u,
+    g,
+    f,
+    S,
+    F,
+    I,
+    U,
+    M,
+    a,
+    m,
+    d,
+    J,
+    O,
+    j,
+    R,
+    w,
+    s,
+    y,
+    _,
+    b,
+    h,
+    i,
+    r,
+    E,
+    ue,
+    me,
+    de,
+    he,
+    ge,
+    fe,
+    pe,
+    ye,
+    we
+  ];
+}
+class qe extends ve {
+  constructor(n) {
+    super(), ke(
+      this,
+      n,
+      We,
+      Ue,
+      Ne,
+      {
+        tournamenturl: 17,
+        scrollby: 15,
+        pagfactor: 16,
+        lang: 18,
+        translationurl: 19,
+        clientstyling: 20,
+        clientstylingurl: 21,
+        mbsource: 22
+      },
+      Ie,
+      [-1, -1]
+    );
+  }
+  get tournamenturl() {
+    return this.$$.ctx[17];
+  }
+  set tournamenturl(n) {
+    this.$$set({ tournamenturl: n }), T();
+  }
+  get scrollby() {
+    return this.$$.ctx[15];
+  }
+  set scrollby(n) {
+    this.$$set({ scrollby: n }), T();
+  }
+  get pagfactor() {
+    return this.$$.ctx[16];
+  }
+  set pagfactor(n) {
+    this.$$set({ pagfactor: n }), T();
+  }
+  get lang() {
+    return this.$$.ctx[18];
+  }
+  set lang(n) {
+    this.$$set({ lang: n }), T();
+  }
+  get translationurl() {
+    return this.$$.ctx[19];
+  }
+  set translationurl(n) {
+    this.$$set({ translationurl: n }), T();
+  }
+  get clientstyling() {
+    return this.$$.ctx[20];
+  }
+  set clientstyling(n) {
+    this.$$set({ clientstyling: n }), T();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[21];
+  }
+  set clientstylingurl(n) {
+    this.$$set({ clientstylingurl: n }), T();
+  }
+  get mbsource() {
+    return this.$$.ctx[22];
+  }
+  set mbsource(n) {
+    this.$$set({ mbsource: n }), T();
+  }
+}
+Le(qe, { tournamenturl: {}, scrollby: {}, pagfactor: {}, lang: {}, translationurl: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+export {
+  qe as default
+};