@everymatrix/casino-games-category-section 0.0.247 → 0.0.248
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-games-category-section",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.248",
|
|
4
4
|
"main": "dist/casino-games-category-section.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": "77f6efa473daab4dd62004b893c587558bf4511c"
|
|
40
40
|
}
|
|
@@ -488,29 +488,29 @@
|
|
|
488
488
|
$: clientstylingurl && setClientStylingURL();
|
|
489
489
|
</script>
|
|
490
490
|
|
|
491
|
-
<div class="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
|
|
491
|
+
<div class="CasinoGamesCategorySectionContainer" part="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
|
|
492
492
|
{#if hasErrors}
|
|
493
493
|
<!-- @TODO diversify error handling -->
|
|
494
494
|
{#if filteresPresent}
|
|
495
|
-
<p class="SearchLoading">404 Error - No result found.</p>
|
|
495
|
+
<p class="SearchLoading" part="SearchLoading">404 Error - No result found.</p>
|
|
496
496
|
{:else}
|
|
497
|
-
<p class="SearchLoading">500 Error - Internal Server Error.</p>
|
|
497
|
+
<p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
|
|
498
498
|
{/if}
|
|
499
499
|
{:else}
|
|
500
500
|
{#if searched}
|
|
501
|
-
<div class="CasinoGamesContainer">
|
|
502
|
-
<div class="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}">
|
|
501
|
+
<div class="CasinoGamesContainer" part="CasinoGamesContainer">
|
|
502
|
+
<div class="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}" part="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}">
|
|
503
503
|
{#if recentSearched}
|
|
504
|
-
<h3 class="StatusText">
|
|
504
|
+
<h3 class="StatusText" part="StatusText">
|
|
505
505
|
{$_('gamesCategorySection.recentSearchedItems')}
|
|
506
506
|
</h3>
|
|
507
507
|
{:else}
|
|
508
508
|
{#if !shownCategoryData.length}
|
|
509
|
-
<h3 class="StatusText">
|
|
509
|
+
<h3 class="StatusText" part="StatusText">
|
|
510
510
|
{$_('gamesCategorySection.noResults')}
|
|
511
511
|
</h3>
|
|
512
512
|
{:else}
|
|
513
|
-
<h3 class="StatusText">
|
|
513
|
+
<h3 class="StatusText" part="StatusText">
|
|
514
514
|
{$_('gamesCategorySection.searchedItems')}
|
|
515
515
|
</h3>
|
|
516
516
|
{/if}
|
|
@@ -518,12 +518,13 @@
|
|
|
518
518
|
</div>
|
|
519
519
|
{#if shownCategoryData}
|
|
520
520
|
{#if !showItems}
|
|
521
|
-
<p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('gamesCategorySection.noRecentSearch')}</p>
|
|
521
|
+
<p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}" part="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('gamesCategorySection.noRecentSearch')}</p>
|
|
522
522
|
{/if}
|
|
523
|
-
<ul class="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap">
|
|
523
|
+
<ul class="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap" part="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap">
|
|
524
524
|
{#each shownCategoryData as gameprops, index}
|
|
525
525
|
<casino-game-thumbnail
|
|
526
526
|
class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
527
|
+
part="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
527
528
|
session={session}
|
|
528
529
|
userid={userid}
|
|
529
530
|
lang={lang}
|
|
@@ -548,29 +549,29 @@
|
|
|
548
549
|
{/each}
|
|
549
550
|
</ul>
|
|
550
551
|
{:else}
|
|
551
|
-
<p class="SearchWaiting">Waiting</p>
|
|
552
|
+
<p class="SearchWaiting" part="SearchWaiting">Waiting</p>
|
|
552
553
|
{/if}
|
|
553
554
|
</div>
|
|
554
555
|
{:else}
|
|
555
556
|
<div>
|
|
556
557
|
{#if categoryData}
|
|
557
|
-
<div class="CasinoGamesContainer">
|
|
558
|
-
<div class="CasinoGamesHeader">
|
|
559
|
-
<h3 class="CategoryName" bind:this={categoryName}>
|
|
558
|
+
<div class="CasinoGamesContainer" part="CasinoGamesContainer">
|
|
559
|
+
<div class="CasinoGamesHeader" part="CasinoGamesHeader">
|
|
560
|
+
<h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
|
|
560
561
|
{categoryData.name}
|
|
561
562
|
</h3>
|
|
562
563
|
|
|
563
564
|
{#if showLoadCategory}
|
|
564
565
|
<!-- svelte-ignore a11y-missing-attribute -->
|
|
565
|
-
<a class="CategoryNameLink" on:click="{e => showCategory(categoryData.id, categoryData)}">
|
|
566
|
-
<span class="CategoryLoadMore">
|
|
566
|
+
<a class="CategoryNameLink" part="CategoryNameLink" on:click="{e => showCategory(categoryData.id, categoryData)}">
|
|
567
|
+
<span class="CategoryLoadMore" part="CategoryLoadMore">
|
|
567
568
|
{$_('gamesCategorySection.viewAll')} ({categoryData.games.total})
|
|
568
569
|
</span>
|
|
569
570
|
</a>
|
|
570
571
|
{/if}
|
|
571
572
|
</div>
|
|
572
573
|
{#if shownCategoryData.length !== 0}
|
|
573
|
-
<ul class="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" bind:this={container}>
|
|
574
|
+
<ul class="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" part="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" bind:this={container}>
|
|
574
575
|
{#each shownCategoryData as gameprops, index}
|
|
575
576
|
{#if intersecting || nativeLoading}
|
|
576
577
|
<casino-game-thumbnail
|
|
@@ -579,6 +580,7 @@
|
|
|
579
580
|
lang={lang}
|
|
580
581
|
currency={currency}
|
|
581
582
|
class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
583
|
+
part="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
582
584
|
favorites={favorites}
|
|
583
585
|
gamethumbnail={gameprops.thumbnail}
|
|
584
586
|
gamename={gameprops.name}
|
|
@@ -602,17 +604,17 @@
|
|
|
602
604
|
{/each}
|
|
603
605
|
</ul>
|
|
604
606
|
{:else}
|
|
605
|
-
<p class="NoSearchResults">You don't have any games in this category.</p>
|
|
607
|
+
<p class="NoSearchResults" part="NoSearchResults">You don't have any games in this category.</p>
|
|
606
608
|
{/if}
|
|
607
609
|
</div>
|
|
608
610
|
{:else if showFavGamesCategory}
|
|
609
|
-
<div class="CasinoGamesContainer">
|
|
610
|
-
<div class="CasinoGamesHeader">
|
|
611
|
-
<h3 class="CategoryName" bind:this={categoryName}>
|
|
611
|
+
<div class="CasinoGamesContainer" part="CasinoGamesContainer">
|
|
612
|
+
<div class="CasinoGamesHeader" part="CasinoGamesHeader">
|
|
613
|
+
<h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
|
|
612
614
|
{favoriteGamesData.name}
|
|
613
615
|
</h3>
|
|
614
616
|
</div>
|
|
615
|
-
<ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" bind:this={container}>
|
|
617
|
+
<ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" part="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" bind:this={container}>
|
|
616
618
|
{#if favoriteGamesData}
|
|
617
619
|
{#each favoriteGamesData.items as gameprops, index}
|
|
618
620
|
{#if gameprops.gameModel}
|
|
@@ -622,6 +624,7 @@
|
|
|
622
624
|
{#if (gameprops.gameModel.platform.includes("iPad") || gameprops.gameModel.platform.includes("iPhone") || gameprops.gameModel.platform.includes("Android"))}
|
|
623
625
|
<casino-game-thumbnail
|
|
624
626
|
class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
627
|
+
part="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
625
628
|
session={session}
|
|
626
629
|
userid={userid}
|
|
627
630
|
lang={lang}
|
|
@@ -648,6 +651,7 @@
|
|
|
648
651
|
<!-- <p style="color: var(--emfe-w-color-white, #FFFFFF)">{gameprops.gameModel.isFavorite}</p> -->
|
|
649
652
|
<casino-game-thumbnail
|
|
650
653
|
class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
654
|
+
part="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
|
|
651
655
|
session={session}
|
|
652
656
|
userid={userid}
|
|
653
657
|
lang={lang}
|
|
@@ -674,8 +678,8 @@
|
|
|
674
678
|
{/if}
|
|
675
679
|
{/if}
|
|
676
680
|
{:else}
|
|
677
|
-
<p class="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}">
|
|
678
|
-
<svg version="1.1" class="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50px" y="50px"
|
|
681
|
+
<p class="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}" part="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}">
|
|
682
|
+
<svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="50px" y="50px"
|
|
679
683
|
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
|
|
680
684
|
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
|
|
681
685
|
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
|
|
@@ -685,11 +689,11 @@
|
|
|
685
689
|
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
|
|
686
690
|
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
|
|
687
691
|
l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
|
|
688
|
-
<span class="NoFavoriteText NoFavoriteTextHighlight">You do not have any favored games yet.</span>
|
|
692
|
+
<span class="NoFavoriteText NoFavoriteTextHighlight" part="NoFavoriteText NoFavoriteTextHighlight">You do not have any favored games yet.</span>
|
|
689
693
|
{#if isMobile(userAgent)}
|
|
690
|
-
<span class="NoFavoriteText">You can now add games to favorites by tapping on the star icon located on the game page.</span>
|
|
694
|
+
<span class="NoFavoriteText" part="NoFavoriteText">You can now add games to favorites by tapping on the star icon located on the game page.</span>
|
|
691
695
|
{:else}
|
|
692
|
-
<span class="NoFavoriteText">You can now add games to favorites by clicking on the star icon located on the game thumbnail.</span>
|
|
696
|
+
<span class="NoFavoriteText" part="NoFavoriteText">You can now add games to favorites by clicking on the star icon located on the game thumbnail.</span>
|
|
693
697
|
{/if}
|
|
694
698
|
</p>
|
|
695
699
|
{/each}
|