@everymatrix/casino-game-page 0.0.222 → 0.0.227

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-game-page.js +1 -1
  2. package/dist/casino-game-page.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoGamePage.svelte +22 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-game-page",
3
- "version": "0.0.222",
3
+ "version": "0.0.227",
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": "3f56a3b8fe7c6974efedb51c6584f188e1d31908"
39
+ "gitHead": "87c5d90286e7d4214a1e8f9ec974787cb1fd71a6"
40
40
  }
package/src/CasinoGamePage.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  <script lang="ts">
4
4
  import { onMount } from "svelte";
5
5
  import { isMobile, checkSession, getDevice } from 'rvhelper';
6
- import { _, addNewMessages, setupI18n } from './i18n';
6
+ import { _, addNewMessages, setLocale, setupI18n } from './i18n';
7
7
  import { GamePageTranslations } from './translations';
8
8
 
9
9
  // Native bridge
@@ -368,6 +368,7 @@
368
368
  }, 100);
369
369
 
370
370
  const initialSetup = ():void => {
371
+ setLocale(lang);
371
372
  isLoading = false;
372
373
 
373
374
  if (isMobile(userAgent)) {
@@ -520,7 +521,7 @@
520
521
  {/if}
521
522
  {#if isFullscreen}
522
523
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
523
- <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>
524
+ <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:var(--emfe-w-color-white, #FFFFFF);" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" 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:var(--emfe-w-color-white, #FFFFFF);" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
524
525
  </button>
525
526
  {:else}
526
527
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
@@ -543,7 +544,7 @@
543
544
  </div>
544
545
  {#if isFullscreen}
545
546
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
546
- <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>
547
+ <svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" 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:var(--emfe-w-color-white, #FFFFFF);" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:var(--emfe-w-color-white, #FFFFFF);" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
547
548
  </button>
548
549
  {:else}
549
550
  <button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
@@ -590,7 +591,7 @@
590
591
  padding-right: 60px;
591
592
  padding-bottom: 15px;
592
593
  min-height: 85px;
593
- background-color: #14143B;
594
+ background-color: var(--emfe-w-color-contrast, #07072A);
594
595
  display: flex;
595
596
  justify-content: space-between;
596
597
  align-items: center;
@@ -599,13 +600,13 @@
599
600
  border: none;
600
601
  width: 129px;
601
602
  height: 60px;
602
- background-color: #28A745;
603
+ background-color: var(--emfe-w-color-green, #48952a);
603
604
  color: white;
604
605
  border-radius: 2px;
605
606
  cursor: pointer;
606
607
  }
607
608
  .PlayNowButton {
608
- background-color: #D0046C;
609
+ background-color: var(--emfe-w-color-primary, #D0046C);
609
610
  }
610
611
  .GameThumbnail {
611
612
  border-radius: 2px;
@@ -617,7 +618,7 @@
617
618
  border: none;
618
619
  width: 60px;
619
620
  height: 60px;
620
- background-color: #D0046C;
621
+ background-color: var(--emfe-w-color-primary, #D0046C);
621
622
  float: right;
622
623
  margin-top: 20px;
623
624
  }
@@ -627,7 +628,7 @@
627
628
  align-items: center;
628
629
  }
629
630
  .GameDetails h3 {
630
- color: #fff;
631
+ color: var(--emfe-w-color-white, #FFFFFF);
631
632
  font-size: 26px;
632
633
  }
633
634
  .ButtonsContainer {
@@ -638,26 +639,26 @@
638
639
  justify-content: space-between;
639
640
  }
640
641
  .RegisterButton {
641
- color: #ffffff;
642
- background-color: #D0046C;
642
+ color: var(--emfe-w-color-white, #FFFFFF);
643
+ background-color: var(--emfe-w-color-primary, #D0046C);
643
644
  border-radius: 2px;
644
645
  border: none;
645
646
  width: 129px;
646
647
  height: 60px;
647
648
  }
648
649
  .LoginButton {
649
- color: #D0046C;
650
- background-color: #07072A;
650
+ color: var(--emfe-w-color-primary, #D0046C);
651
+ background-color: var(--emfe-w-color-contrast, #07072A);
651
652
  border-radius: 2px;
652
- border: 1px solid #D0046C;
653
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
653
654
  width: 129px;
654
655
  height: 60px;
655
656
  }
656
657
  .FullWidthButton {
657
- color: #D0046C;
658
- background-color: #07072A;
658
+ color: var(--emfe-w-color-primary, #D0046C);
659
+ background-color: var(--emfe-w-color-contrast, #07072A);
659
660
  border-radius: 2px;
660
- border: 1px solid #D0046C;
661
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
661
662
  width: 100%;
662
663
  height: 60px;
663
664
  margin-top: 20px;
@@ -676,7 +677,7 @@
676
677
  justify-content: center;
677
678
  }
678
679
  svg {
679
- fill: #ffffff;
680
+ fill: var(--emfe-w-color-white, #FFFFFF);
680
681
  }
681
682
  p {
682
683
  color: white;
@@ -726,15 +727,15 @@
726
727
  }
727
728
  p {
728
729
  font-size: ttp(1);
729
- color: #fff;
730
+ color: var(--emfe-w-color-white, #FFFFFF);
730
731
  }
731
732
  .Button {
732
733
  border-radius: 2px;
733
- border: 1px solid #D0046C;
734
- background-color: #D0046C;
734
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
735
+ background-color: var(--emfe-w-color-primary, #D0046C);
735
736
  width: ttp(15);
736
737
  height: 60px;
737
- color: #fff;
738
+ color: var(--emfe-w-color-white, #FFFFFF);
738
739
  cursor: pointer;
739
740
  }
740
741
  }