@everymatrix/casino-games-category-section 1.17.5 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.17.5",
+  "version": "1.18.0",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e558426aacbc1f9a28260526551afc6d4cf887b1"
+  "gitHead": "6e90294022b2d742320099f1a4681ee431732dd5"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -55,6 +55,7 @@
   let playerID:string;
 
   let lobbyView:boolean = true;
+  
 
   let userAgent = window.navigator.userAgent;
 
@@ -68,7 +69,7 @@
   let recentSearched:boolean = false;
   let scrollTop:boolean = false;
   let searchItem:boolean = false;
-  let filteresPresent:boolean = false;
+  let presentFilters:boolean = false;
   let showItems:boolean = true;
 
   /* Start Lazy Loading */
@@ -211,20 +212,20 @@
       window.postMessage({ type: 'CategoryVendors', categoryid }, window.location.href);
 
       if (vendorFilters) {
-        if (vendorFilters[categoryid]) {
-          if (vendorFilters[categoryid].length && lobbyView === false && showFavGamesCategory === false) {
-            let queryParamVendorId:string = '';
+          if (vendorFilters[categoryid]) {
+            if (vendorFilters[categoryid].length && lobbyView === false && showFavGamesCategory === false) {
+              let queryParamVendorId:string = '';
 
-            filteresPresent = true;
-            vendorFilters[categoryid].forEach(vendorId => {
-              queryParamVendorId = queryParamVendorId + (queryParamVendorId ? `,games(vendor(id=${vendorId}))` : `games(vendor(id=${vendorId}))`);
-            });
-            
-            url.searchParams.append('filter', ((vendorFilters && vendorFilters[categoryid].length  < 2) ? `$and` : `$or`) + `(${queryParamVendorId})`);
-          } else {
-            filteresPresent = false;
+              presentFilters = true;
+              vendorFilters[categoryid].forEach(vendorId => {
+                queryParamVendorId = queryParamVendorId + (queryParamVendorId ? `,games(vendor(id=${vendorId}))` : `games(vendor(id=${vendorId}))`);
+              });
+              
+              url.searchParams.append('filter', ((vendorFilters && vendorFilters[categoryid].length  < 2) ? `$and` : `$or`) + `(${queryParamVendorId})`);
+            } else {
+              presentFilters = false;
+            }
           }
-        }
       }
 
       if(vendorSort){
@@ -359,6 +360,8 @@
         case `CategoryData_${categoryid}`:
           searched = false;
           lobbyView = true;
+          addfilterselector = 'false';
+          addsortingselector = 'false';
           showLoadCategory = true;
           searchItem = false;
           validObservers = false;
@@ -634,7 +637,7 @@
 <div class="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
   {#if hasErrors}
     <!-- @TODO diversify error handling -->
-    {#if filteresPresent}
+    {#if presentFilters}
       <p class="SearchLoading">404 Error - No result found.</p>
     {:else}
       <p class="SearchLoading">500 Error - Internal Server Error.</p>
@@ -715,7 +718,7 @@
                     </span>
                   </a>
                 {:else}
-                    <div class=" {(addfilterselector == 'true' && addsortingselector == 'true') ? 'CategoryFilterContainer' : ''}">
+                    <div class="{(addfilterselector == 'true' && addsortingselector == 'true') ? 'CategoryFilterContainer' : ''}">
                       {#if addfilterselector == "true"}
                         <casino-filter
                           {clientstylingurl}