@everymatrix/casino-navigation-search 1.87.25 → 1.87.27

package/components/CasinoCategories-DwrD955W.js

@@ -0,0 +1,505 @@
+import { S as $, b as ee, s as te, f as x, d as ae, n as P, e as I, j as K, m as b, q as ie, t as oe, w as se, g as j, x as U, y as D, u as S, k as c, v as E, o as O, E as q, A as L, l as V, B as re, C as le, D as ne, c as ge } from "./CasinoNavigationSearch-BXnm3TTr.js";
+import { a as ce, $ as ue, b as de } from "./CasinoSearch-BLkMZ3g_.js";
+import "../stencil/ui-image-Ch-GHki1.js";
+function G(t, e) {
+  ce(t, e);
+}
+function fe(t) {
+  ue.set(t);
+}
+const B = {
+  en: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  "zh-hk": {
+    topCategories: "热门类别",
+    otherCategories: "其他类别",
+    loading: "加载请稍候...",
+    games: "游戏"
+  },
+  de: {
+    topCategories: "Top Kategorien",
+    otherCategories: "Andere Kategorien",
+    loading: "Es lädt, bitte warten...",
+    games: "Spiele"
+  },
+  it: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  fr: {
+    topCategories: "Catégories principales",
+    otherCategories: "Autres catégories",
+    loading: "Chargement, veuillez patienter...",
+    games: "jeux"
+  },
+  es: {
+    topCategories: "Categorias Top",
+    otherCategories: "Otras Categorias",
+    loading: "Cargando...",
+    games: "juegos"
+  },
+  tr: {
+    topCategories: "En İyi Kategoriler",
+    otherCategories: "Diğer Kategoriler",
+    loading: "Yükleniyor, lütfen bekleyin...",
+    games: "oyunlar"
+  },
+  ru: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  ro: {
+    topCategories: "Categorii de top",
+    otherCategories: "Alte categorii",
+    loading: "Se incarca, te rugam asteapta…",
+    games: "jocuri"
+  },
+  hr: {
+    topCategories: "Najbolje kategorije",
+    otherCategories: "Ostale kategorije",
+    loading: "Učitavam",
+    games: "Igre"
+  },
+  hu: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  pl: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  pt: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  sl: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  sr: {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  },
+  "pt-br": {
+    topCategories: "Categorias Principais",
+    otherCategories: "Outras Categorias",
+    Loading: "Carregando, por favor espere...",
+    games: "jogos"
+  },
+  "es-mx": {
+    topCategories: "Categorias Principales",
+    otherCategories: "Otras Categorias",
+    Loading: "Cargando, por favor espere...",
+    games: "juegos"
+  },
+  "en-us": {
+    topCategories: "Top Categories",
+    otherCategories: "Other Categories",
+    loading: "Loading, please wait...",
+    games: "games"
+  }
+};
+function he(t) {
+  ae(t, "svelte-2l182v", "*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:inherit}.CasinoCategories{display:flex;flex-direction:column;gap:1rem;padding:10px 60px}.CategoryTitle{font-weight:500;position:relative;right:30px;margin:10px 0;font-size:18px;color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF))}.Category{border-radius:7px;display:flex;align-items:center;gap:16px;max-width:300px}.Category.Active{box-shadow:15px 15px 30px var(--emw--color-gray-100, #E6E6E6)}.CategoryTextContainer{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:15px;color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF))}.CategoryTextContainer p:first-child{font-weight:600;color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF))}.CategoryTextContainer p:last-child{color:var(--emw--color-gray-150, #828282);font-weight:300}.CategoryImage{border-radius:4px;object-fit:cover;height:64px;width:64px;font-weight:100}.Message{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-weight:600}");
+}
+function Y(t, e, a) {
+  const r = t.slice();
+  return r[23] = e[a], r;
+}
+function H(t, e, a) {
+  const r = t.slice();
+  return r[23] = e[a], r;
+}
+function me(t) {
+  let e, a, r = (
+    /*$_*/
+    t[5]("topCategories") + ""
+  ), n, d, g, v, C = (
+    /*$_*/
+    t[5]("otherCategories") + ""
+  ), _, w, f = U(
+    /*topCategories*/
+    t[3]
+  ), l = [];
+  for (let o = 0; o < f.length; o += 1)
+    l[o] = J(H(t, f, o));
+  let u = U(
+    /*otherCategories*/
+    t[4]
+  ), h = [];
+  for (let o = 0; o < u.length; o += 1)
+    h[o] = Q(Y(t, u, o));
+  return {
+    c() {
+      e = b("div"), a = b("h4"), n = E(r), d = O();
+      for (let o = 0; o < l.length; o += 1)
+        l[o].c();
+      g = O(), v = b("h4"), _ = E(C), w = O();
+      for (let o = 0; o < h.length; o += 1)
+        h[o].c();
+      j(a, "class", "CategoryTitle"), j(v, "class", "CategoryTitle"), j(e, "class", "CasinoCategories");
+    },
+    m(o, m) {
+      K(o, e, m), c(e, a), c(a, n), c(e, d);
+      for (let i = 0; i < l.length; i += 1)
+        l[i] && l[i].m(e, null);
+      c(e, g), c(e, v), c(v, _), c(e, w);
+      for (let i = 0; i < h.length; i += 1)
+        h[i] && h[i].m(e, null);
+    },
+    p(o, m) {
+      if (m & /*$_*/
+      32 && r !== (r = /*$_*/
+      o[5]("topCategories") + "") && S(n, r), m & /*activecategory, topCategories, openGameCategory, $_*/
+      105) {
+        f = U(
+          /*topCategories*/
+          o[3]
+        );
+        let i;
+        for (i = 0; i < f.length; i += 1) {
+          const p = H(o, f, i);
+          l[i] ? l[i].p(p, m) : (l[i] = J(p), l[i].c(), l[i].m(e, g));
+        }
+        for (; i < l.length; i += 1)
+          l[i].d(1);
+        l.length = f.length;
+      }
+      if (m & /*$_*/
+      32 && C !== (C = /*$_*/
+      o[5]("otherCategories") + "") && S(_, C), m & /*activecategory, otherCategories, openGameCategory, $_*/
+      113) {
+        u = U(
+          /*otherCategories*/
+          o[4]
+        );
+        let i;
+        for (i = 0; i < u.length; i += 1) {
+          const p = Y(o, u, i);
+          h[i] ? h[i].p(p, m) : (h[i] = Q(p), h[i].c(), h[i].m(e, null));
+        }
+        for (; i < h.length; i += 1)
+          h[i].d(1);
+        h.length = u.length;
+      }
+    },
+    d(o) {
+      o && I(e), D(l, o), D(h, o);
+    }
+  };
+}
+function Ce(t) {
+  let e;
+  return {
+    c() {
+      e = b("p"), e.textContent = "Loading, please wait...", j(e, "class", "Message");
+    },
+    m(a, r) {
+      K(a, e, r);
+    },
+    p: P,
+    d(a) {
+      a && I(e);
+    }
+  };
+}
+function J(t) {
+  let e, a, r, n, d, g, v, C = (
+    /*category*/
+    t[23].name + ""
+  ), _, w, f, l = (
+    /*category*/
+    t[23].games.count + ""
+  ), u, h, o = (
+    /*$_*/
+    t[5]("games") + ""
+  ), m, i, p, A;
+  function z() {
+    return (
+      /*click_handler*/
+      t[15](
+        /*category*/
+        t[23]
+      )
+    );
+  }
+  return {
+    c() {
+      e = b("div"), a = b("ui-image"), d = O(), g = b("div"), v = b("p"), _ = E(C), w = O(), f = b("p"), u = E(l), h = O(), m = E(o), q(a.src, r = /*category*/
+      t[23].icon) || L(a, "src", r), L(a, "alt", n = /*category*/
+      t[23].name), L(a, "class", "CategoryImage"), j(g, "class", "CategoryTextContainer"), j(e, "class", i = "Category " + /*activecategory*/
+      (t[0] === /*category*/
+      t[23].id ? "Active" : ""));
+    },
+    m(k, y) {
+      K(k, e, y), c(e, a), c(e, d), c(e, g), c(g, v), c(v, _), c(g, w), c(g, f), c(f, u), c(f, h), c(f, m), p || (A = V(e, "click", z), p = !0);
+    },
+    p(k, y) {
+      t = k, y & /*topCategories*/
+      8 && !q(a.src, r = /*category*/
+      t[23].icon) && L(a, "src", r), y & /*topCategories*/
+      8 && n !== (n = /*category*/
+      t[23].name) && L(a, "alt", n), y & /*topCategories*/
+      8 && C !== (C = /*category*/
+      t[23].name + "") && S(_, C), y & /*topCategories*/
+      8 && l !== (l = /*category*/
+      t[23].games.count + "") && S(u, l), y & /*$_*/
+      32 && o !== (o = /*$_*/
+      t[5]("games") + "") && S(m, o), y & /*activecategory, topCategories*/
+      9 && i !== (i = "Category " + /*activecategory*/
+      (t[0] === /*category*/
+      t[23].id ? "Active" : "")) && j(e, "class", i);
+    },
+    d(k) {
+      k && I(e), p = !1, A();
+    }
+  };
+}
+function Q(t) {
+  let e, a, r, n, d, g, v, C = (
+    /*category*/
+    t[23].name + ""
+  ), _, w, f, l = (
+    /*category*/
+    t[23].games.count + ""
+  ), u, h, o = (
+    /*$_*/
+    t[5]("games") + ""
+  ), m, i, p, A, z;
+  function k() {
+    return (
+      /*click_handler_1*/
+      t[16](
+        /*category*/
+        t[23]
+      )
+    );
+  }
+  return {
+    c() {
+      e = b("div"), a = b("ui-image"), d = O(), g = b("div"), v = b("p"), _ = E(C), w = O(), f = b("p"), u = E(l), h = O(), m = E(o), i = O(), q(a.src, r = /*category*/
+      t[23].icon) || L(a, "src", r), L(a, "alt", n = /*category*/
+      t[23].name), L(a, "class", "CategoryImage"), j(g, "class", "CategoryTextContainer"), j(e, "class", p = "Category " + /*activecategory*/
+      (t[0] === /*category*/
+      t[23].id ? "Active" : ""));
+    },
+    m(y, T) {
+      K(y, e, T), c(e, a), c(e, d), c(e, g), c(g, v), c(v, _), c(g, w), c(g, f), c(f, u), c(f, h), c(f, m), c(e, i), A || (z = V(e, "click", k), A = !0);
+    },
+    p(y, T) {
+      t = y, T & /*otherCategories*/
+      16 && !q(a.src, r = /*category*/
+      t[23].icon) && L(a, "src", r), T & /*otherCategories*/
+      16 && n !== (n = /*category*/
+      t[23].name) && L(a, "alt", n), T & /*otherCategories*/
+      16 && C !== (C = /*category*/
+      t[23].name + "") && S(_, C), T & /*otherCategories*/
+      16 && l !== (l = /*category*/
+      t[23].games.count + "") && S(u, l), T & /*$_*/
+      32 && o !== (o = /*$_*/
+      t[5]("games") + "") && S(m, o), T & /*activecategory, otherCategories*/
+      17 && p !== (p = "Category " + /*activecategory*/
+      (t[0] === /*category*/
+      t[23].id ? "Active" : "")) && j(e, "class", p);
+    },
+    d(y) {
+      y && I(e), A = !1, z();
+    }
+  };
+}
+function pe(t) {
+  let e;
+  function a(d, g) {
+    return (
+      /*isLoading*/
+      d[2] ? Ce : me
+    );
+  }
+  let r = a(t), n = r(t);
+  return {
+    c() {
+      e = b("div"), n.c();
+    },
+    m(d, g) {
+      K(d, e, g), n.m(e, null), t[17](e);
+    },
+    p(d, [g]) {
+      r === (r = a(d)) && n ? n.p(d, g) : (n.d(1), n = r(d), n && (n.c(), n.m(e, null)));
+    },
+    i: P,
+    o: P,
+    d(d) {
+      d && I(e), n.d(), t[17](null);
+    }
+  };
+}
+function _e(t, e, a) {
+  let r;
+  ie(t, de, (s) => a(5, r = s));
+  let { endpoint: n = "" } = e, { datasource: d = "" } = e, { lang: g = "en" } = e, { activecategory: v = "" } = e, { excludedflags: C = "" } = e, { clientstyling: _ = "" } = e, { clientstylingurl: w = "" } = e, { translationurl: f = "" } = e, { mbsource: l } = e, u, h, o = !1;
+  const m = [];
+  let i = [], p = [];
+  Object.keys(B).forEach((s) => {
+    G(s, B[s]);
+  });
+  const A = () => {
+    fetch(f).then((F) => F.json()).then((F) => {
+      Object.keys(F).forEach((N) => {
+        G(N, F[N]);
+      });
+    }).catch((F) => {
+      console.log(F);
+    });
+  }, z = () => {
+    a(2, o = !0);
+    const s = new URL(`${n}/v1/casino/groups/${d}`);
+    s.searchParams.append("language", g), fetch(s).then((F) => F.json()).then((F) => {
+      a(2, o = !1);
+      const N = C.split(",").map((M) => M.trim());
+      m.push(...F.items);
+      const R = m.filter((M) => !N.some((Z) => M.flags?.indexOf(Z) >= 0));
+      a(3, i = R.filter((M) => M.isTopCategory === !0)), a(4, p = R.filter((M) => M.isTopCategory === !1));
+    });
+  }, k = (s) => {
+    window.postMessage({ type: "OpenGameCategory", categoryId: s }, window.location.href);
+  }, y = () => {
+    fe(g);
+  };
+  oe(() => () => {
+  });
+  const T = (s) => k(s.id), W = (s) => k(s.id);
+  function X(s) {
+    se[s ? "unshift" : "push"](() => {
+      u = s, a(1, u);
+    });
+  }
+  return t.$$set = (s) => {
+    "endpoint" in s && a(7, n = s.endpoint), "datasource" in s && a(8, d = s.datasource), "lang" in s && a(9, g = s.lang), "activecategory" in s && a(0, v = s.activecategory), "excludedflags" in s && a(10, C = s.excludedflags), "clientstyling" in s && a(11, _ = s.clientstyling), "clientstylingurl" in s && a(12, w = s.clientstylingurl), "translationurl" in s && a(13, f = s.translationurl), "mbsource" in s && a(14, l = s.mbsource);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*endpoint, datasource*/
+    384 && n && d && z(), t.$$.dirty & /*translationurl*/
+    8192 && f && A(), t.$$.dirty & /*lang*/
+    512 && g && y(), t.$$.dirty & /*clientstyling, customStylingContainer*/
+    2050 && _ && u && re(u, _), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    4098 && w && u && le(u, w), t.$$.dirty & /*mbsource, customStylingContainer*/
+    16386 && l && u && ne(u, `${l}.Style`, h);
+  }, [
+    v,
+    u,
+    o,
+    i,
+    p,
+    r,
+    k,
+    n,
+    d,
+    g,
+    C,
+    _,
+    w,
+    f,
+    l,
+    T,
+    W,
+    X
+  ];
+}
+class ye extends $ {
+  constructor(e) {
+    super(), ee(
+      this,
+      e,
+      _e,
+      pe,
+      te,
+      {
+        endpoint: 7,
+        datasource: 8,
+        lang: 9,
+        activecategory: 0,
+        excludedflags: 10,
+        clientstyling: 11,
+        clientstylingurl: 12,
+        translationurl: 13,
+        mbsource: 14
+      },
+      he
+    );
+  }
+  get endpoint() {
+    return this.$$.ctx[7];
+  }
+  set endpoint(e) {
+    this.$$set({ endpoint: e }), x();
+  }
+  get datasource() {
+    return this.$$.ctx[8];
+  }
+  set datasource(e) {
+    this.$$set({ datasource: e }), x();
+  }
+  get lang() {
+    return this.$$.ctx[9];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), x();
+  }
+  get activecategory() {
+    return this.$$.ctx[0];
+  }
+  set activecategory(e) {
+    this.$$set({ activecategory: e }), x();
+  }
+  get excludedflags() {
+    return this.$$.ctx[10];
+  }
+  set excludedflags(e) {
+    this.$$set({ excludedflags: e }), x();
+  }
+  get clientstyling() {
+    return this.$$.ctx[11];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), x();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[12];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), x();
+  }
+  get translationurl() {
+    return this.$$.ctx[13];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), x();
+  }
+  get mbsource() {
+    return this.$$.ctx[14];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), x();
+  }
+}
+ge(ye, { endpoint: {}, datasource: {}, lang: {}, activecategory: {}, excludedflags: {}, clientstyling: {}, clientstylingurl: {}, translationurl: {}, mbsource: {} }, [], [], !0);
+export {
+  ye as default
+};