@everymatrix/casino-page 0.0.261 → 0.0.264

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.261",
+  "version": "0.0.264",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a93c0ae8104c039af7d54949a0889c11bca83acb"
+  "gitHead": "74280a3d32c0dd5df0429675910c1fec53f2aa81"
 }

package/src/CasinoPage.svelte

@@ -25,7 +25,7 @@
   export let clientstylingurl:string = '';
 
   export let categorybackground:string = '';
-  export let visiblegames:string = '6';
+  export let visiblegames:string;
   export let alternativesearch:string = 'false';
   export let favorites:string = '';
   export let mostplayed:string = '';
@@ -115,18 +115,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);
+    }, 1);
     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':
@@ -951,7 +950,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 +964,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}