@everymatrix/casino-lobby 1.41.0 → 1.42.69

package/components/CasinoSort-BOWrHLh_.js

@@ -0,0 +1,420 @@
+import { $ as q, W as et, a as rt, S as ot, i as nt, f as T, c as at, s as lt, b as st, e as f, d as P, D as U, j as R, k as it, o as ct, n as dt, L as pt, M as gt, N as ut, q as G, G as Z, r as I, u as W, v as r, w as s, x as tt, B as K, C as ht, F as mt } from "./CasinoCalendar-C_GWg7fU.js";
+function ft({ withLocale: t, translations: e }) {
+  q.subscribe((o) => {
+    o == null && (et.set(e), q.set(t));
+  });
+}
+function Q(t, e) {
+  rt(t, e);
+}
+const X = {
+  en: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  zh: {
+    sortby: "Sort by",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  de: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  it: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  fr: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  es: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  tr: {
+    sortby: "Sırala:",
+    all: "Hepsi",
+    az: "A-Z",
+    newest: "En yeni",
+    hottest: "Öne Çıkan"
+  },
+  ru: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  ro: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  hr: {
+    sortby: "Poredaj po:",
+    all: "Sve",
+    az: "A-Z",
+    newest: "Najnovije",
+    hottest: "Hot igre"
+  },
+  hu: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  pl: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  pt: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  sl: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  sr: {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  },
+  "pt-br": {
+    sortby: "Organizar por:",
+    all: "Todos",
+    az: "A-Z",
+    newest: "Mais recente",
+    hottest: "mais quente"
+  },
+  "es-mx": {
+    sortby: "Ordenar Por:",
+    all: "Todo",
+    az: "A-Z",
+    newest: "Más nuevos",
+    hottest: "Más calientes"
+  },
+  "en-us": {
+    sortby: "Sort by:",
+    all: "All",
+    az: "A-Z",
+    newest: "Newest",
+    hottest: "Hottest"
+  }
+};
+function yt(t) {
+  st(t, "svelte-kh3a1g", ':root{--min-height:50px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.SearchLoading{color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF))}.SorterContainer{color:var(--emw--casino-typography, var(--emw--color-white, #FFFFFF));position:relative;z-index:16}.SorterSelector{background-color:var(--emw--color-gray-300, #58586B);display:flex;position:relative;padding:10px 16px;border-radius:5px;justify-content:space-between;align-items:center;cursor:pointer}.SorterSelector.SorterSelectorOpen{border-radius:5px 5px 0 0}.SorterMainArea{display:flex;align-items:center}.SorterMainArea svg{margin-right:16px}.SorterName{font-size:11px;line-height:12px;color:var(--emw--color-gray-100, #E6E6E6);text-transform:uppercase}.SorterTextContainer{display:flex;flex-direction:column}.SorterValueContainer{font-size:14px;line-height:16px;font-weight:300}.TriangleInactive{display:block;color:currentColor;margin:0 0 0 15px;transition:all 0.5s}.TriangleActive{transform:rotate(180deg);position:relative;top:2px}.SorterDropdownContainer{padding:0;background:rgb(88, 88, 107);background:linear-gradient(180deg, rgba(88, 88, 107, 0.9) 0%, rgba(7, 7, 42, 0.9) 95%);display:flex;flex-direction:column;align-items:center;transition:max-height 0.15s ease-out;max-height:0;border-radius:0 0 5px 5px;position:absolute;top:35px;margin-bottom:40px;overflow:hidden;margin:0}.SorterDropdownContainer.SorterOpen{width:100%;max-height:fit-content;transition:max-height 0.25s ease-in;padding-top:10px}.SorterDropdown{width:100%;max-height:300px;display:grid;gap:10px;margin:0;padding-inline-start:0;overflow:scroll;list-style:none;-ms-overflow-style:none;scrollbar-width:none;list-style-type:none;padding:10px;margin:0;box-sizing:border-box}.SorterDropdown::-webkit-scrollbar{display:none}.SorterItem{position:relative}.SorterItem label{font-size:14px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;-webkit-user-select:none;-ms-user-select:none;user-select:none}.SorterItem input{cursor:pointer;margin-right:10px}.SorterItem .SortersCheckmark{margin:0 15px}.SorterItem .CustomRadioButton input[type=radio]{position:absolute;left:-9999px}.SorterItem .CustomRadioButton input[type=radio]+span{position:relative;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.SorterItem .CustomRadioButton input[type=radio]+span:before{content:"";background:transparent;border:1px solid var(--emw--color-white, #FFFFFF);height:18px;width:18px;border-radius:50%;position:absolute}.SorterItem .CustomRadioButton input[type=radio]+span:after{content:"";background:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));width:14px;height:14px;border-radius:50%;position:absolute;opacity:0;transform:scale(2);transition:transform 0.3s linear, opacity 0.3s linear}.SorterItem .CustomRadioButton input[type=radio]:checked+span:after{opacity:1;transform:scale(1)}.SorterLabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.SorterLabel input:checked+span{font-weight:600}.ClearSorters{margin:20px auto;border:0;color:var(--emw--button-typography, var(--emw--color-white, #FFFFFF));background-color:var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));border:1px solid var(--emw--casino-color-primary, var(--emw--color-primary, #D0046C));font-size:18px;padding:10px 50px;border-radius:5px;cursor:pointer;transition:all 0.1s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ClearSorters:disabled{background:var(--emw--color-gray-100, #E6E6E6);border:1px solid var(--emw--color-gray-150, #828282);pointer-events:none;cursor:not-allowed}@media only screen and (max-width: 768px){.SorterSelector{max-width:initial;padding:7px 16px}.SorterDropdownContainer{width:100%;margin-bottom:20px}.SorterDropdown{display:flex;flex-direction:column;gap:12px;margin-block-start:0}.SorterDropdown .SorterLabel{line-height:24px}.SorterDropdown .SorterLabel>*{pointer-events:none}}@media(max-width: 480px){.SorterSelector{min-height:var(--min-height)}.SorterDropdownContainer{top:var(--min-height)}}');
+}
+function Y(t, e, o) {
+  const a = t.slice();
+  return a[22] = e[o], a;
+}
+function wt(t) {
+  let e, o, a, l, i, d, y, g, w, u, v, S = (
+    /*$_*/
+    t[4]("sortby") + ""
+  ), m, k, x, M, F = (
+    /*vendorSortingBy*/
+    (t[3] || /*$_*/
+    t[4]("all")) + ""
+  ), O, H, N, _, C, n, p, z, D, L, j, E, V, B = G(Object.values(
+    /*vendorMap*/
+    t[5]
+  )), b = [];
+  for (let c = 0; c < B.length; c += 1)
+    b[c] = $(Y(t, B, c));
+  return {
+    c() {
+      e = f("div"), o = f("div"), a = f("div"), l = Z("svg"), i = Z("g"), d = Z("path"), y = Z("path"), g = Z("path"), w = I(), u = f("div"), v = f("span"), m = W(S), k = I(), x = f("div"), M = f("span"), O = W(F), H = I(), N = f("span"), _ = Z("svg"), C = Z("path"), z = I(), D = f("div"), L = f("ul");
+      for (let c = 0; c < b.length; c += 1)
+        b[c].c();
+      r(d, "id", "Path_5267"), r(d, "data-name", "Path 5267"), r(d, "d", "M526.245,343.685a3.45,3.45,0,0,1,0,6.714v13.625a.8.8,0,0,1-1.592,0V350.4a3.45,3.45,0,0,1,0-6.714V342.8a.8.8,0,1,1,1.592,0Zm-2.653,3.357a1.857,1.857,0,1,0,1.857-1.857A1.859,1.859,0,0,0,523.592,347.041Z"), r(d, "transform", "translate(-206.448 0)"), r(d, "fill", "#fff"), r(y, "id", "Path_5268"), r(y, "data-name", "Path 5268"), r(y, "d", "M310.245,356.421a3.45,3.45,0,0,1,0,6.714v.888a.8.8,0,0,1-1.592,0v-.888a3.45,3.45,0,0,1,0-6.714V342.8a.8.8,0,1,1,1.592,0Zm-2.653,3.357a1.857,1.857,0,1,0,1.857-1.857A1.859,1.859,0,0,0,307.592,359.777Z"), r(y, "transform", "translate(0 0)"), r(y, "fill", "#fff"), r(g, "id", "Path_5269"), r(g, "data-name", "Path 5269"), r(g, "d", "M742.245,351.645a3.45,3.45,0,0,1,0,6.714v5.665a.8.8,0,1,1-1.592,0v-5.665a3.45,3.45,0,0,1,0-6.714V342.8a.8.8,0,1,1,1.592,0ZM739.592,355a1.857,1.857,0,1,0,1.857-1.857A1.859,1.859,0,0,0,739.592,355Z"), r(g, "transform", "translate(-412.896 0)"), r(g, "fill", "#fff"), r(i, "id", "sortby"), r(i, "transform", "translate(-306 -342)"), r(l, "xmlns", "http://www.w3.org/2000/svg"), r(l, "width", "20"), r(l, "height", "20"), r(l, "viewBox", "0 0 26.003 22.819"), r(v, "class", "SorterName"), r(x, "class", "SorterValueContainer"), r(u, "class", "SorterTextContainer"), r(a, "class", "SorterMainArea"), r(C, "id", "arrow"), r(C, "d", "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z"), r(C, "transform", "translate(-274.511 -441.088)"), r(C, "fill", "#d1d1d1"), r(_, "xmlns", "http://www.w3.org/2000/svg"), r(_, "width", "14"), r(_, "height", "6.835"), r(_, "viewBox", "0 0 14 6.835"), r(N, "class", n = "TriangleInactive " + /*isSorterActive*/
+      (t[1] ? "TriangleActive" : "")), r(o, "class", p = "SorterSelector " + /*isSorterActive*/
+      (t[1] ? "SorterSelectorOpen" : "")), r(L, "class", "SorterDropdown"), r(D, "class", j = "SorterDropdownContainer " + /*isSorterActive*/
+      (t[1] ? "SorterOpen" : "")), r(e, "class", "SorterContainer");
+    },
+    m(c, A) {
+      P(c, e, A), s(e, o), s(o, a), s(a, l), s(l, i), s(i, d), s(i, y), s(i, g), s(a, w), s(a, u), s(u, v), s(v, m), s(u, k), s(u, x), s(x, M), s(M, O), s(o, H), s(o, N), s(N, _), s(_, C), s(e, z), s(e, D), s(D, L);
+      for (let h = 0; h < b.length; h += 1)
+        b[h] && b[h].m(L, null);
+      E || (V = tt(
+        o,
+        "click",
+        /*click_handler*/
+        t[13]
+      ), E = !0);
+    },
+    p(c, A) {
+      if (A & /*$_*/
+      16 && S !== (S = /*$_*/
+      c[4]("sortby") + "") && K(m, S), A & /*vendorSortingBy, $_*/
+      24 && F !== (F = /*vendorSortingBy*/
+      (c[3] || /*$_*/
+      c[4]("all")) + "") && K(O, F), A & /*isSorterActive*/
+      2 && n !== (n = "TriangleInactive " + /*isSorterActive*/
+      (c[1] ? "TriangleActive" : "")) && r(N, "class", n), A & /*isSorterActive*/
+      2 && p !== (p = "SorterSelector " + /*isSorterActive*/
+      (c[1] ? "SorterSelectorOpen" : "")) && r(o, "class", p), A & /*Object, vendorMap, vendorSortingBy, undefined, $_, sortBy*/
+      120) {
+        B = G(Object.values(
+          /*vendorMap*/
+          c[5]
+        ));
+        let h;
+        for (h = 0; h < B.length; h += 1) {
+          const J = Y(c, B, h);
+          b[h] ? b[h].p(J, A) : (b[h] = $(J), b[h].c(), b[h].m(L, null));
+        }
+        for (; h < b.length; h += 1)
+          b[h].d(1);
+        b.length = B.length;
+      }
+      A & /*isSorterActive*/
+      2 && j !== (j = "SorterDropdownContainer " + /*isSorterActive*/
+      (c[1] ? "SorterOpen" : "")) && r(D, "class", j);
+    },
+    d(c) {
+      c && R(e), ht(b, c), E = !1, V();
+    }
+  };
+}
+function $(t) {
+  let e, o, a, l, i, d, y, g, w, u, v;
+  function S() {
+    return (
+      /*click_handler_1*/
+      t[14](
+        /*sort*/
+        t[22]
+      )
+    );
+  }
+  return {
+    c() {
+      e = f("li"), o = f("label"), a = f("input"), i = I(), d = f("span"), y = I(), g = f("span"), g.textContent = `${/*sort*/
+      t[22]}`, w = I(), r(a, "type", "radio"), r(a, "name", "radio"), a.value = /*sort*/
+      t[22], a.checked = l = /*vendorSortingBy*/
+      t[3] == /*sort*/
+      t[22] ? !0 : (
+        /*vendorSortingBy*/
+        t[3] == null && /*sort*/
+        t[22] == /*$_*/
+        t[4]("all")
+      ), r(d, "class", "SortersCheckmark"), r(o, "class", "SorterLabel CustomRadioButton"), r(e, "class", "SorterItem"), e.value = /*sort*/
+      t[22];
+    },
+    m(m, k) {
+      P(m, e, k), s(e, o), s(o, a), s(o, i), s(o, d), s(o, y), s(o, g), s(e, w), u || (v = tt(a, "click", S), u = !0);
+    },
+    p(m, k) {
+      t = m, k & /*vendorSortingBy, $_*/
+      24 && l !== (l = /*vendorSortingBy*/
+      t[3] == /*sort*/
+      t[22] ? !0 : (
+        /*vendorSortingBy*/
+        t[3] == null && /*sort*/
+        t[22] == /*$_*/
+        t[4]("all")
+      )) && (a.checked = l);
+    },
+    d(m) {
+      m && R(e), u = !1, v();
+    }
+  };
+}
+function bt(t) {
+  let e;
+  function o(i, d) {
+    if (!/*isLoading*/
+    i[2]) return wt;
+  }
+  let a = o(t), l = a && a(t);
+  return {
+    c() {
+      e = f("div"), l && l.c();
+    },
+    m(i, d) {
+      P(i, e, d), l && l.m(e, null), t[15](e);
+    },
+    p(i, [d]) {
+      a === (a = o(i)) && l ? l.p(i, d) : (l && l.d(1), l = a && a(i), l && (l.c(), l.m(e, null)));
+    },
+    i: U,
+    o: U,
+    d(i) {
+      i && R(e), l && l.d(), t[15](null);
+    }
+  };
+}
+function St(t, e, o) {
+  let a;
+  it(t, mt, (n) => o(4, a = n));
+  let { lang: l = "" } = e, { translationurl: i = "" } = e, { clientstyling: d = "" } = e, { clientstylingurl: y = "" } = e, { categoryid: g = "" } = e, w, u = !1, v = !0, S = "", m = "All";
+  ft({ withLocale: "en", translations: {} });
+  const k = () => {
+    fetch(i).then((p) => p.json()).then((p) => {
+      Object.keys(p).forEach((z) => {
+        Q(z, p[z]);
+      });
+    }).catch((p) => {
+      console.log(p);
+    });
+  };
+  Object.keys(X).forEach((n) => {
+    Q(n, X[n]);
+  });
+  const x = {
+    All: a("all"),
+    name: a("az"),
+    isNew: a("newest"),
+    "advancedTags(name(hot))": a("hottest")
+  }, M = () => {
+    var p;
+    o(3, m = "All"), o(2, v = !1), o(1, u = !1);
+    let n = (p = JSON.parse(localStorage.getItem("vendorSortingBy"))) == null ? void 0 : p[g];
+    n ? o(3, m = n) : o(3, m = "All"), o(3, m = x[n]);
+  }, F = (n) => {
+    o(3, m = n);
+    let p = localStorage.getItem("vendorSortingBy");
+    S = n;
+    for (let z in x)
+      if (x[z] === n) {
+        S = z;
+        break;
+      }
+    p == null ? localStorage.setItem("vendorSortingBy", JSON.stringify({ [g]: S })) : (p = JSON.parse(p), p[g] = S, localStorage.setItem("vendorSortingBy", JSON.stringify(p))), window.postMessage(
+      {
+        type: "ApplySorter",
+        sortBy: S,
+        itemId: g
+      },
+      window.location.href
+    ), o(1, u = !u);
+  }, O = () => {
+    o(1, u = !u), window.postMessage({ type: "SortingOpened" }, window.location.href);
+  }, H = (n) => {
+    n.data.type == "FilterOpened" && o(1, u = !1);
+  };
+  ct(() => (window.addEventListener("message", H, !1), () => {
+    window.removeEventListener("message", H);
+  }));
+  const N = () => O(), _ = (n) => F(n);
+  function C(n) {
+    dt[n ? "unshift" : "push"](() => {
+      w = n, o(0, w);
+    });
+  }
+  return t.$$set = (n) => {
+    "lang" in n && o(8, l = n.lang), "translationurl" in n && o(9, i = n.translationurl), "clientstyling" in n && o(10, d = n.clientstyling), "clientstylingurl" in n && o(11, y = n.clientstylingurl), "categoryid" in n && o(12, g = n.categoryid);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*categoryid*/
+    4096 && g && M(), t.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && d && w && pt(w, d), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && y && w && gt(w, y), t.$$.dirty & /*customStylingContainer*/
+    1 && w && ut(w, "Casino.Style"), t.$$.dirty & /*translationurl*/
+    512 && i && k();
+  }, [
+    w,
+    u,
+    v,
+    m,
+    a,
+    x,
+    F,
+    O,
+    l,
+    i,
+    d,
+    y,
+    g,
+    N,
+    _,
+    C
+  ];
+}
+class vt extends ot {
+  constructor(e) {
+    super(), nt(
+      this,
+      e,
+      St,
+      bt,
+      lt,
+      {
+        lang: 8,
+        translationurl: 9,
+        clientstyling: 10,
+        clientstylingurl: 11,
+        categoryid: 12
+      },
+      yt
+    );
+  }
+  get lang() {
+    return this.$$.ctx[8];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), T();
+  }
+  get translationurl() {
+    return this.$$.ctx[9];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), T();
+  }
+  get clientstyling() {
+    return this.$$.ctx[10];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), T();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[11];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), T();
+  }
+  get categoryid() {
+    return this.$$.ctx[12];
+  }
+  set categoryid(e) {
+    this.$$set({ categoryid: e }), T();
+  }
+}
+at(vt, { lang: {}, translationurl: {}, clientstyling: {}, clientstylingurl: {}, categoryid: {} }, [], [], !0);
+export {
+  vt as default
+};