@everymatrix/casino-lobby 1.76.13 → 1.76.14

package/stencil/casino-play-random-game_3-BAcddQtP.cjs

@@ -0,0 +1,432 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-27b314b8-B9Z1iOB7.cjs"),f=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},w="en",s={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rastgele Bir Oyun Oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},l=e=>new Promise(t=>{fetch(e).then(i=>i.json()).then(i=>{Object.keys(i).forEach(a=>{s[a]||(s[a]={});for(let r in i[a])s[a][r]=i[a][r]}),t(!0)})}),o=(e,t)=>{const i=t;return s[i!==void 0&&i in s?i:w][e]};function d(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function h(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const r=document.createElement("style");r.innerHTML=a,e&&e.appendChild(r)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function y(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,r=>{a.innerHTML=r,e&&e.appendChild(a)})}}const b=`:host {
+  display: block;
+  font-family: inherit;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+:host * {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.RandomGameWrapper {
+  width: 100%;
+  height: var(--emw--size-4x-medium, 700px);
+  background: transparent;
+  position: relative;
+  overflow: hidden;
+}
+
+.GameContainerGradient {
+  position: absolute;
+  top: 10%;
+  left: -5px;
+  width: 100vw;
+  height: 80%;
+  background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.5) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.5) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+  pointer-events: none;
+  z-index: 1;
+  filter: blur(10px);
+}
+
+.GamesContainer {
+  display: flex;
+  height: var(--emw--size-4x-medium, 600px);
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: flex-start;
+  gap: var(--emw--spacing-large, 20px);
+}
+
+.RandomGameCard {
+  position: relative;
+  width: var(--emw--size-3x-medium, 300px);
+  height: var(--emw--size-4x-medium, 420px);
+  border-radius: var(--emw--border-radius-large, 10px);
+  top: 8%;
+  filter: blur(5px);
+}
+.RandomGameCard .RandomGameVendor {
+  position: absolute;
+  font-size: var(--emw--font-size-x-small, 12px);
+  bottom: var(--emw--spacing-small-minus, 10px);
+  left: var(--emw--spacing-small-minus, 10px);
+  color: var(--emw--color-typography, #FFFFFF);
+}
+
+.TheRandomGame {
+  animation-name: ZoomFadeIn;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+  -webkit-animation-name: ZoomFadeIn;
+  -webkit-animation-duration: 0.5s;
+  -webkit-animation-fill-mode: forwards;
+  opacity: 1;
+  cursor: pointer;
+  filter: blur(0);
+}
+
+.RandomGameImage {
+  width: inherit;
+  height: inherit;
+  object-fit: cover;
+  border-radius: var(--emw--border-radius-large, 10px);
+}
+
+.RandomGameDetails {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--emw--color-typography, #FFFFFF);
+  font-size: var(--emw--font-size-small, 14px);
+  width: 100%;
+}
+.RandomGameDetails .RandomGameTitle {
+  line-height: 18px;
+  margin: 5px 0;
+}
+.RandomGameDetails .RandomGameInfo {
+  border-radius: 50%;
+  width: var(--emw--spacing-medium, 16px);
+  height: var(--emw--spacing-medium, 16px);
+  font-size: var(--emw--font-size-x-small, 12px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  border: solid 1px var(--emw--color-typography, #FFFFFF);
+  text-align: center;
+  margin: var(--emw--spacing-2x-small, 4px) 0;
+  line-height: 14px;
+  cursor: pointer;
+}
+.RandomGameDetails .RandomGamePlay {
+  background: var(--emw--color-primary, #4bd004);
+  color: var(--emw--color-typography, #FFFFFF);
+  border: none;
+  border-radius: var(--emw--border-radius-medium, 5px);
+  width: 200px;
+  height: 40px;
+  font-size: var(--emw--font-size-small, 14px);
+  cursor: pointer;
+}
+
+.ButtonWrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 20;
+}
+
+.ButtonContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  position: relative;
+}
+
+.ButtonIcon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+}
+
+.QustionMark {
+  position: absolute;
+  font-family: sans-serif;
+  font-size: 120px;
+  font-weight: 900;
+  color: color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 10%);
+  text-shadow: 0px 12px 0px color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 50%);
+  left: 50%;
+  top: -20%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+
+.HexagonMarkShadow {
+  width: 100px;
+  height: 115px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 70%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.HexagonMark {
+  position: absolute;
+  width: var(--emw--size-medium, 90px);
+  height: 105px;
+  background: linear-gradient(to bottom, color-mix(in srgb, var(--emw--casino-color-secondary, var(--emw--color-secondary, #eeac4a)), black 20%) 0%, var(--emw--categories-color-secondary, var(--emw--color-secondary, #eeac4a)) 100%);
+  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%);
+}
+
+.RandomButtons {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: var(--emw--spacing-2x-small, 5px);
+  width: 100%;
+  position: relative;
+  z-index: 10;
+}
+
+.RandomButton {
+  font-size: var(--emw--font-size-large, 12px);
+  text-transform: uppercase;
+  width: max-content;
+  border-radius: var(--emw--button-border-radius, 10px);
+  padding: var(--emw--spacing-large, 20px) var(--emw--spacing-2x-large, 40px);
+  border: solid 3px var(--emw--button-border-color, #063B17);
+  color: var(--emw--button-text-color, #FFFFFF);
+  opacity: 1;
+  animation: ButtonEffect 3s linear infinite;
+  background-image: linear-gradient(to right, var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E), black 30%), var(--emw--color-primary, #22B04E));
+  background-size: 300% 100%;
+  cursor: pointer;
+  position: relative;
+  z-index: 10;
+}
+.RandomButton:hover {
+  opacity: 0.8;
+}
+
+.HideAnimation {
+  filter: blur(5px);
+  animation: AnimateButton 0.2s forwards;
+}
+
+.Flip {
+  animation-name: Flip, Blur;
+  animation-duration: 0.75s, 3s;
+  animation-iteration-count: infinite, 1;
+  -webkit-animation-name: Flip, Blur;
+  -webkit-animation-duration: 0.75s, 3s;
+  -webkit-animation-iteration-count: infinite, 1;
+}
+
+@keyframes ButtonEffect {
+  0% {
+    background-position: 0% 50%;
+  }
+  33% {
+    background-position: 100% 50%;
+  }
+  66% {
+    background-position: 200% 50%;
+  }
+  100% {
+    background-position: 300% 50%;
+  }
+}
+@keyframes ZoomFadeIn {
+  0% {
+    transform: scale(0.2) translateY(0);
+    filter: blur(5px);
+    opacity: 0.3;
+  }
+  50% {
+    transform: scale(1.1) translateY(-30px);
+    filter: blur(2px);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1) translateY(-30px);
+    filter: blur(0px);
+    opacity: 1;
+  }
+}
+@keyframes AnimateButton {
+  0% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 0;
+    display: none;
+  }
+}
+@keyframes Flip {
+  0% {
+    transform: rotateY(0deg);
+  }
+  50% {
+    transform: rotateY(180deg);
+  }
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+@keyframes Blur {
+  0% {
+    filter: blur(0);
+  }
+  50% {
+    filter: blur(1px);
+  }
+  100% {
+    filter: blur(3px);
+  }
+}
+@media screen and (max-width: 480px) {
+  .RandomButtons .RandomButton {
+    font-size: var(--emw--font-size-medium, 12px);
+  }
+}
+@container (max-width: 475px) {
+  .GamesContainer {
+    height: inherit;
+    gap: var(--emw--spacing-2x-small, 5px);
+  }
+  .RandomGameWrapper {
+    width: 100%;
+    height: 300px;
+    overflow: hidden;
+    background: transparent;
+    position: relative;
+  }
+  .GameContainerGradient {
+    position: absolute;
+    top: 10%;
+    left: -5px;
+    width: 100vw;
+    height: 80%;
+    background: linear-gradient(90deg, var(--emw--color-background, rgba(0, 0, 0, 0.9)) 0%, rgba(14, 21, 17, 0.2) 25%, rgba(14, 21, 17, 0) 50%, rgba(14, 21, 16, 0.2) 75%, var(--emw--color-background, rgba(10, 0, 0, 0.9)) 100%);
+    pointer-events: none;
+    z-index: 1;
+    filter: blur(5px);
+  }
+  .RandomGameCard {
+    width: 100px;
+    height: 150px;
+    top: 0%;
+    border-radius: var(--emw--border-radius-medium, 4px);
+    filter: blur(5px);
+  }
+  .RandomGameImage {
+    width: 102px;
+    height: inherit;
+    top: 0%;
+  }
+  .RandomGameDetails {
+    font-size: 14px;
+    width: 100%;
+  }
+  .RandomGameDetails .RandomGameTitle {
+    margin: 5px 0;
+    line-height: 18px;
+    width: 75%;
+  }
+  .RandomGameDetails .RandomGameInfo {
+    border-radius: 50%;
+    width: 16px;
+    height: 16px;
+    font-size: var(--emw--font-size-x-small, 12px);
+    line-height: 14px;
+  }
+  .RandomGameDetails .RandomGamePlay {
+    background: var(--emw--color-primary, #52d004);
+    color: var(--emw--color-typography, #FFFFFF);
+    border: none;
+    border-radius: 5px;
+    width: 200px;
+    height: 40px;
+    font-size: 14px;
+    cursor: pointer;
+  }
+  .RandomGameCard .RandomGameVendor {
+    font-size: var(--emw--font-size-x-small, 12px);
+    bottom: 5px;
+    right: 5px;
+  }
+  .RandomButtons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+  }
+  .RandomButton {
+    font-size: var(--emw--font-size-x-small, 12px);
+    padding: 10px 15px;
+    border: solid 1px var(--emw--button-border-color, #063B17);
+  }
+  .QustionMark {
+    font-size: 100px;
+    font-weight: 700;
+  }
+  .HexagonMarkShadow {
+    width: 80px;
+    height: 95px;
+  }
+  .HexagonMark {
+    width: 70px;
+    height: 85px;
+  }
+}`,x=b,m=class{constructor(e){n.registerInstance(this,e),this.dataLoaded=n.createEvent(this,"data-loaded",7),this.animation=null,this.selectedGameIndex=null,this.selectedGameEl=null,this.iconVisibility=null,this.shuffle=t=>{let i=t.length,a;for(;i!==0;)a=Math.floor(Math.random()*i),i--,[t[i],t[a]]=[t[a],t[i]];return t},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!1,this.isLoading=!0,this.gamesToShow=void 0,this.selectedGame=null,this.animationDone=!1,this.animationStarted=!1,this.imageLoadingType="lazy",this.detectDistance="200px"}watchEndpoint(e,t){e&&e!=t&&this.endpoint&&this.fetchGameList()}handleNewTranslations(){this.isLoading=!0,l(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(e,t){e!=t&&d(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&h(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&l(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){"IntersectionObserver"in window&&(this.io=new IntersectionObserver(e=>{e.forEach(t=>{var i;t.isIntersecting&&(this.imageLoadingType="eager",(i=this.io)===null||i===void 0||i.unobserve(t.target))})},{root:null,rootMargin:this.detectDistance}),this.io.observe(this.host)),window.emMessageBus!=null?y(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&h(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",f()),e.searchParams.append("datasource",this.datasource),e.searchParams.append("fields","gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"),e.searchParams.append("expand","vendor"),e.searchParams.append("pagination","offset=0,limit=423"),e.searchParams.append("language",this.language),this.specificCategory&&e.searchParams.append("filter",`categories(id=${this.specificCategory})`),new Promise((t,i)=>{this.isLoading=!0,fetch(e.href).then(a=>a.json()).then(a=>{this.gamesToShow=this.setUpGames(a==null?void 0:a.items),t(!0)}).catch(a=>{console.error(a),this.hasErrors=!0,i(a)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(e){const t=this.shuffle(e).slice(0,40);return t.concat(t)}selectRandomGame(){const e=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(e-3)),this.selectedGameIndex+=e,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}animateGames(){this.iconVisibility=this.iconVisibleOnAnim==="true",this.animationStarted=!0,this.animationDone=!1,this.animation&&this.animation.cancel(),this.selectedGameEl&&(this.selectedGameEl.classList.remove("TheRandomGame"),this.selectedGame=null,this.selectedGameIndex=null),this.selectRandomGame();const e=window.getComputedStyle(this.gameContainer).getPropertyValue("gap"),t=parseInt(e,10),i=this.selectedGameEl.offsetWidth,a=this.gameContainer.offsetWidth,r=(i+t)*this.selectedGameIndex+i/2-a/2,u=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${r}px)`,scale:1}],p={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(u,p),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return n.h("div",{class:"RandomButtonsWrapper"},n.h("div",{class:"RandomGameDetails"},n.h("span",{class:"RandomGameTitle"},this.selectedGame.name),n.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),n.h("div",{class:"RandomButtons"},n.h("button",{class:"RandomButton On",onClick:()=>this.respin()},o("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},o("playNowRandomGame",this.language))))}renderSkeleton(){const e=Array.from({length:5},(t,i)=>n.h("div",{class:"RandomGameCard",key:i},n.h("ui-skeleton",{structure:"rectangle",width:"300px",height:"420px",borderRadius:"10px",animation:!0})));return n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer"},e))}render(){return n.h("div",{key:"29fe3535d63177e6d1f30a757bf17b70d89ce386",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},o("error",this.language))):this.isLoading?this.renderSkeleton():n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer",ref:e=>this.gameContainer=e},this.gamesToShow&&this.gamesToShow.map((e,t)=>n.h("div",{class:"RandomGameCard",key:t,onClick:this.launchByGameCard==="true"?()=>this.playGame():void 0},n.h("div",{class:"RandomGameVendor"},e.vendor.name),n.h("ui-image",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name,loading:this.imageLoadingType}),this.selectedGame&&this.selectedGameIndex===t&&this.renderGameDetails()))),n.h("div",{class:`ButtonWrapper ${this.animationDone?"HideAnimation":""}`},n.h("div",{class:"ButtonContainer"},this.iconVisibility&&n.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},n.h("div",{class:"QustionMark"},"?"),n.h("div",{class:"HexagonMarkShadow"}),n.h("div",{class:"HexagonMark"})),!this.animationStarted&&n.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},o("playRandomGame",this.language))))))}get host(){return n.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};m.style=x;const v=".HostContainer{display:block}.UiContainer{height:100%;width:100%;border-radius:inherit;object-fit:inherit}.UiContainer .Image{border-radius:inherit}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;border-radius:var(--emw--border-radius-medium, 10px);transition:opacity 0.5s ease-in-out}",k=v,c=class{constructor(e){n.registerInstance(this,e),this.hasStarted=!1,this.src=void 0,this.width=void 0,this.height=void 0,this.alt=void 0,this.styles=void 0,this.detectDistance="200px",this.loading="lazy",this.imgLoaded=!1}onSrcChange(){this.loading!=="eager"&&(this.imgLoaded=!1,this.hasStarted=!1,(typeof window=="undefined"||!("IntersectionObserver"in window))&&this.beginLoad())}onLoadingChange(e,t){e!==t&&(this.cleanupObserver(),this.detachImgHandlers(),e==="eager"?(this.imgEl&&this.src&&(this.imgEl.src=this.src),this.hasStarted=!0):(this.imgLoaded=!1,this.hasStarted=!1,this.setupObserver()))}componentDidLoad(){this.loading!=="eager"&&this.setupObserver()}disconnectedCallback(){this.cleanupObserver(),this.detachImgHandlers()}canUseIO(){return typeof window!="undefined"&&"IntersectionObserver"in window}setupObserver(){if(this.loading!=="eager"){if(!this.canUseIO()){this.beginLoad();return}this.io=new IntersectionObserver(e=>{var t;for(const i of e)if(i.isIntersecting){this.beginLoad(),(t=this.io)===null||t===void 0||t.unobserve(i.target),this.cleanupObserver();break}},{root:null,rootMargin:this.detectDistance,threshold:0}),this.io.observe(this.el)}}cleanupObserver(){var e;(e=this.io)===null||e===void 0||e.disconnect(),this.io=void 0}wireOnceHandlers(){this.imgEl&&(this.detachImgHandlers(),this._onLoad=()=>{var e;this.currentSrc&&(!((e=this.imgEl)===null||e===void 0)&&e.currentSrc)&&!this.imgEl.currentSrc.includes(this.currentSrc)||(this.imgLoaded=!0)},this._onError=()=>{console.error("Load image failed:",this.src)},this.imgEl.addEventListener("load",this._onLoad,{once:!0}),this.imgEl.addEventListener("error",this._onError,{once:!0}))}detachImgHandlers(){this.imgEl&&(this._onLoad&&this.imgEl.removeEventListener("load",this._onLoad),this._onError&&this.imgEl.removeEventListener("error",this._onError),this._onLoad=void 0,this._onError=void 0)}beginLoad(){if(!this.hasStarted&&this.imgEl&&this.src){if(this.hasStarted=!0,this.wireOnceHandlers(),this.imgEl.complete&&this.imgEl.naturalWidth>0){this.imgLoaded=!0;return}this.currentSrc=this.src,this.imgEl.src=this.src,this.imgEl.complete&&this.imgEl.naturalWidth>0&&(this.imgLoaded=!0)}}get showSkeleton(){return this.loading!=="eager"&&!this.imgLoaded}renderEager(){return n.h(n.Host,{class:"HostContainer"},n.h("img",{src:this.src,decoding:"async",style:this.styles,class:"UiContainer Visible",alt:this.alt,width:this.width,height:this.height,loading:"eager"}))}renderLazy(){return n.h(n.Host,{class:"HostContainer","aria-busy":this.imgLoaded?"false":"true"},this.showSkeleton&&n.h("ui-skeleton",{class:"UiContainer",structure:"image",width:"100%",height:"100%"}),n.h("img",{ref:e=>this.imgEl=e,src:void 0,decoding:"async",style:this.styles,class:`UiContainer ${this.imgLoaded?"Visible":"Hidden"}`,alt:this.alt,width:this.width,height:this.height,loading:"lazy"}))}render(){return this.loading==="eager"?this.renderEager():this.renderLazy()}get el(){return n.getElement(this)}static get watchers(){return{src:["onSrcChange"],loading:["onLoadingChange"]}}};c.style=k;const G=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",R=G,g=class{constructor(e){n.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return n.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return n.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,t)=>n.h("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+          :host {
+            --emw-skeleton-logo-width: ${this.stylingValue.width};
+            --emw-skeleton-logo-height: ${this.stylingValue.height};
+            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"image":e=`
+          :host {
+            --emw-skeleton-image-width: ${this.stylingValue.width};
+            --emw-skeleton-image-height: ${this.stylingValue.height};
+            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"title":e=`
+          :host {
+            --emw-skeleton-title-width: ${this.stylingValue.width};
+            --emw-skeleton-title-height: ${this.stylingValue.height};
+            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"text":e=`
+          :host {
+            --emw-skeleton-text-width: ${this.stylingValue.width};
+            --emw-skeleton-text-height: ${this.stylingValue.height};
+            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"rectangle":e=`
+          :host {
+            --emw-skeleton-rectangle-width: ${this.stylingValue.width};
+            --emw-skeleton-rectangle-height: ${this.stylingValue.height};
+            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
+            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
+            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
+            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
+            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
+          }
+        `;break;case"circle":e=`
+          :host {
+            --emw-skeleton-circle-size: ${this.stylingValue.size};
+          }
+        `;break;default:e=""}return n.h(n.Host,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},n.h("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};g.style=R;exports.casino_play_random_game=m;exports.ui_image=c;exports.ui_skeleton=g;