@everymatrix/casino-hamburger-menu 0.0.233 → 0.0.237

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-hamburger-menu",
-  "version": "0.0.233",
+  "version": "0.0.237",
   "main": "dist/casino-hamburger-menu.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d7554673f55c9c428a1cf82bdecf5f2da81e373d"
+  "gitHead": "2e75c5dd54e711bed0fc8b8282d8aa284725cfcf"
 }

package/src/CasinoHamburgerMenu.svelte

@@ -10,18 +10,21 @@
   export let language:String = '';
   export let menuitemsurl:string = '';
   export let lang:string = '';
+  export let activecategory:string = '';
 
   let modalElement:any;
   // let isLoggedIn:Boolean = false;
   let mobileView:Boolean = false;
   let userAgent:String = window.navigator.userAgent;
   let HamburgerMenuItems:Array<Object> = [];
-  let activeMenuItemId:string = '';
+  let HamburgerMenuData:any;
+  let activeMenuItemId:any = '';
   let activeMenuItemChildren:Array<Object> = [];
   let modalIsOpen:boolean = false;
   let menuIsFixed:boolean = false;
   let show:boolean = false;
   let duration:Number = 350;
+  let isLoading:boolean = true;
 
 
   let languagesArray = [{code: 'EN'}, {code: 'TR'}, {code: 'RO'}];
@@ -63,23 +66,40 @@
     activeMenuItemChildren = children ? children : [];
   }
 
+  const setActiveIndex = ():void => {
+    let activeMenu:any = HamburgerMenuItems.filter((item:any) => item.path == activecategory);
+    if (activeMenu.length > 0) {
+      changeMenu(activeMenu[0].id, activeMenu[0].children);
+    }
+  }
+
   const getHamburgerMenuData = (url:string) => {
     return new Promise((resolve, reject) => {
-      fetch(url)
-        .then((res:any) => { return res.json(); })
-        .then((data:any) => {
-          HamburgerMenuItems = data;
-          // initially, select the first main menu item
-          if(HamburgerMenuItems.length) {
-            changeMenu(HamburgerMenuItems[0].id, HamburgerMenuItems[0].children);
-          }
+      if(HamburgerMenuData) {
+        resolve(HamburgerMenuData);
+      } else {
+        fetch(url)
+          .then((res: any) => {
+            return res.json();
+          })
+          .then((data: any) => {
+            HamburgerMenuItems = data;
+            // initially, select the first main menu item
+            if (HamburgerMenuItems.length) {
+              changeMenu(HamburgerMenuItems[0].id, HamburgerMenuItems[0].children);
+            }
 
-          resolve(data);
-        }, (err:any) => {
-          console.error(err);
-          reject(err);
-        });
-    });
+            isLoading = false;
+
+            HamburgerMenuData = data;
+
+            resolve(data);
+          }, (err: any) => {
+            console.error(err);
+            reject(err);
+          });
+        }
+      });
   }
 
   const sendLangChange = () => {
@@ -101,6 +121,7 @@
   });
 
   $: lang && initialLoad();
+  $: activecategory && !isLoading && setActiveIndex();
 </script>
 
 {#if show === true}