@everymatrix/casino-page 0.0.263 → 0.0.266

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.263",
+  "version": "0.0.266",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fccb99c4d5259efacf828703242697132621b19d"
+  "gitHead": "6b21b1bd51d22d238761763635b28c6f154513a8"
 }

package/src/CasinoPage.svelte

@@ -37,7 +37,6 @@
   export let activecategory:string = '';
   export let livecasino:string = 'false';
   export let playrandomgame:string = 'false';
-
   let userAgent:any = window.navigator.userAgent;
   let gameevent:string;
 
@@ -115,18 +114,17 @@
   const CategoryChangeHandler = (categoryEvent:any) => {
     searched = false;
     searchValue = '';
+    scrollTop = true;
+    // needs to be executed after the page has been populated
+    setTimeout(() => {
+      window.postMessage({ type: 'WidgetTopReference', scrollTop }, window.location.href);
+    });
     switch(categoryEvent.data.itemId) {
       case 'LOBBY':
         lobbyScreen = true;
         favoritesScreen = false;
         activeCategory = '';
         mostPlayedScreen = false;
-        scrollTop = true;
-        // needs to be executed after the lobby has been repopulated
-        setTimeout(() => {
-          window.postMessage({ type: 'WidgetTopReference', scrollTop }, window.location.href);
-        }, 1);
-
         break;
 
       case 'FAVORITES':
@@ -183,9 +181,12 @@
         favoritesScreen = false;
         mostPlayedScreen = false;
         activeCategory = categoryEvent.data.itemId;
+        //@TODO: if we remove the settimeout, the postmessage does not execute, at all - weird behaviour
         setTimeout(() => {
-          window.postMessage({ type: 'CategoryUpdate', itemId: activeCategory, index: categoryEvent.data.index }, window.location.href);
-        }, 100);
+          window.postMessage({ type: 'CategoryUpdate', itemId: activeCategory }, window.location.href);
+        }, 500);
+
+
         break;
     }
   }
@@ -712,7 +713,7 @@
     if(searchElementWrapper) {
       searchPositionTop = searchElementWrapper.getBoundingClientRect().top + document.body.getBoundingClientRect().top;
     }
-    if (document.documentElement.scrollTop > searchPositionTop || searchPositionTop > 130){
+    if (document.documentElement.scrollTop > searchPositionTop || searchPositionTop > 130) {
       adjustingScroll = true;
     } else {
       adjustingScroll = false;
@@ -951,7 +952,7 @@
             <div class="FiltersButtonsContainer" part="FiltersButtonsContainer">
             {#if numberOfFilters}
               <div class="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" part="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" on:click="{() => clearVendorFilter()}">
-                <div class="ClearButton" part="ClearButton">Clear
+                <div class="ClearButton" part="ClearButton">{$_('casinoPage.clear')}
                   <span class="ClearIcon" part="ClearIcon">
                     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                         viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
@@ -965,7 +966,7 @@
             {#if !searched || !recentSearches}
               {#if !mostPlayedScreen}
                 <div class="FilterButtonWrapper" part="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
-                  <div class="FilterButton" part="FilterButton">Filters</div>
+                  <div class="FilterButton" part="FilterButton">{$_('casinoPage.filters')}</div>
                   <div class="FilterIconContainer" part="FilterIconContainer">
                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:var(--emfe-w-color-white, #FFFFFF);}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
                     {#if numberOfFilters > 0}
@@ -1007,6 +1008,7 @@
           {clientstyling}
           {clientstylingurl}
           {livecasino}
+          {visiblegames}
         />
       {:else}
         {#if lobbyScreen}
@@ -1028,6 +1030,7 @@
               {clientstyling}
               {clientstylingurl}
               {livecasino}
+              {visiblegames}
             />
           {/each}
         {:else if favoritesScreen}
@@ -1045,6 +1048,7 @@
           {clientstyling}
           {clientstylingurl}
           {livecasino}
+          {visiblegames}
         />
         {:else if mostPlayedScreen}
           {#if mostPlayedEmpty}
@@ -1065,6 +1069,7 @@
               {clientstyling}
               {clientstylingurl}
               {livecasino}
+              {visiblegames}
             />
           {/if}
         {:else}
@@ -1083,6 +1088,7 @@
               {clientstyling}
               {clientstylingurl}
               {livecasino}
+              {visiblegames}
             />
           {/if}
         {/if}