@everymatrix/casino-challenge-details 0.10.28 → 0.10.29
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/dist/casino-challenge-details/casino-challenge-details-1496580b.js +7 -0
- package/dist/casino-challenge-details/casino-challenge-details_4.entry.js +1 -1
- package/dist/casino-challenge-details/index.esm.js +1 -1
- package/dist/cjs/{casino-challenge-details-0769d9f5.js → casino-challenge-details-c096ce9a.js} +3 -232
- package/dist/cjs/casino-challenge-details_4.cjs.entry.js +6 -6
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.css +9 -3
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.js +1 -1
- package/dist/collection/components/components/casino-challenge-expandable-paragraph.js +3 -3
- package/dist/collection/components/components/casino-challenge-level-progress-bar.js +1 -1
- package/dist/collection/components/components/casino-challenge-progress-bar.js +1 -1
- package/dist/collection/utils/locale.utils.js +1 -230
- package/dist/esm/{casino-challenge-details-a3f382a5.js → casino-challenge-details-1496580b.js} +3 -232
- package/dist/esm/casino-challenge-details_4.entry.js +7 -7
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/dist/casino-challenge-details/casino-challenge-details-a3f382a5.js +0 -7
package/dist/cjs/{casino-challenge-details-0769d9f5.js → casino-challenge-details-c096ce9a.js}
RENAMED
|
@@ -121,7 +121,6 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
const DEFAULT_LANGUAGE = 'en';
|
|
124
|
-
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
125
124
|
const TRANSLATIONS = {
|
|
126
125
|
en: {
|
|
127
126
|
title: 'Challenges',
|
|
@@ -181,238 +180,10 @@ const TRANSLATIONS = {
|
|
|
181
180
|
totalOdds: 'Total Odds',
|
|
182
181
|
selections: 'Selections'
|
|
183
182
|
},
|
|
184
|
-
ro: {
|
|
185
|
-
title: 'Provocări',
|
|
186
|
-
totalLevels: 'Niveluri totale:',
|
|
187
|
-
endsIn: 'Se termină în',
|
|
188
|
-
expired: 'Expirat',
|
|
189
|
-
placeBetsOf: 'Plasează pariuri de',
|
|
190
|
-
place: 'Plasare',
|
|
191
|
-
bet: 'pariu',
|
|
192
|
-
bets: 'pariuri',
|
|
193
|
-
minBet: 'pariu minim',
|
|
194
|
-
forfeited: 'Pierdut',
|
|
195
|
-
finished: 'Terminat',
|
|
196
|
-
suspended: 'Suspendat',
|
|
197
|
-
start: 'Start',
|
|
198
|
-
unavailable: 'Indisponibil',
|
|
199
|
-
resume: 'Reia',
|
|
200
|
-
pause: 'Pauză',
|
|
201
|
-
join: 'Alătură-te pentru a începe',
|
|
202
|
-
congrats: 'Felicitări!',
|
|
203
|
-
forfeitNotification: 'Din păcate, progresul tău a fost abandonat și nu mai poți continua această provocare. Consultă celelalte provocări disponibile!',
|
|
204
|
-
completedNofitication: 'Ai finalizat cu succes această provocare! Explorează următoarea și continuă să joci pentru a câștiga mai multe recompense!',
|
|
205
|
-
expiredNotification: 'Din păcate, această provocare a expirat și nu mai este disponibilă pentru finalizare. Încearcă una care este încă activă!',
|
|
206
|
-
terms: 'Termeni și condiții',
|
|
207
|
-
contribution: 'contribuție',
|
|
208
|
-
endDate: 'Data de încheiere',
|
|
209
|
-
back: 'Înapoi',
|
|
210
|
-
all: 'Toate Provocările',
|
|
211
|
-
contributionType: 'Tip de contribuție',
|
|
212
|
-
contributionRule: 'Regulă de contribuție',
|
|
213
|
-
isContributeToOne: 'Pariurile contribuie doar la provocarea începută cel mai devreme (dacă există mai multe provocări începute)',
|
|
214
|
-
isNotContributeToOne: 'Pariurile contribuie la toate provocările începute',
|
|
215
|
-
bonusMoney: 'Bani bonus',
|
|
216
|
-
realMoney: 'Bani reali',
|
|
217
|
-
mixedMoney: 'Contribuție în bani reali și bonus',
|
|
218
|
-
defaultRule: 'Toate evenimentele - ',
|
|
219
|
-
fundsUsed: 'Funds Used',
|
|
220
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
221
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
222
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
223
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
224
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
225
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
226
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
227
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
228
|
-
single: 'Single',
|
|
229
|
-
multi: 'Multi/Combi',
|
|
230
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
231
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
232
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
233
|
-
system: 'System',
|
|
234
|
-
banker: 'Only Banker Bets',
|
|
235
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
236
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
237
|
-
oddsPerSection: 'Odds per Selection',
|
|
238
|
-
totalOdds: 'Total Odds',
|
|
239
|
-
selections: 'Selections'
|
|
240
|
-
},
|
|
241
|
-
fr: {
|
|
242
|
-
title: 'Défis',
|
|
243
|
-
totalLevels: 'Niveaux totaux :',
|
|
244
|
-
endsIn: 'Se termine dans',
|
|
245
|
-
expired: 'Expiré',
|
|
246
|
-
placeBetsOf: 'Placez des paris de',
|
|
247
|
-
place: 'Placer',
|
|
248
|
-
bet: 'pari',
|
|
249
|
-
bets: 'paris',
|
|
250
|
-
minBet: 'mise minimale',
|
|
251
|
-
forfeited: 'Forfait',
|
|
252
|
-
finished: 'Terminé',
|
|
253
|
-
suspended: 'Suspendu',
|
|
254
|
-
start: 'Démarrer',
|
|
255
|
-
unavailable: 'Indisponible',
|
|
256
|
-
resume: 'Reprendre',
|
|
257
|
-
pause: 'Pause',
|
|
258
|
-
join: 'Rejoindre pour commencer',
|
|
259
|
-
congrats: 'Félicitations !',
|
|
260
|
-
forfeitNotification: "Malheureusement, votre progression a été abandonnée et vous n'êtes plus éligible pour continuer ce défi. Découvrez les autres défis disponibles !",
|
|
261
|
-
completedNofitication: 'Vous avez réussi ce défi ! Découvrez le suivant et continuez à jouer pour gagner plus de récompenses !',
|
|
262
|
-
expiredNotification: 'Malheureusement, ce défi a expiré et n’est plus disponible à compléter. Essayez-en un autre qui est encore actif !',
|
|
263
|
-
terms: 'Termes et conditions',
|
|
264
|
-
contribution: 'contribution',
|
|
265
|
-
endDate: 'Date de fin',
|
|
266
|
-
back: 'Retour',
|
|
267
|
-
all: 'Tous les Défis',
|
|
268
|
-
contributionType: 'Type de contribution',
|
|
269
|
-
contributionRule: 'Règle de contribution',
|
|
270
|
-
isContributeToOne: "Les paris contribuent uniquement au premier défi commencé (s'il y a plusieurs défis commencés)",
|
|
271
|
-
isNotContributeToOne: 'Les paris contribuent à tous les défis commencés',
|
|
272
|
-
bonusMoney: 'Argent bonus',
|
|
273
|
-
realMoney: 'Argent réel',
|
|
274
|
-
mixedMoney: 'Contribution en argent réel et bonus',
|
|
275
|
-
defaultRule: 'Tous les événements - ',
|
|
276
|
-
fundsUsed: 'Funds Used',
|
|
277
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
278
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
279
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
280
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
281
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
282
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
283
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
284
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
285
|
-
single: 'Single',
|
|
286
|
-
multi: 'Multi/Combi',
|
|
287
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
288
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
289
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
290
|
-
system: 'System',
|
|
291
|
-
banker: 'Only Banker Bets',
|
|
292
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
293
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
294
|
-
oddsPerSection: 'Odds per Selection',
|
|
295
|
-
totalOdds: 'Total Odds',
|
|
296
|
-
selections: 'Selections'
|
|
297
|
-
},
|
|
298
|
-
ar: {
|
|
299
|
-
title: 'تحديات',
|
|
300
|
-
totalLevels: 'إجمالي المستويات:',
|
|
301
|
-
endsIn: 'ينتهي في',
|
|
302
|
-
expired: 'منتهي الصلاحية',
|
|
303
|
-
placeBetsOf: 'قم بوضع رهانات بقيمة',
|
|
304
|
-
place: 'ضع',
|
|
305
|
-
bet: 'رهان',
|
|
306
|
-
bets: 'رهانات',
|
|
307
|
-
minBet: 'الحد الأدنى للرهان',
|
|
308
|
-
forfeited: 'خاسر',
|
|
309
|
-
finished: 'منتهي',
|
|
310
|
-
suspended: 'معلق',
|
|
311
|
-
start: 'ابدأ',
|
|
312
|
-
unavailable: 'غير متاح',
|
|
313
|
-
resume: 'استئناف',
|
|
314
|
-
pause: 'إيقاف مؤقت',
|
|
315
|
-
join: 'انضم للبدء',
|
|
316
|
-
congrats: 'تهانينا!',
|
|
317
|
-
forfeitNotification: 'للأسف، تم التخلي عن تقدمك ولم تعد مؤهلاً لمتابعة هذا التحدي. تحقق من التحديات الأخرى المتاحة!',
|
|
318
|
-
completedNofitication: 'لقد أكملت هذا التحدي بنجاح! استكشف التحدي التالي واستمر في اللعب للحصول على مزيد من الجوائز!',
|
|
319
|
-
expiredNotification: 'للأسف، هذا التحدي انتهت صلاحيته ولم يعد متاحًا لإكماله. جرّب تحديًا آخر لا يزال نشطًا!',
|
|
320
|
-
terms: 'الشروط والأحكام',
|
|
321
|
-
contribution: 'مساهمة',
|
|
322
|
-
endDate: 'تاريخ الانتهاء',
|
|
323
|
-
back: 'عودة',
|
|
324
|
-
all: 'جميع التحديات',
|
|
325
|
-
contributionType: 'نوع المساهمة',
|
|
326
|
-
contributionRule: 'قاعدة المساهمة',
|
|
327
|
-
isContributeToOne: 'تُحتسب الرهانات فقط للتحدي الذي بدأ أولاً (إذا كان هناك عدة تحديات بدأت)',
|
|
328
|
-
isNotContributeToOne: 'تُحتسب الرهانات لجميع التحديات التي بدأت',
|
|
329
|
-
bonusMoney: 'أموال المكافأة',
|
|
330
|
-
realMoney: 'أموال حقيقية',
|
|
331
|
-
mixedMoney: 'مساهمة من الأموال الحقيقية وأموال المكافأة',
|
|
332
|
-
defaultRule: 'كل الأحداث - ',
|
|
333
|
-
fundsUsed: 'Funds Used',
|
|
334
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
335
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
336
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
337
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
338
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
339
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
340
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
341
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
342
|
-
single: 'Single',
|
|
343
|
-
multi: 'Multi/Combi',
|
|
344
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
345
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
346
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
347
|
-
system: 'System',
|
|
348
|
-
banker: 'Only Banker Bets',
|
|
349
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
350
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
351
|
-
oddsPerSection: 'Odds per Selection',
|
|
352
|
-
totalOdds: 'Total Odds',
|
|
353
|
-
selections: 'Selections'
|
|
354
|
-
},
|
|
355
|
-
hr: {
|
|
356
|
-
title: 'Izazovi',
|
|
357
|
-
totalLevels: 'Ukupno razina:',
|
|
358
|
-
endsIn: 'Završava za',
|
|
359
|
-
expired: 'Isteklo',
|
|
360
|
-
placeBetsOf: 'Postavite oklade od',
|
|
361
|
-
place: 'Postavi',
|
|
362
|
-
bet: 'kladnja',
|
|
363
|
-
bets: 'kladnje',
|
|
364
|
-
minBet: 'minimalna oklada',
|
|
365
|
-
forfeited: 'Oduzeto',
|
|
366
|
-
finished: 'Završeno',
|
|
367
|
-
suspended: 'Suspendirano',
|
|
368
|
-
start: 'Počni',
|
|
369
|
-
unavailable: 'nedostupan',
|
|
370
|
-
resume: 'Nastavi',
|
|
371
|
-
pause: 'Pauza',
|
|
372
|
-
join: 'Pridruži se za početak',
|
|
373
|
-
congrats: 'Čestitamo!',
|
|
374
|
-
forfeitNotification: 'Nažalost, tvoj napredak je izgubljen i više nisi podoban nastaviti ovaj izazov. Pogledaj ostale dostupne izazove!',
|
|
375
|
-
completedNofitication: 'Uspješno si završio ovaj izazov! Istraži sljedeći i nastavi igrati kako bi zaradio/la više nagrada!',
|
|
376
|
-
expiredNotification: 'Nažalost, ovaj izazov je istekao i više nije dostupan za dovršavanje. Probaj neki drugi koji je još aktivan!',
|
|
377
|
-
terms: 'Uvjeti i odredbe',
|
|
378
|
-
contribution: 'doprinos',
|
|
379
|
-
endDate: 'Datum završetka',
|
|
380
|
-
back: 'Nazad',
|
|
381
|
-
all: 'Svi Izazovi',
|
|
382
|
-
contributionType: 'Vrsta doprinosa',
|
|
383
|
-
contributionRule: 'Pravilo doprinosa',
|
|
384
|
-
isContributeToOne: 'Oklade se pridonose samo najranije započetom izazovu (ako postoji više započetih izazova)',
|
|
385
|
-
isNotContributeToOne: 'Oklade se pridonose svim započetim izazovima',
|
|
386
|
-
bonusMoney: 'Bonus novac',
|
|
387
|
-
realMoney: 'Stvarni novac',
|
|
388
|
-
mixedMoney: 'Doprinos stvarnog i bonus novca',
|
|
389
|
-
defaultRule: 'Svi događaji - ',
|
|
390
|
-
fundsUsed: 'Funds Used',
|
|
391
|
-
sportsbookRealMoney: 'Only Real Money bets can contribute',
|
|
392
|
-
sportsbookBonusMoney: 'Only Bonus bets can contribute',
|
|
393
|
-
sportsbookMixMoney: 'Both Real Money and Bonus bets can contribute',
|
|
394
|
-
eligibleMatchTypes: 'Eligible Match Types',
|
|
395
|
-
preLiveMatchType: 'Only Pre-Match bets can contribute',
|
|
396
|
-
liveMatchType: 'Only Live bets can contribute',
|
|
397
|
-
mixMatchType: 'Both Pre-Match and Live bets can contribute',
|
|
398
|
-
eligibleBetTypes: 'Eligible Bet Types',
|
|
399
|
-
single: 'Single',
|
|
400
|
-
multi: 'Multi/Combi',
|
|
401
|
-
betBuilder: 'Only Bet Builder Bets',
|
|
402
|
-
nonBetBuilder: 'Only Non-Bet Builder Bets',
|
|
403
|
-
mixBetBuilder: 'Bet Builder & Non-Bet Builder Bets',
|
|
404
|
-
system: 'System',
|
|
405
|
-
banker: 'Only Banker Bets',
|
|
406
|
-
nonBanker: 'Only Non-Banker Bets',
|
|
407
|
-
mixBanker: 'Banker & Non-Banker Bets',
|
|
408
|
-
oddsPerSection: 'Odds per Selection',
|
|
409
|
-
totalOdds: 'Total Odds',
|
|
410
|
-
selections: 'Selections'
|
|
411
|
-
}
|
|
412
183
|
};
|
|
413
184
|
const translate = (key, customLang) => {
|
|
414
185
|
const lang = customLang;
|
|
415
|
-
return TRANSLATIONS[lang !== undefined &&
|
|
186
|
+
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
416
187
|
};
|
|
417
188
|
const getTranslations = (data) => {
|
|
418
189
|
Object.keys(data).forEach((item) => {
|
|
@@ -3836,7 +3607,7 @@ var EDetailsTabs;
|
|
|
3836
3607
|
EDetailsTabs[EDetailsTabs["Rules"] = 2] = "Rules";
|
|
3837
3608
|
})(EDetailsTabs || (EDetailsTabs = {}));
|
|
3838
3609
|
|
|
3839
|
-
const casinoChallengeDetailsCss = ".container {\n font-family: var(--emw--font-family-secondary, \"Montserrat\", sans-serif);\n background: var(--emw--color-background, #000);\n min-height: 100vh;\n padding: 16px 12px;\n box-sizing: border-box;\n container-type: inline-size;\n container-name: challenges-details;\n min-width: 375px;\n width: 100%;\n margin: 0 auto;\n position: relative;\n}\n\n.challenges-header {\n display: none;\n}\n\n.back-button {\n display: flex;\n align-items: center;\n padding: 14px 0 14px 10px;\n outline: none;\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n border: none;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n cursor: pointer;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.back-button__icon {\n margin: 0 4px;\n}\n.back-button__text {\n margin-left: 4px;\n}\n\n.details {\n min-width: 308px;\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 16px;\n min-width: 375px;\n width: 100%;\n}\n.details.grayed {\n opacity: 0.5;\n}\n.details__general-info {\n min-width: 344px;\n padding-bottom: 16px;\n width: 100%;\n}\n.details__general-info-image-container {\n position: relative;\n margin-bottom: 22px;\n}\n.details__general-info-image {\n display: block;\n min-width: 344px;\n height: 226px;\n border-radius: var(--emw--border-radius-medium, 16px);\n width: 100%;\n}\n.details__general-info-image.grayed {\n opacity: 0.5;\n}\n.details__general-info-timer-badge {\n position: absolute;\n background: var(--emw--color-white, #fff);\n top: 6px;\n right: 6px;\n border-radius: var(--emw--border-radius-large, 30px);\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(20px);\n}\n.details__general-info-timer-badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-gray-300, #083b17);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-title {\n margin: 0 0 4px;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-large, 20px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n}\n.details__general-info-title__icon--casino {\n width: 24px;\n height: 24px;\n}\n.details__general-info-title__icon--sportsbook {\n width: 22px;\n height: 22px;\n}\n.details__general-info-end-date_label {\n color: var(--emw--color-gray-150, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin: 0;\n}\n.details__general-info-end-date_value {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-action-button,\n.details .footer-action-button {\n width: 100%;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n text-align: center;\n text-transform: uppercase;\n font-weight: var(--emw--font-weight-bold, 700);\n height: 51px;\n padding: 16px 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n gap: 10px;\n}\n.details__general-info-action-button:hover,\n.details .footer-action-button:hover {\n border-color: var(--emw--color-secondary, #083b17);\n cursor: pointer;\n}\n.details__general-info-action-button.filled,\n.details .footer-action-button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n color: var(--emw--color-white, #fff);\n border-color: var(--emw--color-gray-300, #083b17);\n}\n.details__general-info-action-button.filled:hover,\n.details .footer-action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.details__general-info-action-button.grayed,\n.details .footer-action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black-150, #000000);\n border-color: var(--emw--button-disabled-border-color, #727672);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details__general-info-action-button.grayed:hover,\n.details .footer-action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.details__general-info-action-button:disabled, .details__general-info-action-button:disabled:hover,\n.details .footer-action-button:disabled,\n.details .footer-action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, #727672);\n opacity: 0.7;\n}\n.details .footer-action-button {\n height: 44px;\n padding: 14px 20px;\n font-size: var(--emw--font-size-sm, 14px);\n}\n.details__general-info-action-button {\n display: none;\n margin-top: 32px;\n}\n.details__tabs-container {\n flex-grow: 1;\n max-width: 100%;\n}\n.details__tabs {\n position: relative;\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid var(--emw--border-warning-color, #ea9018);\n}\n.details__tab {\n padding: 10px 20px;\n cursor: pointer;\n position: relative;\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-300, #555);\n display: flex;\n width: 33.3333333333%;\n padding: 12px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n}\n.details__tab.active {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n background: var(--emw--active-tab, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details__tab {\n color: var(--emw--color-gray-100, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n.details__tab:nth-of-type(1).active ~ .active-tab-indicator {\n left: 0;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(2).active ~ .active-tab-indicator {\n left: 33.3333333333%;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(3).active ~ .active-tab-indicator {\n left: 66.6666666667%;\n width: 33.3333333333%;\n}\n.details .active-tab-indicator {\n position: absolute;\n bottom: -3px;\n height: 2px;\n background: var(--emw--active-tab-indicator, linear-gradient(180deg, rgba(234, 144, 24, 0.7) 0%, rgba(224, 168, 78, 0.7) 100%), #727672);\n transition: left 0.3s ease, width 0.3s ease;\n}\n.details .levels__tab {\n margin-top: 22px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .level {\n display: flex;\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background-color: var(--emw--color-background, rgba(114, 118, 114, 0.2));\n}\n.details .level.grayed {\n background: rgba(114, 118, 114, 0.15);\n}\n.details .level.active {\n background: linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%);\n border: 2px solid var(--Gradient-Blue, #003e5c);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details .level.completed {\n background: linear-gradient(90deg, rgba(0, 62, 92, 0.3) 0.05%, rgba(17, 59, 33, 0.3) 87.69%);\n}\n.details .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .level__title {\n width: 100%;\n display: flex;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n margin-bottom: 10px;\n}\n.details .level__title .completed, .details .level__title .in-progress {\n color: var(--emw--color-valid, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 22px;\n}\n.details .level__title.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.details .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.details .level__icon {\n display: flex;\n margin: 5px 6px 5px 0;\n opacity: 1;\n}\n.details .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n}\n.details .level__icon img.grayed {\n opacity: 0.5;\n}\n.details .level__bonus, .details .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin-bottom: 4px;\n}\n.details .level__value {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.details .level__value.grayed {\n opacity: 0.5;\n}\n.details .games__tab {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding: 22px 0;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n justify-content: center;\n}\n.details .games__tab .game {\n position: relative;\n width: 105px;\n height: 85px;\n cursor: pointer;\n}\n.details .games__tab .game img {\n width: 100%;\n height: 100%;\n border-radius: var(--emw--border-radius-medium, 16px);\n}\n.details .games__tab .game .contribution {\n position: absolute;\n top: 4px;\n right: 4px;\n color: var(--emw--color-white, #fff);\n border-radius: var(--emw--border-radius-small, 12px);\n border: 1px solid var(--Gradient-Blue, #003e5c);\n background: rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(5px);\n padding: 0 8px;\n font-size: var(--emw--font-size-2x-small, 8px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 22px;\n text-align: center;\n}\n.details .events__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 24px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .events__tab .event {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n margin: 0;\n}\n.details .events__tab .event span {\n text-transform: capitalize;\n}\n.details .rules__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 22px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules,\n.details .rules__tab .rule {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules .rule {\n margin: 0 0 22px;\n}\n.details .rules__tab .sportsbook-rules .rule__title {\n margin: 0;\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: 700;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value {\n display: inline-flex;\n align-items: center;\n height: 16px;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value .infinity {\n font-size: 20px;\n font-weight: 500;\n margin-left: 4px;\n}\n.details .rules__tab .sportsbook-rules .rule__inners {\n gap: 22px;\n display: flex;\n flex-direction: column;\n}\n.details .rules__tab .link {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n padding: 0;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details .rules__tab .contributionType {\n margin: 0 0 22px;\n}\n.details .rules__tab .contributionRule {\n margin: 0;\n}\n.details .rules__tab .contribution__label {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .rules__tab .contribution__type__label {\n margin-right: 4px;\n}\n.details .rules__tab .contribution__value {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-gray-200, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.details .rules__tab .contribution__rule__value {\n margin-bottom: 8px;\n}\n.details__button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n height: 42px;\n padding: 14px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background-color: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n\n.button__container {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: calc(100% - 32px);\n padding: 16px 16px 22px 16px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-top: 1px solid var(--emw--color-blue, #003e5c);\n background: var(--emw--color-background, #000);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n\n.lds-dual-ring {\n display: block;\n width: 80px;\n height: 80px;\n margin: 80px auto 0 auto;\n}\n\n.lds-dual-ring:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n border-color: var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e)) transparent var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n animation: lds-dual-ring 1.2s linear infinite;\n}\n\n@keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 16px 22px 16px;\n}\n.notification__icon {\n margin-top: 2px;\n}\n.notification__message, .notification__title {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.notification__title {\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-details (min-width: 768px) {\n .button__container {\n display: none;\n }\n .details {\n gap: 36px;\n flex-wrap: nowrap;\n }\n .details__general-info-action-button {\n display: flex;\n }\n .details__general-info-image {\n width: 380px;\n height: 248px;\n object-fit: cover;\n }\n .details__general-info {\n min-width: 380px;\n max-width: 380px;\n }\n .details__tabs__container {\n max-width: calc(100% - 380px);\n }\n .details .levels__tab {\n gap: 20px;\n height: 60vh;\n }\n .details .levels__tab .level__icon {\n width: 14px;\n height: 14px;\n margin: 4px 6px 4px 0px;\n }\n .details .levels__tab .level__icon img {\n width: 100%;\n height: 100%;\n }\n .details .levels__tab .level__title {\n font-size: var(--emw--font-size-medium, 16px);\n }\n .details .levels__tab .level__title .completed, .details .levels__tab .level__title .in-progress {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .levels__tab .level__bonus, .details .levels__tab .level__target, .details .levels__tab .level__value {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .games__tab, .details .events__tab, .details .rules__tab {\n height: 60vh;\n padding: 32px 0;\n }\n .details .games__tab {\n gap: 20px;\n min-width: 340px;\n justify-content: normal;\n }\n .details .games__tab .game {\n width: 160px;\n height: 110px;\n }\n .details .games__tab .game .contribution {\n top: 8px;\n right: 8px;\n padding: 4px 10px;\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 18px;\n }\n .challenges-header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n }\n .challenges-title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n }\n .challenges-tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-200, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n }\n .challenges-tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n }\n .challenges-tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n }\n .challenges-tab:last-child {\n width: inherit;\n padding: 10px 16px;\n }\n}";
|
|
3610
|
+
const casinoChallengeDetailsCss = ".container-wrapper {\n container-type: inline-size;\n container-name: challenges-details;\n}\n\n.container {\n font-family: var(--emw--font-family-secondary, \"Montserrat\", sans-serif);\n background: var(--emw--color-background, #000);\n min-height: 100vh;\n box-sizing: border-box;\n min-width: 375px;\n width: 100%;\n margin: 0 auto;\n position: relative;\n padding: 0;\n}\n\n.challenges-header {\n display: none;\n}\n\n.back-button {\n display: flex;\n align-items: center;\n padding: 14px 0 14px 10px;\n outline: none;\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n border: none;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n cursor: pointer;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.back-button__icon {\n margin: 0 4px;\n}\n.back-button__text {\n margin-left: 4px;\n}\n\n.details {\n min-width: 308px;\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding: 16px;\n min-width: 375px;\n width: 100%;\n}\n.details.grayed {\n opacity: 0.5;\n}\n.details__general-info {\n min-width: 344px;\n padding-bottom: 16px;\n width: 100%;\n}\n.details__general-info-image-container {\n position: relative;\n margin-bottom: 22px;\n}\n.details__general-info-image {\n display: block;\n min-width: 344px;\n height: 226px;\n border-radius: var(--emw--border-radius-medium, 16px);\n width: 100%;\n}\n.details__general-info-image.grayed {\n opacity: 0.5;\n}\n.details__general-info-timer-badge {\n position: absolute;\n background: var(--emw--color-white, #fff);\n top: 6px;\n right: 6px;\n border-radius: var(--emw--border-radius-large, 30px);\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(20px);\n}\n.details__general-info-timer-badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-gray-300, #083b17);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-timer-badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-title {\n margin: 0 0 4px;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-large, 20px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n}\n.details__general-info-title__icon--casino {\n width: 24px;\n height: 24px;\n}\n.details__general-info-title__icon--sportsbook {\n width: 22px;\n height: 22px;\n}\n.details__general-info-end-date_label {\n color: var(--emw--color-gray-150, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin: 0;\n}\n.details__general-info-end-date_value {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.details__general-info-action-button,\n.details .footer-action-button {\n width: 100%;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n text-align: center;\n text-transform: uppercase;\n font-weight: var(--emw--font-weight-bold, 700);\n height: 51px;\n padding: 16px 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n gap: 10px;\n}\n.details__general-info-action-button:hover,\n.details .footer-action-button:hover {\n border-color: var(--emw--color-secondary, #083b17);\n cursor: pointer;\n}\n.details__general-info-action-button.filled,\n.details .footer-action-button.filled {\n background-color: var(--emw--button-background-primary-color, #18ce51);\n color: var(--emw--color-white, #fff);\n border-color: var(--emw--color-gray-300, #083b17);\n}\n.details__general-info-action-button.filled:hover,\n.details .footer-action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.details__general-info-action-button.grayed,\n.details .footer-action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black-150, #000000);\n border-color: var(--emw--button-disabled-border-color, #727672);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details__general-info-action-button.grayed:hover,\n.details .footer-action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.details__general-info-action-button:disabled, .details__general-info-action-button:disabled:hover,\n.details .footer-action-button:disabled,\n.details .footer-action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, #727672);\n opacity: 0.7;\n}\n.details .footer-action-button {\n height: 44px;\n padding: 14px 20px;\n font-size: var(--emw--font-size-sm, 14px);\n}\n.details__general-info-action-button {\n display: none;\n margin-top: 32px;\n}\n.details__tabs-container {\n flex-grow: 1;\n max-width: 100%;\n}\n.details__tabs {\n position: relative;\n display: flex;\n justify-content: flex-start;\n border-bottom: 1px solid var(--emw--border-warning-color, #ea9018);\n}\n.details__tab {\n padding: 10px 20px;\n cursor: pointer;\n position: relative;\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-300, #555);\n display: flex;\n width: 33.3333333333%;\n padding: 12px 10px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n}\n.details__tab.active {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n background: var(--emw--active-tab, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details__tab {\n color: var(--emw--color-gray-100, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n.details__tab:nth-of-type(1).active ~ .active-tab-indicator {\n left: 0;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(2).active ~ .active-tab-indicator {\n left: 33.3333333333%;\n width: 33.3333333333%;\n}\n.details__tab:nth-of-type(3).active ~ .active-tab-indicator {\n left: 66.6666666667%;\n width: 33.3333333333%;\n}\n.details .active-tab-indicator {\n position: absolute;\n bottom: -3px;\n height: 2px;\n background: var(--emw--active-tab-indicator, linear-gradient(180deg, rgba(234, 144, 24, 0.7) 0%, rgba(224, 168, 78, 0.7) 100%), #727672);\n transition: left 0.3s ease, width 0.3s ease;\n}\n.details .levels__tab {\n margin-top: 22px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .level {\n display: flex;\n padding: 20px;\n flex-direction: column;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background-color: var(--emw--color-background, rgba(114, 118, 114, 0.2));\n}\n.details .level.grayed {\n background: rgba(114, 118, 114, 0.15);\n}\n.details .level.active {\n background: linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%);\n border: 2px solid var(--Gradient-Blue, #003e5c);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.details .level.completed {\n background: linear-gradient(90deg, rgba(0, 62, 92, 0.3) 0.05%, rgba(17, 59, 33, 0.3) 87.69%);\n}\n.details .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .level__title {\n width: 100%;\n display: flex;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n margin-bottom: 10px;\n}\n.details .level__title .completed, .details .level__title .in-progress {\n color: var(--emw--color-valid, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 22px;\n}\n.details .level__title.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.details .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.details .level__icon {\n display: flex;\n margin: 5px 6px 5px 0;\n opacity: 1;\n}\n.details .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n}\n.details .level__icon img.grayed {\n opacity: 0.5;\n}\n.details .level__bonus, .details .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n margin-bottom: 4px;\n}\n.details .level__value {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.details .level__value.grayed {\n opacity: 0.5;\n}\n.details .games__tab {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n padding: 22px 0;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n justify-content: center;\n}\n.details .games__tab .game {\n position: relative;\n width: 105px;\n height: 85px;\n cursor: pointer;\n}\n.details .games__tab .game img {\n width: 100%;\n height: 100%;\n border-radius: var(--emw--border-radius-medium, 16px);\n}\n.details .games__tab .game .contribution {\n position: absolute;\n top: 4px;\n right: 4px;\n color: var(--emw--color-white, #fff);\n border-radius: var(--emw--border-radius-small, 12px);\n border: 1px solid var(--Gradient-Blue, #003e5c);\n background: rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n backdrop-filter: blur(5px);\n padding: 0 8px;\n font-size: var(--emw--font-size-2x-small, 8px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 22px;\n text-align: center;\n}\n.details .events__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 24px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n}\n.details .events__tab .event {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n margin: 0;\n}\n.details .events__tab .event span {\n text-transform: capitalize;\n}\n.details .rules__tab {\n display: flex;\n flex-direction: column;\n padding: 22px 0;\n gap: 22px;\n overflow-y: auto;\n height: 300px;\n padding-bottom: 80px;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules,\n.details .rules__tab .rule {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n}\n.details .rules__tab .sportsbook-rules .rule {\n margin: 0 0 22px;\n}\n.details .rules__tab .sportsbook-rules .rule__title {\n margin: 0;\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: 700;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value {\n display: inline-flex;\n align-items: center;\n height: 16px;\n}\n.details .rules__tab .sportsbook-rules .rule__title__value .infinity {\n font-size: 20px;\n font-weight: 500;\n margin-left: 4px;\n}\n.details .rules__tab .sportsbook-rules .rule__inners {\n gap: 22px;\n display: flex;\n flex-direction: column;\n}\n.details .rules__tab .link {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n padding: 0;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.details .rules__tab .contributionType {\n margin: 0 0 22px;\n}\n.details .rules__tab .contributionRule {\n margin: 0;\n}\n.details .rules__tab .contribution__label {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-white, #fff);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 18px;\n}\n.details .rules__tab .contribution__type__label {\n margin-right: 4px;\n}\n.details .rules__tab .contribution__value {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-gray-200, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.details .rules__tab .contribution__rule__value {\n margin-bottom: 8px;\n}\n.details__button {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex: 1 0 0;\n height: 42px;\n padding: 14px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background-color: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n text-transform: uppercase;\n}\n\n.button__container {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: calc(100% - 32px);\n padding: 16px 16px 22px 16px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n border-top: 1px solid var(--emw--color-blue, #003e5c);\n background: var(--emw--color-background, #000);\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n\n.lds-dual-ring {\n display: block;\n width: 80px;\n height: 80px;\n margin: 80px auto 0 auto;\n}\n\n.lds-dual-ring:after {\n content: \" \";\n display: block;\n width: 64px;\n height: 64px;\n margin: 8px;\n border-radius: 50%;\n border: 6px solid var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n border-color: var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e)) transparent var(--emw--casino-color-primary, var(--emw--color-primary, #22b04e));\n animation: lds-dual-ring 1.2s linear infinite;\n}\n\n@keyframes lds-dual-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 16px 22px 16px;\n}\n.notification__icon {\n margin-top: 2px;\n}\n.notification__message, .notification__title {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.notification__title {\n background: var(--emw--color-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-details (min-width: 768px) {\n .container {\n padding: 16px 12px;\n }\n .button__container {\n display: none;\n }\n .details {\n gap: 36px;\n flex-wrap: nowrap;\n }\n .details__general-info-action-button {\n display: flex;\n }\n .details__general-info-image {\n width: 380px;\n height: 248px;\n object-fit: cover;\n }\n .details__general-info {\n min-width: 380px;\n max-width: 380px;\n }\n .details__tabs__container {\n max-width: calc(100% - 380px);\n }\n .details .levels__tab {\n gap: 20px;\n height: 60vh;\n }\n .details .levels__tab .level__icon {\n width: 14px;\n height: 14px;\n margin: 4px 6px 4px 0px;\n }\n .details .levels__tab .level__icon img {\n width: 100%;\n height: 100%;\n }\n .details .levels__tab .level__title {\n font-size: var(--emw--font-size-medium, 16px);\n }\n .details .levels__tab .level__title .completed, .details .levels__tab .level__title .in-progress {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .levels__tab .level__bonus, .details .levels__tab .level__target, .details .levels__tab .level__value {\n font-size: var(--emw--font-size-sm, 14px);\n }\n .details .games__tab, .details .events__tab, .details .rules__tab {\n height: 60vh;\n padding: 32px 0;\n }\n .details .games__tab {\n gap: 20px;\n min-width: 340px;\n justify-content: normal;\n }\n .details .games__tab .game {\n width: 160px;\n height: 110px;\n }\n .details .games__tab .game .contribution {\n top: 8px;\n right: 8px;\n padding: 4px 10px;\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 18px;\n }\n .challenges-header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n }\n .challenges-title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n }\n .challenges-tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-200, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n }\n .challenges-tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n }\n .challenges-tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n }\n .challenges-tab:last-child {\n width: inherit;\n padding: 10px 16px;\n }\n}";
|
|
3840
3611
|
const CasinoChallengeDetailsStyle0 = casinoChallengeDetailsCss;
|
|
3841
3612
|
|
|
3842
3613
|
const CasinoChallengeDetails = class {
|
|
@@ -4589,7 +4360,7 @@ const CasinoChallengeDetails = class {
|
|
|
4589
4360
|
}
|
|
4590
4361
|
}
|
|
4591
4362
|
render() {
|
|
4592
|
-
return (index.h("div", { key: '
|
|
4363
|
+
return (index.h("div", { key: '3bc15f9e862c15c4922d1e09bcadc33b68d60750', ref: (el) => (this.stylingContainer = el), class: "container-wrapper" }, index.h("div", { key: '8f8337f476a8cf3deab3a71f260a9346dc1c99a9', class: "container" }, this.pageHeader(), this.loading ? (index.h("div", { class: "lds-dual-ring" })) : (index.h("div", null, index.h("button", { class: "back-button", onClick: this.goBack }, index.h("img", { class: "back-button__icon", src: backArrowSvg }), this.getBackButtonText()), this.forfeitedNofitication(), this.completedNotification(), this.expiredNotification(), index.h("div", { class: "details" }, this.cardGeneralInfo(), index.h("div", { class: "details__tabs-container" }, this.challengeTabs(), this.challengeTabContent()), this.footer()))))));
|
|
4593
4364
|
}
|
|
4594
4365
|
static get watchers() { return {
|
|
4595
4366
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengeDetails = require('./casino-challenge-details-
|
|
5
|
+
const casinoChallengeDetails = require('./casino-challenge-details-c096ce9a.js');
|
|
6
6
|
const index = require('./index-2a30d71d.js');
|
|
7
7
|
|
|
8
8
|
const activeChevronSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40MTA4MjYgMC45MTEwN0MwLjczNjI2MyAwLjU4NTYzMyAxLjI2MzkgMC41ODU2MzMgMS41ODkzNCAwLjkxMTA3TDYuMDAwMDggNS4zMjE4MUwxMC40MTA4IDAuOTExMDdDMTAuNzM2MyAwLjU4NTYzMyAxMS4yNjM5IDAuNTg1NjMzIDExLjU4OTMgMC45MTEwN0MxMS45MTQ4IDEuMjM2NTEgMTEuOTE0OCAxLjc2NDE0IDExLjU4OTMgMi4wODk1OEw2LjU4OTM0IDcuMDg5NThDNi4yNjM5IDcuNDE1MDIgNS43MzYyNiA3LjQxNTAyIDUuNDEwODMgNy4wODk1OEwwLjQxMDgyNiAyLjA4OTU4QzAuMDg1Mzg4OCAxLjc2NDE0IDAuMDg1Mzg4OCAxLjIzNjUxIDAuNDEwODI2IDAuOTExMDdaIiBmaWxsPSIjMDBCNzRGIi8+Cjwvc3ZnPgo=';
|
|
@@ -51,14 +51,14 @@ const CasinoChallengeExpandableParagraph = class {
|
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
53
|
const shouldClamp = this.isSmallScreen && this.needsTruncation && !this.expanded;
|
|
54
|
-
return (index.h("div", { key: '
|
|
54
|
+
return (index.h("div", { key: '43c1dd4b387af0c7cc77ec7a532f8a7a0aa3bb42', class: "container" }, index.h("div", { key: '0a1bc324a24ca42241f8c4f165bd0e5dc374f246', ref: (el) => (this.contentEl = el), class: {
|
|
55
55
|
paragraph: true,
|
|
56
56
|
truncated: shouldClamp,
|
|
57
57
|
expanded: this.expanded
|
|
58
|
-
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, index.h("slot", { key: '
|
|
58
|
+
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, index.h("slot", { key: '4b6a3e5c1481a2ea804ed36ccd76d1a6e94a559f' }), this.isSmallScreen && this.needsTruncation && (index.h("div", { key: '4fdb1067e80bcd56ad85c4c8518b6ad854117e28', class: "expand-overlay" }, index.h("div", { key: '91e2890f89880589c91c5aba57177f91733b5c61', class: {
|
|
59
59
|
'collapse-container': true,
|
|
60
60
|
'is-expanded': this.expanded
|
|
61
|
-
} }, index.h("img", { key: '
|
|
61
|
+
} }, index.h("img", { key: '9bb11e8bbf7b23600872f7d115bb55cf70daaf24', class: "control-link", src: this.active ? activeChevronSvg : inactiveChevronSvg, onClick: this.expanded ? this.toggleCollapse : this.toggleExpand, style: {
|
|
62
62
|
position: 'absolute',
|
|
63
63
|
bottom: this.expanded ? '-15px' : '-5px',
|
|
64
64
|
transform: this.expanded ? 'rotate(180deg)' : '',
|
|
@@ -80,7 +80,7 @@ const CasinoChallengeLevelProgressBar = class {
|
|
|
80
80
|
this.value = 0;
|
|
81
81
|
}
|
|
82
82
|
render() {
|
|
83
|
-
return (index.h(index.Host, { key: '
|
|
83
|
+
return (index.h(index.Host, { key: 'f4a7129f5a92f37d1f1c9a23b3afc637637c75a7' }, index.h("div", { key: 'd5b8f52563093bd7d2b4ec990dce4110b559ca19', class: "bar-wrapper" }, index.h("div", { key: '43885e03e40b97f82efa2abc93f9bb001fc84e7e', class: { 'bar-container': true, active: this.active }, style: { height: this.height } }, index.h("div", { key: '10d02b89da4378c561798c60f5197adc2d904111', class: { 'bar-fill': true, active: this.active }, style: { width: `${this.value}%` } })))));
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
86
|
CasinoChallengeLevelProgressBar.style = CasinoChallengeLevelProgressBarStyle0;
|
|
@@ -131,7 +131,7 @@ const CasinoChallengeProgressBar = class {
|
|
|
131
131
|
} }, secondImgSrc ? index.h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return index.h(index.Host, { key: '
|
|
134
|
+
return index.h(index.Host, { key: '74a44794a79e2d8f4bf0b459be6e61db7315df20' }, this.challengeProgress);
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
137
|
CasinoChallengeProgressBar.style = CasinoChallengeProgressBarStyle0;
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengeDetails = require('./casino-challenge-details-
|
|
5
|
+
const casinoChallengeDetails = require('./casino-challenge-details-c096ce9a.js');
|
|
6
6
|
require('./index-2a30d71d.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
+
.container-wrapper {
|
|
2
|
+
container-type: inline-size;
|
|
3
|
+
container-name: challenges-details;
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.container {
|
|
2
7
|
font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
|
|
3
8
|
background: var(--emw--color-background, #000);
|
|
4
9
|
min-height: 100vh;
|
|
5
|
-
padding: 16px 12px;
|
|
6
10
|
box-sizing: border-box;
|
|
7
|
-
container-type: inline-size;
|
|
8
|
-
container-name: challenges-details;
|
|
9
11
|
min-width: 375px;
|
|
10
12
|
width: 100%;
|
|
11
13
|
margin: 0 auto;
|
|
12
14
|
position: relative;
|
|
15
|
+
padding: 0;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
.challenges-header {
|
|
@@ -572,6 +575,9 @@
|
|
|
572
575
|
}
|
|
573
576
|
|
|
574
577
|
@container challenges-details (min-width: 768px) {
|
|
578
|
+
.container {
|
|
579
|
+
padding: 16px 12px;
|
|
580
|
+
}
|
|
575
581
|
.button__container {
|
|
576
582
|
display: none;
|
|
577
583
|
}
|
|
@@ -765,7 +765,7 @@ export class CasinoChallengeDetails {
|
|
|
765
765
|
}
|
|
766
766
|
}
|
|
767
767
|
render() {
|
|
768
|
-
return (h("div", { key: '
|
|
768
|
+
return (h("div", { key: '3bc15f9e862c15c4922d1e09bcadc33b68d60750', ref: (el) => (this.stylingContainer = el), class: "container-wrapper" }, h("div", { key: '8f8337f476a8cf3deab3a71f260a9346dc1c99a9', class: "container" }, this.pageHeader(), this.loading ? (h("div", { class: "lds-dual-ring" })) : (h("div", null, h("button", { class: "back-button", onClick: this.goBack }, h("img", { class: "back-button__icon", src: backIcon }), this.getBackButtonText()), this.forfeitedNofitication(), this.completedNotification(), this.expiredNotification(), h("div", { class: "details" }, this.cardGeneralInfo(), h("div", { class: "details__tabs-container" }, this.challengeTabs(), this.challengeTabContent()), this.footer()))))));
|
|
769
769
|
}
|
|
770
770
|
static get is() { return "casino-challenge-details"; }
|
|
771
771
|
static get encapsulation() { return "shadow"; }
|
|
@@ -39,14 +39,14 @@ export class CasinoChallengeExpandableParagraph {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const shouldClamp = this.isSmallScreen && this.needsTruncation && !this.expanded;
|
|
42
|
-
return (h("div", { key: '
|
|
42
|
+
return (h("div", { key: '43c1dd4b387af0c7cc77ec7a532f8a7a0aa3bb42', class: "container" }, h("div", { key: '0a1bc324a24ca42241f8c4f165bd0e5dc374f246', ref: (el) => (this.contentEl = el), class: {
|
|
43
43
|
paragraph: true,
|
|
44
44
|
truncated: shouldClamp,
|
|
45
45
|
expanded: this.expanded
|
|
46
|
-
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, h("slot", { key: '
|
|
46
|
+
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, h("slot", { key: '4b6a3e5c1481a2ea804ed36ccd76d1a6e94a559f' }), this.isSmallScreen && this.needsTruncation && (h("div", { key: '4fdb1067e80bcd56ad85c4c8518b6ad854117e28', class: "expand-overlay" }, h("div", { key: '91e2890f89880589c91c5aba57177f91733b5c61', class: {
|
|
47
47
|
'collapse-container': true,
|
|
48
48
|
'is-expanded': this.expanded
|
|
49
|
-
} }, h("img", { key: '
|
|
49
|
+
} }, h("img", { key: '9bb11e8bbf7b23600872f7d115bb55cf70daaf24', class: "control-link", src: this.active ? activeChevron : inActiveChevron, onClick: this.expanded ? this.toggleCollapse : this.toggleExpand, style: {
|
|
50
50
|
position: 'absolute',
|
|
51
51
|
bottom: this.expanded ? '-15px' : '-5px',
|
|
52
52
|
transform: this.expanded ? 'rotate(180deg)' : '',
|
|
@@ -6,7 +6,7 @@ export class CasinoChallengeLevelProgressBar {
|
|
|
6
6
|
this.value = 0;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: 'f4a7129f5a92f37d1f1c9a23b3afc637637c75a7' }, h("div", { key: 'd5b8f52563093bd7d2b4ec990dce4110b559ca19', class: "bar-wrapper" }, h("div", { key: '43885e03e40b97f82efa2abc93f9bb001fc84e7e', class: { 'bar-container': true, active: this.active }, style: { height: this.height } }, h("div", { key: '10d02b89da4378c561798c60f5197adc2d904111', class: { 'bar-fill': true, active: this.active }, style: { width: `${this.value}%` } })))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "casino-challenge-level-progress-bar"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -42,7 +42,7 @@ export class CasinoChallengeProgressBar {
|
|
|
42
42
|
} }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return h(Host, { key: '
|
|
45
|
+
return h(Host, { key: '74a44794a79e2d8f4bf0b459be6e61db7315df20' }, this.challengeProgress);
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "casino-challenge-progress-bar"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|