@everymatrix/casino-games-category-section 0.0.263 → 0.0.266

package/package.json

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

package/src/CasinoGamesCategorySection.svelte

@@ -25,6 +25,7 @@
   export let categoryindex:number = 0;
   export let categorygames:number = 0;
   export let livecasino:string = 'false';
+  export let visiblegames:string = '';
 
   export let once = true;
   export let top = 0;
@@ -277,7 +278,6 @@
           searchItem = false;
           mostPlayedScreen = false;
           validObservers = false;
-
           if (e.data.receivedFavoriteResults) {
             favoriteGames = e.data.receivedFavoriteResults.items;
           }
@@ -314,6 +314,13 @@
             });
             shownCategoryData = categoryData.games.items;
             showLoadCategory = false;
+            // @TODO: replace this quick fix - when there are only a few category games, the view scrolls to the footer
+            if(shownCategoryData.length < 10) {
+              scrollTop = true;
+              setTimeout(() => {
+                window.postMessage({ type: 'WidgetTopReference', scrollTop }, window.location.href);
+              }, 500);
+            }
           });
           break;
 
@@ -321,10 +328,17 @@
           searched = false;
           mostPlayedScreen = false;
           lobbyView = true;
+
+          // fallback for when the categoryData is undefined (fix for on reload issue)
+          if(!categoryData) {
+            window.postMessage({ type: `CategoryData_${categoryid}`, categoryId: {categoryid}, visiblegames }, window.location.href);
+          }
+
           shownCategoryData = categoryData.games.items;
           shownCategoryData.forEach((item:any) => {
             item.isFavorite = checkFavorite(item.id);
           });
+
           showLoadCategory = true;
           break;