@everymatrix/casino-slider 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-slider",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/casino-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3800c3e93fdc948c5bc48101acce6cd81ce65706"
+  "gitHead": "02dbae5b4d167acdb57c72905b756343a318870a"
 }

package/src/CasinoSlider.svelte

@@ -16,7 +16,7 @@
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
   export let identity:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
   export let containermaxwidth:string = '';
   export let isprimarymenu:boolean = false;
   export let issecondarymenu:boolean = false;
@@ -27,7 +27,7 @@
   setupI18n({ withLocale: 'en', translations: {}});
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -61,22 +61,24 @@
   // Clicking on the slider item will trigger this method and send a postmessage on window
   // @TODO itemId type fix
   let handleClick = (item:any, index:number, subItem:any, subIndex:number, itemType:string):void => {
+    // guard against triggering on main categories which have subcategories, as per business requirement
+    if (item.subGroups && subIndex === null) return;
+
     scrollHandler();
     activeIndex = index;
     activeIndex = activeIndex;
     prevIndex = activeIndex;
 
     if(itemType != 'secondary') {
-      getSubGroups(item, index, 'navigation');
+      window.postMessage({ type: actionevent, itemId: item.id, index, item }, window.location.href);
       activeSubIndex = null;
       prevSubIndex = null;
       return;
     }
-    
     activeSubIndex = subIndex;
     activeSubIndex = activeSubIndex;
     prevSubIndex = activeSubIndex;
-    getSubGroups(subItem, subIndex, 'navigation');
+    window.postMessage({ type: actionevent, itemId: subItem.id, subIndex, subItem }, window.location.href);
   };
 
   let scrollLeft = ():void => {
@@ -140,6 +142,7 @@
         .then((res:any) => res.json())
         .then((data:any) => {
           subGroupsData = data;
+
           if(showsubgroups == 'false') {
             window.postMessage({ type: actionevent, itemId: item.id, index, item }, window.location.href);
           } else {
@@ -147,6 +150,9 @@
               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)});
 
         }).then(() => {
           if(carousel.querySelectorAll(".DropDown")) scrollHandler();
@@ -217,7 +223,7 @@
   })
 
   $: activeindex && setActiveIndex();
-  $: translationUrl && setTranslationUrl();
+  $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: lang && setActiveLanguage();