@everymatrix/casino-tournaments-controller 1.45.0 → 1.45.2

package/components/CasinoTournamentsThumbnailGamesSlider-_haSuIUI.js

@@ -0,0 +1,438 @@
+import { a as be, S as ve, i as ke, f as M, c as Ne, s as Se, b as Te, e as S, h as I, n as X, j as G, k as Fe, w as Me, l as x, m as z, d as c, G as C, D as Y, H as Be, o as v, I as Ee, r as L, q as Pe, C as te, t as Le, J as Z, p as He, F as je, u as D, $ as Ce } from "./CasinoTournamentsController-Cr8b4j7l.js";
+function K(e, l) {
+  be(e, l);
+}
+const Q = {
+  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"
+  }
+};
+function ze(e) {
+  Te(e, "svelte-1pdib0y", "*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.TournamentsGamesSlider{background:var(--emfe-w-color-contrast, #07072A);color:var(--emfe-w-color-white, #FFFFFF);display:flex;justify-content:center}.disabled{color:var(--emfe-w-color-contrast, #07072A)}.SliderNavButton{background:var(--emfe-w-color-contrast, #07072A);border:0px;width:25px;display:flex;align-items:center;justify-content:center}.SliderNavButton svg{width:20px}.NavButton{background:var(--emfe-w-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(--emfe-w-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(--emfe-w-color-green, #48952a);display:block;box-sizing:border-box;padding:0.8rem 0.5rem;color:var(--emfe-w-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 V(e, l, t) {
+  const a = e.slice();
+  return a[50] = l[t], a[52] = t, a;
+}
+function $(e) {
+  let l, t, a, d, h, p, y, r, w, _, f = x(
+    /*games*/
+    e[1]
+  ), o = [];
+  for (let s = 0; s < f.length; s += 1)
+    o[s] = ee(V(e, f, s));
+  return {
+    c() {
+      l = S("div"), t = S("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 = z(), d = S("main"), h = S("div");
+      for (let s = 0; s < o.length; s += 1)
+        o[s].c();
+      y = z(), r = S("div"), r.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>', c(t, "class", "SliderNavButton"), c(t, "part", "SliderNavButton"), C(
+        t,
+        "disabled",
+        /*atStart*/
+        e[8]
+      ), c(h, "class", "items"), c(h, "part", "items"), Y(h, "transform", "translateX(" + /*offset*/
+      e[2] + "px)"), Be(() => (
+        /*main_elementresize_handler*/
+        e[28].call(d)
+      )), c(r, "class", "SliderNavButton"), c(r, "part", "SliderNavButton"), C(
+        r,
+        "disabled",
+        /*atEnd*/
+        e[9]
+      ), c(l, "class", "TournamentsGamesSlider"), c(l, "part", "TournamentsGamesSlider");
+    },
+    m(s, b) {
+      I(s, l, b), v(l, t), v(l, a), v(l, d), v(d, h);
+      for (let i = 0; i < o.length; i += 1)
+        o[i] && o[i].m(h, null);
+      e[27](h), p = Ee(
+        d,
+        /*main_elementresize_handler*/
+        e[28].bind(d)
+      ), v(l, y), v(l, r), e[30](l), w || (_ = [
+        L(
+          t,
+          "click",
+          /*click_handler*/
+          e[23]
+        ),
+        L(
+          r,
+          "click",
+          /*click_handler_2*/
+          e[29]
+        )
+      ], w = !0);
+    },
+    p(s, b) {
+      if (b[0] & /*atStart*/
+      256 && C(
+        t,
+        "disabled",
+        /*atStart*/
+        s[8]
+      ), b[0] & /*gameClicked, games, enter, leave, hover, hoverIndex, $_*/
+      23650) {
+        f = x(
+          /*games*/
+          s[1]
+        );
+        let i;
+        for (i = 0; i < f.length; i += 1) {
+          const k = V(s, f, i);
+          o[i] ? o[i].p(k, b) : (o[i] = ee(k), o[i].c(), o[i].m(h, null));
+        }
+        for (; i < o.length; i += 1)
+          o[i].d(1);
+        o.length = f.length;
+      }
+      b[0] & /*offset*/
+      4 && Y(h, "transform", "translateX(" + /*offset*/
+      s[2] + "px)"), b[0] & /*atEnd*/
+      512 && C(
+        r,
+        "disabled",
+        /*atEnd*/
+        s[9]
+      );
+    },
+    d(s) {
+      s && G(l), Pe(o, s), e[27](null), p(), e[30](null), w = !1, te(_);
+    }
+  };
+}
+function ee(e) {
+  let l, t, a = (
+    /*$_*/
+    e[10]("playNow") + ""
+  ), d, h, p, y, r, w, _, f, o, s, b;
+  function i() {
+    return (
+      /*click_handler_1*/
+      e[24](
+        /*game*/
+        e[50]
+      )
+    );
+  }
+  function k() {
+    return (
+      /*mouseenter_handler*/
+      e[25](
+        /*i*/
+        e[52]
+      )
+    );
+  }
+  return {
+    c() {
+      l = S("div"), t = S("span"), d = Le(a), y = z(), r = S("img"), o = z(), c(t, "class", h = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[52] ? "itemHover" : "")), c(t, "part", p = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[52] ? "itemHover" : "")), Z(r.src, w = /*game*/
+      e[50].thumbnail) || c(r, "src", w), c(r, "width", "132px"), c(r, "height", "100px"), c(r, "alt", _ = /*game*/
+      e[50].name), c(r, "title", f = /*game*/
+      e[50].name), c(l, "class", "item"), c(l, "part", "item");
+    },
+    m(u, m) {
+      I(u, l, m), v(l, t), v(t, d), v(l, y), v(l, r), v(l, o), s || (b = [
+        L(l, "click", i),
+        L(l, "mouseenter", k),
+        L(
+          l,
+          "mouseleave",
+          /*mouseleave_handler*/
+          e[26]
+        )
+      ], s = !0);
+    },
+    p(u, m) {
+      e = u, m[0] & /*$_*/
+      1024 && a !== (a = /*$_*/
+      e[10]("playNow") + "") && He(d, a), m[0] & /*hover, hoverIndex*/
+      96 && h !== (h = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[52] ? "itemHover" : "")) && c(t, "class", h), m[0] & /*hover, hoverIndex*/
+      96 && p !== (p = "PlayNowButton " + /*hover*/
+      (e[5] && /*hoverIndex*/
+      e[6] == /*i*/
+      e[52] ? "itemHover" : "")) && c(t, "part", p), m[0] & /*games*/
+      2 && !Z(r.src, w = /*game*/
+      e[50].thumbnail) && c(r, "src", w), m[0] & /*games*/
+      2 && _ !== (_ = /*game*/
+      e[50].name) && c(r, "alt", _), m[0] & /*games*/
+      2 && f !== (f = /*game*/
+      e[50].name) && c(r, "title", f);
+    },
+    d(u) {
+      u && G(l), s = !1, te(b);
+    }
+  };
+}
+function Ae(e) {
+  let l, t = (
+    /*games*/
+    e[1] && /*games*/
+    e[1].length > 0 && $(e)
+  );
+  return {
+    c() {
+      l = S("div"), t && t.c();
+    },
+    m(a, d) {
+      I(a, l, d), t && t.m(l, null), e[31](l);
+    },
+    p(a, d) {
+      /*games*/
+      a[1] && /*games*/
+      a[1].length > 0 ? t ? t.p(a, d) : (t = $(a), t.c(), t.m(l, null)) : t && (t.d(1), t = null);
+    },
+    i: X,
+    o: X,
+    d(a) {
+      a && G(l), t && t.d(), e[31](null);
+    }
+  };
+}
+let Ue = 30;
+function De(e, l, t) {
+  let a, d, h;
+  Fe(e, Ce, (n) => t(10, h = n));
+  let { tournamenturl: p = "" } = l, { scrollby: y = "3" } = l, { pagfactor: r = "175" } = l, { lang: w = "" } = l, { translationurl: _ = "" } = l, { clientstyling: f = "" } = l, { clientstylingurl: o = "" } = l, s, b = window.navigator.userAgent, i, k = [], u = 0, m, H = null, j = null, A = !1, U, B, E = 0, T;
+  const ne = () => {
+    fetch(_).then((g) => g.json()).then((g) => {
+      Object.keys(g).forEach((N) => {
+        K(N, g[N]);
+      });
+    }).catch((g) => {
+      console.log(g);
+    });
+  };
+  Object.keys(Q).forEach((n) => {
+    K(n, Q[n]);
+  });
+  const W = (n) => {
+    t(5, A = !0), t(6, U = n);
+  }, q = () => {
+    t(5, A = !1), t(6, U = -1);
+  }, le = (n) => n.touches || n.originalEvent.touches, J = (n) => {
+    const g = le(n)[0];
+    H = g.clientX, j = g.clientY;
+  }, O = (n) => {
+    if (!H || !j) return;
+    let g = n.touches[0].clientX, N = n.touches[0].clientY, F = H - g, _e = j - N;
+    Math.abs(F) > Math.abs(_e) && (F > 0 ? P(1) : P(-1)), H = null, j = null;
+  }, P = (n) => {
+    n > 0 && !d ? (t(2, u -= i), t(2, u = u < E ? E : u)) : n < 0 && !a && (t(2, u += i), t(2, u = u > 0 ? 0 : u));
+  }, R = (n) => {
+    window.postMessage(
+      {
+        type: "TournamentGameAction",
+        gameId: n.id,
+        name: n.name,
+        launchUrl: n.launchUrl
+      },
+      window.location.href
+    );
+  }, se = () => {
+    let n = new URL(p), g = new Headers();
+    n.searchParams.append("expand", "games"), n.searchParams.append("pagination", `games(limit=${Ue},offset=${u})`), n.searchParams.append("fields", "games(id,name,thumbnail,launchUrl)"), n.searchParams.append("language", w), n.searchParams.append("platform", je(b)), fetch(n, { method: "GET", headers: g }).then((F) => F.json()).then((F) => {
+      t(1, k = F.item.games.items), F.item.games.total;
+    });
+  }, re = () => {
+    m.addEventListener("touchstart", J, { passive: !0 }), m.addEventListener("touchmove", O, { passive: !0 });
+  }, ae = () => {
+    setTimeout(
+      () => {
+        t(22, E = (B.scrollWidth - B.clientWidth) * -1), t(16, r = new String(B.scrollWidth / k.length)), i = parseInt(y, 10) * parseFloat(r, 2).toFixed(2);
+      },
+      1e3
+    );
+  }, ie = () => {
+    let n = document.createElement("style");
+    n.innerHTML = f, s.appendChild(n);
+  }, oe = () => {
+    let n = new URL(o), g = document.createElement("style");
+    fetch(n.href).then((N) => N.text()).then((N) => {
+      g.innerHTML = N, setTimeout(
+        () => {
+          s.appendChild(g);
+        },
+        1
+      ), setTimeout(
+        () => {
+        },
+        500
+      );
+    });
+  }, ce = () => {
+    T > 0 && T < Math.floor((parseInt(y) + 1) * r) && t(15, y = Math.ceil(T / r).toString());
+  };
+  Me(() => (i = parseInt(y, 10) * parseInt(r, 10), () => {
+    m.removeEventListener("touchstart", J), m.removeEventListener("touchmove", O);
+  }));
+  const ue = () => P(-1), de = (n) => R(n), he = (n) => W(n), me = () => q();
+  function fe(n) {
+    D[n ? "unshift" : "push"](() => {
+      B = n, t(7, B);
+    });
+  }
+  function ge() {
+    T = this.clientWidth, t(4, T);
+  }
+  const pe = () => P(1);
+  function ye(n) {
+    D[n ? "unshift" : "push"](() => {
+      m = n, t(3, m);
+    });
+  }
+  function we(n) {
+    D[n ? "unshift" : "push"](() => {
+      s = n, t(0, s);
+    });
+  }
+  return e.$$set = (n) => {
+    "tournamenturl" in n && t(17, p = n.tournamenturl), "scrollby" in n && t(15, y = n.scrollby), "pagfactor" in n && t(16, r = n.pagfactor), "lang" in n && t(18, w = n.lang), "translationurl" in n && t(19, _ = n.translationurl), "clientstyling" in n && t(20, f = n.clientstyling), "clientstylingurl" in n && t(21, o = n.clientstylingurl);
+  }, e.$$.update = () => {
+    e.$$.dirty[0] & /*offset*/
+    4 && t(8, a = u === 0), e.$$.dirty[0] & /*offset, gamesElementWidth*/
+    4194308 && t(9, d = u <= E), e.$$.dirty[0] & /*sliderMainWidth*/
+    16 && T && ce(), e.$$.dirty[0] & /*tournamenturl*/
+    131072 && p && se(), e.$$.dirty[0] & /*slider*/
+    8 && m && re(), e.$$.dirty[0] & /*translationurl*/
+    524288 && _ && ne(), e.$$.dirty[0] & /*games*/
+    2 && k.length && ae(), e.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    1048577 && f && s && ie(), e.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    2097153 && o && s && oe();
+  }, t(2, u = 0), [
+    s,
+    k,
+    u,
+    m,
+    T,
+    A,
+    U,
+    B,
+    a,
+    d,
+    h,
+    W,
+    q,
+    P,
+    R,
+    y,
+    r,
+    p,
+    w,
+    _,
+    f,
+    o,
+    E,
+    ue,
+    de,
+    he,
+    me,
+    fe,
+    ge,
+    pe,
+    ye,
+    we
+  ];
+}
+class Ie extends ve {
+  constructor(l) {
+    super(), ke(
+      this,
+      l,
+      De,
+      Ae,
+      Se,
+      {
+        tournamenturl: 17,
+        scrollby: 15,
+        pagfactor: 16,
+        lang: 18,
+        translationurl: 19,
+        clientstyling: 20,
+        clientstylingurl: 21
+      },
+      ze,
+      [-1, -1]
+    );
+  }
+  get tournamenturl() {
+    return this.$$.ctx[17];
+  }
+  set tournamenturl(l) {
+    this.$$set({ tournamenturl: l }), M();
+  }
+  get scrollby() {
+    return this.$$.ctx[15];
+  }
+  set scrollby(l) {
+    this.$$set({ scrollby: l }), M();
+  }
+  get pagfactor() {
+    return this.$$.ctx[16];
+  }
+  set pagfactor(l) {
+    this.$$set({ pagfactor: l }), M();
+  }
+  get lang() {
+    return this.$$.ctx[18];
+  }
+  set lang(l) {
+    this.$$set({ lang: l }), M();
+  }
+  get translationurl() {
+    return this.$$.ctx[19];
+  }
+  set translationurl(l) {
+    this.$$set({ translationurl: l }), M();
+  }
+  get clientstyling() {
+    return this.$$.ctx[20];
+  }
+  set clientstyling(l) {
+    this.$$set({ clientstyling: l }), M();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[21];
+  }
+  set clientstylingurl(l) {
+    this.$$set({ clientstylingurl: l }), M();
+  }
+}
+Ne(Ie, { tournamenturl: {}, scrollby: {}, pagfactor: {}, lang: {}, translationurl: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+export {
+  Ie as default
+};