@everymatrix/casino-header-controller-nd 1.37.10 → 1.37.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.html
CHANGED
|
@@ -28,24 +28,14 @@
|
|
|
28
28
|
</style>
|
|
29
29
|
|
|
30
30
|
<div class="webcomponent">
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
clientstyling=""
|
|
40
|
-
currencyseparator="."
|
|
41
|
-
currencydecimal=","
|
|
42
|
-
currencyprecision="2"
|
|
43
|
-
gmversion="gmcore"
|
|
44
|
-
countryflagheader="true"
|
|
45
|
-
shortcashierenabled='true'
|
|
46
|
-
countryflaghamburger='true'
|
|
47
|
-
customlocaleidentifier="">
|
|
48
|
-
</casino-header-controller-nd>
|
|
31
|
+
<casino-header-controller-nd _ngcontent-ng-c2762531139="" cmsendpoint="https://demo1-stage.everymatrix.com/apijson"
|
|
32
|
+
cmsenv="stage" lang="EN" languageslist="en,ro,fr,es,pt,pt-br,de,es-mx"
|
|
33
|
+
endpoint="https://em-ndw-api.stage.norway.everymatrix.com" operatorid="2838" actionevent="HeaderMenuItemClicked"
|
|
34
|
+
activecategory="/home" userroles="everyone"
|
|
35
|
+
clientstylingurl="https://demo1-stage.everymatrix.com/assets/clients/em-ndw/custom-styles/app.css"
|
|
36
|
+
countryflagheader="true" countryflaghamburger="true"
|
|
37
|
+
translationurl="https://demo1-stage.everymatrix.com/assets/clients/em-ndw/i18n/widgets/casino-header-controller.json"
|
|
38
|
+
class="ng-star-inserted"></casino-header-controller-nd>
|
|
49
39
|
|
|
50
40
|
</div>
|
|
51
41
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-header-controller-nd",
|
|
3
|
-
"version": "1.37.
|
|
3
|
+
"version": "1.37.11",
|
|
4
4
|
"main": "dist/casino-header-controller-nd.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "bf020b7053c86226ac419f42cea1dabb823cee47"
|
|
46
46
|
}
|
|
@@ -390,7 +390,11 @@
|
|
|
390
390
|
flag;
|
|
391
391
|
}
|
|
392
392
|
|
|
393
|
-
|
|
393
|
+
if (flag.toUpperCase() == 'EN' || flag == undefined) {
|
|
394
|
+
flag = 'US';
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
return flag.toUpperCase();
|
|
394
398
|
}
|
|
395
399
|
|
|
396
400
|
const setClientStyling = (): void => {
|
|
@@ -572,8 +576,8 @@
|
|
|
572
576
|
<div class="LanguageDropdown">
|
|
573
577
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
574
578
|
<div class="SelectedOption" on:click={() => toggleLanguageDropdown()}>
|
|
575
|
-
{#if countryflagheader == 'true'
|
|
576
|
-
<span class="LanguageName">{@html countryFlags[
|
|
579
|
+
{#if countryflagheader == 'true'}
|
|
580
|
+
<span class="LanguageName">{@html countryFlags[determineFlag(lang)]}</span>
|
|
577
581
|
{:else}
|
|
578
582
|
<span class="LanguageName">{languageValue}</span>
|
|
579
583
|
{/if}
|
|
@@ -629,323 +633,6 @@
|
|
|
629
633
|
<div class="OptionListOverlay" on:click={() => menuAction('closeLanguageSelector')} />
|
|
630
634
|
{/if}
|
|
631
635
|
</div>
|
|
632
|
-
<!--
|
|
633
|
-
{#if isLoggedIn}
|
|
634
|
-
{#if mobileView}
|
|
635
|
-
<header class="HeaderWrapper HeaderMobileWrapper" bind:this={customStylingContainer}>
|
|
636
|
-
<div class="HeaderContainer">
|
|
637
|
-
<div class="HeaderMobileMainNav">
|
|
638
|
-
{#if !hamburgerMenuActive}
|
|
639
|
-
<svg on:click={()=>toggleMenu()} xmlns="http://www.w3.org/2000/svg" width="22" height="16"
|
|
640
|
-
viewBox="0 0 22 16">
|
|
641
|
-
<defs>
|
|
642
|
-
<style>.a {
|
|
643
|
-
fill: var(--emw-color-white, #FFFFFF);
|
|
644
|
-
}
|
|
645
|
-
</style>
|
|
646
|
-
</defs>
|
|
647
|
-
<g transform="translate(-14 -13)">
|
|
648
|
-
<rect class="a" width="18" height="2" transform="translate(14 13)"/>
|
|
649
|
-
<rect class="a" width="22" height="2" transform="translate(14 20)"/>
|
|
650
|
-
<rect class="a" width="22" height="2" transform="translate(14 27)"/>
|
|
651
|
-
</g>
|
|
652
|
-
</svg>
|
|
653
|
-
{/if}
|
|
654
|
-
</div>
|
|
655
|
-
|
|
656
|
-
<div class="HeaderTopActions" part="HeaderTopActions">
|
|
657
|
-
<div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
|
|
658
|
-
<player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption} {currencyseparator} {currencydecimal} {currencyprecision} />
|
|
659
|
-
<div>
|
|
660
|
-
<div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('deposit')}</div>
|
|
661
|
-
{#if shortCashierActivated}
|
|
662
|
-
<div class="ShortCashierWindow" on:click={(event) => closeShortCashier(event)}></div>
|
|
663
|
-
<div class="ShortCashierContainerWrapperMobile">
|
|
664
|
-
<div class="ShortCashierContainerMobile">
|
|
665
|
-
<div class="ClosePopUpButtonShortCashier" on:click={(event) => closeShortCashier(event)}>
|
|
666
|
-
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
|
|
667
|
-
<line x1="2" y1="2" x2="18" y2="18" stroke="black" stroke-width="2"/>
|
|
668
|
-
<line x1="18" y1="2" x2="2" y2="18" stroke="black" stroke-width="2"/>
|
|
669
|
-
</svg>
|
|
670
|
-
</div>
|
|
671
|
-
{#if gmversion === 'gmcore'}
|
|
672
|
-
<player-deposit
|
|
673
|
-
{endpoint}
|
|
674
|
-
{session}
|
|
675
|
-
playerid={userid}
|
|
676
|
-
{lang}
|
|
677
|
-
{hasdefaultamount}
|
|
678
|
-
{playercurrency}
|
|
679
|
-
{shortcashierenabled}
|
|
680
|
-
{clientstyling}
|
|
681
|
-
{clientstylingurl}
|
|
682
|
-
></player-deposit>
|
|
683
|
-
{:else}
|
|
684
|
-
<user-deposit-withdrawal
|
|
685
|
-
{endpoint}
|
|
686
|
-
type="deposit"
|
|
687
|
-
channel="Mobile"
|
|
688
|
-
language={lang}
|
|
689
|
-
is-short-cashier={shortcashierenabled}
|
|
690
|
-
product-type={producttype}
|
|
691
|
-
user-id={userid}
|
|
692
|
-
{session}
|
|
693
|
-
success-url={'https://' + window.location.hostname + '/' + lang + successurl}
|
|
694
|
-
cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl}
|
|
695
|
-
fail-url={'https://' + window.location.hostname + '/' + lang + failurl}
|
|
696
|
-
sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl}
|
|
697
|
-
casino-url={'https://' + window.location.hostname + '/' + lang + casinourl}
|
|
698
|
-
contact-url={'https://' + window.location.hostname + '/' + lang + contacturl}
|
|
699
|
-
home-url={'https://' + window.location.hostname + '/' + lang + homeurl}
|
|
700
|
-
deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}
|
|
701
|
-
></user-deposit-withdrawal>
|
|
702
|
-
{/if}
|
|
703
|
-
</div>
|
|
704
|
-
</div>
|
|
705
|
-
{/if}
|
|
706
|
-
</div>
|
|
707
|
-
<div class="Item ItemAccount" part="Item ItemAccount" on:click={() => menuAction('myaccount')}>
|
|
708
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
|
|
709
|
-
<defs>
|
|
710
|
-
<style>.a {
|
|
711
|
-
fill: var(--emw-color-white, #FFFFFF);
|
|
712
|
-
}
|
|
713
|
-
</style>
|
|
714
|
-
</defs>
|
|
715
|
-
<g transform="translate(-8 -4)">
|
|
716
|
-
<path class="a"
|
|
717
|
-
d="M15.5,4a3.75,3.75,0,1,0,3.75,3.75A3.761,3.761,0,0,0,15.5,4Zm0,1.429A2.321,2.321,0,1,1,13.179,7.75,2.311,2.311,0,0,1,15.5,5.429Zm0,6.429A7.7,7.7,0,0,0,8,19.714a.714.714,0,0,0,.714.714H22.286A.714.714,0,0,0,23,19.714,7.7,7.7,0,0,0,15.5,11.857Zm0,1.429A6.18,6.18,0,0,1,21.5,19H9.5A6.18,6.18,0,0,1,15.5,13.286Z"
|
|
718
|
-
transform="translate(0 0)"/>
|
|
719
|
-
</g>
|
|
720
|
-
</svg>
|
|
721
|
-
</div>
|
|
722
|
-
</div>
|
|
723
|
-
</div>
|
|
724
|
-
</div>
|
|
725
|
-
</header>
|
|
726
|
-
{:else}
|
|
727
|
-
<header class="HeaderWrapper" bind:this={customStylingContainer}>
|
|
728
|
-
<div class="HeaderContainer">
|
|
729
|
-
|
|
730
|
-
<nav class="HeaderMainNav">
|
|
731
|
-
{#if !isLoading}
|
|
732
|
-
<casino-slider
|
|
733
|
-
class="HeaderItemsMenu"
|
|
734
|
-
part="HeaderItemsMenu"
|
|
735
|
-
{identity}
|
|
736
|
-
use:sendSliderData
|
|
737
|
-
isprimarymenu=true
|
|
738
|
-
{actionevent}
|
|
739
|
-
activeindex={primaryActiveIndex}
|
|
740
|
-
{endpoint}
|
|
741
|
-
{lang}
|
|
742
|
-
location="headerMain"
|
|
743
|
-
{showsubgroups}
|
|
744
|
-
{clientstyling}
|
|
745
|
-
{clientstylingurl}
|
|
746
|
-
/>
|
|
747
|
-
{/if}
|
|
748
|
-
</nav>
|
|
749
|
-
<div class="HeaderTopActions">
|
|
750
|
-
<div class="HeaderItemsMenu PrimaryMenu">
|
|
751
|
-
<player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption} {currencyseparator} {currencydecimal} {currencyprecision}/>
|
|
752
|
-
<div>
|
|
753
|
-
<div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('deposit')}</div>
|
|
754
|
-
{#if shortCashierActivated}
|
|
755
|
-
<div class="ShortCashierWindow" on:click={(event) => closeShortCashier(event)}></div>
|
|
756
|
-
<div class="ShortCashierContainerWrapper">
|
|
757
|
-
<div class="ShortCashierContainer">
|
|
758
|
-
<div class="ClosePopUpButtonShortCashier" on:click={(event) => closeShortCashier(event)}>
|
|
759
|
-
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
|
|
760
|
-
<line x1="2" y1="2" x2="18" y2="18" stroke="black" stroke-width="2"/>
|
|
761
|
-
<line x1="18" y1="2" x2="2" y2="18" stroke="black" stroke-width="2"/>
|
|
762
|
-
</svg>
|
|
763
|
-
</div>
|
|
764
|
-
{#if gmversion === 'gmcore'}
|
|
765
|
-
<player-deposit
|
|
766
|
-
{endpoint}
|
|
767
|
-
{session}
|
|
768
|
-
playerid={userid}
|
|
769
|
-
{lang}
|
|
770
|
-
{hasdefaultamount}
|
|
771
|
-
{playercurrency}
|
|
772
|
-
{shortcashierenabled}
|
|
773
|
-
{clientstyling}
|
|
774
|
-
{clientstylingurl}
|
|
775
|
-
></player-deposit>
|
|
776
|
-
{:else}
|
|
777
|
-
<user-deposit-withdrawal
|
|
778
|
-
{endpoint}
|
|
779
|
-
type="deposit"
|
|
780
|
-
channel="Desktop"
|
|
781
|
-
language={lang}
|
|
782
|
-
is-short-cashier={shortcashierenabled}
|
|
783
|
-
product-type={producttype}
|
|
784
|
-
user-id={userid}
|
|
785
|
-
{session}
|
|
786
|
-
success-url={'https://' + window.location.hostname + '/' + lang + successurl}
|
|
787
|
-
cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl}
|
|
788
|
-
fail-url={'https://' + window.location.hostname + '/' + lang + failurl}
|
|
789
|
-
sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl}
|
|
790
|
-
casino-url={'https://' + window.location.hostname + '/' + lang + casinourl}
|
|
791
|
-
contact-url={'https://' + window.location.hostname + '/' + lang + contacturl}
|
|
792
|
-
home-url={'https://' + window.location.hostname + '/' + lang + homeurl}
|
|
793
|
-
deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}
|
|
794
|
-
></user-deposit-withdrawal>
|
|
795
|
-
{/if}
|
|
796
|
-
</div>
|
|
797
|
-
</div>
|
|
798
|
-
{/if}
|
|
799
|
-
</div>
|
|
800
|
-
<div class="Item ItemAccount" part="Item ItemAccount" on:click={() => menuAction('myaccount')}>
|
|
801
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
|
|
802
|
-
<defs>
|
|
803
|
-
<style>.a {
|
|
804
|
-
fill: var(--emw-color-white, #FFFFFF);
|
|
805
|
-
}
|
|
806
|
-
</style>
|
|
807
|
-
</defs>
|
|
808
|
-
<g transform="translate(-8 -4)">
|
|
809
|
-
<path class="a"
|
|
810
|
-
d="M15.5,4a3.75,3.75,0,1,0,3.75,3.75A3.761,3.761,0,0,0,15.5,4Zm0,1.429A2.321,2.321,0,1,1,13.179,7.75,2.311,2.311,0,0,1,15.5,5.429Zm0,6.429A7.7,7.7,0,0,0,8,19.714a.714.714,0,0,0,.714.714H22.286A.714.714,0,0,0,23,19.714,7.7,7.7,0,0,0,15.5,11.857Zm0,1.429A6.18,6.18,0,0,1,21.5,19H9.5A6.18,6.18,0,0,1,15.5,13.286Z"
|
|
811
|
-
transform="translate(0 0)"/>
|
|
812
|
-
</g>
|
|
813
|
-
</svg>
|
|
814
|
-
</div>
|
|
815
|
-
</div>
|
|
816
|
-
</div>
|
|
817
|
-
</div>
|
|
818
|
-
<nav class="HeaderSecondaryNav">
|
|
819
|
-
<ul class="HeaderItemsMenuSecondary">
|
|
820
|
-
{#each secondaryMenuArray as secondaryItem}
|
|
821
|
-
<li class="ItemSecondary {secondaryActiveIndex?.toString().indexOf('$') > -1 ? (secondaryActiveIndex?.split("$").pop() == secondaryItem.id.split("$").pop() ? 'active': '') : (secondaryActiveIndex == secondaryItem.id ? 'active': '')}" part="ItemSecondary">
|
|
822
|
-
<button on:click={() => navigationTrigger(secondaryItem)}>{secondaryItem.label}</button>
|
|
823
|
-
</li>
|
|
824
|
-
{/each}
|
|
825
|
-
</ul>
|
|
826
|
-
</nav>
|
|
827
|
-
</header>
|
|
828
|
-
{/if}
|
|
829
|
-
{:else}
|
|
830
|
-
{#if mobileView}
|
|
831
|
-
<header class="HeaderWrapper HeaderMobileWrapper" bind:this={customStylingContainer}>
|
|
832
|
-
<div class="HeaderContainer">
|
|
833
|
-
<div class="HeaderMobileMainNav">
|
|
834
|
-
<svg on:click={()=>toggleMenu()} xmlns="http://www.w3.org/2000/svg" width="22" height="16"
|
|
835
|
-
viewBox="0 0 22 16">
|
|
836
|
-
<defs>
|
|
837
|
-
<style>.a {
|
|
838
|
-
fill: var(--emw-color-white, #FFFFFF);
|
|
839
|
-
}
|
|
840
|
-
</style>
|
|
841
|
-
</defs>
|
|
842
|
-
<g transform="translate(-14 -13)">
|
|
843
|
-
<rect class="a" width="18" height="2" transform="translate(14 13)"/>
|
|
844
|
-
<rect class="a" width="22" height="2" transform="translate(14 20)"/>
|
|
845
|
-
<rect class="a" width="22" height="2" transform="translate(14 27)"/>
|
|
846
|
-
</g>
|
|
847
|
-
</svg>
|
|
848
|
-
</div>
|
|
849
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
850
|
-
{#if logoFromCms}
|
|
851
|
-
<img src={logoPath} alt="Logo">
|
|
852
|
-
{:else}
|
|
853
|
-
<img src={everymatrixLogo} alt="Logo">
|
|
854
|
-
{/if}
|
|
855
|
-
</div>
|
|
856
|
-
|
|
857
|
-
<div class="HeaderTopActions">
|
|
858
|
-
<div class="HeaderItemsMenu">
|
|
859
|
-
<div class="Item ItemLogin" on:click={()=>menuAction('login')}>{$_('login')}</div>
|
|
860
|
-
<div class="Item ItemRegister" on:click={()=>menuAction('register')}>{$_('register')}</div>
|
|
861
|
-
</div>
|
|
862
|
-
</div>
|
|
863
|
-
</div>
|
|
864
|
-
</header>
|
|
865
|
-
{:else}
|
|
866
|
-
<header class="HeaderWrapper" bind:this={customStylingContainer}>
|
|
867
|
-
<div class="HeaderContainer">
|
|
868
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
869
|
-
{#if logoFromCms}
|
|
870
|
-
<img src={logoPath} alt="Logo">
|
|
871
|
-
{:else}
|
|
872
|
-
<img src={everymatrixLogo} alt="Logo">
|
|
873
|
-
{/if}
|
|
874
|
-
</div>
|
|
875
|
-
|
|
876
|
-
<nav class="HeaderMainNav">
|
|
877
|
-
{#if !isLoading}
|
|
878
|
-
<casino-slider
|
|
879
|
-
class="HeaderItemsMenu"
|
|
880
|
-
part="HeaderItemsMenu"
|
|
881
|
-
{identity}
|
|
882
|
-
use:sendSliderData
|
|
883
|
-
isprimarymenu=true
|
|
884
|
-
{actionevent}
|
|
885
|
-
activeindex={primaryActiveIndex}
|
|
886
|
-
location="headerMain"
|
|
887
|
-
{endpoint}
|
|
888
|
-
{lang}
|
|
889
|
-
{clientstyling}
|
|
890
|
-
{clientstylingurl}
|
|
891
|
-
/>
|
|
892
|
-
{/if}
|
|
893
|
-
</nav>
|
|
894
|
-
<div class="HeaderTopActions">
|
|
895
|
-
<div class="HeaderItemsMenu">
|
|
896
|
-
<div class="Item ItemLogin" tabindex="0" on:click={()=>menuAction('login')}>{$_('login')}</div>
|
|
897
|
-
<div class="Item ItemRegister" tabindex="0" on:click={()=>menuAction('register')}>{$_('register')}</div>
|
|
898
|
-
{#if (languagesArray.length > 1) }
|
|
899
|
-
{#if countryflagheader !== 'true'}
|
|
900
|
-
<select bind:value={selectedLanguage} class="Item ItemLanguage NoFlag" on:change={()=>menuAction('language')}>
|
|
901
|
-
{#each languagesArray as operatorLanguage}
|
|
902
|
-
<option value={operatorLanguage}>{operatorLanguage.slice(-2)}</option>
|
|
903
|
-
{/each}
|
|
904
|
-
</select>
|
|
905
|
-
{:else}
|
|
906
|
-
<div class="LanguageDropdown">
|
|
907
|
-
<div class="SelectedOption Item ItemLanguage" on:click={() => toggleLanguageDropdown()}>
|
|
908
|
-
<span class="FlagIcon">
|
|
909
|
-
<img src={`http://purecatamphetamine.github.io/country-flag-icons/3x2/${determineFlag(selectedLanguage.slice(-2))}.svg`}/>
|
|
910
|
-
</span>
|
|
911
|
-
<span class="LanguageName">{selectedLanguage.slice(-2)}</span>
|
|
912
|
-
<span class="TriangleInactive {isOptionsListVisible ? 'TriangleActive' : ''}">
|
|
913
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="6.835" viewBox="0 0 14 6.835">
|
|
914
|
-
<path id="arrow" d="M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z" transform="translate(-274.511 -441.088)" fill="#d1d1d1"/>
|
|
915
|
-
</svg>
|
|
916
|
-
</span>
|
|
917
|
-
</div>
|
|
918
|
-
{#if isOptionsListVisible}
|
|
919
|
-
<div class="OptionList">
|
|
920
|
-
{#each languagesArray as operatorLanguage}
|
|
921
|
-
<div class="LanguageOption" on:click={() => selectLanguage(operatorLanguage)}>
|
|
922
|
-
<span class="FlagIcon">
|
|
923
|
-
<img src={`http://purecatamphetamine.github.io/country-flag-icons/3x2/${determineFlag(operatorLanguage.slice(-2))}.svg`}/>
|
|
924
|
-
</span>
|
|
925
|
-
<span class="LanguageName">{operatorLanguage.slice(-2)}</span>
|
|
926
|
-
</div>
|
|
927
|
-
{/each}
|
|
928
|
-
</div>
|
|
929
|
-
{/if}
|
|
930
|
-
</div>
|
|
931
|
-
{/if}
|
|
932
|
-
{/if}
|
|
933
|
-
</div>
|
|
934
|
-
</div>
|
|
935
|
-
</div>
|
|
936
|
-
<nav class="HeaderSecondaryNav">
|
|
937
|
-
<ul class="HeaderItemsMenuSecondary">
|
|
938
|
-
{#each secondaryMenuArray as secondaryItem}
|
|
939
|
-
<li class="ItemSecondary {secondaryActiveIndex?.toString().indexOf('$') > -1 ? (secondaryActiveIndex?.split("$").pop() == secondaryItem.id.split("$").pop() ? 'active': '') : (secondaryActiveIndex == secondaryItem.id ? 'active': '')}" part="ItemSecondary">
|
|
940
|
-
<button on:click={() => navigationTrigger(secondaryItem)}>{secondaryItem.label}</button>
|
|
941
|
-
</li>
|
|
942
|
-
{/each}
|
|
943
|
-
</ul>
|
|
944
|
-
</nav>
|
|
945
|
-
</header>
|
|
946
|
-
{/if}
|
|
947
|
-
{/if}
|
|
948
|
-
-->
|
|
949
636
|
|
|
950
637
|
<casino-hamburger-menu-nd {cmsendpoint} {cmsenv} {userroles} {activecategory} {lang} {countryflaghamburger} {customlocaleidentifier} {languageslist} {clientstyling} {clientstylingurl}></casino-hamburger-menu-nd>
|
|
951
638
|
|
|
@@ -1485,23 +1172,26 @@
|
|
|
1485
1172
|
display: flex;
|
|
1486
1173
|
cursor: pointer;
|
|
1487
1174
|
user-select: none;
|
|
1175
|
+
gap: 20px;
|
|
1488
1176
|
|
|
1489
|
-
.
|
|
1177
|
+
.ItemSecondary {
|
|
1490
1178
|
transition: all .5s;
|
|
1491
|
-
|
|
1179
|
+
.Active {
|
|
1180
|
+
color: black;
|
|
1492
1181
|
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1182
|
+
&:hover {
|
|
1183
|
+
opacity: .5;
|
|
1184
|
+
color: white;
|
|
1185
|
+
}
|
|
1496
1186
|
}
|
|
1497
|
-
}
|
|
1498
1187
|
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1188
|
+
&:hover {
|
|
1189
|
+
color: black;
|
|
1190
|
+
}
|
|
1502
1191
|
|
|
1503
|
-
|
|
1504
|
-
|
|
1192
|
+
&:active {
|
|
1193
|
+
color: white;
|
|
1194
|
+
}
|
|
1505
1195
|
}
|
|
1506
1196
|
}
|
|
1507
1197
|
}
|