@everymatrix/casino-collections-providers 1.10.6 → 1.11.1

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-collections-providers",
3
- "version": "1.10.6",
3
+ "version": "1.11.1",
4
4
  "main": "index.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": "fbf692f31db1837aa5a31b1dceef9c1a48b69948"
38
+ "gitHead": "a74cb23abc28e2a5ca4a61858da32c86640ebd43"
39
39
  }
@@ -177,7 +177,7 @@
177
177
 
178
178
  <div bind:this={customStylingContainer}>
179
179
  {#if isLoading}
180
- <p>{$_('Translations.loading')}</p>
180
+ <div class="LoadingSpinner" part="LoadingSpinner"></div>
181
181
  {:else}
182
182
  <div class="CasinoCollectionsProviders {mobile ? 'Mobile' : ''}">
183
183
  <div class="CategoriesHeader">
@@ -385,4 +385,30 @@
385
385
  }
386
386
  }
387
387
 
388
+ .LoadingSpinner {
389
+ display: block;
390
+ width: 80px;
391
+ height: 80px;
392
+ margin: 0 auto
393
+ }
394
+ .LoadingSpinner:after {
395
+ content: " ";
396
+ display: block;
397
+ width: 64px;
398
+ height: 64px;
399
+ margin: 8px;
400
+ border-radius: 50%;
401
+ border: 6px solid var(--emfe-w-color-primary, #D0046C);
402
+ border-color: var(--emfe-w-color-primary, #D0046C) transparent var(--emfe-w-color-primary, #D0046C) transparent;
403
+ animation: LoadingSpinner 1.2s linear infinite;
404
+ }
405
+ @keyframes LoadingSpinner {
406
+ 0% {
407
+ transform: rotate(0deg);
408
+ }
409
+ 100% {
410
+ transform: rotate(360deg);
411
+ }
412
+ }
413
+
388
414
  </style>