@everymatrix/casino-lobby 1.52.6 → 1.53.10

package/components/{GeneralAnimationLoading-C-B40oIV.js → GeneralAnimationLoading-DiwFEyef.js}

@@ -1,4 +1,4 @@
-import { S as m, i as h, f as o, c as g, s as y, b as v, e as x, d as b, C as r, j as C, m as _ } from "./CasinoCalendar-0AyYaYr6.js";
+import { S as m, i as h, f as o, c as g, s as y, b as v, e as x, d as b, D as r, j as _, n as C } from "./CasinoCalendar-Ic3lq1UY.js";
 function L(e) {
   v(e, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
 }
@@ -15,7 +15,7 @@ function k(e) {
     i: r,
     o: r,
     d(n) {
-      n && C(i), e[3](null);
+      n && _(i), e[3](null);
     }
   };
 }
@@ -40,7 +40,7 @@ function S(e, i, n) {
     });
   };
   function f(t) {
-    _[t ? "unshift" : "push"](() => {
+    C[t ? "unshift" : "push"](() => {
       s = t, n(0, s);
     });
   }

package/esnext/casino-lobby.js

@@ -0,0 +1,14 @@
+import { C as s } from "../components/CasinoLobby-DPo1HzH2.js";
+function o(t) {
+  return function(...n) {
+    try {
+      return t.apply(this, n);
+    } catch (e) {
+      if (e instanceof DOMException && e.message.includes("has already been used with this registry") || e.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return !1;
+      throw e;
+    }
+  };
+}
+customElements.define = o(customElements.define);
+!customElements.get("casino-lobby") && customElements.define("casino-lobby", s.element);

package/package.json

@@ -1,28 +1,21 @@
+
 {
   "name": "@everymatrix/casino-lobby",
-  "version": "1.52.6",
+  "version": "1.53.10",
   "type": "module",
-  "main": "es2015/casino-lobby.cjs",
-  "module": "es2015/casino-lobby.js",
+  "main": "esnext/casino-lobby.js",
+  "module": "esnext/casino-lobby.js",
   "exports": {
-    ".": {
-      "import": "./es2015/casino-lobby.js",
-      "require": "./es2015/casino-lobby.cjs"
-    },
     "./es2015/casino-lobby.cjs": "./es2015/casino-lobby.cjs"
   },
   "files": [
+    "components/",
     "es2015/",
-    "components",
-    "stencil"
+    "stencil",
+    "angular",
+    "esnext/"
   ],
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {
-    "@everymatrix/casino-categories-slider": "1.45.7",
-    "@everymatrix/casino-page": "1.45.7",
-    "@everymatrix/casino-modal": "1.45.7",
-    "@everymatrix/casino-game-page": "1.45.7"
   }
 }

package/stencil/{casino-play-random-game-B5g4-G4Z.js → casino-play-random-game-BrayzMrR.js}

@@ -1,32 +1,14 @@
-var p = (n, e, a) => new Promise((t, o) => {
-  var m = (r) => {
-    try {
-      c(a.next(r));
-    } catch (h) {
-      o(h);
-    }
-  }, d = (r) => {
-    try {
-      c(a.throw(r));
-    } catch (h) {
-      o(h);
-    }
-  }, c = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(m, d);
-  c((a = a.apply(n, e)).next());
-});
-import { b as u, p as f, r as w, h as i, g as x } from "./index-eac6b960-DXIu1GM6.js";
-import { g as y } from "./app-globals-0f993ce5-D-kw1sls.js";
-var G = () => {
+import { b as c, p as h, r as p, h as t, g } from "./index-47910d1c-CWwDm8i3.js";
+import { g as u } from "./app-globals-0f993ce5-D-kw1sls.js";
+var f = () => {
   const n = import.meta.url, e = {};
-  return n !== "" && (e.resourcesUrl = new URL(".", n).href), f(e);
+  return n !== "" && (e.resourcesUrl = new URL(".", n).href), h(e);
 };
-G().then((n) => p(void 0, null, function* () {
-  return yield y(), u([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n);
-}));
-const b = () => {
+f().then(async (n) => (await u(), c([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n)));
+const w = () => {
   let n = window.navigator.userAgent;
   return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
-}, v = "en", l = {
+}, x = "en", r = {
   en: {
     error: "Error",
     randomGameLoading: "Loading ...",
@@ -69,18 +51,18 @@ const b = () => {
     playNowRandomGame: "Şimdi Oyna",
     spinRandomGame: "DEĞİŞTİR"
   }
-}, g = (n) => new Promise((e) => {
-  fetch(n).then((a) => a.json()).then((a) => {
-    Object.keys(a).forEach((t) => {
-      l[t] || (l[t] = {});
-      for (let o in a[t])
-        l[t][o] = a[t][o];
+}, l = (n) => new Promise((e) => {
+  fetch(n).then((i) => i.json()).then((i) => {
+    Object.keys(i).forEach((a) => {
+      r[a] || (r[a] = {});
+      for (let s in i[a])
+        r[a][s] = i[a][s];
     }), e(!0);
   });
-}), s = (n, e) => {
-  const a = e;
-  return l[a !== void 0 && a in l ? a : v][n];
-}, R = `:host {
+}), o = (n, e) => {
+  const i = e;
+  return r[i !== void 0 && i in r ? i : x][n];
+}, y = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -450,30 +432,30 @@ const b = () => {
     width: 70px;
     height: 85px;
   }
-}`, k = R, C = class {
+}`, G = y, b = class {
   constructor(n) {
-    w(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
-      let a = e.length, t;
-      for (; a !== 0; )
-        t = Math.floor(Math.random() * a), a--, [e[a], e[t]] = [e[t], e[a]];
+    p(this, n), this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1, this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+      let i = e.length, a;
+      for (; i !== 0; )
+        a = Math.floor(Math.random() * i), i--, [e[i], e[a]] = [e[a], e[i]];
       return e;
     }, this.setClientStyling = () => {
       let e = document.createElement("style");
       e.innerHTML = this.clientStyling, this.host.shadowRoot.prepend(e);
     }, this.setClientStylingURL = () => {
-      let e = new URL(this.clientStylingUrl), a = document.createElement("style");
-      fetch(e.href).then((t) => t.text()).then((t) => {
-        a.innerHTML = t, this.clientStyling = t, setTimeout(() => {
-          this.host.shadowRoot.prepend(a);
+      let e = new URL(this.clientStylingUrl), i = document.createElement("style");
+      fetch(e.href).then((a) => a.text()).then((a) => {
+        i.innerHTML = a, this.clientStyling = a, setTimeout(() => {
+          this.host.shadowRoot.prepend(i);
         }, 1);
       });
-    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
+    };
   }
   watchEndpoint(n, e) {
     n && n != e && this.endpoint && this.fetchGameList();
   }
   handleNewTranslations() {
-    this.isLoading = !0, g(this.translationUrl).then(() => {
+    this.isLoading = !0, l(this.translationUrl).then(() => {
       this.isLoading = !1;
     });
   }
@@ -484,7 +466,7 @@ const b = () => {
     this.handleIsIconVisible();
   }
   componentWillLoad() {
-    if (this.translationUrl.length > 2 && g(this.translationUrl), this.endpoint && this.language && this.datasource)
+    if (this.translationUrl.length > 2 && l(this.translationUrl), this.endpoint && this.language && this.datasource)
       return this.fetchGameList();
   }
   componentDidLoad() {
@@ -492,11 +474,11 @@ const b = () => {
   }
   fetchGameList() {
     let n = new URL(`${this.endpoint}/v1/casino/games`);
-    return n.searchParams.append("platform", b()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, a) => {
-      this.isLoading = !0, fetch(n.href).then((t) => t.json()).then((t) => {
-        this.gamesToShow = this.setUpGames(t == null ? void 0 : t.items), e(!0);
-      }).catch((t) => {
-        console.error(t), this.hasErrors = !0, a(t);
+    return n.searchParams.append("platform", w()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, i) => {
+      this.isLoading = !0, fetch(n.href).then((a) => a.json()).then((a) => {
+        this.gamesToShow = this.setUpGames(a?.items), e(!0);
+      }).catch((a) => {
+        console.error(a), this.hasErrors = !0, i(a);
       }).finally(() => {
         this.isLoading = !1;
       });
@@ -522,12 +504,12 @@ const b = () => {
   }
   animateGames() {
     this.iconVisibility = this.iconVisibleOnAnim === "true", this.animationStarted = !0, this.animationDone = !1, this.animation && this.animation.cancel(), this.selectedGameEl && (this.selectedGameEl.classList.remove("TheRandomGame"), this.selectedGame = null, this.selectedGameIndex = null), this.selectRandomGame();
-    const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), a = this.selectedGameEl.offsetWidth, t = this.gameContainer.offsetWidth, o = (a + e) * this.selectedGameIndex + // Width of game cards up to the selected
-    a / 2 - // Additional half card width to center to the selected game
-    t / 2, m = [
+    const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), i = this.selectedGameEl.offsetWidth, a = this.gameContainer.offsetWidth, s = (i + e) * this.selectedGameIndex + // Width of game cards up to the selected
+    i / 2 - // Additional half card width to center to the selected game
+    a / 2, m = [
       { transform: "translateX(0px)", scale: 1 },
       { scale: 0.75 },
-      { transform: `translateX(-${o}px)`, scale: 1 }
+      { transform: `translateX(-${s}px)`, scale: 1 }
     ], d = {
       duration: 3e3,
       easing: "cubic-bezier(0.5, 0, 0.5, 1.2)",
@@ -548,18 +530,18 @@ const b = () => {
     });
   }
   renderGameDetails() {
-    return i("div", { class: "RandomButtonsWrapper" }, i("div", { class: "RandomGameDetails" }, i("span", { class: "RandomGameTitle" }, this.selectedGame.name), i("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), i("div", { class: "RandomButtons" }, i("button", { class: "RandomButton On", onClick: () => this.respin() }, s("spinRandomGame", this.language)), !this.launchByGameCard && i("button", { class: "RandomButton On", onClick: () => this.playGame() }, s("playNowRandomGame", this.language))));
+    return t("div", { class: "RandomButtonsWrapper" }, t("div", { class: "RandomGameDetails" }, t("span", { class: "RandomGameTitle" }, this.selectedGame.name), t("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), t("div", { class: "RandomButtons" }, t("button", { class: "RandomButton On", onClick: () => this.respin() }, o("spinRandomGame", this.language)), !this.launchByGameCard && t("button", { class: "RandomButton On", onClick: () => this.playGame() }, o("playNowRandomGame", this.language))));
   }
   render() {
     if (this.hasErrors)
-      return i("div", { class: "RandomGameError" }, i("div", { class: "Title" }, s("error", this.language)));
+      return t("div", { class: "RandomGameError" }, t("div", { class: "Title" }, o("error", this.language)));
     if (this.isLoading)
-      return i("div", { class: "RandomGameLoading" }, i("div", { class: "Title" }, s("randomGameLoading", this.language)));
+      return t("div", { class: "RandomGameLoading" }, t("div", { class: "Title" }, o("randomGameLoading", this.language)));
     if (!this.isLoading)
-      return i("div", { class: "RandomGameWrapper" }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language)))));
+      return t("div", { class: "RandomGameWrapper" }, t("div", { class: "GameContainerGradient" }), t("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => t("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, t("div", { class: "RandomGameVendor" }, n.vendor.name), t("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), t("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, t("div", { class: "ButtonContainer" }, this.iconVisibility && t("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, t("div", { class: "QustionMark" }, "?"), t("div", { class: "HexagonMarkShadow" }), t("div", { class: "HexagonMark" })), !this.animationStarted && t("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, o("playRandomGame", this.language)))));
   }
   get host() {
-    return x(this);
+    return g(this);
   }
   static get watchers() {
     return {
@@ -571,7 +553,7 @@ const b = () => {
     };
   }
 };
-C.style = k;
+b.style = G;
 export {
-  C as casino_play_random_game
+  b as casino_play_random_game
 };