@everymatrix/casino-page-nd 1.53.11 → 1.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/components/{CasinoCalendar-pVz7jYqi.js → CasinoCalendar-B2vomzsf.js} +1205 -1166
  2. package/components/CasinoCalendar-CDVrxyQe.cjs +6 -0
  3. package/components/CasinoCalendarDailyDetails-7zAb7BF9.cjs +1 -0
  4. package/components/{CasinoCalendarDailyDetails-D7GkfhmR.js → CasinoCalendarDailyDetails-BCGdQSNl.js} +1 -1
  5. package/components/CasinoCalendarDailyItem-4YHj0r9V.cjs +1 -0
  6. package/components/{CasinoCalendarDailyItem-CU9qMJji.js → CasinoCalendarDailyItem-BzgTjc6A.js} +1 -1
  7. package/components/CasinoCollectionsProviders-D4MAEEgW.cjs +1 -0
  8. package/components/{CasinoCollectionsProviders-DxgdPTXN.js → CasinoCollectionsProviders-D6rovYy_.js} +242 -237
  9. package/components/CasinoFavoritesSectionNd-CbF2hHrz.cjs +1 -0
  10. package/components/{CasinoFavoritesSectionNd-B8EIXq01.js → CasinoFavoritesSectionNd-INQg8msA.js} +3 -3
  11. package/components/{CasinoFilter-C67EHGOs.js → CasinoFilter-BHlBiPqY.js} +54 -53
  12. package/components/CasinoFilter-BPHXroGh.cjs +1 -0
  13. package/components/{CasinoGameThumbnailNd-Dj9aITsK.js → CasinoGameThumbnailNd-4Vul04z-.js} +872 -856
  14. package/components/CasinoGameThumbnailNd-DX3_1UUn.cjs +39 -0
  15. package/components/CasinoGamesCategorySectionNd-CThuz0lZ.cjs +1 -0
  16. package/components/{CasinoGamesCategorySectionNd-OZ2HaGrH.js → CasinoGamesCategorySectionNd-I0eWiZjs.js} +674 -643
  17. package/components/CasinoJackpotBanner-3tJsMybK.cjs +1 -0
  18. package/components/{CasinoJackpotBanner-BRQqqpK8.js → CasinoJackpotBanner-B2cH0DUh.js} +157 -153
  19. package/components/{CasinoLastPlayedSectionNd--_9buYZx.js → CasinoLastPlayedSectionNd-BSzJtQMf.js} +2 -2
  20. package/components/CasinoLastPlayedSectionNd-Msd6Q6lK.cjs +1 -0
  21. package/components/{CasinoMostPlayedSectionNd-umJpV9lP.js → CasinoMostPlayedSectionNd-BP3wHHRU.js} +2 -2
  22. package/components/CasinoMostPlayedSectionNd-DbiLqqdm.cjs +1 -0
  23. package/components/CasinoMyGamesNd-B_-UbmIL.cjs +1 -0
  24. package/components/{CasinoMyGamesNd-Bosn4XLW.js → CasinoMyGamesNd-csZCp6GQ.js} +69 -68
  25. package/components/{CasinoPageNd-C2EI24cS.js → CasinoPageNd-BOEmR8fM.js} +343 -340
  26. package/components/CasinoPageNd-BgvDysBY.cjs +1 -0
  27. package/components/{CasinoRandomGame-BpYrX4Cp.js → CasinoRandomGame-6VOnC82y.js} +247 -231
  28. package/components/CasinoRandomGame-JdeKkDQP.cjs +2 -0
  29. package/components/{CasinoSearchNd-CmTarxBK.js → CasinoSearchNd-But6VEIj.js} +194 -192
  30. package/components/CasinoSearchNd-ClCSeV0E.cjs +1 -0
  31. package/components/CasinoSort-DBYruc_n.cjs +1 -0
  32. package/components/{CasinoSort-bFOcp6J4.js → CasinoSort-Du-XHuIh.js} +3 -2
  33. package/components/CasinoWinners-BUUOGc9x.cjs +1 -0
  34. package/components/{CasinoWinners-BUoqMo1a.js → CasinoWinners-D8QknKKW.js} +148 -146
  35. package/components/{GeneralAnimationLoading-CC5IRZHm.js → GeneralAnimationLoading-B16w9fAI.js} +1 -1
  36. package/components/GeneralAnimationLoading-BnTkXHOJ.cjs +1 -0
  37. package/es2015/casino-page-nd.cjs +1 -0
  38. package/es2015/casino-page-nd.js +16 -0
  39. package/package.json +19 -12
  40. package/stencil/app-globals-0f993ce5-sCt45RkC.cjs +1 -0
  41. package/stencil/{casino-play-random-game-BrayzMrR.js → casino-play-random-game-CdK9RTmU.js} +62 -44
  42. package/stencil/casino-play-random-game-D5-NhS5J.cjs +371 -0
  43. package/stencil/{index-47910d1c-CWwDm8i3.js → index-47910d1c-BJIxkb-p.js} +238 -222
  44. package/stencil/index-47910d1c-CDXxJ6XN.cjs +1 -0
  45. package/esnext/casino-page-nd.js +0 -14
@@ -1,4 +1,4 @@
1
- import { S as m, i as h, f as o, c as g, s as y, b as v, e as x, d as b, D as r, j as _, n as C } from "./CasinoCalendar-pVz7jYqi.js";
1
+ import { S as m, i as h, f as o, c as g, s as y, b as v, e as x, d as b, D as r, j as _, n as C } from "./CasinoCalendar-B2vomzsf.js";
2
2
  function L(e) {
3
3
  v(e, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
4
4
  }
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./CasinoCalendar-CDVrxyQe.cjs");function h(n){t.append_styles(n,"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 m(n){let i;return{c(){i=t.element("div"),i.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(l,d){t.insert(l,i,d),n[3](i)},p:t.noop,i:t.noop,o:t.noop,d(l){l&&t.detach(i),n[3](null)}}}function g(n,i,l){let{clientstyling:d=""}=i,{clientstylingurl:r=""}=i,s;const u=()=>{let e=document.createElement("style");e.innerHTML=d,s.appendChild(e)},p=()=>{let e=new URL(r),c=document.createElement("style");fetch(e.href).then(a=>a.text()).then(a=>{c.innerHTML=a,setTimeout(()=>{s.appendChild(c)},1),setTimeout(()=>{},500)})};function f(e){t.binding_callbacks[e?"unshift":"push"](()=>{s=e,l(0,s)})}return n.$$set=e=>{"clientstyling"in e&&l(1,d=e.clientstyling),"clientstylingurl"in e&&l(2,r=e.clientstylingurl)},n.$$.update=()=>{n.$$.dirty&3&&d&&s&&u(),n.$$.dirty&5&&r&&s&&p()},[s,d,r,f]}class o extends t.SvelteComponent{constructor(i){super(),t.init(this,i,g,m,t.safe_not_equal,{clientstyling:1,clientstylingurl:2},h)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(i){this.$$set({clientstyling:i}),t.flush()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(i){this.$$set({clientstylingurl:i}),t.flush()}}t.create_custom_element(o,{clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=o;
@@ -0,0 +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/CasinoPageNd-BgvDysBY.cjs")).then(({default:t})=>{!customElements.get("casino-page-nd")&&customElements.define("casino-page-nd",t.element)})}
@@ -0,0 +1,16 @@
1
+ if (typeof window != "undefined") {
2
+ let n = function(t) {
3
+ return function(...s) {
4
+ try {
5
+ return t.apply(this, s);
6
+ } catch (e) {
7
+ 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"))
8
+ return !1;
9
+ throw e;
10
+ }
11
+ };
12
+ };
13
+ customElements.define = n(customElements.define), import("../components/CasinoPageNd-BOEmR8fM.js").then(({ default: t }) => {
14
+ !customElements.get("casino-page-nd") && customElements.define("casino-page-nd", t.element);
15
+ });
16
+ }
package/package.json CHANGED
@@ -1,26 +1,33 @@
1
-
2
1
  {
3
2
  "name": "@everymatrix/casino-page-nd",
4
- "version": "1.53.11",
3
+ "version": "1.54.0",
5
4
  "type": "module",
6
- "main": "esnext/casino-page-nd.js",
7
- "module": "esnext/casino-page-nd.js",
5
+ "main": "es2015/casino-page-nd.cjs",
6
+ "module": "es2015/casino-page-nd.js",
8
7
  "exports": {
9
8
  ".": {
10
- "import": "./esnext/casino-favorites-section.js"
9
+ "import": "./es2015/casino-page-nd.js",
10
+ "require": "./es2015/casino-page-nd.cjs"
11
11
  },
12
- "./es2015/casino-page-nd.cjs": "./es2015/casino-page-nd.cjs",
13
- "./es2015/casino-page-nd.js": "./es2015/casino-page-nd.js"
12
+ "./es2015/casino-page-nd.cjs": "./es2015/casino-page-nd.cjs"
14
13
  },
15
14
  "files": [
16
- "components/",
17
15
  "es2015/",
18
- "stencil",
19
- "angular",
20
- "esnext/"
16
+ "components",
17
+ "stencil"
21
18
  ],
22
19
  "publishConfig": {
23
20
  "access": "public"
21
+ },
22
+ "dependencies": {
23
+ "@everymatrix/casino-games-category-section-nd": "1.45.7",
24
+ "@everymatrix/casino-random-game": "1.45.7",
25
+ "@everymatrix/casino-winners": "1.45.7",
26
+ "@everymatrix/casino-jackpot-banner": "1.45.7",
27
+ "@everymatrix/casino-collections-providers": "1.45.7",
28
+ "@everymatrix/casino-my-games-nd": "1.45.7",
29
+ "@everymatrix/casino-search-nd": "1.45.7",
30
+ "@everymatrix/casino-calendar": "1.45.7",
31
+ "@everymatrix/casino-play-random-game": "*"
24
32
  }
25
33
  }
26
-
@@ -0,0 +1 @@
1
+ "use strict";const s=()=>{};exports.globalScripts=s;
@@ -1,14 +1,32 @@
1
- import { b as c, p as h, r as p, h as t, g } from "./index-47910d1c-CWwDm8i3.js";
2
- import { g as u } from "./app-globals-0f993ce5-D-kw1sls.js";
3
- var f = () => {
1
+ var p = (n, e, a) => new Promise((t, o) => {
2
+ var m = (r) => {
3
+ try {
4
+ c(a.next(r));
5
+ } catch (h) {
6
+ o(h);
7
+ }
8
+ }, d = (r) => {
9
+ try {
10
+ c(a.throw(r));
11
+ } catch (h) {
12
+ o(h);
13
+ }
14
+ }, c = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(m, d);
15
+ c((a = a.apply(n, e)).next());
16
+ });
17
+ import { b as u, p as f, r as w, h as i, g as x } from "./index-47910d1c-BJIxkb-p.js";
18
+ import { g as y } from "./app-globals-0f993ce5-D-kw1sls.js";
19
+ var G = () => {
4
20
  const n = import.meta.url, e = {};
5
- return n !== "" && (e.resourcesUrl = new URL(".", n).href), h(e);
21
+ return n !== "" && (e.resourcesUrl = new URL(".", n).href), f(e);
6
22
  };
7
- f().then(async (n) => (await u(), c([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n)));
8
- const w = () => {
23
+ G().then((n) => p(void 0, null, function* () {
24
+ return yield y(), u([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n);
25
+ }));
26
+ const b = () => {
9
27
  let n = window.navigator.userAgent;
10
28
  return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
11
- }, x = "en", r = {
29
+ }, v = "en", l = {
12
30
  en: {
13
31
  error: "Error",
14
32
  randomGameLoading: "Loading ...",
@@ -51,18 +69,18 @@ const w = () => {
51
69
  playNowRandomGame: "Şimdi Oyna",
52
70
  spinRandomGame: "DEĞİŞTİR"
53
71
  }
54
- }, l = (n) => new Promise((e) => {
55
- fetch(n).then((i) => i.json()).then((i) => {
56
- Object.keys(i).forEach((a) => {
57
- r[a] || (r[a] = {});
58
- for (let s in i[a])
59
- r[a][s] = i[a][s];
72
+ }, g = (n) => new Promise((e) => {
73
+ fetch(n).then((a) => a.json()).then((a) => {
74
+ Object.keys(a).forEach((t) => {
75
+ l[t] || (l[t] = {});
76
+ for (let o in a[t])
77
+ l[t][o] = a[t][o];
60
78
  }), e(!0);
61
79
  });
62
- }), o = (n, e) => {
63
- const i = e;
64
- return r[i !== void 0 && i in r ? i : x][n];
65
- }, y = `:host {
80
+ }), s = (n, e) => {
81
+ const a = e;
82
+ return l[a !== void 0 && a in l ? a : v][n];
83
+ }, R = `:host {
66
84
  display: block;
67
85
  font-family: inherit;
68
86
  -webkit-transform: translate3d(0, 0, 0);
@@ -432,21 +450,21 @@ const w = () => {
432
450
  width: 70px;
433
451
  height: 85px;
434
452
  }
435
- }`, G = y, b = class {
453
+ }`, k = R, C = class {
436
454
  constructor(n) {
437
- p(this, n), this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1, this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
438
- let i = e.length, a;
439
- for (; i !== 0; )
440
- a = Math.floor(Math.random() * i), i--, [e[i], e[a]] = [e[a], e[i]];
455
+ w(this, n), this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1, this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
456
+ let a = e.length, t;
457
+ for (; a !== 0; )
458
+ t = Math.floor(Math.random() * a), a--, [e[a], e[t]] = [e[t], e[a]];
441
459
  return e;
442
460
  }, this.setClientStyling = () => {
443
461
  let e = document.createElement("style");
444
462
  e.innerHTML = this.clientStyling, this.host.shadowRoot.prepend(e);
445
463
  }, this.setClientStylingURL = () => {
446
- let e = new URL(this.clientStylingUrl), i = document.createElement("style");
447
- fetch(e.href).then((a) => a.text()).then((a) => {
448
- i.innerHTML = a, this.clientStyling = a, setTimeout(() => {
449
- this.host.shadowRoot.prepend(i);
464
+ let e = new URL(this.clientStylingUrl), a = document.createElement("style");
465
+ fetch(e.href).then((t) => t.text()).then((t) => {
466
+ a.innerHTML = t, this.clientStyling = t, setTimeout(() => {
467
+ this.host.shadowRoot.prepend(a);
450
468
  }, 1);
451
469
  });
452
470
  };
@@ -455,7 +473,7 @@ const w = () => {
455
473
  n && n != e && this.endpoint && this.fetchGameList();
456
474
  }
457
475
  handleNewTranslations() {
458
- this.isLoading = !0, l(this.translationUrl).then(() => {
476
+ this.isLoading = !0, g(this.translationUrl).then(() => {
459
477
  this.isLoading = !1;
460
478
  });
461
479
  }
@@ -466,7 +484,7 @@ const w = () => {
466
484
  this.handleIsIconVisible();
467
485
  }
468
486
  componentWillLoad() {
469
- if (this.translationUrl.length > 2 && l(this.translationUrl), this.endpoint && this.language && this.datasource)
487
+ if (this.translationUrl.length > 2 && g(this.translationUrl), this.endpoint && this.language && this.datasource)
470
488
  return this.fetchGameList();
471
489
  }
472
490
  componentDidLoad() {
@@ -474,11 +492,11 @@ const w = () => {
474
492
  }
475
493
  fetchGameList() {
476
494
  let n = new URL(`${this.endpoint}/v1/casino/games`);
477
- return n.searchParams.append("platform", w()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, i) => {
478
- this.isLoading = !0, fetch(n.href).then((a) => a.json()).then((a) => {
479
- this.gamesToShow = this.setUpGames(a?.items), e(!0);
480
- }).catch((a) => {
481
- console.error(a), this.hasErrors = !0, i(a);
495
+ return n.searchParams.append("platform", b()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, a) => {
496
+ this.isLoading = !0, fetch(n.href).then((t) => t.json()).then((t) => {
497
+ this.gamesToShow = this.setUpGames(t == null ? void 0 : t.items), e(!0);
498
+ }).catch((t) => {
499
+ console.error(t), this.hasErrors = !0, a(t);
482
500
  }).finally(() => {
483
501
  this.isLoading = !1;
484
502
  });
@@ -504,12 +522,12 @@ const w = () => {
504
522
  }
505
523
  animateGames() {
506
524
  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();
507
- const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), i = this.selectedGameEl.offsetWidth, a = this.gameContainer.offsetWidth, s = (i + e) * this.selectedGameIndex + // Width of game cards up to the selected
508
- i / 2 - // Additional half card width to center to the selected game
509
- a / 2, m = [
525
+ const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), a = this.selectedGameEl.offsetWidth, t = this.gameContainer.offsetWidth, o = (a + e) * this.selectedGameIndex + // Width of game cards up to the selected
526
+ a / 2 - // Additional half card width to center to the selected game
527
+ t / 2, m = [
510
528
  { transform: "translateX(0px)", scale: 1 },
511
529
  { scale: 0.75 },
512
- { transform: `translateX(-${s}px)`, scale: 1 }
530
+ { transform: `translateX(-${o}px)`, scale: 1 }
513
531
  ], d = {
514
532
  duration: 3e3,
515
533
  easing: "cubic-bezier(0.5, 0, 0.5, 1.2)",
@@ -530,18 +548,18 @@ const w = () => {
530
548
  });
531
549
  }
532
550
  renderGameDetails() {
533
- return t("div", { class: "RandomButtonsWrapper" }, t("div", { class: "RandomGameDetails" }, t("span", { class: "RandomGameTitle" }, this.selectedGame.name), t("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), t("div", { class: "RandomButtons" }, t("button", { class: "RandomButton On", onClick: () => this.respin() }, o("spinRandomGame", this.language)), !this.launchByGameCard && t("button", { class: "RandomButton On", onClick: () => this.playGame() }, o("playNowRandomGame", this.language))));
551
+ return i("div", { class: "RandomButtonsWrapper" }, i("div", { class: "RandomGameDetails" }, i("span", { class: "RandomGameTitle" }, this.selectedGame.name), i("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), i("div", { class: "RandomButtons" }, i("button", { class: "RandomButton On", onClick: () => this.respin() }, s("spinRandomGame", this.language)), !this.launchByGameCard && i("button", { class: "RandomButton On", onClick: () => this.playGame() }, s("playNowRandomGame", this.language))));
534
552
  }
535
553
  render() {
536
554
  if (this.hasErrors)
537
- return t("div", { class: "RandomGameError" }, t("div", { class: "Title" }, o("error", this.language)));
555
+ return i("div", { class: "RandomGameError" }, i("div", { class: "Title" }, s("error", this.language)));
538
556
  if (this.isLoading)
539
- return t("div", { class: "RandomGameLoading" }, t("div", { class: "Title" }, o("randomGameLoading", this.language)));
557
+ return i("div", { class: "RandomGameLoading" }, i("div", { class: "Title" }, s("randomGameLoading", this.language)));
540
558
  if (!this.isLoading)
541
- return t("div", { class: "RandomGameWrapper" }, t("div", { class: "GameContainerGradient" }), t("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => t("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, t("div", { class: "RandomGameVendor" }, n.vendor.name), t("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), t("div", { class: `ButtonWrapper ${this.animationDone ? "HideAnimation" : ""}` }, t("div", { class: "ButtonContainer" }, this.iconVisibility && t("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, t("div", { class: "QustionMark" }, "?"), t("div", { class: "HexagonMarkShadow" }), t("div", { class: "HexagonMark" })), !this.animationStarted && t("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, o("playRandomGame", this.language)))));
559
+ return i("div", { class: "RandomGameWrapper" }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language)))));
542
560
  }
543
561
  get host() {
544
- return g(this);
562
+ return x(this);
545
563
  }
546
564
  static get watchers() {
547
565
  return {
@@ -553,7 +571,7 @@ const w = () => {
553
571
  };
554
572
  }
555
573
  };
556
- b.style = G;
574
+ C.style = k;
557
575
  export {
558
- b as casino_play_random_game
576
+ C as casino_play_random_game
559
577
  };