@everymatrix/casino-lobby 1.46.1 → 1.47.1

package/stencil/casino-play-random-game-c-goQ4iU.js

@@ -0,0 +1,577 @@
+var p = (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());
+});
+import { b as u, p as f, r as w, h as i, g as x } from "./index-7666b794-KI7j9CY0.js";
+import { g as y } from "./app-globals-0f993ce5-D-kw1sls.js";
+var G = () => {
+  const n = import.meta.url, e = {};
+  return n !== "" && (e.resourcesUrl = new URL(".", n).href), f(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);
+}));
+const b = () => {
+  let n = window.navigator.userAgent;
+  return n.toLowerCase().match(/android/i) ? "Android" : n.toLowerCase().match(/iphone/i) ? "iPhone" : n.toLowerCase().match(/ipad|ipod/i) ? "iPad" : "PC";
+}, 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"
+  }
+}, g = (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];
+}, R = `:host {
+  display: block;
+  font-family: inherit;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+:host * {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.RandomGameWrapper {
+  width: 100%;
+  height: var(--emw--size-4x-medium, 700px);
+  background: transparent;
+  position: relative;
+  overflow: hidden;
+}
+
+.GameContainerGradient {
+  position: absolute;
+  top: 10%;
+  left: -5px;
+  width: 100vw;
+  height: 80%;
+  background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.5) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.5) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+  pointer-events: none;
+  z-index: 1;
+  filter: blur(10px);
+}
+
+.GamesContainer {
+  display: flex;
+  height: var(--emw--size-4x-medium, 600px);
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: flex-start;
+  gap: var(--emw--spacing-large, 20px);
+}
+
+.RandomGameCard {
+  position: relative;
+  width: var(--emw--size-3x-medium, 300px);
+  height: var(--emw--size-4x-medium, 420px);
+  border-radius: var(--emw--border-radius-large, 20px);
+  top: 8%;
+  filter: blur(5px);
+}
+.RandomGameCard .RandomGameVendor {
+  position: absolute;
+  font-size: var(--emw--font-size-x-small, 12px);
+  bottom: var(--emw--spacing-small-minus, 10px);
+  left: var(--emw--spacing-small-minus, 10px);
+  color: var(--emw--color-typography, #FFFFFF);
+}
+
+.TheRandomGame {
+  animation-name: ZoomFadeIn;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+  -webkit-animation-name: ZoomFadeIn;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  opacity: 1;
+  cursor: pointer;
+  filter: blur(0);
+}
+
+.RandomGameImage {
+  width: inherit;
+  height: inherit;
+  object-fit: cover;
+  border-radius: var(--emw--border-radius-large, 20px);
+}
+
+.RandomGameDetails {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--emw--color-typography, #FFFFFF);
+  font-size: var(--emw--font-size-small, 14px);
+  width: 100%;
+}
+.RandomGameDetails .RandomGameTitle {
+  line-height: 18px;
+}
+.RandomGameDetails .RandomGameInfo {
+  border-radius: 50%;
+  width: var(--emw--spacing-medium, 16px);
+  height: var(--emw--spacing-medium, 16px);
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  border: solid 1px var(--emw--color-typography, #FFFFFF);
+  text-align: center;
+  margin: var(--emw--spacing-2x-small, 4px) 0;
+  line-height: 14px;
+  cursor: pointer;
+}
+.RandomGameDetails .RandomGamePlay {
+  background: var(--emw--color-primary, #4bd004);
+  color: var(--emw--color-typography, #FFFFFF);
+  border: none;
+  border-radius: var(--emw--border-radius-medium, 5px);
+  width: 200px;
+  height: 40px;
+  font-size: var(--emw--font-size-small, 14px);
+  cursor: pointer;
+}
+
+.ButtonWrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 20;
+}
+
+.ButtonContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  position: relative;
+}
+
+.ButtonIcon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+}
+
+.QustionMark {
+  position: absolute;
+  font-family: sans-serif;
+  font-size: 120px;
+  font-weight: 900;
+  color: color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 10%);
+  text-shadow: 0px 12px 0px color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 50%);
+  left: 50%;
+  top: -20%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+
+.HexagonMarkShadow {
+  width: 100px;
+  height: 115px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 70%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.HexagonMark {
+  position: absolute;
+  width: var(--emw--size-medium, 90px);
+  height: 105px;
+  background: linear-gradient(to bottom, color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 20%) 0%, var(--emw--categories-color-secondary, var(--emw--color-secondary, #eeac4a)) 100%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.RandomButtons {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+  width: 100%;
+  position: relative;
+  z-index: 10;
+}
+
+.RandomButton {
+  font-size: var(--emw--font-size-large, 20px);
+  text-transform: uppercase;
+  width: max-content;
+  border-radius: var(--emw--button-border-radius, 50px);
+  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-2x-large, 40px);
+  border: solid 3px var(--emw--button-border-color, #063B17);
+  color: var(--emw--button-text-color, #FFFFFF);
+  opacity: 1;
+  animation: ButtonEffect 3s linear infinite;
+  background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));
+  background-size: 300% 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 10;
+}
+.RandomButton:hover {
+  opacity: 0.8;
+}
+
+.HideAnimation {
+  filter: blur(5px);
+  animation: AnimateButton 0.2s forwards;
+}
+
+.Flip {
+  animation-name: Flip, Blur;
+  animation-duration: 0.75s, 3s;
+  animation-iteration-count: infinite, 1;
+  -webkit-animation-name: Flip, Blur;
+  -webkit-animation-duration: 0.75s, 3s;
+  -webkit-animation-iteration-count: infinite, 1;
+}
+
+@keyframes ButtonEffect {
+  0% {
+    background-position: 0% 50%;
+  }
+  33% {
+    background-position: 100% 50%;
+  }
+  66% {
+    background-position: 200% 50%;
+  }
+  100% {
+    background-position: 300% 50%;
+  }
+}
+@keyframes ZoomFadeIn {
+  0% {
+    transform: scale(0.2) translateY(0);
+    filter: blur(5px);
+    opacity: 0.3;
+  }
+  50% {
+    transform: scale(1.1) translateY(-30px);
+    filter: blur(2px);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1) translateY(-30px);
+    filter: blur(0px);
+    opacity: 1;
+  }
+}
+@keyframes AnimateButton {
+  0% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 0;
+    display: none;
+  }
+}
+@keyframes Flip {
+  0% {
+    transform: rotateY(0deg);
+  }
+  50% {
+    transform: rotateY(180deg);
+  }
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+@keyframes Blur {
+  0% {
+    filter: blur(0);
+  }
+  50% {
+    filter: blur(1px);
+  }
+  100% {
+    filter: blur(3px);
+  }
+}
+@container (max-width: 475px) {
+  .GamesContainer {
+    height: inherit;
+    gap: var(--emw--spacing-2x-small, 5px);
+  }
+  .RandomGameWrapper {
+    width: 100%;
+    height: 300px;
+    overflow: hidden;
+    background: transparent;
+    position: relative;
+  }
+  .GameContainerGradient {
+    position: absolute;
+    top: 10%;
+    left: -5px;
+    width: 100vw;
+    height: 80%;
+    background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.2) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.2) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+    pointer-events: none;
+    z-index: 1;
+    filter: blur(5px);
+  }
+  .RandomGameCard {
+    width: 100px;
+    height: 150px;
+    top: 0%;
+    border-radius: var(--emw--border-radius-medium, 4px);
+    filter: blur(5px);
+  }
+  .RandomGameImage {
+    width: 102px;
+    height: inherit;
+    top: 0%;
+  }
+  .RandomGameDetails {
+    font-size: 14px;
+    width: 100%;
+  }
+  .RandomGameDetails .RandomGameTitle {
+    line-height: 18px;
+    width: 75%;
+  }
+  .RandomGameDetails .RandomGameInfo {
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    font-size: var(--emw--font-size-x-small, 12px);
+    line-height: 14px;
+  }
+  .RandomGameDetails .RandomGamePlay {
+    background: var(--emw--color-primary, #52d004);
+    color: var(--emw--color-typography, #FFFFFF);
+    border: none;
+    border-radius: 5px;
+    width: 200px;
+    height: 40px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .RandomGameCard .RandomGameVendor {
+    font-size: var(--emw--font-size-x-small, 12px);
+    bottom: 5px;
+    right: 5px;
+  }
+  .RandomButtons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+  }
+  .RandomButton {
+    font-size: var(--emw--font-size-x-small, 12px);
+    padding: 10px 15px;
+    border: solid 1px var(--emw--button-border-color, #063B17);
+  }
+  .QustionMark {
+    font-size: 100px;
+    font-weight: 700;
+  }
+  .HexagonMarkShadow {
+    width: 80px;
+    height: 95px;
+  }
+  .HexagonMark {
+    width: 70px;
+    height: 85px;
+  }
+}`, k = R, C = class {
+  constructor(n) {
+    w(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;
+  }
+  watchEndpoint(n, e) {
+    n && n != e && this.endpoint && this.fetchGameList();
+  }
+  handleNewTranslations() {
+    this.isLoading = !0, g(this.translationUrl).then(() => {
+      this.isLoading = !1;
+    });
+  }
+  handleIsIconVisible() {
+    this.iconVisibility = this.iconVisible === "true";
+  }
+  connectedCallback() {
+    this.handleIsIconVisible();
+  }
+  componentWillLoad() {
+    if (this.translationUrl.length > 2 && g(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", 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) => {
+      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 + // Width of game cards up to the selected
+    a / 2 - // Additional half card width to center to the selected game
+    t / 2, m = [
+      { transform: "translateX(0px)", scale: 1 },
+      { scale: 0.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("div", { class: "RandomButtonsWrapper" }, i("div", { class: "RandomGameDetails" }, i("span", { class: "RandomGameTitle" }, this.selectedGame.name), i("span", { class: "RandomGameInfo", onClick: () => this.showGameInfo() }, "i")), i("div", { class: "RandomButtons" }, i("button", { class: "RandomButton On", onClick: () => this.respin() }, s("spinRandomGame", this.language)), !this.launchByGameCard && i("button", { class: "RandomButton On", onClick: () => this.playGame() }, s("playNowRandomGame", this.language))));
+  }
+  render() {
+    if (this.hasErrors)
+      return i("div", { class: "RandomGameError" }, i("div", { class: "Title" }, s("error", this.language)));
+    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)))));
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      endpoint: ["watchEndpoint"],
+      datasource: ["watchEndpoint"],
+      language: ["watchEndpoint"],
+      translationUrl: ["handleNewTranslations"],
+      iconVisible: ["handleIsIconVisible"]
+    };
+  }
+};
+C.style = k;
+export {
+  C as casino_play_random_game
+};

package/stencil/index-7666b794-CHdM2q8W.cjs

@@ -0,0 +1 @@
+"use strict";var x=(e,t,n)=>new Promise((s,r)=>{var a=o=>{try{i(n.next(o))}catch(c){r(c)}},l=o=>{try{i(n.throw(o))}catch(c){r(c)}},i=o=>o.done?s(o.value):Promise.resolve(o.value).then(a,l);i((n=n.apply(e,t)).next())});const me="casino-play-random-game",_={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:!1,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 Se=Object.defineProperty,Ee=(e,t)=>{for(var n in t)Se(e,n,{get:t[n],enumerable:!0})},H=new WeakMap,E=e=>H.get(e),be=(e,t)=>H.set(t.$lazyInstance$=e,t),ke=(e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return n.$onReadyPromise$=new Promise(s=>n.$onReadyResolve$=s),e["s-p"]=[],e["s-rc"]=[],H.set(e,n)},G=(e,t)=>t in e,k=(e,t)=>(0,console.error)(e,t),I=new Map,we=(e,t,n)=>{const s=e.$tagName$.replace(/-/g,"_"),r=e.$lazyBundleId$;if(!r)return;const a=I.get(r);if(a)return a[s];{const l=i=>(I.set(r,i),i[s]);switch(r){case"casino-play-random-game":return Promise.resolve().then(()=>require("./casino-play-random-game-DJ_HpP4O.cjs")).then(l,k)}}return import(`./${r}.entry.js`).then(l=>(I.set(r,l),l[s]),k)},O=new Map,Te="{visibility:hidden}.hydrated{visibility:inherit}",ee="slot-fb{display:contents}slot-fb[hidden]{display:none}",C=typeof window!="undefined"?window:{},m=C.document||{head:{}},h={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)},te=e=>Promise.resolve(e),xe=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch(e){}return!1})(),U=!1,Q=[],se=[],Le=(e,t)=>n=>{e.push(n),U||(U=!0,h.$flags$&4?F(D):h.raf(D))},Y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(n){k(n)}e.length=0},D=()=>{Y(Q),Y(se),(U=Q.length>0)&&h.raf(D)},F=e=>te().then(e),Pe=Le(se),J={},Ae=e=>e!=null,q=e=>(e=typeof e,e==="object"||e==="function");function ne(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var _e={};Ee(_e,{err:()=>re,map:()=>Oe,ok:()=>R,unwrap:()=>je,unwrapErr:()=>Ce});var R=e=>({isOk:!0,isErr:!1,value:e}),re=e=>({isOk:!1,isErr:!0,value:e});function Oe(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then(s=>R(s)):R(n)}if(e.isErr){const n=e.value;return re(n)}throw"should never get here"}var je=e=>{if(e.isOk)return e.value;throw e.value},Ce=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},Ie=(e,t)=>()=>{},le=(e,t,...n)=>{let s=null,r=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?z(null,s):s),l=a)};if(o(n),t){t.key&&(r=t.key);{const $=t.className||t.class;$&&(t.class=typeof $!="object"?$:Object.keys($).filter(f=>$[f]).join(" "))}}const c=z(e,null);return c.$attrs$=t,i.length>0&&(c.$children$=i),c.$key$=r,c},z=(e,t)=>{const n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return n.$attrs$=null,n.$key$=null,n},Ue={},De=e=>e&&e.$tag$===Ue,Re=(e,t)=>e!=null&&!q(e)&&t&1?String(e):e,ze=e=>E(e).$hostElement$,Be=(e,t,n)=>{const s=h.ce(t,n);return e.dispatchEvent(s),s},K=new WeakMap,He=(e,t,n)=>{let s=O.get(e);xe&&n?(s=s||new CSSStyleSheet,typeof s=="string"?s=t:s.replaceSync(t)):s=t,O.set(e,s)},Fe=(e,t,n)=>{var s;const r=ae(t),a=O.get(r);if(e=e.nodeType===11?e:m,a)if(typeof a=="string"){e=e.head||e;let l=K.get(e),i;if(l||K.set(e,l=new Set),!l.has(r)){{i=m.createElement("style"),i.innerHTML=a;const o=(s=h.$nonce$)!=null?s:ne(m);o!=null&&i.setAttribute("nonce",o),(!(t.$flags$&1)||t.$flags$&1&&e.nodeName!=="HEAD")&&e.insertBefore(i,e.querySelector("link"))}t.$flags$&4&&(i.innerHTML+=ee),l&&l.add(r)}}else e.adoptedStyleSheets.includes(a)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return r},qe=e=>{const t=e.$cmpMeta$,n=e.$hostElement$,s=t.$flags$,r=S("attachStyles",t.$tagName$),a=Fe(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);s&10&&s&2&&(n["s-sc"]=a,n.classList.add(a+"-h")),r()},ae=(e,t)=>"sc-"+e.$tagName$,N=(e,t,n,s,r,a)=>{if(n!==s){let l=G(e,t),i=t.toLowerCase();if(t==="class"){const o=e.classList,c=Z(n),$=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):G(C,i)?t=i.slice(2):t=i[2]+t.slice(3),n||s){const o=t.endsWith(oe);t=t.replace(Me,""),n&&h.rel(e,t,n,o),s&&h.ael(e,t,s,o)}}else{const o=q(s);if((l||o&&s!==null)&&!r)try{if(e.tagName.includes("-"))e[t]=s;else{const c=s==null?"":s;t==="list"?l=!1:(n==null||e[t]!=c)&&(e[t]=c)}}catch(c){}s==null||s===!1?(s!==!1||e.getAttribute(t)==="")&&e.removeAttribute(t):(!l||a&4||r)&&!o&&(s=s===!0?"":s,e.setAttribute(t,s))}}},We=/\s/,Z=e=>e?e.split(We):[],oe="Capture",Me=new RegExp(oe+"$"),ie=(e,t,n)=>{const s=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||J,a=t.$attrs$||J;for(const l of V(Object.keys(r)))l in a||N(s,l,r[l],void 0,n,t.$flags$);for(const l of V(Object.keys(a)))N(s,l,r[l],a[l],n,t.$flags$)};function V(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var P,W,ce=!1,$e=!1,j=(e,t,n,s)=>{const r=t.$children$[n];let a=0,l,i;if(r.$text$!==null)l=r.$elm$=m.createTextNode(r.$text$);else if(l=r.$elm$=m.createElement(!ce&&_.slotRelocation&&r.$flags$&2?"slot-fb":r.$tag$),ie(null,r,$e),!!l.getRootNode().querySelector("body")&&_.scoped&&Ae(P)&&l["s-si"]!==P&&l.classList.add(l["s-si"]=P),r.$children$)for(a=0;a<r.$children$.length;++a)i=j(e,r,a),i&&l.appendChild(i);return l["s-hn"]=W,l},fe=(e,t,n,s,r,a)=>{let l=e,i;for(l.shadowRoot&&l.tagName===W&&(l=l.shadowRoot);r<=a;++r)s[r]&&(i=j(null,n,r),i&&(s[r].$elm$=i,A(l,i,t)))},de=(e,t,n)=>{for(let s=t;s<=n;++s){const r=e[s];if(r){const a=r.$elm$;ue(r),a&&a.remove()}}},Xe=(e,t,n,s,r=!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,r))w($,u,r),$=t[++a],u=s[++l];else if(L(f,p,r))w(f,p,r),f=t[--c],p=s[--d];else if(L($,p,r))w($,p,r),A(e,$.$elm$,f.$elm$.nextSibling),$=t[++a],p=s[--d];else if(L(f,u,r))w(f,u,r),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=j(t&&t[l],n,i):(w(y,u,r),t[i]=void 0,v=y.$elm$),u=s[++l]):(v=j(t&&t[l],n,l),u=s[++l]),v&&A($.$elm$.parentNode,v,$.$elm$)}a>c?fe(e,s[d+1]==null?null:s[d+1].$elm$,n,s,l,d):l>d&&de(t,a,c)},L=(e,t,n=!1)=>e.$tag$===t.$tag$?n?!0:e.$key$===t.$key$:!1,w=(e,t,n=!1)=>{const s=t.$elm$=e.$elm$,r=e.$children$,a=t.$children$,l=t.$text$;l===null?(ie(e,t,$e),r!==null&&a!==null?Xe(s,r,t,a,n):a!==null?(e.$text$!==null&&(s.textContent=""),fe(s,null,t,a,0,a.length-1)):!n&&_.updatable&&r!==null&&de(r,0,r.length-1)):e.$text$!==l&&(s.data=l)},ue=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(ue)},A=(e,t,n)=>e==null?void 0:e.insertBefore(t,n),Ge=(e,t,n=!1)=>{const s=e.$hostElement$,r=e.$cmpMeta$,a=e.$vnode$||z(null,null),l=De(t)?t:le(null,null,t);if(W=s.tagName,r.$attrsToReflect$&&(l.$attrs$=l.$attrs$||{},r.$attrsToReflect$.map(([i,o])=>l.$attrs$[o]=s[i])),n&&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"],ce=(r.$flags$&1)!==0,w(a,l,n)},pe=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(n=>e.$onRenderResolve$=n))},M=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return pe(e,e.$ancestorComponent$),Pe(()=>Qe(e,t))},Qe=(e,t)=>{const n=e.$hostElement$,s=S("scheduleUpdate",e.$cmpMeta$.$tagName$),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${n.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=X(r,"componentWillLoad")),s(),Ye(a,()=>Ke(e,r,t))},Ye=(e,t)=>Je(e)?e.then(t).catch(n=>{console.error(n),t()}):t(),Je=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Ke=(e,t,n)=>x(exports,null,function*(){var s;const r=e.$hostElement$,a=S("update",e.$cmpMeta$.$tagName$),l=r["s-rc"];n&&qe(e);const i=S("render",e.$cmpMeta$.$tagName$);Ne(e,t,r,n),l&&(l.map(o=>o()),r["s-rc"]=void 0),i(),a();{const o=(s=r["s-p"])!=null?s:[],c=()=>Ze(e);o.length===0?c():(Promise.all(o).then(c),e.$flags$|=4,o.length=0)}}),Ne=(e,t,n,s)=>{try{t=t.render(),e.$flags$&=-17,e.$flags$|=2,Ge(e,t,s)}catch(r){k(r,e.$hostElement$)}return null},Ze=e=>{const t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,s=S("postUpdate",t),r=e.$lazyInstance$,a=e.$ancestorComponent$;e.$flags$&64?s():(e.$flags$|=64,he(n),X(r,"componentDidLoad"),s(),e.$onReadyResolve$(n),a||ve()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&F(()=>M(e,!1)),e.$flags$&=-517},ve=e=>{he(m.documentElement),F(()=>Be(C,"appload",{detail:{namespace:me}}))},X=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(s){k(s)}},he=e=>{var t;return e.classList.add((t=_.hydratedSelectorName)!=null?t:"hydrated")},Ve=(e,t)=>E(e).$instanceValues$.get(t),et=(e,t,n,s)=>{const r=E(e);if(!r)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=r.$hostElement$,l=r.$instanceValues$.get(t),i=r.$flags$,o=r.$lazyInstance$;n=Re(n,s.$members$[t][0]);const c=Number.isNaN(l)&&Number.isNaN(n),$=n!==l&&!c;if((!(i&8)||l===void 0)&&$&&(r.$instanceValues$.set(t,n),o)){if(s.$watchers$&&i&128){const f=s.$watchers$[t];f&&f.map(d=>{try{o[d](n,l,t)}catch(u){k(u,a)}})}(i&18)===2&&M(r,!1)}},ge=(e,t,n)=>{var s,r;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||n&2&&o&32)&&Object.defineProperty(a,i,{get(){return Ve(this,i)},set(c){et(this,i,c,t)},configurable:!0,enumerable:!0})}),n&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((r=t.$watchers$)!=null?r:{}),...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},tt=(e,t,n,s)=>x(exports,null,function*(){let r;if(!(t.$flags$&32)){if(t.$flags$|=32,n.$lazyBundleId$){const o=we(n);if(o&&"then"in o){const $=Ie();r=yield o,$()}else r=o;if(!r)throw new Error(`Constructor for "${n.$tagName$}#${t.$modeName$}" was not found`);r.isProxied||(n.$watchers$=r.watchers,ge(r,n,2),r.isProxied=!0);const c=S("createInstance",n.$tagName$);t.$flags$|=8;try{new r(t)}catch($){k($)}t.$flags$&=-9,t.$flags$|=128,c(),B(t.$lazyInstance$)}else{r=e.constructor;const o=e.localName;customElements.whenDefined(o).then(()=>t.$flags$|=128)}if(r&&r.style){let o;typeof r.style=="string"&&(o=r.style);const c=ae(n);if(!O.has(c)){const $=S("registerStyles",n.$tagName$);He(c,o,!!(n.$flags$&1)),$()}}}const a=t.$ancestorComponent$,l=()=>M(t,!0);a&&a["s-rc"]?a["s-rc"].push(l):l()}),B=e=>{X(e,"connectedCallback")},st=e=>{if(!(h.$flags$&1)){const t=E(e),n=t.$cmpMeta$,s=S("connectedCallback",n.$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 r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){pe(t,t.$ancestorComponent$=r);break}}n.$members$&&Object.entries(n.$members$).map(([r,[a]])=>{if(a&31&&e.hasOwnProperty(r)){const l=e[r];delete e[r],e[r]=l}}),tt(e,t,n)}s()}},nt=e=>{},rt=e=>x(exports,null,function*(){if(!(h.$flags$&1)){const t=E(e);t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>nt())}}),lt=(e,t={})=>{var n;const s=S(),r=[],a=t.exclude||[],l=C.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$,ye=class extends HTMLElement{constructor(b){if(super(b),this.hasRegisteredEventListeners=!1,b=this,ke(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(()=>st(this))}disconnectedCallback(){h.jmp(()=>rt(this))}componentOnReady(){return E(this).$onReadyPromise$}};g.$lazyBundleId$=p[0],!a.includes(T)&&!l.get(T)&&(r.push(T),l.define(T,ge(ye,g,1)))})}),r.length>0&&(u&&(c.textContent+=ee),c.textContent+=r.sort()+Te,c.innerHTML.length)){c.setAttribute("data-styles","");const p=(n=h.$nonce$)!=null?n:ne(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(ve,30)),s()};exports.bootstrapLazy=lt;exports.getElement=ze;exports.h=le;exports.promiseResolve=te;exports.registerInstance=be;