@everymatrix/casino-lobby 1.59.0 → 1.59.2

package/components/{GeneralAnimationLoading-CVr2zyUi.cjs → GeneralAnimationLoading-Bl6_sP-d.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./CasinoCalendar-YzaZrGBf.cjs");function u(e){i.append_styles(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)}}")}function f(e){let t;return{c(){t=i.element("div"),t.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(l,r){i.insert(l,t,r),e[4](t)},p:i.noop,i:i.noop,o:i.noop,d(l){l&&i.detach(t),e[4](null)}}}function m(e,t,l){let{clientstyling:r=""}=t,{clientstylingurl:c=""}=t,{mbsource:d}=t,n;i.onMount(()=>()=>{});function a(s){i.binding_callbacks[s?"unshift":"push"](()=>{n=s,l(0,n)})}return e.$$set=s=>{"clientstyling"in s&&l(1,r=s.clientstyling),"clientstylingurl"in s&&l(2,c=s.clientstylingurl),"mbsource"in s&&l(3,d=s.mbsource)},e.$$.update=()=>{e.$$.dirty&3&&r&&n&&i.setClientStyling(n,r),e.$$.dirty&5&&c&&n&&i.setClientStylingURL(n,c),e.$$.dirty&9&&d&&n&&i.setStreamStyling(n,`${d}.Style`)},[n,r,c,d,a]}class o extends i.SvelteComponent{constructor(t){super(),i.init(this,t,m,f,i.safe_not_equal,{clientstyling:1,clientstylingurl:2,mbsource:3},u)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),i.flush()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),i.flush()}get mbsource(){return this.$$.ctx[3]}set mbsource(t){this.$$set({mbsource:t}),i.flush()}}i.create_custom_element(o,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./CasinoCalendar-CkNAiTx8.cjs");function u(e){i.append_styles(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)}}")}function f(e){let t;return{c(){t=i.element("div"),t.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(l,r){i.insert(l,t,r),e[4](t)},p:i.noop,i:i.noop,o:i.noop,d(l){l&&i.detach(t),e[4](null)}}}function m(e,t,l){let{clientstyling:r=""}=t,{clientstylingurl:c=""}=t,{mbsource:d}=t,n;i.onMount(()=>()=>{});function a(s){i.binding_callbacks[s?"unshift":"push"](()=>{n=s,l(0,n)})}return e.$$set=s=>{"clientstyling"in s&&l(1,r=s.clientstyling),"clientstylingurl"in s&&l(2,c=s.clientstylingurl),"mbsource"in s&&l(3,d=s.mbsource)},e.$$.update=()=>{e.$$.dirty&3&&r&&n&&i.setClientStyling(n,r),e.$$.dirty&5&&c&&n&&i.setClientStylingURL(n,c),e.$$.dirty&9&&d&&n&&i.setStreamStyling(n,`${d}.Style`)},[n,r,c,d,a]}class o extends i.SvelteComponent{constructor(t){super(),i.init(this,t,m,f,i.safe_not_equal,{clientstyling:1,clientstylingurl:2,mbsource:3},u)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),i.flush()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),i.flush()}get mbsource(){return this.$$.ctx[3]}set mbsource(t){this.$$set({mbsource:t}),i.flush()}}i.create_custom_element(o,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);exports.default=o;

package/components/{GeneralAnimationLoading-DL8bFxE7.js → GeneralAnimationLoading-CURVDkRT.js}

@@ -1,30 +1,30 @@
-import { S as u, i as f, s as m, f as c, b as g, n as d, d as y, h, j as p, o as b, C as v, I as x, J as _, K as S, L as C } from "./CasinoCalendar-CEPKCmvL.js";
-function k(t) {
-  g(t, "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)}}");
+import { S as u, i as f, f as c, c as m, s as g, b as y, e as h, d as p, G as d, j as b, o as v, l as x, m as _, q as S, r as k } from "./CasinoCalendar-Km8tdNHN.js";
+function C(t) {
+  y(t, "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)}}");
 }
 function L(t) {
   let i;
   return {
     c() {
-      i = p("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
+      i = h("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
     },
     m(n, l) {
-      h(n, i, l), t[4](i);
+      p(n, i, l), t[4](i);
     },
     p: d,
     i: d,
     o: d,
     d(n) {
-      n && y(i), t[4](null);
+      n && b(i), t[4](null);
     }
   };
 }
 function j(t, i, n) {
   let { clientstyling: l = "" } = i, { clientstylingurl: a = "" } = i, { mbsource: r } = i, s;
-  b(() => () => {
+  v(() => () => {
   });
   function o(e) {
-    v[e ? "unshift" : "push"](() => {
+    S[e ? "unshift" : "push"](() => {
       s = e, n(0, s);
     });
   }
@@ -32,9 +32,9 @@ function j(t, i, n) {
     "clientstyling" in e && n(1, l = e.clientstyling), "clientstylingurl" in e && n(2, a = e.clientstylingurl), "mbsource" in e && n(3, r = e.mbsource);
   }, t.$$.update = () => {
     t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && l && s && x(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && a && s && _(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
-    9 && r && s && S(s, `${r}.Style`);
+    3 && l && s && k(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && a && s && x(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
+    9 && r && s && _(s, `${r}.Style`);
   }, [
     s,
     l,
@@ -43,20 +43,20 @@ function j(t, i, n) {
     o
   ];
 }
-class w extends u {
+class q extends u {
   constructor(i) {
     super(), f(
       this,
       i,
       j,
       L,
-      m,
+      g,
       {
         clientstyling: 1,
         clientstylingurl: 2,
         mbsource: 3
       },
-      k
+      C
     );
   }
   get clientstyling() {
@@ -78,7 +78,7 @@ class w extends u {
     this.$$set({ mbsource: i }), c();
   }
 }
-C(w, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+m(q, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
 export {
-  w as default
+  q as default
 };

package/components/{GeneralAnimationLoading-swHQRr7H.js → GeneralAnimationLoading-uswxvfCW.js}

@@ -1,30 +1,30 @@
-import { S as u, i as f, s as m, f as c, b as g, n as d, d as y, h, j as p, o as b, C as v, I as x, J as _, K as S, L as C } from "./CasinoCalendar-BWZKTjt3.js";
-function k(t) {
-  g(t, "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)}}");
+import { S as u, i as f, f as c, c as m, s as g, b as y, e as h, d as p, G as d, j as b, o as v, l as x, m as _, q as S, r as k } from "./CasinoCalendar-6ncpIgng.js";
+function C(t) {
+  y(t, "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)}}");
 }
 function L(t) {
   let i;
   return {
     c() {
-      i = p("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
+      i = h("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
     },
     m(n, l) {
-      h(n, i, l), t[4](i);
+      p(n, i, l), t[4](i);
     },
     p: d,
     i: d,
     o: d,
     d(n) {
-      n && y(i), t[4](null);
+      n && b(i), t[4](null);
     }
   };
 }
 function j(t, i, n) {
   let { clientstyling: l = "" } = i, { clientstylingurl: a = "" } = i, { mbsource: r } = i, s;
-  b(() => () => {
+  v(() => () => {
   });
   function o(e) {
-    v[e ? "unshift" : "push"](() => {
+    S[e ? "unshift" : "push"](() => {
       s = e, n(0, s);
     });
   }
@@ -32,9 +32,9 @@ function j(t, i, n) {
     "clientstyling" in e && n(1, l = e.clientstyling), "clientstylingurl" in e && n(2, a = e.clientstylingurl), "mbsource" in e && n(3, r = e.mbsource);
   }, t.$$.update = () => {
     t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && l && s && x(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && a && s && _(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
-    9 && r && s && S(s, `${r}.Style`);
+    3 && l && s && k(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && a && s && x(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
+    9 && r && s && _(s, `${r}.Style`);
   }, [
     s,
     l,
@@ -43,20 +43,20 @@ function j(t, i, n) {
     o
   ];
 }
-class w extends u {
+class q extends u {
   constructor(i) {
     super(), f(
       this,
       i,
       j,
       L,
-      m,
+      g,
       {
         clientstyling: 1,
         clientstylingurl: 2,
         mbsource: 3
       },
-      k
+      C
     );
   }
   get clientstyling() {
@@ -78,7 +78,7 @@ class w extends u {
     this.$$set({ mbsource: i }), c();
   }
 }
-C(w, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+m(q, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
 export {
-  w as default
+  q as default
 };

package/es2015/casino-lobby.cjs

@@ -1 +1 @@
-"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}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=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoLobby-BUcjKu4u.cjs")).then(({default:t})=>{!customElements.get("casino-lobby")&&customElements.define("casino-lobby",t.element)})}
+"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}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=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoLobby-CYqI5Bvp.cjs")).then(({default:t})=>{!customElements.get("casino-lobby")&&customElements.define("casino-lobby",t.element)})}

package/es2015/casino-lobby.js

@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import("../components/CasinoLobby-DngFRvmY.js").then(({ default: t }) => {
+  customElements.define = n(customElements.define), import("../components/CasinoLobby-BRiasSXJ.js").then(({ default: t }) => {
     !customElements.get("casino-lobby") && customElements.define("casino-lobby", t.element);
   });
 }

package/esnext/casino-lobby.js

@@ -1,4 +1,4 @@
-import { C as s } from "../components/CasinoLobby--nSc5THC.js";
+import { C as s } from "../components/CasinoLobby-AoZlXLOV.js";
 function o(t) {
   return function(...n) {
     try {

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@everymatrix/casino-lobby",
-  "version": "1.59.0",
+  "version": "1.59.2",
   "type": "module",
   "main": "esnext/casino-lobby.js",
   "module": "esnext/casino-lobby.js",
   "exports": {
     ".": {
-      "import": "./esnext/casino-lobby.js"
+      "import": "./esnext/casino-lobby.js",
+      "require": "./es2015/casino-lobby.cjs"
     },
     "./es2015/casino-lobby.cjs": "./es2015/casino-lobby.cjs",
     "./es2015/casino-lobby.js": "./es2015/casino-lobby.js"

package/stencil/app-globals-0f993ce5-BD-Q0C8R.cjs

@@ -0,0 +1 @@
+"use strict";const l=()=>{},s=()=>{};exports.globalScripts=l;exports.globalScripts$1=s;

package/stencil/app-globals-0f993ce5-Cgk0KVAu.js

@@ -0,0 +1,7 @@
+const s = () => {
+}, a = () => {
+};
+export {
+  a,
+  s as g
+};

package/stencil/{casino-play-random-game-BOnTgUqC.js → casino-play-random-game-BW66Civ1.js}

@@ -14,19 +14,19 @@ var p = (n, e, a) => new Promise((t, o) => {
   }, c = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(m, d);
   c((a = a.apply(n, e)).next());
 });
-import { b as w, p as y, r as x, h as i, g as b } from "./index-510a6ba4-1RrL4Z6e.js";
-import { g as G } from "./app-globals-0f993ce5-D-kw1sls.js";
-var v = () => {
+import { b as w, p as y, r as x, c as b, h as i, g as G } from "./index-ab3202d6-BW1TSmQg.js";
+import { g as v } from "./app-globals-0f993ce5-Cgk0KVAu.js";
+var R = () => {
   const n = import.meta.url, e = {};
   return n !== "" && (e.resourcesUrl = new URL(".", n).href), y(e);
 };
-v().then((n) => p(void 0, null, function* () {
-  return yield G(), w([["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"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n);
+R().then((n) => p(void 0, null, function* () {
+  return yield v(), w([["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"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n);
 }));
-const R = () => {
+const C = () => {
   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";
-}, C = "en", l = {
+}, k = "en", l = {
   en: {
     error: "Error",
     randomGameLoading: "Loading ...",
@@ -79,7 +79,7 @@ const R = () => {
   });
 }), s = (n, e) => {
   const a = e;
-  return l[a !== void 0 && a in l ? a : C][n];
+  return l[a !== void 0 && a in l ? a : k][n];
 };
 function u(n, e) {
   if (n) {
@@ -96,7 +96,7 @@ function f(n, e) {
     console.error("There was an error while trying to load client styling from URL", t);
   });
 }
-function k(n, e, a) {
+function S(n, e, a) {
   if (window.emMessageBus) {
     const t = document.createElement("style");
     window.emMessageBus.subscribe(e, (o) => {
@@ -104,7 +104,7 @@ function k(n, e, a) {
     });
   }
 }
-const S = `:host {
+const L = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -474,9 +474,9 @@ const S = `:host {
     width: 70px;
     height: 85px;
   }
-}`, F = S, L = class {
+}`, F = L, I = class {
   constructor(n) {
-    x(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+    x(this, n), this.dataLoaded = b(this, "data-loaded", 7), 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]];
@@ -508,20 +508,22 @@ const S = `:host {
       return this.fetchGameList();
   }
   componentDidLoad() {
-    window.emMessageBus != null ? k(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && u(this.stylingContainer, this.clientStyling), this.clientStylingUrl && f(this.stylingContainer, this.clientStylingUrl));
+    window.emMessageBus != null ? S(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && u(this.stylingContainer, this.clientStyling), this.clientStylingUrl && f(this.stylingContainer, this.clientStylingUrl));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   fetchGameList() {
     let n = new URL(`${this.endpoint}/v1/casino/games`);
-    return n.searchParams.append("platform", R()), 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) => {
+    return n.searchParams.append("platform", C()), 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);
       }).finally(() => {
-        this.isLoading = !1;
+        this.isLoading = !1, this.dataLoaded.emit({
+          target: this.host
+        });
       });
     });
   }
@@ -582,7 +584,7 @@ const S = `:host {
       return i("div", { class: "RandomGameWrapper", ref: (n) => this.stylingContainer = n }, 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)))));
   }
   get host() {
-    return b(this);
+    return G(this);
   }
   static get watchers() {
     return {
@@ -596,7 +598,7 @@ const S = `:host {
     };
   }
 };
-L.style = F;
+I.style = F;
 export {
-  L as casino_play_random_game
+  I as casino_play_random_game
 };

package/stencil/{casino-play-random-game-NcJEjFWA.js → casino-play-random-game-Bk7toWLj.js}

@@ -1,14 +1,14 @@
-import { b as p, p as g, r as u, h as i, g as f } from "./index-510a6ba4-CNr-xCZE.js";
-import { g as w } from "./app-globals-0f993ce5-D-kw1sls.js";
-var y = () => {
+import { b as p, p as g, r as u, c as f, h as i, g as w } from "./index-ab3202d6-CkTejM5U.js";
+import { g as y } from "./app-globals-0f993ce5-Cgk0KVAu.js";
+var x = () => {
   const n = import.meta.url, e = {};
   return n !== "" && (e.resourcesUrl = new URL(".", n).href), g(e);
 };
-y().then(async (n) => (await w(), p([["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"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n)));
-const x = () => {
+x().then(async (n) => (await y(), p([["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"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n)));
+const b = () => {
   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";
-}, b = "en", s = {
+}, G = "en", s = {
   en: {
     error: "Error",
     randomGameLoading: "Loading ...",
@@ -61,7 +61,7 @@ const x = () => {
   });
 }), r = (n, e) => {
   const t = e;
-  return s[t !== void 0 && t in s ? t : b][n];
+  return s[t !== void 0 && t in s ? t : G][n];
 };
 function m(n, e) {
   if (n) {
@@ -78,7 +78,7 @@ function d(n, e) {
     console.error("There was an error while trying to load client styling from URL", a);
   });
 }
-function G(n, e, t) {
+function v(n, e, t) {
   if (window.emMessageBus) {
     const a = document.createElement("style");
     window.emMessageBus.subscribe(e, (o) => {
@@ -86,7 +86,7 @@ function G(n, e, t) {
     });
   }
 }
-const v = `:host {
+const R = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -456,9 +456,9 @@ const v = `:host {
     width: 70px;
     height: 85px;
   }
-}`, R = v, C = class {
+}`, C = R, k = class {
   constructor(n) {
-    u(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+    u(this, n), this.dataLoaded = f(this, "data-loaded", 7), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
       let t = e.length, a;
       for (; t !== 0; )
         a = Math.floor(Math.random() * t), t--, [e[t], e[a]] = [e[a], e[t]];
@@ -490,20 +490,22 @@ const v = `:host {
       return this.fetchGameList();
   }
   componentDidLoad() {
-    window.emMessageBus != null ? G(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl));
+    window.emMessageBus != null ? v(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   fetchGameList() {
     let n = new URL(`${this.endpoint}/v1/casino/games`);
-    return n.searchParams.append("platform", x()), 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, t) => {
+    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, t) => {
       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, t(a);
       }).finally(() => {
-        this.isLoading = !1;
+        this.isLoading = !1, this.dataLoaded.emit({
+          target: this.host
+        });
       });
     });
   }
@@ -564,7 +566,7 @@ const v = `:host {
       return i("div", { class: "RandomGameWrapper", ref: (n) => this.stylingContainer = n }, 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() }, r("playRandomGame", this.language)))));
   }
   get host() {
-    return f(this);
+    return w(this);
   }
   static get watchers() {
     return {
@@ -578,7 +580,7 @@ const v = `:host {
     };
   }
 };
-C.style = R;
+k.style = C;
 export {
-  C as casino_play_random_game
+  k as casino_play_random_game
 };

package/stencil/{casino-play-random-game-DjdZ0XM0.cjs → casino-play-random-game-CKM_xKne.cjs}

@@ -1,4 +1,4 @@
-"use strict";var g=(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())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-510a6ba4-eEczisTR.cjs"),x=require("./app-globals-0f993ce5-sCt45RkC.cjs");var p=typeof document!="undefined"?document.currentScript:null,b=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:p&&p.tagName.toUpperCase()==="SCRIPT"&&p.src||new URL("stencil/casino-play-random-game-DjdZ0XM0.cjs",document.baseURI).href,e={};return n!==""&&(e.resourcesUrl=new URL(".",n).href),i.promiseResolve(e)};b().then(n=>g(exports,null,function*(){return yield x.globalScripts(),i.bootstrapLazy([["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"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],hasErrors:[32],isLoading:[32],gamesToShow:[32],selectedGame:[32],animationDone:[32],animationStarted:[32]},null,{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],n)}));const G=()=>{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={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rasgele bir oyun oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},u=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]}),e(!0)})}),s=(n,e)=>{const a=e;return l[a!==void 0&&a in l?a:v][n]};function f(n,e){if(n){const a=document.createElement("style");a.innerHTML=e,n.appendChild(a)}}function w(n,e){const a=new URL(e);fetch(a.href).then(t=>t.text()).then(t=>{const o=document.createElement("style");o.innerHTML=t,n&&n.appendChild(o)}).catch(t=>{console.error("There was an error while trying to load client styling from URL",t)})}function R(n,e,a){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(e,o=>{t.innerHTML=o,n&&n.appendChild(t)})}}const C=`:host {
+"use strict";var g=(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())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-ab3202d6-C6VFhXtX.cjs"),x=require("./app-globals-0f993ce5-BD-Q0C8R.cjs");var p=typeof document!="undefined"?document.currentScript:null,b=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:p&&p.tagName.toUpperCase()==="SCRIPT"&&p.src||new URL("stencil/casino-play-random-game-CKM_xKne.cjs",document.baseURI).href,e={};return n!==""&&(e.resourcesUrl=new URL(".",n).href),i.promiseResolve(e)};b().then(n=>g(exports,null,function*(){return yield x.globalScripts(),i.bootstrapLazy([["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"],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],hasErrors:[32],isLoading:[32],gamesToShow:[32],selectedGame:[32],animationDone:[32],animationStarted:[32]},null,{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],n)}));const G=()=>{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={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rasgele bir oyun oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},u=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]}),e(!0)})}),s=(n,e)=>{const a=e;return l[a!==void 0&&a in l?a:v][n]};function f(n,e){if(n){const a=document.createElement("style");a.innerHTML=e,n.appendChild(a)}}function w(n,e){const a=new URL(e);fetch(a.href).then(t=>t.text()).then(t=>{const o=document.createElement("style");o.innerHTML=t,n&&n.appendChild(o)}).catch(t=>{console.error("There was an error while trying to load client styling from URL",t)})}function R(n,e,a){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(e,o=>{t.innerHTML=o,n&&n.appendChild(t)})}}const C=`:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -368,4 +368,4 @@
     width: 70px;
     height: 85px;
   }
-}`,S=C,y=class{constructor(n){i.registerInstance(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]];return e},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!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,u(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(n,e){n!=e&&f(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(n,e){n!=e&&this.clientStylingUrl&&w(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&u(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){window.emMessageBus!=null?R(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&f(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&w(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let n=new URL(`${this.endpoint}/v1/casino/games`);return n.searchParams.append("platform",G()),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)}).finally(()=>{this.isLoading=!1})})}setUpGames(n){const e=this.shuffle(n).slice(0,40);return e.concat(e)}selectRandomGame(){const n=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(n-3)),this.selectedGameIndex+=n,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}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+a/2-t/2,m=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${o}px)`,scale:1}],d={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(m,d),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return i.h("div",{class:"RandomButtonsWrapper"},i.h("div",{class:"RandomGameDetails"},i.h("span",{class:"RandomGameTitle"},this.selectedGame.name),i.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),i.h("div",{class:"RandomButtons"},i.h("button",{class:"RandomButton On",onClick:()=>this.respin()},s("spinRandomGame",this.language)),!this.launchByGameCard&&i.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},s("playNowRandomGame",this.language))))}render(){if(this.hasErrors)return i.h("div",{class:"RandomGameError"},i.h("div",{class:"Title"},s("error",this.language)));if(this.isLoading)return i.h("div",{class:"RandomGameLoading"},i.h("div",{class:"Title"},s("randomGameLoading",this.language)));if(!this.isLoading)return i.h("div",{class:"RandomGameWrapper",ref:n=>this.stylingContainer=n},i.h("div",{class:"GameContainerGradient"}),i.h("div",{class:"GamesContainer",ref:n=>this.gameContainer=n},this.gamesToShow&&this.gamesToShow.map((n,e)=>i.h("div",{class:"RandomGameCard",key:e,onClick:this.launchByGameCard==="true"?()=>this.playGame():null},i.h("div",{class:"RandomGameVendor"},n.vendor.name),i.h("img",{class:"RandomGameImage",src:n.thumbnail,alt:n.name,title:n.name}),this.selectedGame&&this.selectedGameIndex===e&&this.renderGameDetails()))),i.h("div",{class:`ButtonWrapper  ${this.animationDone?"HideAnimation":""}`},i.h("div",{class:"ButtonContainer"},this.iconVisibility&&i.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},i.h("div",{class:"QustionMark"},"?"),i.h("div",{class:"HexagonMarkShadow"}),i.h("div",{class:"HexagonMark"})),!this.animationStarted&&i.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},s("playRandomGame",this.language)))))}get host(){return i.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};y.style=S;exports.casino_play_random_game=y;
+}`,S=C,y=class{constructor(n){i.registerInstance(this,n),this.dataLoaded=i.createEvent(this,"data-loaded",7),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]];return e},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!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,u(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(n,e){n!=e&&f(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(n,e){n!=e&&this.clientStylingUrl&&w(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&u(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){window.emMessageBus!=null?R(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&f(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&w(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let n=new URL(`${this.endpoint}/v1/casino/games`);return n.searchParams.append("platform",G()),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)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(n){const e=this.shuffle(n).slice(0,40);return e.concat(e)}selectRandomGame(){const n=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(n-3)),this.selectedGameIndex+=n,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}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+a/2-t/2,m=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${o}px)`,scale:1}],d={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(m,d),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return i.h("div",{class:"RandomButtonsWrapper"},i.h("div",{class:"RandomGameDetails"},i.h("span",{class:"RandomGameTitle"},this.selectedGame.name),i.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),i.h("div",{class:"RandomButtons"},i.h("button",{class:"RandomButton On",onClick:()=>this.respin()},s("spinRandomGame",this.language)),!this.launchByGameCard&&i.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},s("playNowRandomGame",this.language))))}render(){if(this.hasErrors)return i.h("div",{class:"RandomGameError"},i.h("div",{class:"Title"},s("error",this.language)));if(this.isLoading)return i.h("div",{class:"RandomGameLoading"},i.h("div",{class:"Title"},s("randomGameLoading",this.language)));if(!this.isLoading)return i.h("div",{class:"RandomGameWrapper",ref:n=>this.stylingContainer=n},i.h("div",{class:"GameContainerGradient"}),i.h("div",{class:"GamesContainer",ref:n=>this.gameContainer=n},this.gamesToShow&&this.gamesToShow.map((n,e)=>i.h("div",{class:"RandomGameCard",key:e,onClick:this.launchByGameCard==="true"?()=>this.playGame():null},i.h("div",{class:"RandomGameVendor"},n.vendor.name),i.h("img",{class:"RandomGameImage",src:n.thumbnail,alt:n.name,title:n.name}),this.selectedGame&&this.selectedGameIndex===e&&this.renderGameDetails()))),i.h("div",{class:`ButtonWrapper  ${this.animationDone?"HideAnimation":""}`},i.h("div",{class:"ButtonContainer"},this.iconVisibility&&i.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},i.h("div",{class:"QustionMark"},"?"),i.h("div",{class:"HexagonMarkShadow"}),i.h("div",{class:"HexagonMark"})),!this.animationStarted&&i.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},s("playRandomGame",this.language)))))}get host(){return i.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};y.style=S;exports.casino_play_random_game=y;