@everymatrix/casino-header-controller 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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-header-controller",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.248",
|
|
4
4
|
"main": "dist/casino-header-controller.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "77f6efa473daab4dd62004b893c587558bf4511c"
|
|
42
42
|
}
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
const initialLoad = ():void => {
|
|
161
161
|
languagesArray = languageslist.replace(/ /g,'').split(',');
|
|
162
162
|
languagesArray = languagesArray.map((language:string) => language.toUpperCase());
|
|
163
|
-
|
|
163
|
+
|
|
164
164
|
selectedLanguage = lang.toUpperCase();
|
|
165
165
|
createCMSUrls();
|
|
166
166
|
|
|
@@ -218,9 +218,9 @@
|
|
|
218
218
|
|
|
219
219
|
{#if isLoggedIn}
|
|
220
220
|
{#if mobileView}
|
|
221
|
-
<header class="HeaderWrapper HeaderMobileWrapper">
|
|
222
|
-
<div class="HeaderContainer">
|
|
223
|
-
<div class="HeaderMobileMainNav">
|
|
221
|
+
<header class="HeaderWrapper HeaderMobileWrapper" part="HeaderWrapper HeaderMobileWrapper">
|
|
222
|
+
<div class="HeaderContainer" part="HeaderContainer">
|
|
223
|
+
<div class="HeaderMobileMainNav" part="HeaderMobileMainNav">
|
|
224
224
|
{#if !hamburgerMenuActive}
|
|
225
225
|
<svg on:click={()=>toggleMenu()} xmlns="http://www.w3.org/2000/svg" width="22" height="16"
|
|
226
226
|
viewBox="0 0 22 16">
|
|
@@ -238,15 +238,15 @@
|
|
|
238
238
|
</svg>
|
|
239
239
|
{/if}
|
|
240
240
|
</div>
|
|
241
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
241
|
+
<div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
242
242
|
<img src={everymatrixLogo} alt="Everymatrix logo">
|
|
243
243
|
</div>
|
|
244
244
|
|
|
245
|
-
<div class="HeaderTopActions">
|
|
246
|
-
<div class="HeaderItemsMenu PrimaryMenu">
|
|
245
|
+
<div class="HeaderTopActions" part="HeaderTopActions">
|
|
246
|
+
<div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
|
|
247
247
|
<player-account-balance-modal {session} {userid} {endpoint} {lang}/>
|
|
248
|
-
<div class="Item ItemDeposit" on:click={()=>menuAction('deposit')}>Deposit</div>
|
|
249
|
-
<div class="Item ItemAccount" on:click={()=>menuAction('myaccount')}>
|
|
248
|
+
<div class="Item ItemDeposit" part="Item ItemDeposit" on:click={()=>menuAction('deposit')}>Deposit</div>
|
|
249
|
+
<div class="Item ItemAccount" part="Item ItemAccount" on:click={()=>menuAction('myaccount')}>
|
|
250
250
|
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
|
|
251
251
|
<defs>
|
|
252
252
|
<style>.a {
|
|
@@ -266,22 +266,22 @@
|
|
|
266
266
|
</div>
|
|
267
267
|
</header>
|
|
268
268
|
{:else}
|
|
269
|
-
<header class="HeaderWrapper">
|
|
270
|
-
<div class="HeaderContainer">
|
|
271
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
269
|
+
<header class="HeaderWrapper" part="HeaderWrapper">
|
|
270
|
+
<div class="HeaderContainer" part="HeaderContainer">
|
|
271
|
+
<div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
272
272
|
<img src={everymatrixLogo} alt="Everymatrix logo">
|
|
273
273
|
</div>
|
|
274
274
|
|
|
275
|
-
<nav class="HeaderMainNav">
|
|
275
|
+
<nav class="HeaderMainNav" part="HeaderMainNav">
|
|
276
276
|
{#if !isLoading}
|
|
277
|
-
<casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
|
|
277
|
+
<casino-slider class="HeaderItemsMenu" part="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
|
|
278
278
|
{/if}
|
|
279
279
|
</nav>
|
|
280
|
-
<div class="HeaderTopActions">
|
|
281
|
-
<div class="HeaderItemsMenu PrimaryMenu">
|
|
280
|
+
<div class="HeaderTopActions" part="HeaderItemsMenu">
|
|
281
|
+
<div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
|
|
282
282
|
<player-account-balance-modal {session} {userid} {endpoint} {lang}/>
|
|
283
|
-
<div class="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('headerItem.deposit')}</div>
|
|
284
|
-
<div class="Item ItemAccount" on:click={() => menuAction('myaccount')}>
|
|
283
|
+
<div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('headerItem.deposit')}</div>
|
|
284
|
+
<div class="Item ItemAccount" part="Item ItemAccount" on:click={() => menuAction('myaccount')}>
|
|
285
285
|
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
|
|
286
286
|
<defs>
|
|
287
287
|
<style>.a {
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
</g>
|
|
297
297
|
</svg>
|
|
298
298
|
</div>
|
|
299
|
-
<select bind:value={selectedLanguage} class="Item ItemLanguage" on:change={()=>menuAction('language')}>
|
|
299
|
+
<select bind:value={selectedLanguage} class="Item ItemLanguage" part="Item ItemLanguage" on:change={()=>menuAction('language')}>
|
|
300
300
|
{#each languagesArray as operatorLanguage}
|
|
301
301
|
<option value={operatorLanguage} selected>{operatorLanguage}</option>
|
|
302
302
|
{/each}
|
|
@@ -304,10 +304,10 @@
|
|
|
304
304
|
</div>
|
|
305
305
|
</div>
|
|
306
306
|
</div>
|
|
307
|
-
<nav class="HeaderSecondaryNav">
|
|
308
|
-
<ul class="HeaderItemsMenuSecondary">
|
|
307
|
+
<nav class="HeaderSecondaryNav" part="HeaderSecondaryNav">
|
|
308
|
+
<ul class="HeaderItemsMenuSecondary" part="HeaderItemsMenuSecondary">
|
|
309
309
|
{#each secondaryMenuArray as secondaryItem}
|
|
310
|
-
<li class="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
|
|
310
|
+
<li class="ItemSecondary" part="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
|
|
311
311
|
{/each}
|
|
312
312
|
</ul>
|
|
313
313
|
</nav>
|
|
@@ -315,9 +315,9 @@
|
|
|
315
315
|
{/if}
|
|
316
316
|
{:else}
|
|
317
317
|
{#if mobileView}
|
|
318
|
-
<header class="HeaderWrapper HeaderMobileWrapper">
|
|
319
|
-
<div class="HeaderContainer">
|
|
320
|
-
<div class="HeaderMobileMainNav">
|
|
318
|
+
<header class="HeaderWrapper HeaderMobileWrapper" part="HeaderWrapper HeaderMobileWrapper">
|
|
319
|
+
<div class="HeaderContainer" part="HeaderContainer">
|
|
320
|
+
<div class="HeaderMobileMainNav" part="HeaderMobileMainNav">
|
|
321
321
|
<svg on:click={()=>toggleMenu()} xmlns="http://www.w3.org/2000/svg" width="22" height="16"
|
|
322
322
|
viewBox="0 0 22 16">
|
|
323
323
|
<defs>
|
|
@@ -333,35 +333,35 @@
|
|
|
333
333
|
</g>
|
|
334
334
|
</svg>
|
|
335
335
|
</div>
|
|
336
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
336
|
+
<div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
337
337
|
<img src={everymatrixLogo} alt="Everymatrix logo">
|
|
338
338
|
</div>
|
|
339
339
|
|
|
340
|
-
<div class="HeaderTopActions">
|
|
341
|
-
<div class="HeaderItemsMenu">
|
|
342
|
-
<div class="Item ItemLogin" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
|
|
343
|
-
<div class="Item ItemRegister" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
|
|
340
|
+
<div class="HeaderTopActions" part="HeaderTopActions">
|
|
341
|
+
<div class="HeaderItemsMenu" part="HeaderItemsMenu">
|
|
342
|
+
<div class="Item ItemLogin" part="Item ItemLogin" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
|
|
343
|
+
<div class="Item ItemRegister" part="Item ItemRegister" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
|
|
344
344
|
</div>
|
|
345
345
|
</div>
|
|
346
346
|
</div>
|
|
347
347
|
</header>
|
|
348
348
|
{:else}
|
|
349
|
-
<header class="HeaderWrapper">
|
|
350
|
-
<div class="HeaderContainer">
|
|
351
|
-
<div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
349
|
+
<header class="HeaderWrapper" part="HeaderWrapper">
|
|
350
|
+
<div class="HeaderContainer" part="HeaderContainer">
|
|
351
|
+
<div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
|
|
352
352
|
<img src={everymatrixLogo} alt="Everymatrix logo">
|
|
353
353
|
</div>
|
|
354
354
|
|
|
355
|
-
<nav class="HeaderMainNav">
|
|
355
|
+
<nav class="HeaderMainNav" part="HeaderMainNav">
|
|
356
356
|
{#if !isLoading}
|
|
357
|
-
<casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
|
|
357
|
+
<casino-slider class="HeaderItemsMenu" part="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
|
|
358
358
|
{/if}
|
|
359
359
|
</nav>
|
|
360
|
-
<div class="HeaderTopActions">
|
|
361
|
-
<div class="HeaderItemsMenu">
|
|
362
|
-
<div class="Item ItemLogin" tabindex="0" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
|
|
363
|
-
<div class="Item ItemRegister" tabindex="0" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
|
|
364
|
-
<select bind:value={selectedLanguage} class="Item ItemLanguage" on:change={()=>menuAction('language')}>
|
|
360
|
+
<div class="HeaderTopActions" part="HeaderTopActions">
|
|
361
|
+
<div class="HeaderItemsMenu" part="HeaderItemsMenu">
|
|
362
|
+
<div class="Item ItemLogin" part="Item ItemLogin" tabindex="0" on:click={()=>menuAction('login')}>{$_('headerItem.login')}</div>
|
|
363
|
+
<div class="Item ItemRegister" part="Item ItemRegister" tabindex="0" on:click={()=>menuAction('register')}>{$_('headerItem.register')}</div>
|
|
364
|
+
<select bind:value={selectedLanguage} class="Item ItemLanguage" part="Item ItemLanguage" on:change={()=>menuAction('language')}>
|
|
365
365
|
{#each languagesArray as operatorLanguage}
|
|
366
366
|
<option value={operatorLanguage}>{operatorLanguage}</option>
|
|
367
367
|
{/each}
|
|
@@ -369,10 +369,10 @@
|
|
|
369
369
|
</div>
|
|
370
370
|
</div>
|
|
371
371
|
</div>
|
|
372
|
-
<nav class="HeaderSecondaryNav">
|
|
373
|
-
<ul class="HeaderItemsMenuSecondary">
|
|
372
|
+
<nav class="HeaderSecondaryNav" part="HeaderSecondaryNav">
|
|
373
|
+
<ul class="HeaderItemsMenuSecondary" part="HeaderItemsMenuSecondary">
|
|
374
374
|
{#each secondaryMenuArray as secondaryItem}
|
|
375
|
-
<li class="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
|
|
375
|
+
<li class="ItemSecondary" part="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
|
|
376
376
|
{/each}
|
|
377
377
|
</ul>
|
|
378
378
|
</nav>
|