@everymatrix/casino-slider 1.5.2 → 1.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-slider",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "main": "dist/casino-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c0184ad3edaaa8f9ce54289cf544bb0589ef1fbe"
+  "gitHead": "0515078fefc5290a183afcfb2608cf265f2322c7"
 }

package/src/CasinoSlider.svelte

@@ -54,7 +54,7 @@
   let prevSubIndex:number;
   let customStylingContainer:HTMLElement;
   let sliderdata:Array<any> = [];
-  let subGroupsData: any;
+  let subGroupsData: any[] = [];
   let itemsActive:Array<boolean> = [];
   let scroller:HTMLElement;
 
@@ -75,6 +75,7 @@
       prevSubIndex = null;
       return;
     }
+
     activeSubIndex = subIndex;
     activeSubIndex = activeSubIndex;
     prevSubIndex = activeSubIndex;
@@ -86,9 +87,6 @@
       left: -250,
       behavior: 'smooth'
     });
-    if(showsubgroups == 'true') {
-      obtainSubcategories();
-    }
   }
 
   let scrollRight = ():void => {
@@ -96,9 +94,6 @@
       left: +250,
       behavior: 'smooth'
     });
-    if(showsubgroups == 'true') {
-      obtainSubcategories();
-    }
   }
 
   const setActiveIndex = ():void => {
@@ -106,9 +101,6 @@
     if (!prevIndex) {
       prevIndex = activeIndex;
     }
-    if(showsubgroups == 'true') {
-      obtainSubcategories();
-    }
   }
 
   const messageHandler = (e:any):void => {
@@ -141,18 +133,29 @@
       fetch(url.href)
         .then((res:any) => res.json())
         .then((data:any) => {
-          subGroupsData = data;
-
+          data.index = index;
+          subGroupsData = subGroupsData.concat(data);
+          
           if(showsubgroups == 'false') {
             window.postMessage({ type: actionevent, itemId: item.id, index, item }, window.location.href);
           } else {
-            if(trigger == 'navigation' && subGroupsData.count <= 0) {
+            if(trigger == 'navigation' && subGroupsData.length <= 0) {
               window.postMessage({ type: actionevent, itemId: item.id, index, item }, window.location.href);
             }
           }
           
-          //Send subgroups ids
-          window.postMessage({type: 'SubgroupsIds', subGroupsIds: subGroupsData.items.map(subgroup => subgroup.id)});
+          //Send list of subgroups ids
+          const subGroupsIds: any[] = [];
+          subGroupsData.map(subGroup => {
+            subGroup.items.forEach(item => { 
+              if(!subGroupsIds.find(id => item.id == id)){
+                subGroupsIds.push(item.id);
+              }
+            });
+            return subGroupsIds.flat();
+          });
+          window.postMessage({type: 'SubgroupsIds', subGroupsIds: subGroupsIds});
+
 
         }).then(() => {
           if(carousel.querySelectorAll(".DropDown")) scrollHandler();
@@ -241,6 +244,7 @@
       <ul id="CarouselNav" class="CarouselItems" part="CarouselItems" bind:this={carousel}>
         <li class="TouchOnly"><a href="#CarouselNav">Close Subs</a></li>
         {#if sliderdata.length > 0}
+
           {#each sliderdata as category, index (category.id)}
             <li class="CarouselItem {activeIndex == index || prevIndex == index ? 'active': ''} 
             {location == 'headerMain' ? '' : 'SecondaryMenu'}"
@@ -252,18 +256,18 @@
                 <a href="#">{category.name}</a>
               {/if}
               {#if itemsActive[index] == true}
-                {#if subGroupsData?.count > 0}
-                  {#if subGroupsData && showsubgroups == 'true'}
-                    <ul class="DropDown">
-                      {#each subGroupsData?.items as subGroupsData, subindex (subGroupsData.id)}
-                        {#if subGroupsData.games.count}
-                          <li on:click={e => { handleClick(category, index, subGroupsData, subindex, 'secondary'); e.stopPropagation();}}>
-                            <a class="SubDropDown {activeSubIndex == subindex || prevSubIndex == subindex ? 'active': ''}">{subGroupsData?.name}</a>
-                          </li>
-                        {/if}
-                      {/each}
-                    </ul>
-                  {/if}
+                {#if subGroupsData.length > 0 && showsubgroups == 'true'}
+                  <ul class="DropDown">
+                    {#each subGroupsData as subGroup}
+                        {#each subGroup.items as subGroupItem, subindex (subGroupItem.id)}
+                          {#if index == subGroup.index}
+                            <li on:click={e => { handleClick(category, index, subGroupItem, subindex, 'secondary'); e.stopPropagation();}}>
+                              <a class="SubDropDown {index == activeIndex && (activeSubIndex == subindex || prevSubIndex == subindex) ? 'active': ''}">{subGroupItem?.name}</a>
+                            </li>
+                          {/if}   
+                        {/each}
+                    {/each}
+                  </ul>
                 {/if}
               {/if}
             </li>