@everymatrix/casino-header-controller 0.0.218 → 0.0.222

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.218",
+  "version": "0.0.222",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ae78406d20c106f1d3c352c0e97189a7bdffacfb"
+  "gitHead": "3f56a3b8fe7c6974efedb51c6584f188e1d31908"
 }

package/src/CasinoHeaderController.svelte

@@ -1,7 +1,8 @@
-<svelte:options tag={null}/>
+<svelte:options tag={null} />
+
 <script lang="ts">
-  import {onMount} from "svelte";
-  import {isMobile} from 'rvhelper';
+  import { onMount } from "svelte";
+  import { isMobile } from 'rvhelper';
   import { _, addNewMessages, setLocale, setupI18n } from './i18n';
   import { CasinoHeaderController } from './translations';
 
@@ -17,7 +18,7 @@
   export let cmsendpoint:string = '';
   export let cmsenv:string = 'stage';
   export let lang:string = '';
-  export let languageslist:string = 'en, ro';
+  export let languageslist:string = 'en,ro';
   export let identity:string = '';
 
   export let operatorid:string = '';
@@ -155,7 +156,11 @@
     hamburgerURL.searchParams.append('platform', 'dk');
   }
 
-  const initialLoad = () => {
+  const setActiveLanguage = ():void => {
+    setLocale(lang);
+  }
+
+  const initialLoad = ():void => {
     // split operator provided languages string into string array
     languagesArray = languageslist.split(',');
     languagesArray.forEach((languageItem:string, index:number) => {
@@ -163,14 +168,13 @@
     })
 
     selectedLanguage = lang.toUpperCase();
-    setLocale(lang);
 
     createCMSUrls();
 
     getHeaderMenusData(headerURL);
   }
 
-  const getHeaderMenusData = (url: any) => {
+  const getHeaderMenusData = (url:any):Promise<any> => {
     isLoading = true;
 
     return new Promise((resolve, reject) => {
@@ -203,7 +207,8 @@
   });
 
   $: session && setSession();
-  $: cmsendpoint && lang && initialLoad();
+  $: lang && setActiveLanguage();
+  $: cmsendpoint && lang && languageslist && initialLoad();
 </script>
 
 {#if isLoggedIn}
@@ -351,8 +356,8 @@
         </nav>
         <div class="HeaderTopActions">
           <div class="HeaderItemsMenu">
-            <div class="Item ItemLogin" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
-            <div class="Item ItemRegister" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
+            <div class="Item ItemLogin" tabindex="0" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
+            <div class="Item ItemRegister" tabindex="0" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
             <select bind:value={selectedLanguage} class="Item ItemLanguage" on:change={()=>menuAction('language')}>
               {#each languagesArray as operatorLanguage}
                 <option value={operatorLanguage}>{operatorLanguage}</option>