@everymatrix/casino-collections-providers 1.3.4 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-collections-providers",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61b113dba12330dbbaeef6e4ba84771630a15e7f"
+  "gitHead": "be1fa07132bd9efec772e8532a8bc54c82eb1cb6"
 }

package/src/CasinoCollectionsProviders.svelte

@@ -1,6 +1,6 @@
 <svelte:options tag={null} />
 <script lang="ts">
-  import { _, addNewMessages, setLocale } from './i18n';
+  import { _, addNewMessages, setLocale} from './i18n';
   import { Translations } from './translations.js';
   import { isMobile } from 'rvhelper';
   import { onMount } from 'svelte';
@@ -13,6 +13,7 @@
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
   export let translationurl:string = '';
+  export let collectionprovidersgamenames:string = '';
 
   let gameCategories:Array<any> = [];
   let isLoading:boolean = true;
@@ -64,7 +65,7 @@
           return {
             id: category.id,
             name: category.name,
-            icon: category.icon,
+            icon: category.icon ? category.icon : category.vendors?.items[0]?.subVendors[0]?.logo,
             games: category.games.items.slice(0, 4).map(game => game),
             background: category.background,
             flag: category.flags
@@ -175,12 +176,12 @@
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: translationurl && setTranslationUrl();
-
+  
 </script>
 
   <div bind:this={customStylingContainer}> 
     {#if isLoading}
-      <p> Loading, please wait ... </p>
+      <p>{$_('Translations.loading')}</p>
     {:else}
       <div class="CasinoCollectionsProviders {mobile ? 'Mobile' : ''}">
         <div class="CategoriesHeader">
@@ -212,7 +213,12 @@
               </div>
               <div class="CategorySlideGameContainer">
                 {#each category.games as game}
+                <div class="CategorySlideGames">
                   <img class="CategorySlideGameImage" src="{game.defaultThumbnail}" alt="{game.name}" on:click|stopPropagation={() => openGame(game.gameId, game.launchUrl, game.name)}>
+                  {#if collectionprovidersgamenames == 'true'}
+                    <p title={game.name}> {game.name} </p>
+                  {/if}
+                </div>
                 {/each}
               </div>
             </div>
@@ -221,7 +227,6 @@
         </div>
       </div>  
     {/if}
-
   </div>
 
 
@@ -317,6 +322,10 @@
         }
         &Logo {
           max-height: 100px;
+          position: absolute;
+          top: 30%;
+          left: 50%;
+          transform: translate(-50%, -50%);
         }
         &Title {
           color: var(--emfe-w-color-white, #FFFFFF);
@@ -327,14 +336,26 @@
           display: flex;
           justify-content: center;
           gap: 3%;
-          min-height: 70px;
+          min-height: 85px;
         }
         &GameImage {
           border-radius: 10px;
-          width: 22%;
-          height: 55px;
+          width: auto;
+          height: 54px;
           object-fit: cover;
         }
+        &Games{
+          color:white;
+          text-align: center;
+          p{
+            font-size: 10px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            height: 20px;
+            width: 90px;
+            white-space: nowrap;
+          }
+        }
       }
     }
   }

package/src/translations.js

@@ -2,97 +2,113 @@ export const Translations = {
   en: {
     Translations: {
     collections: 'Game Collections',
-    providers: 'Game Providers'
+    providers: 'Game Providers',
+    loading: 'Loading, please wait ...',
     },
   },
   zh: {
     Translations: {
-      collections: 'Game Collections',
-      providers: 'Game Providers'
+      collections: '收藏品',
+      providers: '供应商',
+      loading: '加載請稍候 ...',
     },
   },
   de: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Laden, bitte warten...',
     },
   },
   it: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
   fr: {
     Translations: {
-      collections: 'Game Collections',
-      providers: 'Game Providers'
+      collections: 'Collections',
+      providers: 'Fournisseurs',
+      loading: 'Chargement, veuillez patienter ...',
     },
   },
   es: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'cargando, por favor espere…',
     },
   },
   el: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Φορτώνει, παρακαλούμε περιμένετε ...',
     },
   },
   tr: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Yükleniyor, lütfen bekleyin...',
     },
   },
   ru: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
   ro: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Se încarcă, asteptati ...',
     },
   },
   hr: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
   hu: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Betöltés, kérjük várjon...',
     },
   },
   pl: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
   pt: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Carregando, por favor espere ...',
     },
   },
   sl: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
   sr: {
     Translations: {
       collections: 'Game Collections',
-      providers: 'Game Providers'
+      providers: 'Game Providers',
+      loading: 'Loading, please wait ...',
     },
   },
 };