@everymatrix/casino-lobby 1.74.8 → 1.74.10

package/components/{GeneralAnimationLoading-D47HGjTy.cjs → GeneralAnimationLoading-CUK4MKI8.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./CasinoCalendar-BGhJ1cEV.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-Bo-lripz.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-eg8O-l55.js → GeneralAnimationLoading-DUAt1hpi.js}

@@ -1,4 +1,4 @@
-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-BMDbprh6.js";
+import { S as u, i as f, f as c, c as m, s as g, b as y, e as p, d as h, G as d, j as b, o as v, n as x, p as _, q as S, r as k } from "./CasinoCalendar-CzMBlFEu.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)}}");
 }
@@ -6,10 +6,10 @@ function L(t) {
   let i;
   return {
     c() {
-      i = h("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
+      i = p("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
     },
     m(n, l) {
-      p(n, i, l), t[4](i);
+      h(n, i, l), t[4](i);
     },
     p: d,
     i: d,
@@ -24,7 +24,7 @@ function j(t, i, n) {
   v(() => () => {
   });
   function o(e) {
-    S[e ? "unshift" : "push"](() => {
+    x[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 && k(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && a && s && x(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
-    9 && r && s && _(s, `${r}.Style`);
+    3 && l && s && _(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && a && s && S(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
+    9 && r && s && k(s, `${r}.Style`);
   }, [
     s,
     l,

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-nUsTGR-H.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-Yi98Oora.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-BN2EJtl2.js").then(({ default: t }) => {
+  customElements.define = n(customElements.define), import("../components/CasinoLobby-2yiegknV.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-D8qvx3h6.js";
+import { C as s } from "../components/CasinoLobby-C-nPEaqC.js";
 function o(t) {
   return function(...n) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-lobby",
-  "version": "1.74.8",
+  "version": "1.74.10",
   "type": "module",
   "main": "es2015/casino-lobby.cjs",
   "module": "esnext/casino-lobby.js",

package/stencil/casino-play-random-game-BGnpW6-t.js

@@ -0,0 +1,25 @@
+var l = (i, a, t) => new Promise((s, o) => {
+  var c = (n) => {
+    try {
+      e(t.next(n));
+    } catch (r) {
+      o(r);
+    }
+  }, g = (n) => {
+    try {
+      e(t.throw(n));
+    } catch (r) {
+      o(r);
+    }
+  }, e = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(c, g);
+  e((t = t.apply(i, a)).next());
+});
+import { b as m, p as u } from "./index-328e660d-CgCMs0nk.js";
+import { g as d } from "./app-globals-0f993ce5-DfNOCk8l.js";
+var h = () => {
+  const i = import.meta.url, a = {};
+  return i !== "" && (a.resourcesUrl = new URL(".", i).href), u(a);
+};
+h().then((i) => l(void 0, null, function* () {
+  return yield d(), m([["casino-play-random-game_2", [[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"] }], [0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [8, "border-radius"], marginBottom: [8, "margin-bottom"], marginTop: [8, "margin-top"], marginLeft: [8, "margin-left"], marginRight: [8, "margin-right"], animation: [4], rows: [2], size: [1] }, null, { structure: ["handleStructureChange"] }]]]], i);
+}));

package/stencil/casino-play-random-game-Dkt8_s5i.js

@@ -0,0 +1,7 @@
+import { b as a, p as t } from "./index-328e660d-DIiqSVTN.js";
+import { g as e } from "./app-globals-0f993ce5-DfNOCk8l.js";
+var r = () => {
+  const n = import.meta.url, i = {};
+  return n !== "" && (i.resourcesUrl = new URL(".", n).href), t(i);
+};
+r().then(async (n) => (await e(), a([["casino-play-random-game_2", [[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"] }], [0, "ui-skeleton", { structure: [1], width: [1], height: [1], borderRadius: [8, "border-radius"], marginBottom: [8, "margin-bottom"], marginTop: [8, "margin-top"], marginLeft: [8, "margin-left"], marginRight: [8, "margin-right"], animation: [4], rows: [2], size: [1] }, null, { structure: ["handleStructureChange"] }]]]], n)));

package/stencil/casino-play-random-game-DxDk4Aim.cjs

@@ -0,0 +1 @@
+"use strict";var c=(e,i,t)=>new Promise((u,l)=>{var m=n=>{try{a(t.next(n))}catch(r){l(r)}},d=n=>{try{a(t.throw(n))}catch(r){l(r)}},a=n=>n.done?u(n.value):Promise.resolve(n.value).then(m,d);a((t=t.apply(e,i)).next())});const s=require("./index-328e660d-pKNw3-4H.cjs"),g=require("./app-globals-0f993ce5-4b17CI_n.cjs");var o=typeof document!="undefined"?document.currentScript:null,h=()=>{const e=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:o&&o.tagName.toUpperCase()==="SCRIPT"&&o.src||new URL("stencil/casino-play-random-game-DxDk4Aim.cjs",document.baseURI).href,i={};return e!==""&&(i.resourcesUrl=new URL(".",e).href),s.promiseResolve(i)};h().then(e=>c(exports,null,function*(){return yield g.globalScripts(),s.bootstrapLazy([["casino-play-random-game_2",[[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"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],e)}));

package/stencil/casino-play-random-game_2-BxEiwCaH.cjs

@@ -0,0 +1,432 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-328e660d-pKNw3-4H.cjs"),p=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},w="en",r={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"}},l=e=>new Promise(t=>{fetch(e).then(i=>i.json()).then(i=>{Object.keys(i).forEach(a=>{r[a]||(r[a]={});for(let o in i[a])r[a][o]=i[a][o]}),t(!0)})}),s=(e,t)=>{const i=t;return r[i!==void 0&&i in r?i:w][e]};function m(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function d(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const o=document.createElement("style");o.innerHTML=a,e&&e.appendChild(o)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function f(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,o=>{a.innerHTML=o,e&&e.appendChild(a)})}}const y=`:host {
+  display: block;
+  font-family: inherit;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+:host * {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.RandomGameWrapper {
+  width: 100%;
+  height: var(--emw--size-4x-medium, 700px);
+  background: transparent;
+  position: relative;
+  overflow: hidden;
+}
+
+.GameContainerGradient {
+  position: absolute;
+  top: 10%;
+  left: -5px;
+  width: 100vw;
+  height: 80%;
+  background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.5) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.5) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+  pointer-events: none;
+  z-index: 1;
+  filter: blur(10px);
+}
+
+.GamesContainer {
+  display: flex;
+  height: var(--emw--size-4x-medium, 600px);
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: flex-start;
+  gap: var(--emw--spacing-large, 20px);
+}
+
+.RandomGameCard {
+  position: relative;
+  width: var(--emw--size-3x-medium, 300px);
+  height: var(--emw--size-4x-medium, 420px);
+  border-radius: var(--emw--border-radius-large, 10px);
+  top: 8%;
+  filter: blur(5px);
+}
+.RandomGameCard .RandomGameVendor {
+  position: absolute;
+  font-size: var(--emw--font-size-x-small, 12px);
+  bottom: var(--emw--spacing-small-minus, 10px);
+  left: var(--emw--spacing-small-minus, 10px);
+  color: var(--emw--color-typography, #FFFFFF);
+}
+
+.TheRandomGame {
+  animation-name: ZoomFadeIn;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+  -webkit-animation-name: ZoomFadeIn;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  opacity: 1;
+  cursor: pointer;
+  filter: blur(0);
+}
+
+.RandomGameImage {
+  width: inherit;
+  height: inherit;
+  object-fit: cover;
+  border-radius: var(--emw--border-radius-large, 10px);
+}
+
+.RandomGameDetails {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--emw--color-typography, #FFFFFF);
+  font-size: var(--emw--font-size-small, 14px);
+  width: 100%;
+}
+.RandomGameDetails .RandomGameTitle {
+  line-height: 18px;
+  margin: 5px 0;
+}
+.RandomGameDetails .RandomGameInfo {
+  border-radius: 50%;
+  width: var(--emw--spacing-medium, 16px);
+  height: var(--emw--spacing-medium, 16px);
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  border: solid 1px var(--emw--color-typography, #FFFFFF);
+  text-align: center;
+  margin: var(--emw--spacing-2x-small, 4px) 0;
+  line-height: 14px;
+  cursor: pointer;
+}
+.RandomGameDetails .RandomGamePlay {
+  background: var(--emw--color-primary, #4bd004);
+  color: var(--emw--color-typography, #FFFFFF);
+  border: none;
+  border-radius: var(--emw--border-radius-medium, 5px);
+  width: 200px;
+  height: 40px;
+  font-size: var(--emw--font-size-small, 14px);
+  cursor: pointer;
+}
+
+.ButtonWrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 20;
+}
+
+.ButtonContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  position: relative;
+}
+
+.ButtonIcon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+}
+
+.QustionMark {
+  position: absolute;
+  font-family: sans-serif;
+  font-size: 120px;
+  font-weight: 900;
+  color: color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 10%);
+  text-shadow: 0px 12px 0px color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 50%);
+  left: 50%;
+  top: -20%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+
+.HexagonMarkShadow {
+  width: 100px;
+  height: 115px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 70%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.HexagonMark {
+  position: absolute;
+  width: var(--emw--size-medium, 90px);
+  height: 105px;
+  background: linear-gradient(to bottom, color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 20%) 0%, var(--emw--categories-color-secondary, var(--emw--color-secondary, #eeac4a)) 100%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.RandomButtons {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+  width: 100%;
+  position: relative;
+  z-index: 10;
+}
+
+.RandomButton {
+  font-size: var(--emw--font-size-large, 12px);
+  text-transform: uppercase;
+  width: max-content;
+  border-radius: var(--emw--button-border-radius, 10px);
+  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-2x-large, 40px);
+  border: solid 3px var(--emw--button-border-color, #063B17);
+  color: var(--emw--button-text-color, #FFFFFF);
+  opacity: 1;
+  animation: ButtonEffect 3s linear infinite;
+  background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));
+  background-size: 300% 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 10;
+}
+.RandomButton:hover {
+  opacity: 0.8;
+}
+
+.HideAnimation {
+  filter: blur(5px);
+  animation: AnimateButton 0.2s forwards;
+}
+
+.Flip {
+  animation-name: Flip, Blur;
+  animation-duration: 0.75s, 3s;
+  animation-iteration-count: infinite, 1;
+  -webkit-animation-name: Flip, Blur;
+  -webkit-animation-duration: 0.75s, 3s;
+  -webkit-animation-iteration-count: infinite, 1;
+}
+
+@keyframes ButtonEffect {
+  0% {
+    background-position: 0% 50%;
+  }
+  33% {
+    background-position: 100% 50%;
+  }
+  66% {
+    background-position: 200% 50%;
+  }
+  100% {
+    background-position: 300% 50%;
+  }
+}
+@keyframes ZoomFadeIn {
+  0% {
+    transform: scale(0.2) translateY(0);
+    filter: blur(5px);
+    opacity: 0.3;
+  }
+  50% {
+    transform: scale(1.1) translateY(-30px);
+    filter: blur(2px);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1) translateY(-30px);
+    filter: blur(0px);
+    opacity: 1;
+  }
+}
+@keyframes AnimateButton {
+  0% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 0;
+    display: none;
+  }
+}
+@keyframes Flip {
+  0% {
+    transform: rotateY(0deg);
+  }
+  50% {
+    transform: rotateY(180deg);
+  }
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+@keyframes Blur {
+  0% {
+    filter: blur(0);
+  }
+  50% {
+    filter: blur(1px);
+  }
+  100% {
+    filter: blur(3px);
+  }
+}
+@media screen and (max-width: 480px) {
+  .RandomButtons .RandomButton {
+    font-size: var(--emw--font-size-medium, 12px);
+  }
+}
+@container (max-width: 475px) {
+  .GamesContainer {
+    height: inherit;
+    gap: var(--emw--spacing-2x-small, 5px);
+  }
+  .RandomGameWrapper {
+    width: 100%;
+    height: 300px;
+    overflow: hidden;
+    background: transparent;
+    position: relative;
+  }
+  .GameContainerGradient {
+    position: absolute;
+    top: 10%;
+    left: -5px;
+    width: 100vw;
+    height: 80%;
+    background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.2) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.2) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+    pointer-events: none;
+    z-index: 1;
+    filter: blur(5px);
+  }
+  .RandomGameCard {
+    width: 100px;
+    height: 150px;
+    top: 0%;
+    border-radius: var(--emw--border-radius-medium, 4px);
+    filter: blur(5px);
+  }
+  .RandomGameImage {
+    width: 102px;
+    height: inherit;
+    top: 0%;
+  }
+  .RandomGameDetails {
+    font-size: 14px;
+    width: 100%;
+  }
+  .RandomGameDetails .RandomGameTitle {
+    margin: 5px 0;
+    line-height: 18px;
+    width: 75%;
+  }
+  .RandomGameDetails .RandomGameInfo {
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    font-size: var(--emw--font-size-x-small, 12px);
+    line-height: 14px;
+  }
+  .RandomGameDetails .RandomGamePlay {
+    background: var(--emw--color-primary, #52d004);
+    color: var(--emw--color-typography, #FFFFFF);
+    border: none;
+    border-radius: 5px;
+    width: 200px;
+    height: 40px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .RandomGameCard .RandomGameVendor {
+    font-size: var(--emw--font-size-x-small, 12px);
+    bottom: 5px;
+    right: 5px;
+  }
+  .RandomButtons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+  }
+  .RandomButton {
+    font-size: var(--emw--font-size-x-small, 12px);
+    padding: 10px 15px;
+    border: solid 1px var(--emw--button-border-color, #063B17);
+  }
+  .QustionMark {
+    font-size: 100px;
+    font-weight: 700;
+  }
+  .HexagonMarkShadow {
+    width: 80px;
+    height: 95px;
+  }
+  .HexagonMark {
+    width: 70px;
+    height: 85px;
+  }
+}`,x=y,h=class{constructor(e){n.registerInstance(this,e),this.dataLoaded=n.createEvent(this,"data-loaded"),this.animation=null,this.selectedGameIndex=null,this.selectedGameEl=null,this.iconVisibility=null,this.shuffle=t=>{let i=t.length,a;for(;i!==0;)a=Math.floor(Math.random()*i),i--,[t[i],t[a]]=[t[a],t[i]];return t},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(e,t){e&&e!=t&&this.endpoint&&this.fetchGameList()}handleNewTranslations(){this.isLoading=!0,l(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(e,t){e!=t&&m(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&d(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&l(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){window.emMessageBus!=null?f(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 e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",p()),e.searchParams.append("datasource",this.datasource),e.searchParams.append("fields","gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"),e.searchParams.append("expand","vendor"),e.searchParams.append("pagination","offset=0,limit=423"),e.searchParams.append("language",this.language),this.specificCategory&&e.searchParams.append("filter",`categories(id=${this.specificCategory})`),new Promise((t,i)=>{this.isLoading=!0,fetch(e.href).then(a=>a.json()).then(a=>{this.gamesToShow=this.setUpGames(a==null?void 0:a.items),t(!0)}).catch(a=>{console.error(a),this.hasErrors=!0,i(a)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(e){const t=this.shuffle(e).slice(0,40);return t.concat(t)}selectRandomGame(){const e=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(e-3)),this.selectedGameIndex+=e,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 e=window.getComputedStyle(this.gameContainer).getPropertyValue("gap"),t=parseInt(e,10),i=this.selectedGameEl.offsetWidth,a=this.gameContainer.offsetWidth,o=(i+t)*this.selectedGameIndex+i/2-a/2,g=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${o}px)`,scale:1}],u={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(g,u),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 n.h("div",{class:"RandomButtonsWrapper"},n.h("div",{class:"RandomGameDetails"},n.h("span",{class:"RandomGameTitle"},this.selectedGame.name),n.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),n.h("div",{class:"RandomButtons"},n.h("button",{class:"RandomButton On",onClick:()=>this.respin()},s("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},s("playNowRandomGame",this.language))))}renderSkeleton(){const e=Array.from({length:5},(t,i)=>n.h("div",{class:"RandomGameCard",key:i},n.h("ui-skeleton",{structure:"rectangle",width:"300px",height:"420px",borderRadius:"10px",animation:!0})));return n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer"},e))}render(){return n.h("div",{key:"ccc1e77093402e72a300ded18465085c182fbd79",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},s("error",this.language))):this.isLoading?this.renderSkeleton():n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer",ref:e=>this.gameContainer=e},this.gamesToShow&&this.gamesToShow.map((e,t)=>n.h("div",{class:"RandomGameCard",key:t,onClick:this.launchByGameCard==="true"?()=>this.playGame():void 0},n.h("div",{class:"RandomGameVendor"},e.vendor.name),n.h("img",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name}),this.selectedGame&&this.selectedGameIndex===t&&this.renderGameDetails()))),n.h("div",{class:`ButtonWrapper ${this.animationDone?"HideAnimation":""}`},n.h("div",{class:"ButtonContainer"},this.iconVisibility&&n.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},n.h("div",{class:"QustionMark"},"?"),n.h("div",{class:"HexagonMarkShadow"}),n.h("div",{class:"HexagonMark"})),!this.animationStarted&&n.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},s("playRandomGame",this.language))))))}get host(){return n.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=x;const b=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",k=b,c=class{constructor(e){n.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return n.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return n.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,t)=>n.h("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+          :host {
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"image":e=`
+          :host {
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"title":e=`
+          :host {
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"text":e=`
+          :host {
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"rectangle":e=`
+          :host {
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"circle":e=`
+          :host {
+            --emw-skeleton-circle-size: ${this.stylingValue.size};
+          }
+        `;break;default:e=""}return n.h(n.Host,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},n.h("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};c.style=k;exports.casino_play_random_game=h;exports.ui_skeleton=c;