@everymatrix/casino-tournaments-list-controller 1.67.3 → 1.68.0

package/components/CasinoTournamentsThumbnailGamesSlider-DeZzlvbO.js

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