@everymatrix/casino-games-category-section 1.13.15 → 1.13.17

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.
Files changed (4) hide show
  1. package/dist/casino-games-category-section.js +3 -3
  2. package/dist/casino-games-category-section.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoGamesCategorySection.svelte +37 -37
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-games-category-section",
3
- "version": "1.13.15",
3
+ "version": "1.13.17",
4
4
  "main": "dist/casino-games-category-section.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "64d94eb05d1cff11bf0cfd2bb8079bec43797d28"
38
+ "gitHead": "8b0b2bd7cdef9f325e39e95baf9a25dd09ad69b3"
39
39
  }
package/src/CasinoGamesCategorySection.svelte CHANGED
@@ -631,29 +631,29 @@
631
631
  $: clientstylingurl && customStylingContainer && setClientStylingURL();
632
632
  </script>
633
633
 
634
- <div class="CasinoGamesCategorySectionContainer" part="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
634
+ <div class="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
635
635
  {#if hasErrors}
636
636
  <!-- @TODO diversify error handling -->
637
637
  {#if filteresPresent}
638
- <p class="SearchLoading" part="SearchLoading">404 Error - No result found.</p>
638
+ <p class="SearchLoading">404 Error - No result found.</p>
639
639
  {:else}
640
- <p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
640
+ <p class="SearchLoading">500 Error - Internal Server Error.</p>
641
641
  {/if}
642
642
  {:else}
643
643
  {#if searched}
644
644
  <div class="CasinoGamesContainer" part="CasinoGamesContainer">
645
- <div class="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}" part="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}">
645
+ <div class="CasinoGamesHeader Searched {isMobile(userAgent) ? 'CasinoGamesHeaderMobile' : ''}">
646
646
  {#if recentSearched}
647
- <h3 class="StatusText" part="StatusText">
647
+ <h3 class="StatusText">
648
648
  {$_('recentSearchedItems')}
649
649
  </h3>
650
650
  {:else}
651
651
  {#if !shownCategoryData.length}
652
- <h3 class="StatusText" part="StatusText">
652
+ <h3 class="StatusText">
653
653
  {$_('noResults')}
654
654
  </h3>
655
655
  {:else}
656
- <h3 class="StatusText" part="StatusText">
656
+ <h3 class="StatusText">
657
657
  {$_('searchedItems')}
658
658
  </h3>
659
659
  {/if}
@@ -661,9 +661,9 @@
661
661
  </div>
662
662
  {#if shownCategoryData}
663
663
  {#if !showItems}
664
- <p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}" part="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('noRecentSearch')}</p>
664
+ <p class="NoSearchResults NoRecentSearches NoRecentSearchesCenter {isMobile(userAgent) ? 'NoRecentSearchesMobile' : ''}">{$_('noRecentSearch')}</p>
665
665
  {/if}
666
- <ul class="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap" part="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap">
666
+ <ul class="CasinoGamesGrid SearchedGamesGrid GamesListIncreasedGap">
667
667
  {#each shownCategoryData as gameprops, index}
668
668
  <casino-game-thumbnail
669
669
  class="{MASONRY_CLASS_PREFIX}{gameprops.cellSize ? gameprops.cellSize : '1x1'}"
@@ -695,21 +695,21 @@
695
695
  {/each}
696
696
  </ul>
697
697
  {:else}
698
- <p class="SearchWaiting" part="SearchWaiting">Waiting</p>
698
+ <p class="SearchWaiting">Waiting</p>
699
699
  {/if}
700
700
  </div>
701
701
  {:else}
702
702
  <div>
703
703
  {#if categoryData}
704
- <div class="CasinoGamesContainer" part="CasinoGamesContainer">
704
+ <div class="CasinoGamesContainer">
705
705
  {#if casinomygames !== 'true'}
706
- <div class="CasinoGamesHeader" part="CasinoGamesHeader">
707
- <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
706
+ <div class="CasinoGamesHeader">
707
+ <h3 class="CategoryName" bind:this={categoryName}>
708
708
  {categoryData.name}
709
709
  </h3>
710
710
  {#if showLoadCategory}
711
711
  <!-- svelte-ignore a11y-missing-attribute -->
712
- <a class="CategoryNameLink" part="CategoryNameLink" on:click="{e => showCategory(categoryData.id, categoryData)}">
712
+ <a class="CategoryNameLink" on:click="{e => showCategory(categoryData.id, categoryData)}">
713
713
  <span class="CategoryLoadMore" part="CategoryLoadMore">
714
714
  {$_('viewAll')} ({categoryData.games.total})
715
715
  </span>
@@ -746,7 +746,7 @@
746
746
  <div class="lds-dual-ring" part="lds-dual-ring"></div>
747
747
  {:else}
748
748
  {#if shownCategoryData.length !== 0}
749
- <ul class="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" part="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" bind:this={container}>
749
+ <ul class="{(favoriteGamesData.items.length === 0 && showFavGamesCategory) ? '' : 'CasinoGamesGrid'} GamesListIncreasedGap" bind:this={container}>
750
750
  {#each shownCategoryData as gameprops, index}
751
751
  {#if intersecting || nativeLoading}
752
752
  <casino-game-thumbnail
@@ -782,24 +782,24 @@
782
782
  {/each}
783
783
  </ul>
784
784
  {:else}
785
- <p class="NoSearchResults" part="NoSearchResults">You don't have any games in this category.</p>
785
+ <p class="NoSearchResults">{$_('noResults')}</p>
786
786
  {/if}
787
787
  {/if}
788
788
  </div>
789
789
  {:else if showFavGamesCategory}
790
- <div class="CasinoGamesContainer" part="CasinoGamesContainer">
790
+ <div class="CasinoGamesContainer">
791
791
  {#if casinomygames !== 'true'}
792
- <div class="CasinoGamesHeader" part="CasinoGamesHeader">
793
- <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
792
+ <div class="CasinoGamesHeader">
793
+ <h3 class="CategoryName">
794
794
  {$_('favorites')}
795
795
  <span class="CategoryFavName">({favoriteGamesData.items.length})</span>
796
796
  </h3>
797
797
  </div>
798
798
  {/if}
799
799
 
800
- <ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" part="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" bind:this={container}>
800
+ <ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''} 'GamesListIncreasedGap'}" bind:this={container}>
801
801
  {#if isLoading && !isLazyLoading}
802
- <div class="lds-dual-ring" part="lds-dual-ring"></div>
802
+ <div class="lds-dual-ring"></div>
803
803
  {:else}
804
804
  {#if favoriteGamesData}
805
805
  {#each favoriteGamesData.items as gameprops, index}
@@ -873,21 +873,21 @@
873
873
  {/if}
874
874
  {/if}
875
875
  {:else}
876
- <p class="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}" part="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}">
876
+ <p class="NoFavoriteGames {isMobile(userAgent) ? 'NoFavoriteGamesMobile' : ''}">
877
877
  <svg width="198" height="148" viewBox="0 0 198 148" fill="none" xmlns="http://www.w3.org/2000/svg">
878
878
  <rect x="1" y="18.053" width="90.263" height="90.263" rx="12" stroke="var(--emfe-w-color-gray-150, #828282)" stroke-width="1.5"/>
879
879
  <rect x="106.737" y="56.737" width="90.263" height="90.263" rx="12" stroke="var(--emfe-w-color-gray-150, #828282)" stroke-width="1.5"/>
880
- <circle cx="70.5" cy="32.237" r="31.487" stroke="var(--emfe-w-color-primary, #D0046C)" stroke-width="1.5" stroke-dasharray="5 0"/>
880
+ <circle cx="70.5" cy="32.237" r="31.487" stroke="var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))" stroke-width="1.5" stroke-dasharray="5 0"/>
881
881
  <path d="M153.909 81.631a.747.747 0 0 0-.166-1.046l-5.466-3.954a.751.751 0 0 0-.882 1.214l4.859 3.514-3.529 4.858a.75.75 0 1 0 1.215.878l3.969-5.464zm-.725-1.18c-.501.081-.999.159-1.493.233l.223 1.482c.498-.075 1-.153 1.506-.234l-.236-1.48zm-4.457.654c-1.006.133-1.996.253-2.97.36l.162 1.49c.985-.109 1.986-.23 3.002-.364l-.194-1.486zm-5.944.65c-1.01.085-2.002.155-2.978.209l.081 1.496c.991-.054 1.997-.125 3.021-.212l-.124-1.493zm-5.955.326c-1.009.022-2 .026-2.974.01l-.026 1.5c.994.015 2.003.011 3.031-.012l-.031-1.498zm-5.953-.099a61.03 61.03 0 0 1-2.961-.245l-.164 1.49c.995.107 2.006.19 3.035.251l.09-1.496zm-5.898-.641a49.97 49.97 0 0 1-2.907-.56l-.332 1.462c.983.22 1.98.412 2.995.577l.244-1.48zm-5.773-1.298a44.435 44.435 0 0 1-2.807-.92l-.518 1.407c.953.348 1.92.665 2.901.951l.424-1.438zm-5.546-2.027A44.285 44.285 0 0 1 111 76.73l-.702 1.326a45.9 45.9 0 0 0 2.748 1.331l.612-1.37zm-5.23-2.75a49.031 49.031 0 0 1-2.472-1.616l-.861 1.229a50.27 50.27 0 0 0 2.548 1.666l.785-1.278zm-4.851-3.378c-.767-.601-1.529-1.231-2.289-1.891l-.987 1.131c.778.676 1.56 1.322 2.348 1.94l.928-1.18zm-4.486-3.889a74.64 74.64 0 0 1-2.11-2.088l-1.078 1.044a76.17 76.17 0 0 0 2.152 2.13L99.091 68zm-4.143-4.259a97.17 97.17 0 0 1-1.965-2.239l-1.145.972a98.31 98.31 0 0 0 1.996 2.274l1.114-1.007zm-3.867-4.536a127.63 127.63 0 0 1-1.845-2.346l-1.192.914c.624.812 1.246 1.603 1.867 2.373l1.17-.94zm-3.64-4.733c-.58-.788-1.163-1.596-1.749-2.423l-1.225.867c.59.834 1.179 1.649 1.764 2.445l1.21-.89z" fill="var(--emfe-w-color-gray-150, #828282)"/>
882
- <path d="M78 43h11v13H78V43z" stroke="var(--emfe-w-color-primary, #D0046C)"/>
883
- <path d="m180 65 2.021 6.219h6.539l-5.291 3.843 2.021 6.22-5.29-3.844-5.29 3.843 2.021-6.219-5.291-3.843h6.539L180 65z" fill="var(--emfe-w-color-primary, #D0046C)" stroke="var(--emfe-w-color-primary, #D0046C)" stroke-linecap="round" stroke-linejoin="round"/>
884
- <path d="m74 27 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L74 39.437l-5.29 3.843 2.02-6.219-5.29-3.843h6.54L74 27z" stroke="var(--emfe-w-color-primary, #D0046C)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
882
+ <path d="M78 43h11v13H78V43z" stroke="var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))"/>
883
+ <path d="m180 65 2.021 6.219h6.539l-5.291 3.843 2.021 6.22-5.29-3.844-5.29 3.843 2.021-6.219-5.291-3.843h6.539L180 65z" fill="var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))" stroke="var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))" stroke-linecap="round" stroke-linejoin="round"/>
884
+ <path d="m74 27 2.02 6.219h6.54l-5.29 3.843 2.02 6.22L74 39.437l-5.29 3.843 2.02-6.219-5.29-3.843h6.54L74 27z" stroke="var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
885
885
  </svg>
886
- <span class="NoFavoriteText NoFavoriteTextHighlight" part="NoFavoriteText NoFavoriteTextHighlight">{$_('noFavoritesTitle')}</span>
886
+ <span class="NoFavoriteText NoFavoriteTextHighlight">{$_('noFavoritesTitle')}</span>
887
887
  {#if isMobile(userAgent)}
888
- <span class="NoFavoriteText" part="NoFavoriteText">{$_('noFavoritesMobile')}</span>
888
+ <span class="NoFavoriteText">{$_('noFavoritesMobile')}</span>
889
889
  {:else}
890
- <span class="NoFavoriteText" part="NoFavoriteText">{$_('noFavorites')}</span>
890
+ <span class="NoFavoriteText">{$_('noFavorites')}</span>
891
891
  {/if}
892
892
  </p>
893
893
  {/each}
@@ -921,18 +921,18 @@
921
921
 
922
922
  .CategoryName,
923
923
  .StatusText {
924
- color: var(--emfe-w-color-white, #FFFFFF);
924
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
925
925
  font-size: 22px;
926
926
  font-weight: 500;
927
927
  }
928
928
 
929
929
  .CategoryLoadMore {
930
930
  font-size: 14px;
931
- color: var(--emfe-w-color-white, #FFFFFF);
931
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
932
932
  }
933
933
 
934
934
  .NoSearchResults {
935
- color: var(--emfe-w-color-white, #FFFFFF);
935
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
936
936
  text-align: center;
937
937
  width: 100%;
938
938
  padding-left: 5px;
@@ -948,7 +948,7 @@
948
948
  }
949
949
 
950
950
  .NoFavoriteGames {
951
- color: var(--emfe-w-color-white, #FFFFFF);
951
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
952
952
  font-size: 16px;
953
953
  display: flex;
954
954
  flex-direction: column;
@@ -976,7 +976,7 @@
976
976
 
977
977
  .SearchWaiting {
978
978
  grid-column: 1/-1;
979
- color: var(--emfe-w-color-white, #FFFFFF);
979
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
980
980
  font-size: 13px;
981
981
  text-align: center;
982
982
  }
@@ -1110,7 +1110,7 @@
1110
1110
  .SearchLoading {
1111
1111
  display: block;
1112
1112
  padding: 50px;
1113
- color: var(--emfe-w-color-white, #FFFFFF);
1113
+ color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
1114
1114
  }
1115
1115
 
1116
1116
  .lds-dual-ring {
@@ -1126,8 +1126,8 @@
1126
1126
  height: 64px;
1127
1127
  margin: 8px;
1128
1128
  border-radius: 50%;
1129
- border: 6px solid var(--emfe-w-color-primary, #D0046C);
1130
- border-color: var(--emfe-w-color-primary, #D0046C) transparent var(--emfe-w-color-primary, #D0046C) transparent;
1129
+ border: 6px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
1130
+ border-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C)) transparent var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
1131
1131
  animation: lds-dual-ring 1.2s linear infinite;
1132
1132
  }
1133
1133
  @keyframes lds-dual-ring {