@everymatrix/casino-random-game 1.13.15 → 1.13.16

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-random-game.js +61 -61
  2. package/dist/casino-random-game.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoRandomGame.svelte +29 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-random-game",
3
- "version": "1.13.15",
3
+ "version": "1.13.16",
4
4
  "main": "dist/casino-random-game.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": "586fd8038cd1f675aab3c6a81922c36e5d8faa34"
39
39
  }
package/src/CasinoRandomGame.svelte CHANGED
@@ -172,46 +172,46 @@
172
172
 
173
173
  <div bind:this={customStylingContainer} part="CustomStylingContainer">
174
174
  {#if show}
175
- <div class="ModalWindow" part="ModalWindow">
176
- <div class="ModalContainer" part="ModalContainer" >
177
- <span class="ModalCloseBtn" part="ModalCloseBtn" on:click={closeModal} role="button">
175
+ <div class="ModalWindow">
176
+ <div class="ModalContainer" >
177
+ <span class="ModalCloseBtn" on:click={closeModal} role="button">
178
178
  <slot name="close">
179
179
  <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
180
180
  </slot>
181
181
  </span>
182
182
 
183
183
  {#if !slotDone}
184
- <div class="RandomGameWrapper" part="RandomGameWrapper">
185
- <main class="RandomGamesSliderWrapper" part="RandomGamesSliderWrapper">
186
- <div class="items" part="items" style="transform: translateY({offset}px);">
184
+ <div class="RandomGameWrapper">
185
+ <main class="RandomGamesSliderWrapper">
186
+ <div class="items" style="transform: translateY({offset}px);">
187
187
  {#each gamesToShow as game, i}
188
- <div class="item" part="item">
189
- <img class="RandomGameImage" part="RandomGameImage" src={game.thumbnail} alt={game.name} title={game.name}/>
188
+ <div class="item">
189
+ <img class="RandomGameImage"src={game.thumbnail} alt={game.name} title={game.name}/>
190
190
  </div>
191
191
  {/each}
192
192
  </div>
193
193
  </main>
194
- <p class="RandomGameLoading" part="RandomGameLoading">{$_('randomGameLoading')}</p>
194
+ <p class="RandomGameLoading">{$_('randomGameLoading')}</p>
195
195
  </div>
196
196
  {/if}
197
197
 
198
198
  {#if slotDone}
199
- <div class="RandomGameWrapper" part="RandomGameWrapper">
200
- <div class="item" part="item">
201
- <img class="RandomGameImage" part="RandomGameImage" src={randomGame.thumbnail} alt={randomGame.name} title={randomGame.name}/>
202
- <button class="RandomTryAgain" part="RandomTryAgain" on:click={() => getRandomGame(true)}>
199
+ <div class="RandomGameWrapper">
200
+ <div class="item">
201
+ <img class="RandomGameImage" src={randomGame.thumbnail} alt={randomGame.name} title={randomGame.name}/>
202
+ <button class="RandomTryAgain" on:click={() => getRandomGame(true)}>
203
203
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
204
204
  <style type="text/css">
205
- .st0{fill:var(--emfe-w-color-white, #FFFFFF);;}
205
+ .st0{fill:var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));}
206
206
  </style>
207
207
  <path class="st0" d="M162.4,161.2C145.3,178.5,122.7,187,100,187c-19.1,0-38.2-6.2-54-18.4l2.2,24c0.4,3.6-2.4,6.9-6,7.3h-0.7 c-3.3,0-6.2-2.7-6.7-6l-3.8-41.1c-0.4-3.6,2.4-6.9,6-7.3l40.9-3.8c3.6-0.4,6.9,2.4,7.3,6c0.4,3.6-2.4,6.9-6,7.3l-26,2.4 c29.3,23.3,72.4,21.6,99.5-5.6c19.8-19.8,26.9-48.7,18.4-75.3c-1.1-3.6,0.9-7.3,4.4-8.4c3.6-1.1,7.3,0.9,8.4,4.4 C194,103.9,185.8,137.9,162.4,161.2L162.4,161.2z M47.1,47.9c27.1-27.1,70.2-29.1,99.5-5.6l-26,2.4c-3.6,0.4-6.4,3.6-6,7.3 c0.2,3.6,3.3,6,6.7,6h0.7l40.9-3.8c3.6-0.4,6.4-3.6,6-7.3l-4-41.1c-0.4-3.6-3.6-6.4-7.3-6c-3.6,0.4-6.4,3.6-6,7.3l2.2,24 C119.3,4.4,69.3,6.8,37.6,38.6C14.2,61.9,6,95.9,15.8,127.2c0.9,2.9,3.6,4.7,6.4,4.7c0.7,0,1.3,0,2-0.2c3.6-1.1,5.6-4.9,4.4-8.4 C20.2,96.6,27.4,67.7,47.1,47.9L47.1,47.9z"/>
208
208
  </svg>
209
209
  </button>
210
210
  </div>
211
- <div class="RandomGameDetails" part="RandomGameDetails">
212
- <p class="RandomGameTitle" part="RandomGameTitle">{randomGame.name}</p>
213
- <p class="RandomGameVendor" part="RandomGameVendor">{randomGame.vendor.name}</p>
214
- <button class="RandomGamePlay" part="RandomGamePlay" on:click={() => playGame()}>{$_('playNowRandomGame')}</button>
211
+ <div class="RandomGameDetails">
212
+ <p class="RandomGameTitle">{randomGame.name}</p>
213
+ <p class="RandomGameVendor">{randomGame.vendor.name}</p>
214
+ <button class="RandomGamePlay" on:click={() => playGame()}>{$_('playNowRandomGame')}</button>
215
215
  </div>
216
216
  </div>
217
217
  {/if}
@@ -219,14 +219,14 @@
219
219
  </div>
220
220
  </div>
221
221
  {/if}
222
- <div class="RandomButtonWrapper" part="RandomButtonWrapper">
223
- <button class="RandomButton" part="RandomButton" on:click={() => getRandomGame()}>
222
+ <div class="RandomButtonWrapper">
223
+ <button class="RandomButton" on:click={() => getRandomGame()}>
224
224
  {#if buttontext}
225
225
  <span class="RandomButtonText">{buttontext}</span>
226
226
  {:else if !buttontext}
227
- <span class="RandomButtonText" part="RandomButtonText">{$_('playRandomGame')}</span>
227
+ <span class="RandomButtonText">{$_('playRandomGame')}</span>
228
228
  {/if}
229
- <span class="RandomButtonIcon" part="RandomButtonIcon">
229
+ <span class="RandomButtonIcon">
230
230
  {@html randombuttonicon}
231
231
  </span>
232
232
  </button>
@@ -268,7 +268,7 @@
268
268
  min-height: 380px;
269
269
  max-width: 500px;
270
270
  padding: 40px 40px 16px 40px;
271
- border-top: 3px solid var(--emfe-w-color-secondary, #FD2839);
271
+ border-top: 3px solid var(--emfe-w-color-secondary, var(--emfe-w-color-orange-500, #FD2839));
272
272
  border-radius: 5px;
273
273
  position: relative;
274
274
  background: var(--emfe-w-color-white, #FFFFFF);
@@ -278,7 +278,7 @@
278
278
  top: 10px;
279
279
  right: 10px;
280
280
  border-radius: 50%;
281
- color: var(--emfe-w-color-secondary, #FD2839);
281
+ color: var(--emfe-w-color-secondary, var(--emfe-w-color-orange-500, #FD2839));
282
282
  background: rgba(255, 255, 255, .1);
283
283
  cursor: pointer;
284
284
  transition: all 150ms ease-in-out;
@@ -344,7 +344,7 @@
344
344
  position: absolute;
345
345
  bottom: -10px;
346
346
  right: -10px;
347
- background: var(--emfe-w-color-primary, #D0046C);
347
+ background: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
348
348
  color: var(--emfe-w-color-white, #FFFFFF);
349
349
  display: flex;
350
350
  align-items: center;
@@ -379,8 +379,8 @@
379
379
  margin-bottom: 10px;
380
380
  }
381
381
  .RandomGamePlay {
382
- background: var(--emfe-w-color-primary, #D0046C);
383
- color: var(--emfe-w-color-white, #FFFFFF);
382
+ background: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
383
+ color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
384
384
  border: none;
385
385
  border-radius: 5px;
386
386
  width: 200px;
@@ -399,8 +399,8 @@
399
399
  display: flex;
400
400
  align-items: center;
401
401
  gap: 5px;
402
- background: var(--emfe-w-color-primary, #D0046C);
403
- color: var(--emfe-w-color-white, #FFFFFF);
402
+ background: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
403
+ color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
404
404
  border: none;
405
405
  border-radius: 5px;
406
406
  padding: 0 30px;