@everymatrix/casino-game-page 0.0.359 → 0.0.361
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-game-page",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.361",
|
|
4
4
|
"main": "dist/casino-game-page.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "0fe9249cd4a3ea07ecc6ea0f11bee32a4d259c7b"
|
|
40
40
|
}
|
|
@@ -564,105 +564,82 @@
|
|
|
564
564
|
<div class="GamePageBackground" style="background: {!isModal? `url(${game.backgroundImageUrl})`: ''}; background-size: cover">
|
|
565
565
|
<div class="CasinoGamePageContainer" part="CasinoGamePageContainer" bind:this={customStylingContainer} style="background: rgba(0, 0, 0, 0.5)">
|
|
566
566
|
{#if detailsObtained}
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
</div>
|
|
605
|
-
{:else if anonymousFunMode}
|
|
606
|
-
<div class="GameDetails" part="GameDetails">
|
|
607
|
-
<h3>{game.name}</h3>
|
|
608
|
-
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
609
|
-
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
610
|
-
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
611
|
-
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
612
|
-
<button class="FullWidthButton" part="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playForFun')}</button>
|
|
567
|
+
{#if mobileView}
|
|
568
|
+
{#if isLoggedIn}
|
|
569
|
+
{#if favorites == 'true'}
|
|
570
|
+
{#if game.isFavored}
|
|
571
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
572
|
+
<svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
|
|
573
|
+
<path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
|
|
574
|
+
</svg>
|
|
575
|
+
</div>
|
|
576
|
+
{:else}
|
|
577
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
578
|
+
<svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
|
|
579
|
+
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
|
|
580
|
+
c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
|
|
581
|
+
c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
|
|
582
|
+
c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
|
|
583
|
+
c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
|
|
584
|
+
l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
|
|
585
|
+
l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
|
|
586
|
+
c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
|
|
587
|
+
l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
|
|
588
|
+
</div>
|
|
589
|
+
{/if}
|
|
590
|
+
{/if}
|
|
591
|
+
<div class="GameDetails" part="GameDetails">
|
|
592
|
+
<h3>{game.name}</h3>
|
|
593
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
594
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
595
|
+
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
596
|
+
<button class="PlayNowButton" part="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playNow')}</button>
|
|
597
|
+
</div>
|
|
598
|
+
{#if haspanicbutton === "true"}
|
|
599
|
+
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}" part="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
|
|
600
|
+
<button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading} part="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
|
|
601
|
+
</div>
|
|
602
|
+
{/if}
|
|
603
|
+
<p>{time}</p>
|
|
613
604
|
</div>
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
605
|
+
{:else if anonymousFunMode}
|
|
606
|
+
<div class="GameDetails" part="GameDetails">
|
|
607
|
+
<h3>{game.name}</h3>
|
|
608
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
609
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
610
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
611
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
612
|
+
<button class="FullWidthButton" part="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playForFun')}</button>
|
|
613
|
+
</div>
|
|
614
|
+
<p>{time}</p>
|
|
623
615
|
</div>
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
<iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
632
|
-
<div class="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" part="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" bind:this={buttonsContainer}>
|
|
633
|
-
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
634
|
-
<p class="Time" part="Time" bind:this={timeContainer}><span>{time}</span></p>
|
|
635
|
-
{#if haspanicbutton === "true"}
|
|
636
|
-
<div class="PanicSection" part="PanicSection">
|
|
637
|
-
<button class="Button" class:PanicButtonAnimation={panicLoading} part="Button" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
|
|
638
|
-
</div>
|
|
639
|
-
{/if}
|
|
640
|
-
{#if isFullscreen}
|
|
641
|
-
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
642
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
643
|
-
</button>
|
|
644
|
-
{:else}
|
|
645
|
-
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
646
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.414 18.586l2.586-2.586v8h-8l2.586-2.586-5.172-5.172 2.828-2.828 5.172 5.172zm-13.656-8l2.828-2.828-5.172-5.172 2.586-2.586h-8v8l2.586-2.586 5.172 5.172zm10.828-8l-2.586-2.586h8v8l-2.586-2.586-5.172 5.172-2.828-2.828 5.172-5.172zm-8 13.656l-2.828-2.828-5.172 5.172-2.586-2.586v8h8l-2.586-2.586 5.172-5.172z"/></svg>
|
|
647
|
-
</button>
|
|
648
|
-
{/if}
|
|
616
|
+
{:else}
|
|
617
|
+
<div class="GameDetails" part="GameDetails">
|
|
618
|
+
<h3>{game.name}</h3>
|
|
619
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
620
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
621
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
622
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
649
623
|
</div>
|
|
624
|
+
<p>{time}</p>
|
|
650
625
|
</div>
|
|
651
|
-
|
|
626
|
+
{/if}
|
|
652
627
|
{:else}
|
|
653
|
-
{#if
|
|
654
|
-
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}
|
|
628
|
+
{#if isLoggedIn}
|
|
629
|
+
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
655
630
|
<div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
|
|
656
631
|
<iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
657
|
-
<div class="BottomGame" part="BottomGame" bind:this={buttonsContainer}>
|
|
658
|
-
<
|
|
659
|
-
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
660
|
-
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
661
|
-
</div>
|
|
632
|
+
<div class="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" part="BottomGame {haspanicbutton == 'true' ? 'BottomGamePanicSection' : ''}" bind:this={buttonsContainer}>
|
|
633
|
+
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
662
634
|
<p class="Time" part="Time" bind:this={timeContainer}><span>{time}</span></p>
|
|
635
|
+
{#if haspanicbutton === "true"}
|
|
636
|
+
<div class="PanicSection" part="PanicSection">
|
|
637
|
+
<button class="Button" class:PanicButtonAnimation={panicLoading} part="Button" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
|
|
638
|
+
</div>
|
|
639
|
+
{/if}
|
|
663
640
|
{#if isFullscreen}
|
|
664
641
|
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
665
|
-
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
642
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
666
643
|
</button>
|
|
667
644
|
{:else}
|
|
668
645
|
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
@@ -673,21 +650,44 @@
|
|
|
673
650
|
</div>
|
|
674
651
|
</div>
|
|
675
652
|
{:else}
|
|
676
|
-
|
|
677
|
-
<
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
653
|
+
{#if funMode}
|
|
654
|
+
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight};">
|
|
655
|
+
<div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
|
|
656
|
+
<iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
657
|
+
<div class="BottomGame" part="BottomGame" bind:this={buttonsContainer}>
|
|
658
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
659
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
660
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
661
|
+
</div>
|
|
662
|
+
<p class="Time" part="Time" bind:this={timeContainer}><span>{time}</span></p>
|
|
663
|
+
{#if isFullscreen}
|
|
664
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
665
|
+
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
|
666
|
+
</button>
|
|
667
|
+
{:else}
|
|
668
|
+
<button class="FullscreenButton" part="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
|
669
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.414 18.586l2.586-2.586v8h-8l2.586-2.586-5.172-5.172 2.828-2.828 5.172 5.172zm-13.656-8l2.828-2.828-5.172-5.172 2.586-2.586h-8v8l2.586-2.586 5.172 5.172zm10.828-8l-2.586-2.586h8v8l-2.586-2.586-5.172 5.172-2.828-2.828 5.172-5.172zm-8 13.656l-2.828-2.828-5.172 5.172-2.586-2.586v8h8l-2.586-2.586 5.172-5.172z"/></svg>
|
|
670
|
+
</button>
|
|
671
|
+
{/if}
|
|
672
|
+
</div>
|
|
673
|
+
</div>
|
|
682
674
|
</div>
|
|
683
|
-
|
|
684
|
-
|
|
675
|
+
{:else}
|
|
676
|
+
<div class="GameDetails" part="GameDetails">
|
|
677
|
+
<h3>{game.name}</h3>
|
|
678
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
679
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
680
|
+
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
681
|
+
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
682
|
+
</div>
|
|
683
|
+
<p>{time}</p>
|
|
684
|
+
</div>
|
|
685
|
+
{/if}
|
|
685
686
|
{/if}
|
|
686
687
|
{/if}
|
|
687
688
|
{/if}
|
|
688
|
-
|
|
689
|
+
</div>
|
|
689
690
|
</div>
|
|
690
|
-
</div>
|
|
691
691
|
{/if}
|
|
692
692
|
{/if}
|
|
693
693
|
|