@everymatrix/casino-lobby 1.77.0 → 1.77.1

package/stencil/casino-play-random-game_2-BJVoDn1D.cjs

@@ -1,432 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-328e660d-MaaYKutI.cjs"),p=()=>{let e=window.navigator.userAgent;return e.toLowerCase().match(/android/i)?"Android":e.toLowerCase().match(/iphone/i)?"iPhone":e.toLowerCase().match(/ipad|ipod/i)?"iPad":"PC"},w="en",r={en:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},ro:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},fr:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},hr:{error:"Greška",randomGameLoading:"Učitavanje ...",playRandomGame:"Igraj nasumičnu igru",playNowRandomGame:"Igraj sada",spinRandomGame:"Zavrti"},hu:{error:"Error",randomGameLoading:"Loading ...",playRandomGame:"Play a random game",playNowRandomGame:"Play now",spinRandomGame:"Spin"},tr:{error:"Hata",randomGameLoading:"Yükleniyor...",playRandomGame:"Rasgele bir oyun oyna",playNowRandomGame:"Şimdi Oyna",spinRandomGame:"DEĞİŞTİR"}},l=e=>new Promise(t=>{fetch(e).then(i=>i.json()).then(i=>{Object.keys(i).forEach(a=>{r[a]||(r[a]={});for(let o in i[a])r[a][o]=i[a][o]}),t(!0)})}),s=(e,t)=>{const i=t;return r[i!==void 0&&i in r?i:w][e]};function m(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function d(e,t){const i=new URL(t);fetch(i.href).then(a=>a.text()).then(a=>{const o=document.createElement("style");o.innerHTML=a,e&&e.appendChild(o)}).catch(a=>{console.error("There was an error while trying to load client styling from URL",a)})}function f(e,t,i){if(window.emMessageBus){const a=document.createElement("style");window.emMessageBus.subscribe(t,o=>{a.innerHTML=o,e&&e.appendChild(a)})}}const y=`:host {
-  display: block;
-  font-family: inherit;
-  -webkit-transform: translate3d(0, 0, 0);
-  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=y,h=class{constructor(e){n.registerInstance(this,e),this.dataLoaded=n.createEvent(this,"data-loaded"),this.animation=null,this.selectedGameIndex=null,this.selectedGameEl=null,this.iconVisibility=null,this.shuffle=t=>{let i=t.length,a;for(;i!==0;)a=Math.floor(Math.random()*i),i--,[t[i],t[a]]=[t[a],t[i]];return t},this.endpoint=void 0,this.datasource=void 0,this.language="en",this.specificCategory="",this.iconVisible="",this.iconVisibleOnAnim="",this.launchByGameCard="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.hasErrors=!1,this.isLoading=!0,this.gamesToShow=void 0,this.selectedGame=null,this.animationDone=!1,this.animationStarted=!1}watchEndpoint(e,t){e&&e!=t&&this.endpoint&&this.fetchGameList()}handleNewTranslations(){this.isLoading=!0,l(this.translationUrl).then(()=>{this.isLoading=!1})}handleIsIconVisible(){this.iconVisibility=this.iconVisible==="true"}handleClientStylingChange(e,t){e!=t&&m(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&d(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){this.handleIsIconVisible()}componentWillLoad(){if(this.translationUrl.length>2&&l(this.translationUrl),this.endpoint&&this.language&&this.datasource)return this.fetchGameList()}componentDidLoad(){window.emMessageBus!=null?f(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&m(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&d(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchGameList(){let e=new URL(`${this.endpoint}/v1/casino/games`);return e.searchParams.append("platform",p()),e.searchParams.append("datasource",this.datasource),e.searchParams.append("fields","gId,id,href,thumbnail,name,vendor,launchUrl,subVendor"),e.searchParams.append("expand","vendor"),e.searchParams.append("pagination","offset=0,limit=423"),e.searchParams.append("language",this.language),this.specificCategory&&e.searchParams.append("filter",`categories(id=${this.specificCategory})`),new Promise((t,i)=>{this.isLoading=!0,fetch(e.href).then(a=>a.json()).then(a=>{this.gamesToShow=this.setUpGames(a==null?void 0:a.items),t(!0)}).catch(a=>{console.error(a),this.hasErrors=!0,i(a)}).finally(()=>{this.isLoading=!1,this.dataLoaded.emit({target:this.host})})})}setUpGames(e){const t=this.shuffle(e).slice(0,40);return t.concat(t)}selectRandomGame(){const e=this.gamesToShow.length/2;this.selectedGameIndex=Math.floor(Math.random()*(e-3)),this.selectedGameIndex+=e,this.selectedGameEl=this.gameContainer.children[this.selectedGameIndex]}playRandomGame(){this.animateGames(),typeof gtag=="function"&&gtag("event","PlayRandomGame",{context:"CasinoPlayRandomGame"})}respin(){this.animateGames(),typeof gtag=="function"&&gtag("event","RespinRandomGame",{context:"CasinoPlayRandomGame"})}animateGames(){this.iconVisibility=this.iconVisibleOnAnim==="true",this.animationStarted=!0,this.animationDone=!1,this.animation&&this.animation.cancel(),this.selectedGameEl&&(this.selectedGameEl.classList.remove("TheRandomGame"),this.selectedGame=null,this.selectedGameIndex=null),this.selectRandomGame();const e=window.getComputedStyle(this.gameContainer).getPropertyValue("gap"),t=parseInt(e,10),i=this.selectedGameEl.offsetWidth,a=this.gameContainer.offsetWidth,o=(i+t)*this.selectedGameIndex+i/2-a/2,g=[{transform:"translateX(0px)",scale:1},{scale:.75},{transform:`translateX(-${o}px)`,scale:1}],u={duration:3e3,easing:"cubic-bezier(0.5, 0, 0.5, 1.2)",fill:"forwards"};this.animation=this.gameContainer.animate(g,u),this.animation.onfinish=()=>{this.animationDone=!0,this.selectedGameEl.classList.add("TheRandomGame"),this.selectedGame=this.gamesToShow[this.selectedGameIndex]}}playGame(){this.selectedGame&&(window.postMessage({type:"PlayRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGame",{context:"CasinoPlayRandomGame"}))}showGameInfo(){window.postMessage({type:"InfoRandomGame",gameId:this.selectedGame.id,launchUrl:this.selectedGame.launchUrl,gameName:this.selectedGame.name,subVendor:this.selectedGame.subVendor},window.location.href),typeof gtag=="function"&&gtag("event","OpenRandomGameInfo",{context:"CasinoPlayRandomGame"})}renderGameDetails(){return n.h("div",{class:"RandomButtonsWrapper"},n.h("div",{class:"RandomGameDetails"},n.h("span",{class:"RandomGameTitle"},this.selectedGame.name),n.h("span",{class:"RandomGameInfo",onClick:()=>this.showGameInfo()},"i")),n.h("div",{class:"RandomButtons"},n.h("button",{class:"RandomButton On",onClick:()=>this.respin()},s("spinRandomGame",this.language)),!this.launchByGameCard&&n.h("button",{class:"RandomButton On",onClick:()=>this.playGame()},s("playNowRandomGame",this.language))))}renderSkeleton(){const e=Array.from({length:5},(t,i)=>n.h("div",{class:"RandomGameCard",key:i},n.h("ui-skeleton",{structure:"rectangle",width:"300px",height:"420px",borderRadius:"10px",animation:!0})));return n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer"},e))}render(){return n.h("div",{key:"ccc1e77093402e72a300ded18465085c182fbd79",ref:e=>this.stylingContainer=e},this.hasErrors?n.h("div",{class:"RandomGameError"},n.h("div",{class:"Title"},s("error",this.language))):this.isLoading?this.renderSkeleton():n.h("div",{class:"RandomGameWrapper"},n.h("div",{class:"GameContainerGradient"}),n.h("div",{class:"GamesContainer",ref:e=>this.gameContainer=e},this.gamesToShow&&this.gamesToShow.map((e,t)=>n.h("div",{class:"RandomGameCard",key:t,onClick:this.launchByGameCard==="true"?()=>this.playGame():void 0},n.h("div",{class:"RandomGameVendor"},e.vendor.name),n.h("img",{class:"RandomGameImage",src:e.thumbnail,alt:e.name,title:e.name}),this.selectedGame&&this.selectedGameIndex===t&&this.renderGameDetails()))),n.h("div",{class:`ButtonWrapper ${this.animationDone?"HideAnimation":""}`},n.h("div",{class:"ButtonContainer"},this.iconVisibility&&n.h("div",{class:`ButtonIcon ${this.animationStarted?"Flip":""}`},n.h("div",{class:"QustionMark"},"?"),n.h("div",{class:"HexagonMarkShadow"}),n.h("div",{class:"HexagonMark"})),!this.animationStarted&&n.h("div",{class:`RandomButton ${this.animationStarted?"HideAnimation":""}`,onClick:()=>this.playRandomGame()},s("playRandomGame",this.language))))))}get host(){return n.getElement(this)}static get watchers(){return{endpoint:["watchEndpoint"],datasource:["watchEndpoint"],language:["watchEndpoint"],translationUrl:["handleNewTranslations"],iconVisible:["handleIsIconVisible"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style=x;const b=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}",k=b,c=class{constructor(e){n.registerInstance(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return e===0?0:`${e}px`;case"undefined":return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset";default:return"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return n.h("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return n.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,t)=>n.h("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return n.h("div",{class:"SkeletonContainer"},n.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
-          :host {
-            --emw-skeleton-logo-width: ${this.stylingValue.width};
-            --emw-skeleton-logo-height: ${this.stylingValue.height};
-            --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"]}}};c.style=k;exports.casino_play_random_game=h;exports.ui_skeleton=c;