@everymatrix/general-player-register-form 0.0.244 → 0.0.248

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/general-player-register-form.js +1 -1
  2. package/dist/general-player-register-form.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/GeneralPlayerRegisterForm.svelte +19 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-player-register-form",
3
- "version": "0.0.244",
3
+ "version": "0.0.248",
4
4
  "main": "dist/general-player-register-form.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": "23ca6a1db8e19fea0b5f18176f0d846ed03c43f4"
39
+ "gitHead": "77f6efa473daab4dd62004b893c587558bf4511c"
40
40
  }
package/src/GeneralPlayerRegisterForm.svelte CHANGED
@@ -269,48 +269,50 @@
269
269
  }
270
270
  });
271
271
 
272
- $: cmsendpoint && getCmsData();
272
+ $: cmsendpoint && lang && env && getCmsData();
273
273
  $: playerid && session;
274
274
  $: lang && setActiveLanguage();
275
275
  </script>
276
276
 
277
277
  {#if isLoading}
278
- <div class="ModalLoader"></div>
278
+ <div class="ModalLoader" part="ModalLoader"></div>
279
279
  {:else}
280
- <div class="RegisterFormWrapper">
280
+ <div class="RegisterFormWrapper" part="RegisterFormWrapper">
281
281
  {#if !isMobile}
282
- <div class="RegisterFormImage" style="background-image: url('{imagedesktop}')"></div>
282
+ <div class="RegisterFormImage" part="RegisterFormImage" style="background-image: url('{imagedesktop}')"></div>
283
283
  {/if}
284
- <div class="RegisterFormContainer {isMobile ? 'RegisterFormContainerMobile' : ''}">
284
+ <div class="RegisterFormContainer {isMobile ? 'RegisterFormContainerMobile' : ''}" part="RegisterFormContainer {isMobile ? 'RegisterFormContainerMobile' : ''}">
285
285
  {#if showRegisterStepOne || showRegisterStepTwo || showRegisterStepThree}
286
- <div class="RegisterSteps" bind:this={scrollSteps}>
287
- <div class="RegisterFirstStepDash {showRegisterStepOne || (!showRegisterStepOne && showRegisterStepTwo) || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"></div>
288
- <div class="RegisterSecondStepDash {showRegisterStepTwo || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"></div>
289
- <div class="RegisterThirdStepDash {showRegisterStepThree ? 'RegisterStepDashColor' : ''}"></div>
286
+ <div class="RegisterSteps" part="RegisterSteps" bind:this={scrollSteps}>
287
+ <div class="RegisterFirstStepDash {showRegisterStepOne || (!showRegisterStepOne && showRegisterStepTwo) || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"
288
+ part="RegisterFirstStepDash {showRegisterStepOne || (!showRegisterStepOne && showRegisterStepTwo) || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"></div>
289
+ <div class="RegisterSecondStepDash {showRegisterStepTwo || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"
290
+ part="RegisterSecondStepDash {showRegisterStepTwo || (!showRegisterStepOne && !showRegisterStepTwo && showRegisterStepThree) ? 'RegisterStepDashColor' : ''}"></div>
291
+ <div class="RegisterThirdStepDash {showRegisterStepThree ? 'RegisterStepDashColor' : ''}" part="RegisterThirdStepDash {showRegisterStepThree ? 'RegisterStepDashColor' : ''}"></div>
290
292
  </div>
291
293
  {/if}
292
294
  {#if showRegisterStepOne}
293
- <div class="RegisterFormStep1">
295
+ <div class="RegisterFormStep1" part="RegisterFormStep1">
294
296
  <general-player-register-form-step1 {lang} />
295
297
  </div>
296
298
  {/if}
297
299
  {#if showRegisterStepTwo}
298
- <div class="RegisterFormStep2">
300
+ <div class="RegisterFormStep2" part="RegisterFormStep2">
299
301
  <general-player-register-form-step2 {endpoint} {lang} {licenseyears} />
300
302
  </div>
301
303
  {/if}
302
304
  {#if showRegisterStepThree}
303
- <div class="RegisterFormStep3">
305
+ <div class="RegisterFormStep3" part="RegisterFormStep3">
304
306
  <general-player-register-form-step3 {userconsentsexist} {endpoint} {captchakey} {lang} />
305
307
  </div>
306
308
  {/if}
307
309
  {#if showConfirmation}
308
- <div class="RegisterConfirmation">
310
+ <div class="RegisterConfirmation" part="RegisterConfirmation">
309
311
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.95 51"><defs><style>.a{fill:#16ce16;}</style></defs><path class="a" d="M29.325,51,0,21.675l5.95-5.95,23.375,22.95L68,0l5.95,5.95Z"/></svg>
310
- <h2 class="RegisterConfirmationTitle">{accountCreationTitle}</h2>
311
- <p class="RegisterConfirmationSubtitle">{accountCreationSubTitle}</p>
312
- <p class="RegisterConfirmationNote">{accountCreationMessage}</p>
313
- <button class="RegisterConfirmationGoToLogin" on:click={switchToLogin}>{$_('registerForm.goToLoginButton')}</button>
312
+ <h2 class="RegisterConfirmationTitle" part="RegisterConfirmationTitle">{accountCreationTitle}</h2>
313
+ <p class="RegisterConfirmationSubtitle" part="RegisterConfirmationSubtitle">{accountCreationSubTitle}</p>
314
+ <p class="RegisterConfirmationNote" part="RegisterConfirmationNote">{accountCreationMessage}</p>
315
+ <button class="RegisterConfirmationGoToLogin" part="RegisterConfirmationGoToLogin" on:click={switchToLogin}>{$_('registerForm.goToLoginButton')}</button>
314
316
  </div>
315
317
  {/if}
316
318
  </div>