@everymatrix/casino-lobby 1.77.13 → 1.77.14

package/stencil/{casino-play-random-game_3-hXg44sIc.js → casino-play-random-game_2-C4OzRB6p.js}

@@ -1,4 +1,4 @@
-import { r as d, c as w, h as t, g, H as l } from "./index-27b314b8-yHH25nm_.js";
+import { r as h, c as u, h as n, g as p, H as w } from "./index-328e660d-Bw8nOXsd.js";
 const f = () => {
   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";
@@ -45,42 +45,42 @@ const f = () => {
     playNowRandomGame: "Şimdi Oyna",
     spinRandomGame: "DEĞİŞTİR"
   }
-}, m = (e) => new Promise((n) => {
+}, l = (e) => new Promise((t) => {
   fetch(e).then((i) => i.json()).then((i) => {
     Object.keys(i).forEach((a) => {
       r[a] || (r[a] = {});
-      for (let s in i[a])
-        r[a][s] = i[a][s];
-    }), n(!0);
+      for (let o in i[a])
+        r[a][o] = i[a][o];
+    }), t(!0);
   });
-}), o = (e, n) => {
-  const i = n;
+}), s = (e, t) => {
+  const i = t;
   return r[i !== void 0 && i in r ? i : y][e];
 };
-function h(e, n) {
+function m(e, t) {
   if (e) {
     const i = document.createElement("style");
-    i.innerHTML = n, e.appendChild(i);
+    i.innerHTML = t, e.appendChild(i);
   }
 }
-function c(e, n) {
-  const i = new URL(n);
+function d(e, t) {
+  const i = new URL(t);
   fetch(i.href).then((a) => a.text()).then((a) => {
-    const s = document.createElement("style");
-    s.innerHTML = a, e && e.appendChild(s);
+    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 b(e, n, i) {
+function x(e, t, i) {
   if (window.emMessageBus) {
     const a = document.createElement("style");
-    window.emMessageBus.subscribe(n, (s) => {
-      a.innerHTML = s, e && e.appendChild(a);
+    window.emMessageBus.subscribe(t, (o) => {
+      a.innerHTML = o, e && e.appendChild(a);
     });
   }
 }
-const x = `:host {
+const b = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -457,56 +457,50 @@ const x = `:host {
     width: 70px;
     height: 85px;
   }
-}`, k = x, v = class {
+}`, k = b, G = class {
   constructor(e) {
-    d(this, e), this.dataLoaded = w(this, "data-loaded"), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (n) => {
-      let i = n.length, a;
+    h(this, e), this.dataLoaded = u(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--, [n[i], n[a]] = [n[a], n[i]];
-      return n;
-    }, 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, this.imageLoadingType = "lazy", this.detectDistance = "200px";
+        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, n) {
-    e && e != n && this.endpoint && this.fetchGameList();
+  watchEndpoint(e, t) {
+    e && e != t && this.endpoint && this.fetchGameList();
   }
   handleNewTranslations() {
-    this.isLoading = !0, m(this.translationUrl).then(() => {
+    this.isLoading = !0, l(this.translationUrl).then(() => {
       this.isLoading = !1;
     });
   }
   handleIsIconVisible() {
     this.iconVisibility = this.iconVisible === "true";
   }
-  handleClientStylingChange(e, n) {
-    e != n && h(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(e, t) {
+    e != t && m(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingChangeURL(e, n) {
-    e != n && this.clientStylingUrl && c(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingChangeURL(e, t) {
+    e != t && this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl);
   }
   connectedCallback() {
     this.handleIsIconVisible();
   }
   componentWillLoad() {
-    if (this.translationUrl.length > 2 && m(this.translationUrl), this.endpoint && this.language && this.datasource)
+    if (this.translationUrl.length > 2 && l(this.translationUrl), this.endpoint && this.language && this.datasource)
       return this.fetchGameList();
   }
   componentDidLoad() {
-    "IntersectionObserver" in window && (this.io = new IntersectionObserver((e) => {
-      e.forEach((n) => {
-        var i;
-        n.isIntersecting && (this.imageLoadingType = "eager", (i = this.io) === null || i === void 0 || i.unobserve(n.target));
-      });
-    }, { root: null, rootMargin: this.detectDistance }), this.io.observe(this.host)), window.emMessageBus != null ? b(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && h(this.stylingContainer, this.clientStyling), this.clientStylingUrl && c(this.stylingContainer, this.clientStylingUrl));
+    window.emMessageBus != null ? x(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl));
   }
   disconnectedCallback() {
-    var e;
-    (e = this.io) === null || e === void 0 || e.disconnect(), this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   fetchGameList() {
     let e = new URL(`${this.endpoint}/v1/casino/games`);
-    return e.searchParams.append("platform", f()), 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((n, i) => {
+    return e.searchParams.append("platform", f()), 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?.items), n(!0);
+        this.gamesToShow = this.setUpGames(a?.items), t(!0);
       }).catch((a) => {
         console.error(a), this.hasErrors = !0, i(a);
       }).finally(() => {
@@ -517,8 +511,8 @@ const x = `:host {
     });
   }
   setUpGames(e) {
-    const n = this.shuffle(e).slice(0, 40);
-    return n.concat(n);
+    const t = this.shuffle(e).slice(0, 40);
+    return t.concat(t);
   }
   selectRandomGame() {
     const e = this.gamesToShow.length / 2;
@@ -536,18 +530,18 @@ const x = `:host {
   }
   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"), n = parseInt(e, 10), i = this.selectedGameEl.offsetWidth, a = this.gameContainer.offsetWidth, s = (i + n) * this.selectedGameIndex + // Width of game cards up to the selected
+    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 + // Width of game cards up to the selected
     i / 2 - // Additional half card width to center to the selected game
-    a / 2, u = [
+    a / 2, c = [
       { transform: "translateX(0px)", scale: 1 },
       { scale: 0.75 },
-      { transform: `translateX(-${s}px)`, scale: 1 }
-    ], p = {
+      { transform: `translateX(-${o}px)`, scale: 1 }
+    ], g = {
       duration: 3e3,
       easing: "cubic-bezier(0.5, 0, 0.5, 1.2)",
       fill: "forwards"
     };
-    this.animation = this.gameContainer.animate(u, p), this.animation.onfinish = () => {
+    this.animation = this.gameContainer.animate(c, g), this.animation.onfinish = () => {
       this.animationDone = !0, this.selectedGameEl.classList.add("TheRandomGame"), this.selectedGame = this.gamesToShow[this.selectedGameIndex];
     };
   }
@@ -562,17 +556,17 @@ const x = `:host {
     });
   }
   renderGameDetails() {
-    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))));
+    return n("div", { class: "RandomButtonsWrapper" }, n("div", { class: "RandomGameDetails" }, n("span", { class: "RandomGameTitle" }, this.selectedGame.name), n("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), n("div", { class: "RandomButtons" }, n("button", { class: "RandomButton On", onClick: () => this.respin() }, s("spinRandomGame", this.language)), !this.launchByGameCard && n("button", { class: "RandomButton On", onClick: () => this.playGame() }, s("playNowRandomGame", this.language))));
   }
   renderSkeleton() {
-    const e = Array.from({ length: 5 }, (n, i) => t("div", { class: "RandomGameCard", key: i }, t("ui-skeleton", { structure: "rectangle", width: "300px", height: "420px", borderRadius: "10px", animation: !0 })));
-    return t("div", { class: "RandomGameWrapper" }, t("div", { class: "GameContainerGradient" }), t("div", { class: "GamesContainer" }, e));
+    const e = Array.from({ length: 5 }, (t, i) => n("div", { class: "RandomGameCard", key: i }, n("ui-skeleton", { structure: "rectangle", width: "300px", height: "420px", borderRadius: "10px", animation: !0 })));
+    return n("div", { class: "RandomGameWrapper" }, n("div", { class: "GameContainerGradient" }), n("div", { class: "GamesContainer" }, e));
   }
   render() {
-    return t("div", { key: "29fe3535d63177e6d1f30a757bf17b70d89ce386", ref: (e) => this.stylingContainer = e }, this.hasErrors ? t("div", { class: "RandomGameError" }, t("div", { class: "Title" }, o("error", this.language))) : this.isLoading ? this.renderSkeleton() : t("div", { class: "RandomGameWrapper" }, t("div", { class: "GameContainerGradient" }), t("div", { class: "GamesContainer", ref: (e) => this.gameContainer = e }, this.gamesToShow && this.gamesToShow.map((e, n) => t("div", { class: "RandomGameCard", key: n, onClick: this.launchByGameCard === "true" ? () => this.playGame() : void 0 }, t("div", { class: "RandomGameVendor" }, e.vendor.name), t("ui-image", { class: "RandomGameImage", src: e.thumbnail, alt: e.name, title: e.name, loading: this.imageLoadingType }), this.selectedGame && this.selectedGameIndex === n && 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))))));
+    return n("div", { key: "1f326cff688b0b71ca1d6efbc6766c6b768cb846", ref: (e) => this.stylingContainer = e }, this.hasErrors ? n("div", { class: "RandomGameError" }, n("div", { class: "Title" }, s("error", this.language))) : this.isLoading ? this.renderSkeleton() : n("div", { class: "RandomGameWrapper" }, n("div", { class: "GameContainerGradient" }), n("div", { class: "GamesContainer", ref: (e) => this.gameContainer = e }, this.gamesToShow && this.gamesToShow.map((e, t) => n("div", { class: "RandomGameCard", key: t, onClick: this.launchByGameCard === "true" ? () => this.playGame() : void 0 }, n("div", { class: "RandomGameVendor" }, e.vendor.name), n("img", { class: "RandomGameImage", src: e.thumbnail, alt: e.name, title: e.name }), this.selectedGame && this.selectedGameIndex === t && this.renderGameDetails()))), n("div", { class: `ButtonWrapper ${this.animationDone ? "HideAnimation" : ""}` }, n("div", { class: "ButtonContainer" }, this.iconVisibility && n("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, n("div", { class: "QustionMark" }, "?"), n("div", { class: "HexagonMarkShadow" }), n("div", { class: "HexagonMark" })), !this.animationStarted && n("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language))))));
   }
   get host() {
-    return g(this);
+    return p(this);
   }
   static get watchers() {
     return {
@@ -586,87 +580,10 @@ const x = `:host {
     };
   }
 };
-v.style = k;
-const G = ".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}", R = G, C = class {
-  constructor(e) {
-    d(this, e), this._onLoad = () => {
-      this.imgLoaded = !0;
-    }, this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.styles = void 0, this.detectDistance = "200px", this.loading = "lazy", this.imgLoaded = !1;
-  }
-  onSrcChange() {
-    this.loading !== "eager" && (this.imgLoaded = !1, (typeof window > "u" || !("IntersectionObserver" in window)) && this.beginLoad());
-  }
-  onLoadingChange(e, n) {
-    e !== n && (this.cleanupObserver(), e === "eager" ? this.imgEl && this.src && (this.imgEl.src = this.src) : (this.imgLoaded = !1, this.setupObserver()));
-  }
-  componentDidLoad() {
-    this.loading !== "eager" && this.setupObserver();
-  }
-  disconnectedCallback() {
-    this.cleanupObserver(), this.imgEl && (this.imgEl.src = "");
-  }
-  canUseIO() {
-    return typeof window < "u" && "IntersectionObserver" in window;
-  }
-  setupObserver() {
-    if (this.loading !== "eager") {
-      if (!this.canUseIO()) {
-        this.beginLoad();
-        return;
-      }
-      this.io = new IntersectionObserver((e) => {
-        var n;
-        for (const i of e)
-          if (i.isIntersecting) {
-            this.beginLoad(), (n = this.io) === null || n === void 0 || n.unobserve(i.target), this.cleanupObserver();
-            break;
-          }
-      }, { root: null, rootMargin: this.detectDistance, threshold: 0 }), this.io.observe(this.el);
-    }
-  }
-  cleanupObserver() {
-    var e;
-    (e = this.io) === null || e === void 0 || e.disconnect(), this.io = void 0;
-  }
-  beginLoad() {
-    this.preloadAndSetSrc(), this.imgEl && this.imgEl.complete && this.imgEl.naturalWidth > 0 && (this.imgLoaded = !0);
-  }
-  preloadAndSetSrc() {
-    if (!this.src || !this.imgEl)
-      return;
-    const e = new Image();
-    e.onload = () => {
-      this.imgEl && (this.imgEl.src = e.src, this.imgLoaded = !0);
-    }, e.onerror = () => {
-      this.imgEl && (this.imgEl.src = this.src);
-    }, e.src = this.src;
-  }
-  get showSkeleton() {
-    return this.loading !== "eager" && !this.imgLoaded;
-  }
-  renderEager() {
-    return t(l, { class: "HostContainer" }, t("img", { src: this.src, decoding: "async", style: this.styles, class: "UiContainer Visible", alt: this.alt, width: this.width, height: this.height, loading: "eager" }));
-  }
-  renderLazy() {
-    return t(l, { class: "HostContainer", "aria-busy": this.imgLoaded ? "false" : "true" }, this.showSkeleton && t("ui-skeleton", { class: "UiContainer", structure: "image", width: "100%", height: "100%" }), t("img", { ref: (e) => this.imgEl = e, src: void 0, decoding: "async", style: this.styles, onLoad: this._onLoad, class: `UiContainer ${this.imgLoaded ? "Visible" : "Hidden"}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" }));
-  }
-  render() {
-    return this.loading === "eager" ? this.renderEager() : this.renderLazy();
-  }
-  get el() {
-    return g(this);
-  }
-  static get watchers() {
-    return {
-      src: ["onSrcChange"],
-      loading: ["onLoadingChange"]
-    };
-  }
-};
-C.style = R;
-const S = ":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)}}", L = S, V = class {
+G.style = k;
+const v = ":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)}}", R = v, S = class {
   constructor(e) {
-    d(this, e), this.stylingValue = {
+    h(this, e), this.stylingValue = {
       width: this.handleStylingProps(this.width),
       height: this.handleStylingProps(this.height),
       borderRadius: this.handleStylingProps(this.borderRadius),
@@ -677,8 +594,8 @@ const S = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear in
       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, n) {
-    n !== e && this.handleStructure(e);
+  handleStructureChange(e, t) {
+    t !== e && this.handleStructure(e);
   }
   handleStylingProps(e) {
     switch (typeof e) {
@@ -711,22 +628,22 @@ const S = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear in
     }
   }
   renderLogo() {
-    return t("div", { class: "SkeletonContainer" }, t("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
+    return n("div", { class: "SkeletonContainer" }, n("div", { class: "Logo " + (this.animation ? "Skeleton" : "") }));
   }
   renderImage() {
-    return t("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
+    return n("div", { class: "Image " + (this.animation ? "Skeleton" : "") });
   }
   renderTitle() {
-    return t("div", { class: "SkeletonContainer" }, t("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
+    return n("div", { class: "SkeletonContainer" }, n("div", { class: "Title " + (this.animation ? "Skeleton" : "") }));
   }
   renderText() {
-    return t("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, n) => t("div", { key: n, class: "Text " + (this.animation ? "Skeleton" : "") })));
+    return n("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, t) => n("div", { key: t, class: "Text " + (this.animation ? "Skeleton" : "") })));
   }
   renderRectangle() {
-    return t("div", { class: "SkeletonContainer" }, t("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+    return n("div", { class: "SkeletonContainer" }, n("div", { class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
   }
   renderCircle() {
-    return t("div", { class: "SkeletonContainer" }, t("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
+    return n("div", { class: "SkeletonContainer" }, n("div", { class: "Circle " + (this.animation ? "Skeleton" : "") }));
   }
   render() {
     let e = "";
@@ -806,7 +723,7 @@ const S = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear in
       default:
         e = "";
     }
-    return t(l, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, t("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
+    return n(w, { key: "e6b885bfd985ce7663d990756fe9101e25eb97f0" }, n("style", { key: "06ae24c7bb74f4dacfc12ae58085333f9dc89da5" }, e), this.handleStructure(this.structure));
   }
   static get watchers() {
     return {
@@ -814,9 +731,8 @@ const S = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear in
     };
   }
 };
-V.style = L;
+S.style = R;
 export {
-  v as casino_play_random_game,
-  C as ui_image,
-  V as ui_skeleton
+  G as casino_play_random_game,
+  S as ui_skeleton
 };

package/stencil/{casino-play-random-game_3-DwEH0qQ6.cjs → casino-play-random-game_2-CW63Z1oW.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-27b314b8-B8NkclUW.cjs"),w=()=>{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"},f="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:"Rastgele 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 s in i[a])r[a][s]=i[a][s]}),t(!0)})}),o=(e,t)=>{const i=t;return r[i!==void 0&&i in r?i:f][e]};function d(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function m(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const s=document.createElement("style");s.innerHTML=a,e&&e.appendChild(s)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function y(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,s=>{a.innerHTML=s,e&&e.appendChild(a)})}}const b=`:host {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-328e660d-r819jp36.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:"Rastgele 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);
@@ -375,7 +375,7 @@
     width: 70px;
     height: 85px;
   }
-}`,x=b,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,this.imageLoadingType="lazy",this.detectDistance="200px"}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&&d(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&m(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(){"IntersectionObserver"in window&&(this.io=new IntersectionObserver(e=>{e.forEach(t=>{var i;t.isIntersecting&&(this.imageLoadingType="eager",(i=this.io)===null||i===void 0||i.unobserve(t.target))})},{root:null,rootMargin:this.detectDistance}),this.io.observe(this.host)),window.emMessageBus!=null?y(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&m(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",w()),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,s=(i+t)*this.selectedGameIndex+i/2-a/2,u=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${s}px)`,scale:1}],p={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(u,p),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()},o("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},o("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:"29fe3535d63177e6d1f30a757bf17b70d89ce386",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},o("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("ui-image",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name,loading:this.imageLoadingType}),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()},o("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 k=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",v=k,c=class{constructor(e){n.registerInstance(this,e),this._onLoad=()=>{this.imgLoaded=!0},this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(e,t){e!==t&&(this.cleanupObserver(),e==="eager"?this.imgEl&&this.src&&(this.imgEl.src=this.src):(this.imgLoaded=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.imgEl&&(this.imgEl.src="")}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(e=>{var t;for(const i of e)if(i.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(i.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.io=void 0}beginLoad(){this.preloadAndSetSrc(),this.imgEl&&this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0)}preloadAndSetSrc(){if(!this.src||!this.imgEl)return;const e=new Image;e.onload=()=>{this.imgEl&&(this.imgEl.src=e.src,this.imgLoaded=!0)},e.onerror=()=>{this.imgEl&&(this.imgEl.src=this.src)},e.src=this.src}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return n.h(n.Host,{class:"HostContainer"},n.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return n.h(n.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&n.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),n.h("img",{ref:e=>this.imgEl=e,src:void 0,decoding:"async",style:this.styles,onLoad:this._onLoad,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return n.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};c.style=v;const G=":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)}}",R=G,g=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=`
+}`,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:"1f326cff688b0b71ca1d6efbc6766c6b768cb846",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};
@@ -429,4 +429,4 @@
           :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"]}}};g.style=R;exports.casino_play_random_game=h;exports.ui_image=c;exports.ui_skeleton=g;
+        `;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;