@everymatrix/casino-slider 0.0.395 → 0.0.398

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-slider",
-  "version": "0.0.395",
+  "version": "0.0.398",
   "main": "dist/casino-slider.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "88318627a6a354e5857181e30e34215e001d375f"
+  "gitHead": "a6034652886209b6fcdc64d039abe2fb2760c472"
 }

package/src/CasinoSlider.svelte

@@ -9,7 +9,6 @@
 
   export let endpoint:string = '';
   export let datasource:string = '';
-
   export let onclickeventname:string = 'defaultEvent';
   export let actionevent:string = 'defaultEvent';
   export let favoritesnumber:string = '0';
@@ -136,8 +135,13 @@
           if(carousel.querySelectorAll(".DropDown")) scrollHandler();
         });
     }
+
+    if(location == 'headerMain'){
+      window.postMessage({ type: actionevent, item }, window.location.href);
+    }
   }
 
+  
   /* Listen for scroll */
   const scrollHandler = () => {
     const dropDown = carousel.querySelectorAll(".DropDown");
@@ -195,7 +199,8 @@
         <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': ''}"
+            <li class="CarouselItem {activeIndex == index || prevIndex == index ? 'active': ''} 
+            {location == 'headerMain' ? '' : 'SecondaryMenu'}"
               part="CarouselItem"
               on:click={e => { handleClick(category, index); e.preventDefault()}}>
               {#if location === 'headerMain'}
@@ -210,7 +215,7 @@
                       {#each subGroupsData?.items as subGroupsData}
                         {#if subGroupsData.games.count}
                           <li on:click={e => { handleClick(subGroupsData, index); e.stopPropagation();}}>
-                            <a href="#">{subGroupsData?.name}</a>
+                            <a class="SubDropDown" href="#">{subGroupsData?.name}</a>
                           </li>
                         {/if}
                       {/each}
@@ -285,12 +290,14 @@
          > a {
           position: relative;
         }
-        &:hover,
-        &.active,
-        &:focus,
-        &:focus-within {
-          background: var(--emfe-w-color-contrast, #07072A);
-          cursor: pointer;
+        &.SecondaryMenu{
+          &:hover,
+          &.active,
+          &:focus,
+          &:focus-within {
+            background: var(--emfe-w-color-contrast, #07072A);
+            cursor: pointer;
+          }
         }
       }
       li > a {
@@ -393,11 +400,13 @@
         white-space: nowrap;
         position: relative;
       }
-      li:hover > a,
-      a:hover,
-      li:focus > a,
-      a:focus {
-        background: var(--emfe-w-color-contrast, #07072A);
+      &.SecondaryMenu {
+        li:hover > a,
+        a:hover,
+        li:focus > a,
+        a:focus {
+          background: var(--emfe-w-color-contrast, #07072A);
+        }
       }
       ul {
         position: absolute;
@@ -428,6 +437,14 @@
       left: -999em;
       opacity:0;
     }
+
+    .SubDropDown {
+      background: var(--emfe-w-color-contrast, #07072A);  /* fallback for old browsers */
+
+      background: -webkit-linear-gradient(var(--emfe-w-color-contrast, #07072A), var(--emfe-w-color-primary, #D0046C));  /* Chrome 10-25, Safari 5.1-6 */
+
+      background: linear-gradient(var(--emfe-w-color-contrast, #07072A), var(--emfe-w-color-primary, #D0046C)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    }
   }
 
   .CarouselContainerHeaderMain {