@everymatrix/casino-game-thumbnail 0.0.248 → 0.0.249

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "0.0.248",
+  "version": "0.0.249",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "77f6efa473daab4dd62004b893c587558bf4511c"
+  "gitHead": "38af455e241b6ef7ccabb2367be2be59e6b24352"
 }

package/src/CasinoGameThumbnail.svelte

@@ -26,11 +26,12 @@
   export let gamefavorite:boolean = false;
   export let showfavoredcategory:boolean = false;
   export let showgamename:boolean = false;
+  export let currency:string;
+
   export let endpoint:string = '';
 
   export let livelobbyendpoint:String = '';
-  export let currency:string='EUR';
-  export let connectlive:string = '';
+  export let connectlive:string;
   export let visibilityconnect:string = '';
 
   let isLoggedIn:boolean = false;
@@ -53,7 +54,7 @@
   let betlimit:any = {};
   let openhours:any;
   let seats:any = [];
-  let currencySymbol:any='TRY';
+  let currencySymbol:any='EUR';
   let min:any;
   let max:any;
   let totalseats:any;
@@ -547,7 +548,7 @@
 </script>
 
 <div class={`GameContainer ${extraclassname}`} part={`GameContainer ${extraclassname}`} bind:this={customStylingContainer}>
-  <div class="GameInnerContainer" part="GameInnerContainer" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchleave={gameTouchLeave}>
+  <div class="GameInnerContainer { (livegamedata && !isopen) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" part="GameInnerContainer { (livegamedata && !isopen) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchleave={gameTouchLeave}>
     <img src={gamethumbnail} class="GameBg {hover ? 'GameContainerHovered' : ''} {loaded ? 'Loaded' : ''}" part="GameBg {hover ? 'GameContainerHovered' : ''} {loaded ? 'Loaded' : ''}" alt="" bind:this={image} loading="lazy" />
     <div class="GameInfoWrapper" part="GameInfoWrapper">
       <div class="GameInfo {hover ? 'GameHovered' : ''}" part="GameInfo {hover ? 'GameHovered' : ''}">
@@ -837,6 +838,18 @@
       background: linear-gradient(0deg, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);
     }
 
+    &.GameInnerContainerUnavailable {
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background: rgba(0,0,0,0.9);
+      }
+    }
+
     .ListGame.GameContainerDimmed:before {
       display: block;
       content: ' ';
@@ -1219,24 +1232,24 @@
       background-color: var(--emfe-w-color-white, #FFFFFF);
       background-image: linear-gradient(135deg, var(--emfe-w-color-white, #FFFFFF) 25%, transparent 25%, transparent 50%, #212121 50%, var(--emfe-w-color-white, #FFFFFF) 75%, transparent 75%, var(--emfe-w-color-white, #FFFFFF));
     }
-  .OpenSeat, .ClosedSeat {
-    display: inline-block;
-    width: ttp(1);
-    height: ttp(1);
-    margin-right: ttp(.25);
-    @media (min-width: 768px) {
-      width: ttp(1);
-      height: ttp(1);
-    }
-    @media (min-width: 1100px) {
+    .OpenSeat, .ClosedSeat {
+      display: inline-block;
       width: ttp(1);
       height: ttp(1);
+      margin-right: ttp(.25);
+      @media (min-width: 768px) {
+        width: ttp(1);
+        height: ttp(1);
+      }
+      @media (min-width: 1100px) {
+        width: ttp(1);
+        height: ttp(1);
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
     }
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
   .OpenSeat {
     animation: flip-closed-seat 2s both;
     -webkit-animation: flip-closed-seat 2s both;