@everymatrix/casino-game-thumbnail 1.14.4 → 1.14.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "1.14.4",
+  "version": "1.14.6",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "74bd064ad8986a84264647fbb43de448634d7b3f"
+  "gitHead": "04bcbaa87c2cd031348360c16b200d86ec6e66b8"
 }

package/src/CasinoGameThumbnail.svelte

@@ -23,7 +23,6 @@
   export let gameisnew:string = '';
   export let gametag:string = '';
   export let gamefunmode:boolean = false;
-  export let searchitem:boolean = false;
   export let gamefavorite:boolean = false;
   export let gamecellsize = '';
   export let showfavoredcategory:boolean = false;
@@ -44,7 +43,6 @@
   let playerID:string;
 
   let fav:boolean = false;
-  let hover:Boolean = false;
   let loaded:boolean = false
   let image:any;
   let userAgent:any = window.navigator.userAgent;
@@ -155,13 +153,6 @@
     addNewMessages(item, TRANSLATIONS[item]);
   });
 
-  const enter = ():void => {
-    hover = true;
-  }
-  const leave = ():void => {
-    hover = false;
-  }
-
   const messageHandler = (e:any):void => {
     if (e.data.type === `AddFavoriteThumbnail_${gameid}` && !showfavoredcategory) {
       gamefavorite = true;
@@ -221,22 +212,6 @@
     }
   }
 
-  const gameTouch = ():void => {
-    window.postMessage({ type: 'GameHoveredMobile' }, window.location.href);
-  }
-
-  const gameTouchEnd = ():void => {
-    window.postMessage({ type: 'GameBlurMobile' }, window.location.href);
-  }
-
-  const gameHover = ():void => {
-    window.postMessage({ type: 'GameHoveredPc' }, window.location.href);
-  }
-
-  const gameBlur = ():void => {
-    window.postMessage({ type: 'GameBlurPc' }, window.location.href);
-  }
-
   const setActiveLanguage = ():void => {
     setLocale(lang);
   }
@@ -595,15 +570,15 @@
 
 
 <div class={`GameContainer ${extraclassname}`} bind:this={customStylingContainer}>
-  <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchend={gameTouchEnd}>
-    <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${hover ? 'GameContainerHovered' : ''} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
+  <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}">
+    <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${loaded ? 'Loaded' : ''}`} alt="" bind:this={image} loading="lazy" />
     <div class="GameInfoWrapper">
-      <div class="GameInfo {hover ? 'GameHovered' : ''}">
-        {#if fav}
-          {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
+      <div class="GameInfo">
+        {#if !isMobile(userAgent) && !gamefavorite && isLoggedIn}
+          {#if fav}
             <div class="FavIconContainer" on:click="{() => toggleFavoriteGame(gameid)}">
               <svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
-          viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
+              viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: var(--emfe-w-color-white, #FFFFFF);" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
               c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
               c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
               c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
@@ -613,13 +588,13 @@
               c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
               l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
             </div>
+          {:else}
+            <div class="LoaderRipple"><div></div><div></div></div>
           {/if}
-        {:else}
-          <div class="LoaderRipple"><div></div><div></div></div>
         {/if}
         <p class="GameInfoName" title="{gamename}">{gamename}</p>
         {#if lang}
-        <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('playNow')}</button>
+          <button class="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('playNow')}</button>
         {/if}
       </div>
       <span class="GameInfoVendor">
@@ -794,19 +769,6 @@
         font-weight: normal;
       }
     }
-
-    &:hover {
-      cursor: pointer;
-
-      .GameInfoWrapper{
-        display: block;
-      }
-
-      .GameBg {
-        filter: blur(5px) grayscale(1);
-      }
-    }
-
     .GameExtraInfo {
       display: block;
       position: absolute;
@@ -825,6 +787,18 @@
         border-radius: 5px;
       }
     }
+
+    &:hover, &:active {
+      cursor: pointer;
+
+      .GameInfoWrapper{
+        display: block;
+      }
+
+      .GameBg {
+        filter: blur(5px) grayscale(1);
+      }
+    }
   }
 
   .GameNameBelow {