@everymatrix/casino-lobby 1.55.0 → 1.56.2

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

@@ -14,19 +14,19 @@ var p = (n, e, a) => new Promise((t, o) => {
   }, c = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(m, d);
   c((a = a.apply(n, e)).next());
 });
-import { b as u, p as f, r as w, h as i, g as x } from "./index-eac6b960-DXIu1GM6.js";
-import { g as y } from "./app-globals-0f993ce5-D-kw1sls.js";
-var G = () => {
+import { b as w, p as y, r as x, h as i, g as b } from "./index-510a6ba4-CYFuKFRQ.js";
+import { g as G } from "./app-globals-0f993ce5-D-kw1sls.js";
+var v = () => {
   const n = import.meta.url, e = {};
-  return n !== "" && (e.resourcesUrl = new URL(".", n).href), f(e);
+  return n !== "" && (e.resourcesUrl = new URL(".", n).href), y(e);
 };
-G().then((n) => p(void 0, null, function* () {
-  return yield y(), u([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n);
+v().then((n) => p(void 0, null, function* () {
+  return yield G(), w([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n);
 }));
-const b = () => {
+const R = () => {
   let n = window.navigator.userAgent;
   return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
-}, v = "en", l = {
+}, C = "en", l = {
   en: {
     error: "Error",
     randomGameLoading: "Loading ...",
@@ -79,8 +79,32 @@ const b = () => {
   });
 }), s = (n, e) => {
   const a = e;
-  return l[a !== void 0 && a in l ? a : v][n];
-}, R = `:host {
+  return l[a !== void 0 && a in l ? a : C][n];
+};
+function u(n, e) {
+  if (n) {
+    const a = document.createElement("style");
+    a.innerHTML = e, n.appendChild(a);
+  }
+}
+function f(n, e) {
+  const a = new URL(e);
+  fetch(a.href).then((t) => t.text()).then((t) => {
+    const o = document.createElement("style");
+    o.innerHTML = t, n && n.appendChild(o);
+  }).catch((t) => {
+    console.error("There was an error while trying to load client styling from URL", t);
+  });
+}
+function k(n, e, a) {
+  if (window.emMessageBus) {
+    const t = document.createElement("style");
+    window.emMessageBus.subscribe(e, (o) => {
+      t.innerHTML = o, n && n.appendChild(t);
+    });
+  }
+}
+const S = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -450,24 +474,14 @@ const b = () => {
     width: 70px;
     height: 85px;
   }
-}`, k = R, C = class {
+}`, F = S, L = class {
   constructor(n) {
-    w(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+    x(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
       let a = e.length, t;
       for (; a !== 0; )
         t = Math.floor(Math.random() * a), a--, [e[a], e[t]] = [e[t], e[a]];
       return e;
-    }, this.setClientStyling = () => {
-      let e = document.createElement("style");
-      e.innerHTML = this.clientStyling, this.host.shadowRoot.prepend(e);
-    }, this.setClientStylingURL = () => {
-      let e = new URL(this.clientStylingUrl), a = document.createElement("style");
-      fetch(e.href).then((t) => t.text()).then((t) => {
-        a.innerHTML = t, this.clientStyling = t, setTimeout(() => {
-          this.host.shadowRoot.prepend(a);
-        }, 1);
-      });
-    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
+    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
   }
   watchEndpoint(n, e) {
     n && n != e && this.endpoint && this.fetchGameList();
@@ -480,6 +494,12 @@ const b = () => {
   handleIsIconVisible() {
     this.iconVisibility = this.iconVisible === "true";
   }
+  handleClientStylingChange(n, e) {
+    n != e && u(this.stylingContainer, this.clientStyling);
+  }
+  handleClientStylingChangeURL(n, e) {
+    n != e && this.clientStylingUrl && f(this.stylingContainer, this.clientStylingUrl);
+  }
   connectedCallback() {
     this.handleIsIconVisible();
   }
@@ -488,11 +508,14 @@ const b = () => {
       return this.fetchGameList();
   }
   componentDidLoad() {
-    !this.limitStylingAppends && this.host && (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.limitStylingAppends = !0);
+    window.emMessageBus != null ? k(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && u(this.stylingContainer, this.clientStyling), this.clientStylingUrl && f(this.stylingContainer, this.clientStylingUrl));
+  }
+  disconnectedCallback() {
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   fetchGameList() {
     let n = new URL(`${this.endpoint}/v1/casino/games`);
-    return n.searchParams.append("platform", 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) => {
+    return n.searchParams.append("platform", R()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, a) => {
       this.isLoading = !0, fetch(n.href).then((t) => t.json()).then((t) => {
         this.gamesToShow = this.setUpGames(t == null ? void 0 : t.items), e(!0);
       }).catch((t) => {
@@ -556,10 +579,10 @@ const b = () => {
     if (this.isLoading)
       return i("div", { class: "RandomGameLoading" }, i("div", { class: "Title" }, s("randomGameLoading", this.language)));
     if (!this.isLoading)
-      return i("div", { class: "RandomGameWrapper" }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language)))));
+      return i("div", { class: "RandomGameWrapper", ref: (n) => this.stylingContainer = n }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, s("playRandomGame", this.language)))));
   }
   get host() {
-    return x(this);
+    return b(this);
   }
   static get watchers() {
     return {
@@ -567,11 +590,13 @@ const b = () => {
       datasource: ["watchEndpoint"],
       language: ["watchEndpoint"],
       translationUrl: ["handleNewTranslations"],
-      iconVisible: ["handleIsIconVisible"]
+      iconVisible: ["handleIsIconVisible"],
+      clientStyling: ["handleClientStylingChange"],
+      clientStylingUrl: ["handleClientStylingChangeURL"]
     };
   }
 };
-C.style = k;
+L.style = F;
 export {
-  C as casino_play_random_game
+  L as casino_play_random_game
 };

package/stencil/{casino-play-random-game-Cphp76Jq.js → casino-play-random-game-BTXyM5es.js}

@@ -1,14 +1,14 @@
-import { b as c, p as h, r as p, h as t, g } from "./index-eac6b960-Dvyvd5zP.js";
-import { g as u } from "./app-globals-0f993ce5-D-kw1sls.js";
-var f = () => {
+import { b as p, p as g, r as u, h as i, g as f } from "./index-510a6ba4-CzpWs0jf.js";
+import { g as w } from "./app-globals-0f993ce5-D-kw1sls.js";
+var y = () => {
   const n = import.meta.url, e = {};
-  return n !== "" && (e.resourcesUrl = new URL(".", n).href), h(e);
+  return n !== "" && (e.resourcesUrl = new URL(".", n).href), g(e);
 };
-f().then(async (n) => (await u(), c([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], limitStylingAppends: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"] }]]]], n)));
-const w = () => {
+y().then(async (n) => (await w(), p([["casino-play-random-game", [[1, "casino-play-random-game", { endpoint: [513], datasource: [513], language: [513], specificCategory: [513, "specific-category"], iconVisible: [513, "icon-visible"], iconVisibleOnAnim: [513, "icon-visible-on-anim"], launchByGameCard: [513, "launch-by-game-card"], mbSource: [513, "mb-source"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], hasErrors: [32], isLoading: [32], gamesToShow: [32], selectedGame: [32], animationDone: [32], animationStarted: [32] }, null, { endpoint: ["watchEndpoint"], datasource: ["watchEndpoint"], language: ["watchEndpoint"], translationUrl: ["handleNewTranslations"], iconVisible: ["handleIsIconVisible"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingChangeURL"] }]]]], n)));
+const x = () => {
   let n = window.navigator.userAgent;
   return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
-}, x = "en", r = {
+}, b = "en", s = {
   en: {
     error: "Error",
     randomGameLoading: "Loading ...",
@@ -52,17 +52,41 @@ const w = () => {
     spinRandomGame: "DEĞİŞTİR"
   }
 }, l = (n) => new Promise((e) => {
-  fetch(n).then((i) => i.json()).then((i) => {
-    Object.keys(i).forEach((a) => {
-      r[a] || (r[a] = {});
-      for (let s in i[a])
-        r[a][s] = i[a][s];
+  fetch(n).then((t) => t.json()).then((t) => {
+    Object.keys(t).forEach((a) => {
+      s[a] || (s[a] = {});
+      for (let o in t[a])
+        s[a][o] = t[a][o];
     }), e(!0);
   });
-}), o = (n, e) => {
-  const i = e;
-  return r[i !== void 0 && i in r ? i : x][n];
-}, y = `:host {
+}), r = (n, e) => {
+  const t = e;
+  return s[t !== void 0 && t in s ? t : b][n];
+};
+function m(n, e) {
+  if (n) {
+    const t = document.createElement("style");
+    t.innerHTML = e, n.appendChild(t);
+  }
+}
+function d(n, e) {
+  const t = new URL(e);
+  fetch(t.href).then((a) => a.text()).then((a) => {
+    const o = document.createElement("style");
+    o.innerHTML = a, n && n.appendChild(o);
+  }).catch((a) => {
+    console.error("There was an error while trying to load client styling from URL", a);
+  });
+}
+function G(n, e, t) {
+  if (window.emMessageBus) {
+    const a = document.createElement("style");
+    window.emMessageBus.subscribe(e, (o) => {
+      a.innerHTML = o, n && n.appendChild(a);
+    });
+  }
+}
+const v = `:host {
   display: block;
   font-family: inherit;
   -webkit-transform: translate3d(0, 0, 0);
@@ -432,24 +456,14 @@ const w = () => {
     width: 70px;
     height: 85px;
   }
-}`, G = y, b = class {
+}`, R = v, C = class {
   constructor(n) {
-    p(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
-      let i = e.length, a;
-      for (; i !== 0; )
-        a = Math.floor(Math.random() * i), i--, [e[i], e[a]] = [e[a], e[i]];
+    u(this, n), this.animation = null, this.selectedGameIndex = null, this.selectedGameEl = null, this.iconVisibility = null, this.shuffle = (e) => {
+      let t = e.length, a;
+      for (; t !== 0; )
+        a = Math.floor(Math.random() * t), t--, [e[t], e[a]] = [e[a], e[t]];
       return e;
-    }, this.setClientStyling = () => {
-      let e = document.createElement("style");
-      e.innerHTML = this.clientStyling, this.host.shadowRoot.prepend(e);
-    }, this.setClientStylingURL = () => {
-      let e = new URL(this.clientStylingUrl), i = document.createElement("style");
-      fetch(e.href).then((a) => a.text()).then((a) => {
-        i.innerHTML = a, this.clientStyling = a, setTimeout(() => {
-          this.host.shadowRoot.prepend(i);
-        }, 1);
-      });
-    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.limitStylingAppends = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
+    }, this.endpoint = void 0, this.datasource = void 0, this.language = "en", this.specificCategory = "", this.iconVisible = "", this.iconVisibleOnAnim = "", this.launchByGameCard = "", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.hasErrors = !1, this.isLoading = !0, this.gamesToShow = void 0, this.selectedGame = null, this.animationDone = !1, this.animationStarted = !1;
   }
   watchEndpoint(n, e) {
     n && n != e && this.endpoint && this.fetchGameList();
@@ -462,6 +476,12 @@ const w = () => {
   handleIsIconVisible() {
     this.iconVisibility = this.iconVisible === "true";
   }
+  handleClientStylingChange(n, e) {
+    n != e && m(this.stylingContainer, this.clientStyling);
+  }
+  handleClientStylingChangeURL(n, e) {
+    n != e && this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl);
+  }
   connectedCallback() {
     this.handleIsIconVisible();
   }
@@ -470,15 +490,18 @@ const w = () => {
       return this.fetchGameList();
   }
   componentDidLoad() {
-    !this.limitStylingAppends && this.host && (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.limitStylingAppends = !0);
+    window.emMessageBus != null ? G(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && d(this.stylingContainer, this.clientStylingUrl));
+  }
+  disconnectedCallback() {
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   fetchGameList() {
     let n = new URL(`${this.endpoint}/v1/casino/games`);
-    return n.searchParams.append("platform", 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) => {
+    return n.searchParams.append("platform", x()), n.searchParams.append("datasource", this.datasource), n.searchParams.append("fields", "gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"), n.searchParams.append("expand", "vendor"), n.searchParams.append("pagination", "offset=0,limit=423"), n.searchParams.append("language", this.language), this.specificCategory && n.searchParams.append("filter", `categories(id=${this.specificCategory})`), new Promise((e, t) => {
       this.isLoading = !0, fetch(n.href).then((a) => a.json()).then((a) => {
         this.gamesToShow = this.setUpGames(a?.items), e(!0);
       }).catch((a) => {
-        console.error(a), this.hasErrors = !0, i(a);
+        console.error(a), this.hasErrors = !0, t(a);
       }).finally(() => {
         this.isLoading = !1;
       });
@@ -504,18 +527,18 @@ const w = () => {
   }
   animateGames() {
     this.iconVisibility = this.iconVisibleOnAnim === "true", this.animationStarted = !0, this.animationDone = !1, this.animation && this.animation.cancel(), this.selectedGameEl && (this.selectedGameEl.classList.remove("TheRandomGame"), this.selectedGame = null, this.selectedGameIndex = null), this.selectRandomGame();
-    const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), i = this.selectedGameEl.offsetWidth, a = this.gameContainer.offsetWidth, s = (i + e) * this.selectedGameIndex + // Width of game cards up to the selected
-    i / 2 - // Additional half card width to center to the selected game
-    a / 2, m = [
+    const n = window.getComputedStyle(this.gameContainer).getPropertyValue("gap"), e = parseInt(n, 10), t = this.selectedGameEl.offsetWidth, a = this.gameContainer.offsetWidth, o = (t + e) * this.selectedGameIndex + // Width of game cards up to the selected
+    t / 2 - // Additional half card width to center to the selected game
+    a / 2, c = [
       { transform: "translateX(0px)", scale: 1 },
       { scale: 0.75 },
-      { transform: `translateX(-${s}px)`, scale: 1 }
-    ], d = {
+      { transform: `translateX(-${o}px)`, scale: 1 }
+    ], h = {
       duration: 3e3,
       easing: "cubic-bezier(0.5, 0, 0.5, 1.2)",
       fill: "forwards"
     };
-    this.animation = this.gameContainer.animate(m, d), this.animation.onfinish = () => {
+    this.animation = this.gameContainer.animate(c, h), this.animation.onfinish = () => {
       this.animationDone = !0, this.selectedGameEl.classList.add("TheRandomGame"), this.selectedGame = this.gamesToShow[this.selectedGameIndex];
     };
   }
@@ -530,18 +553,18 @@ const w = () => {
     });
   }
   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 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() }, r("spinRandomGame", this.language)), !this.launchByGameCard && i("button", { class: "RandomButton On", onClick: () => this.playGame() }, r("playNowRandomGame", this.language))));
   }
   render() {
     if (this.hasErrors)
-      return t("div", { class: "RandomGameError" }, t("div", { class: "Title" }, o("error", this.language)));
+      return i("div", { class: "RandomGameError" }, i("div", { class: "Title" }, r("error", this.language)));
     if (this.isLoading)
-      return t("div", { class: "RandomGameLoading" }, t("div", { class: "Title" }, o("randomGameLoading", this.language)));
+      return i("div", { class: "RandomGameLoading" }, i("div", { class: "Title" }, r("randomGameLoading", this.language)));
     if (!this.isLoading)
-      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)))));
+      return i("div", { class: "RandomGameWrapper", ref: (n) => this.stylingContainer = n }, i("div", { class: "GameContainerGradient" }), i("div", { class: "GamesContainer", ref: (n) => this.gameContainer = n }, this.gamesToShow && this.gamesToShow.map((n, e) => i("div", { class: "RandomGameCard", key: e, onClick: this.launchByGameCard === "true" ? () => this.playGame() : null }, i("div", { class: "RandomGameVendor" }, n.vendor.name), i("img", { class: "RandomGameImage", src: n.thumbnail, alt: n.name, title: n.name }), this.selectedGame && this.selectedGameIndex === e && this.renderGameDetails()))), i("div", { class: `ButtonWrapper  ${this.animationDone ? "HideAnimation" : ""}` }, i("div", { class: "ButtonContainer" }, this.iconVisibility && i("div", { class: `ButtonIcon ${this.animationStarted ? "Flip" : ""}` }, i("div", { class: "QustionMark" }, "?"), i("div", { class: "HexagonMarkShadow" }), i("div", { class: "HexagonMark" })), !this.animationStarted && i("div", { class: `RandomButton ${this.animationStarted ? "HideAnimation" : ""}`, onClick: () => this.playRandomGame() }, r("playRandomGame", this.language)))));
   }
   get host() {
-    return g(this);
+    return f(this);
   }
   static get watchers() {
     return {
@@ -549,11 +572,13 @@ const w = () => {
       datasource: ["watchEndpoint"],
       language: ["watchEndpoint"],
       translationUrl: ["handleNewTranslations"],
-      iconVisible: ["handleIsIconVisible"]
+      iconVisible: ["handleIsIconVisible"],
+      clientStyling: ["handleClientStylingChange"],
+      clientStylingUrl: ["handleClientStylingChangeURL"]
     };
   }
 };
-b.style = G;
+C.style = R;
 export {
-  b as casino_play_random_game
+  C as casino_play_random_game
 };

package/stencil/{casino-play-random-game-CQe5iDJ8.cjs → casino-play-random-game-a53bUW_d.cjs}

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

package/stencil/index-510a6ba4-B9_VY7vu.cjs

@@ -0,0 +1 @@
+"use strict";var x=(e,t,r)=>new Promise((s,n)=>{var a=o=>{try{i(r.next(o))}catch(c){n(c)}},l=o=>{try{i(r.throw(o))}catch(c){n(c)}},i=o=>o.done?s(o.value):Promise.resolve(o.value).then(a,l);i((r=r.apply(e,t)).next())});const Se="casino-play-random-game",ee={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!1,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!0,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!1,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!1,propMutable:!1,propNumber:!1,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!1,slotChildNodesFix:!1,slotRelocation:!1,state:!0,style:!0,svg:!1,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!1,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!1,vdomText:!0,vdomXlink:!1,watchCallback:!0};var Ee=Object.defineProperty,be=(e,t)=>{for(var r in t)Ee(e,r,{get:t[r],enumerable:!0})},F=new WeakMap,E=e=>F.get(e),ke=(e,t)=>F.set(t.$lazyInstance$=e,t),we=(e,t)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return r.$onReadyPromise$=new Promise(s=>r.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[],F.set(e,r)},X=(e,t)=>t in e,k=(e,t)=>(0,console.error)(e,t),j=new Map,Te=(e,t,r)=>{const s=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const a=j.get(n);if(a)return a[s];{const l=i=>(j.set(n,i),i[s]);switch(n){case"casino-play-random-game":return Promise.resolve().then(()=>require("./casino-play-random-game-a53bUW_d.cjs")).then(l,k)}}return import(`./${n}.entry.js`).then(l=>(j.set(n,l),l[s]),k)},_=new Map,xe="{visibility:hidden}.hydrated{visibility:inherit}",te="slot-fb{display:contents}slot-fb[hidden]{display:none}",I=typeof window!="undefined"?window:{},m=I.document||{head:{}},h={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,s)=>e.addEventListener(t,r,s),rel:(e,t,r,s)=>e.removeEventListener(t,r,s),ce:(e,t)=>new CustomEvent(e,t)},se=e=>Promise.resolve(e),Le=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch(e){}return!1})(),U=!1,G=[],ne=[],Pe=(e,t)=>r=>{e.push(r),U||(U=!0,h.$flags$&4?H(z):h.raf(z))},Q=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(r){k(r)}e.length=0},z=()=>{Q(G),Q(ne),(U=G.length>0)&&h.raf(z)},H=e=>se().then(e),Ae=Pe(ne),Y={},_e=e=>e!=null,q=e=>(e=typeof e,e==="object"||e==="function");function re(e){var t,r,s;return(s=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?s:void 0}var Ce={};be(Ce,{err:()=>le,map:()=>Ie,ok:()=>D,unwrap:()=>Oe,unwrapErr:()=>je});var D=e=>({isOk:!0,isErr:!1,value:e}),le=e=>({isOk:!1,isErr:!0,value:e});function Ie(e,t){if(e.isOk){const r=t(e.value);return r instanceof Promise?r.then(s=>D(s)):D(r)}if(e.isErr){const r=e.value;return le(r)}throw"should never get here"}var Oe=e=>{if(e.isOk)return e.value;throw e.value},je=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},Ue=(e,t)=>()=>{},ae=(e,t,...r)=>{let s=null,n=null,a=!1,l=!1;const i=[],o=$=>{for(let f=0;f<$.length;f++)s=$[f],Array.isArray(s)?o(s):s!=null&&typeof s!="boolean"&&((a=typeof e!="function"&&!q(s))&&(s=String(s)),a&&l?i[i.length-1].$text$+=s:i.push(a?R(null,s):s),l=a)};if(o(r),t){t.key&&(n=t.key);{const $=t.className||t.class;$&&(t.class=typeof $!="object"?$:Object.keys($).filter(f=>$[f]).join(" "))}}const c=R(e,null);return c.$attrs$=t,i.length>0&&(c.$children$=i),c.$key$=n,c},R=(e,t)=>{const r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r},ze={},De=e=>e&&e.$tag$===ze,Re=(e,t)=>e!=null&&!q(e)&&t&1?String(e):e,Be=e=>E(e).$hostElement$,Fe=(e,t,r)=>{const s=h.ce(t,r);return e.dispatchEvent(s),s},J=new WeakMap,He=(e,t,r)=>{let s=_.get(e);Le&&r?(s=s||new CSSStyleSheet,typeof s=="string"?s=t:s.replaceSync(t)):s=t,_.set(e,s)},qe=(e,t,r)=>{var s;const n=oe(t),a=_.get(n);if(e=e.nodeType===11?e:m,a)if(typeof a=="string"){e=e.head||e;let l=J.get(e),i;if(l||J.set(e,l=new Set),!l.has(n)){{i=m.createElement("style"),i.innerHTML=a;const o=(s=h.$nonce$)!=null?s:re(m);o!=null&&i.setAttribute("nonce",o),e.insertBefore(i,e.querySelector("link"))}t.$flags$&4&&(i.innerHTML+=te),l&&l.add(n)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return n},We=e=>{const t=e.$cmpMeta$,r=e.$hostElement$,s=t.$flags$,n=S("attachStyles",t.$tagName$),a=qe(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);s&10&&(r["s-sc"]=a,r.classList.add(a+"-h")),n()},oe=(e,t)=>"sc-"+e.$tagName$,K=(e,t,r,s,n,a)=>{if(r!==s){let l=X(e,t),i=t.toLowerCase();if(t==="class"){const o=e.classList,c=Z(r),$=Z(s);o.remove(...c.filter(f=>f&&!$.includes(f))),o.add(...$.filter(f=>f&&!c.includes(f)))}else if(t!=="key")if(t==="ref")s&&s(e);else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"?t=t.slice(3):X(I,i)?t=i.slice(2):t=i[2]+t.slice(3),r||s){const o=t.endsWith(ie);t=t.replace(Xe,""),r&&h.rel(e,t,r,o),s&&h.ael(e,t,s,o)}}else{const o=q(s);if((l||o&&s!==null)&&!n)try{if(e.tagName.includes("-"))e[t]=s;else{const c=s==null?"":s;t==="list"?l=!1:(r==null||e[t]!=c)&&(e[t]=c)}}catch(c){}s==null||s===!1?(s!==!1||e.getAttribute(t)==="")&&e.removeAttribute(t):(!l||a&4||n)&&!o&&(s=s===!0?"":s,e.setAttribute(t,s))}}},Me=/\s/,Z=e=>e?e.split(Me):[],ie="Capture",Xe=new RegExp(ie+"$"),ce=(e,t,r)=>{const s=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||Y,a=t.$attrs$||Y;for(const l of N(Object.keys(n)))l in a||K(s,l,n[l],void 0,r,t.$flags$);for(const l of N(Object.keys(a)))K(s,l,n[l],a[l],r,t.$flags$)};function N(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var P,W,$e=!1,fe=!1,C=(e,t,r,s)=>{const n=t.$children$[r];let a=0,l,i;if(n.$text$!==null)l=n.$elm$=m.createTextNode(n.$text$);else if(l=n.$elm$=m.createElement(!$e&&ee.slotRelocation&&n.$flags$&2?"slot-fb":n.$tag$),ce(null,n,fe),_e(P)&&l["s-si"]!==P&&l.classList.add(l["s-si"]=P),n.$children$)for(a=0;a<n.$children$.length;++a)i=C(e,n,a),i&&l.appendChild(i);return l["s-hn"]=W,l},de=(e,t,r,s,n,a)=>{let l=e,i;for(l.shadowRoot&&l.tagName===W&&(l=l.shadowRoot);n<=a;++n)s[n]&&(i=C(null,r,n),i&&(s[n].$elm$=i,A(l,i,t)))},ue=(e,t,r)=>{for(let s=t;s<=r;++s){const n=e[s];if(n){const a=n.$elm$;pe(n),a&&a.remove()}}},Ge=(e,t,r,s,n=!1)=>{let a=0,l=0,i=0,o=0,c=t.length-1,$=t[0],f=t[c],d=s.length-1,u=s[0],p=s[d],v,y;for(;a<=c&&l<=d;)if($==null)$=t[++a];else if(f==null)f=t[--c];else if(u==null)u=s[++l];else if(p==null)p=s[--d];else if(L($,u,n))w($,u,n),$=t[++a],u=s[++l];else if(L(f,p,n))w(f,p,n),f=t[--c],p=s[--d];else if(L($,p,n))w($,p,n),A(e,$.$elm$,f.$elm$.nextSibling),$=t[++a],p=s[--d];else if(L(f,u,n))w(f,u,n),A(e,f.$elm$,$.$elm$),f=t[--c],u=s[++l];else{for(i=-1,o=a;o<=c;++o)if(t[o]&&t[o].$key$!==null&&t[o].$key$===u.$key$){i=o;break}i>=0?(y=t[i],y.$tag$!==u.$tag$?v=C(t&&t[l],r,i):(w(y,u,n),t[i]=void 0,v=y.$elm$),u=s[++l]):(v=C(t&&t[l],r,l),u=s[++l]),v&&A($.$elm$.parentNode,v,$.$elm$)}a>c?de(e,s[d+1]==null?null:s[d+1].$elm$,r,s,l,d):l>d&&ue(t,a,c)},L=(e,t,r=!1)=>e.$tag$===t.$tag$?r?!0:e.$key$===t.$key$:!1,w=(e,t,r=!1)=>{const s=t.$elm$=e.$elm$,n=e.$children$,a=t.$children$,l=t.$text$;l===null?(ce(e,t,fe),n!==null&&a!==null?Ge(s,n,t,a,r):a!==null?(e.$text$!==null&&(s.textContent=""),de(s,null,t,a,0,a.length-1)):n!==null&&ue(n,0,n.length-1)):e.$text$!==l&&(s.data=l)},pe=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(pe)},A=(e,t,r)=>e==null?void 0:e.insertBefore(t,r),Qe=(e,t,r=!1)=>{const s=e.$hostElement$,n=e.$cmpMeta$,a=e.$vnode$||R(null,null),l=De(t)?t:ae(null,null,t);if(W=s.tagName,n.$attrsToReflect$&&(l.$attrs$=l.$attrs$||{},n.$attrsToReflect$.map(([i,o])=>l.$attrs$[o]=s[i])),r&&l.$attrs$)for(const i of Object.keys(l.$attrs$))s.hasAttribute(i)&&!["key","ref","style","class"].includes(i)&&(l.$attrs$[i]=s[i]);l.$tag$=null,l.$flags$|=4,e.$vnode$=l,l.$elm$=a.$elm$=s.shadowRoot||s,P=s["s-sc"],$e=(n.$flags$&1)!==0,w(a,l,r)},ve=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(r=>e.$onRenderResolve$=r))},M=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return ve(e,e.$ancestorComponent$),Ae(()=>Ye(e,t))},Ye=(e,t)=>{const r=e.$hostElement$,s=S("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return t&&(a=O(n,"componentWillLoad")),s(),Je(a,()=>Ze(e,n,t))},Je=(e,t)=>Ke(e)?e.then(t).catch(r=>{console.error(r),t()}):t(),Ke=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Ze=(e,t,r)=>x(exports,null,function*(){var s;const n=e.$hostElement$,a=S("update",e.$cmpMeta$.$tagName$),l=n["s-rc"];r&&We(e);const i=S("render",e.$cmpMeta$.$tagName$);Ne(e,t,n,r),l&&(l.map(o=>o()),n["s-rc"]=void 0),i(),a();{const o=(s=n["s-p"])!=null?s:[],c=()=>Ve(e);o.length===0?c():(Promise.all(o).then(c),e.$flags$|=4,o.length=0)}}),Ne=(e,t,r,s)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,Qe(e,t,s)}catch(n){k(n,e.$hostElement$)}return null},Ve=e=>{const t=e.$cmpMeta$.$tagName$,r=e.$hostElement$,s=S("postUpdate",t),n=e.$lazyInstance$,a=e.$ancestorComponent$;e.$flags$&64?s():(e.$flags$|=64,ge(r),O(n,"componentDidLoad"),s(),e.$onReadyResolve$(r),a||he()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&H(()=>M(e,!1)),e.$flags$&=-517},he=e=>{ge(m.documentElement),H(()=>Fe(I,"appload",{detail:{namespace:Se}}))},O=(e,t,r)=>{if(e&&e[t])try{return e[t](r)}catch(s){k(s)}},ge=e=>{var t;return e.classList.add((t=ee.hydratedSelectorName)!=null?t:"hydrated")},et=(e,t)=>E(e).$instanceValues$.get(t),tt=(e,t,r,s)=>{const n=E(e);if(!n)throw new Error(`Couldn't find host element for "${s.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const a=n.$hostElement$,l=n.$instanceValues$.get(t),i=n.$flags$,o=n.$lazyInstance$;r=Re(r,s.$members$[t][0]);const c=Number.isNaN(l)&&Number.isNaN(r),$=r!==l&&!c;if((!(i&8)||l===void 0)&&$&&(n.$instanceValues$.set(t,r),o)){if(s.$watchers$&&i&128){const f=s.$watchers$[t];f&&f.map(d=>{try{o[d](r,l,t)}catch(u){k(u,a)}})}(i&18)===2&&M(n,!1)}},ye=(e,t,r)=>{var s,n;const a=e.prototype;if(t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const l=Object.entries((s=t.$members$)!=null?s:{});if(l.map(([i,[o]])=>{(o&31||r&2&&o&32)&&Object.defineProperty(a,i,{get(){return et(this,i)},set(c){tt(this,i,c,t)},configurable:!0,enumerable:!0})}),r&1){const i=new Map;a.attributeChangedCallback=function(o,c,$){h.jmp(()=>{var f;const d=i.get(o);if(this.hasOwnProperty(d))$=this[d],delete this[d];else{if(a.hasOwnProperty(d)&&typeof this[d]=="number"&&this[d]==$)return;if(d==null){const u=E(this),p=u==null?void 0:u.$flags$;if(p&&!(p&8)&&p&128&&$!==c){const v=u.$lazyInstance$,y=(f=t.$watchers$)==null?void 0:f[o];y==null||y.forEach(g=>{v[g]!=null&&v[g].call(v,$,c,o)})}return}}this[d]=$===null&&typeof this[d]=="boolean"?!1:$})},e.observedAttributes=Array.from(new Set([...Object.keys((n=t.$watchers$)!=null?n:{}),...l.filter(([o,c])=>c[0]&15).map(([o,c])=>{var $;const f=c[1]||o;return i.set(f,o),c[0]&512&&(($=t.$attrsToReflect$)==null||$.push([o,f])),f})]))}}return e},st=(e,t,r,s)=>x(exports,null,function*(){let n;if(!(t.$flags$&32)){if(t.$flags$|=32,r.$lazyBundleId$){const o=Te(r);if(o&&"then"in o){const $=Ue();n=yield o,$()}else n=o;if(!n)throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);n.isProxied||(r.$watchers$=n.watchers,ye(n,r,2),n.isProxied=!0);const c=S("createInstance",r.$tagName$);t.$flags$|=8;try{new n(t)}catch($){k($)}t.$flags$&=-9,t.$flags$|=128,c(),B(t.$lazyInstance$)}else{n=e.constructor;const o=e.localName;customElements.whenDefined(o).then(()=>t.$flags$|=128)}if(n&&n.style){let o;typeof n.style=="string"&&(o=n.style);const c=oe(r);if(!_.has(c)){const $=S("registerStyles",r.$tagName$);He(c,o,!!(r.$flags$&1)),$()}}}const a=t.$ancestorComponent$,l=()=>M(t,!0);a&&a["s-rc"]?a["s-rc"].push(l):l()}),B=e=>{O(e,"connectedCallback")},nt=e=>{if(!(h.$flags$&1)){const t=E(e),r=t.$cmpMeta$,s=S("connectedCallback",r.$tagName$);if(t.$flags$&1)t!=null&&t.$lazyInstance$?B(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>B(t.$lazyInstance$));else{t.$flags$|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ve(t,t.$ancestorComponent$=n);break}}r.$members$&&Object.entries(r.$members$).map(([n,[a]])=>{if(a&31&&e.hasOwnProperty(n)){const l=e[n];delete e[n],e[n]=l}}),st(e,t,r)}s()}},V=e=>{O(e,"disconnectedCallback")},rt=e=>x(exports,null,function*(){if(!(h.$flags$&1)){const t=E(e);t!=null&&t.$lazyInstance$?V(t.$lazyInstance$):t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>V(t.$lazyInstance$))}}),lt=(e,t={})=>{var r;const s=S(),n=[],a=t.exclude||[],l=I.customElements,i=m.head,o=i.querySelector("meta[charset]"),c=m.createElement("style"),$=[];let f,d=!0;Object.assign(h,t),h.$resourcesUrl$=new URL(t.resourcesUrl||"./",m.baseURI).href;let u=!1;if(e.map(p=>{p[1].map(v=>{var y;const g={$flags$:v[0],$tagName$:v[1],$members$:v[2],$listeners$:v[3]};g.$flags$&4&&(u=!0),g.$members$=v[2],g.$attrsToReflect$=[],g.$watchers$=(y=v[4])!=null?y:{};const T=g.$tagName$,me=class extends HTMLElement{constructor(b){if(super(b),this.hasRegisteredEventListeners=!1,b=this,we(b,g),g.$flags$&1){if(!b.shadowRoot)b.attachShadow({mode:"open"});else if(b.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${g.$tagName$}! Mode is set to ${b.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){E(this),this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),f&&(clearTimeout(f),f=null),d?$.push(this):h.jmp(()=>nt(this))}disconnectedCallback(){h.jmp(()=>rt(this))}componentOnReady(){return E(this).$onReadyPromise$}};g.$lazyBundleId$=p[0],!a.includes(T)&&!l.get(T)&&(n.push(T),l.define(T,ye(me,g,1)))})}),n.length>0&&(u&&(c.textContent+=te),c.textContent+=n.sort()+xe,c.innerHTML.length)){c.setAttribute("data-styles","");const p=(r=h.$nonce$)!=null?r:re(m);p!=null&&c.setAttribute("nonce",p),i.insertBefore(c,o?o.nextSibling:i.firstChild)}d=!1,$.length?$.map(p=>p.connectedCallback()):h.jmp(()=>f=setTimeout(he,30)),s()};exports.bootstrapLazy=lt;exports.getElement=Be;exports.h=ae;exports.promiseResolve=se;exports.registerInstance=ke;