@everymatrix/casino-challenges-list 1.77.14 → 1.77.16
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-challenges-list/casino-challenges-list-faf39d72.js +1 -0
- package/dist/casino-challenges-list/casino-challenges-list.esm.js +1 -1
- package/dist/casino-challenges-list/casino-challenges-list_2.entry.js +1 -0
- package/dist/casino-challenges-list/index-ce64c965.js +2 -0
- package/dist/casino-challenges-list/index.esm.js +1 -1
- package/dist/cjs/{casino-challenges-list-d537e984.js → casino-challenges-list-d6873cbb.js} +2 -4
- package/dist/cjs/casino-challenges-list.cjs.js +2 -2
- package/dist/cjs/casino-challenges-list_2.cjs.entry.js +184 -0
- package/dist/cjs/{index-6a66c51c.js → index-4ab9ba12.js} +5 -37
- package/dist/cjs/index.cjs.js +3 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +0 -6
- package/dist/collection/components/casino-challenges-list/casino-challenges-list.js +1 -1
- package/dist/esm/{casino-challenges-list-7271fe8a.js → casino-challenges-list-faf39d72.js} +3 -2
- package/dist/esm/casino-challenges-list.js +3 -3
- package/dist/esm/casino-challenges-list_2.entry.js +179 -0
- package/dist/esm/{index-d84ca385.js → index-ce64c965.js} +5 -37
- package/dist/esm/index.js +3 -2
- package/dist/esm/loader.js +3 -3
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/stencil.config.d.ts +2 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/casino-challenges-list/casino-challenges-list.d.ts +1 -1
- package/package.json +1 -1
- package/dist/casino-challenges-list/casino-challenge-card_3.entry.js +0 -1
- package/dist/casino-challenges-list/casino-challenges-list-7271fe8a.js +0 -1
- package/dist/casino-challenges-list/index-d84ca385.js +0 -2
- package/dist/cjs/casino-challenge-card_3.cjs.entry.js +0 -627
- package/dist/esm/casino-challenge-card_3.entry.js +0 -622
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/storybook/main.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/packages/stencil/casino-challenges-list/storybook/preview.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{Users/adrian.pripon/Documents/Work → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-list/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,622 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-d84ca385.js';
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-list-7271fe8a.js';
|
|
3
|
-
export { C as casino_challenges_list } from './casino-challenges-list-7271fe8a.js';
|
|
4
|
-
|
|
5
|
-
const DEFAULT_LANGUAGE = 'en';
|
|
6
|
-
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
7
|
-
const TRANSLATIONS = {
|
|
8
|
-
en: {
|
|
9
|
-
totalLevels: 'Total levels:',
|
|
10
|
-
level1: 'Level 1:',
|
|
11
|
-
get: 'Get:',
|
|
12
|
-
endsIn: 'Ends In',
|
|
13
|
-
expired: 'Expired',
|
|
14
|
-
viewDetails: 'View details',
|
|
15
|
-
placeBetsOf: 'Place bets of',
|
|
16
|
-
place: 'Place',
|
|
17
|
-
bet: 'bet',
|
|
18
|
-
bets: 'bets',
|
|
19
|
-
minBet: 'min bet',
|
|
20
|
-
forfeited: 'Forfeited',
|
|
21
|
-
finished: 'Finished',
|
|
22
|
-
suspended: 'Suspended',
|
|
23
|
-
start: 'Start',
|
|
24
|
-
resume: 'Resume',
|
|
25
|
-
pause: 'Pause'
|
|
26
|
-
},
|
|
27
|
-
ro: {
|
|
28
|
-
totalLevels: 'Niveluri totale:',
|
|
29
|
-
level1: 'Nivel 1:',
|
|
30
|
-
get: 'Obține:',
|
|
31
|
-
endsIn: 'Se termină în',
|
|
32
|
-
expired: 'Expirat',
|
|
33
|
-
viewDetails: 'Vezi detalii',
|
|
34
|
-
placeBetsOf: 'Plasează pariuri de',
|
|
35
|
-
place: 'Plasare',
|
|
36
|
-
bet: 'pariu',
|
|
37
|
-
bets: 'pariuri',
|
|
38
|
-
minBet: 'pariu minim',
|
|
39
|
-
forfeited: 'Pierdut',
|
|
40
|
-
finished: 'Terminat',
|
|
41
|
-
suspended: 'Suspendat',
|
|
42
|
-
start: 'Start',
|
|
43
|
-
resume: 'Reia',
|
|
44
|
-
pause: 'Pauză'
|
|
45
|
-
},
|
|
46
|
-
fr: {
|
|
47
|
-
totalLevels: 'Niveaux totaux :',
|
|
48
|
-
level1: 'Niveau 1 :',
|
|
49
|
-
get: 'Obtenir :',
|
|
50
|
-
endsIn: 'Se termine dans',
|
|
51
|
-
expired: 'Expiré',
|
|
52
|
-
viewDetails: 'Voir les détails',
|
|
53
|
-
placeBetsOf: 'Placez des paris de',
|
|
54
|
-
place: 'Placer',
|
|
55
|
-
bet: 'pari',
|
|
56
|
-
bets: 'paris',
|
|
57
|
-
minBet: 'mise minimale',
|
|
58
|
-
forfeited: 'Forfait',
|
|
59
|
-
finished: 'Terminé',
|
|
60
|
-
suspended: 'Suspendu',
|
|
61
|
-
start: 'Démarrer',
|
|
62
|
-
resume: 'Reprendre',
|
|
63
|
-
pause: 'Pause'
|
|
64
|
-
},
|
|
65
|
-
ar: {
|
|
66
|
-
totalLevels: 'إجمالي المستويات:',
|
|
67
|
-
level1: 'المستوى 1:',
|
|
68
|
-
get: 'احصل على:',
|
|
69
|
-
endsIn: 'ينتهي في',
|
|
70
|
-
expired: 'منتهي الصلاحية',
|
|
71
|
-
viewDetails: 'عرض التفاصيل',
|
|
72
|
-
placeBetsOf: 'قم بوضع رهانات بقيمة',
|
|
73
|
-
place: 'ضع',
|
|
74
|
-
bet: 'رهان',
|
|
75
|
-
bets: 'رهانات',
|
|
76
|
-
minBet: 'الحد الأدنى للرهان',
|
|
77
|
-
forfeited: 'خاسر',
|
|
78
|
-
finished: 'منتهي',
|
|
79
|
-
suspended: 'معلق',
|
|
80
|
-
start: 'ابدأ',
|
|
81
|
-
resume: 'استئناف',
|
|
82
|
-
pause: 'إيقاف مؤقت'
|
|
83
|
-
},
|
|
84
|
-
hr: {
|
|
85
|
-
totalLevels: 'Ukupno razina:',
|
|
86
|
-
level1: 'Razina 1:',
|
|
87
|
-
get: 'Dobiti:',
|
|
88
|
-
endsIn: 'Završava za',
|
|
89
|
-
expired: 'Isteklo',
|
|
90
|
-
viewDetails: 'Pogledaj detalje',
|
|
91
|
-
placeBetsOf: 'Postavite oklade od',
|
|
92
|
-
place: 'Postavi',
|
|
93
|
-
bet: 'kladnja',
|
|
94
|
-
bets: 'kladnje',
|
|
95
|
-
minBet: 'minimalna oklada',
|
|
96
|
-
forfeited: 'Oduzeto',
|
|
97
|
-
finished: 'Završeno',
|
|
98
|
-
suspended: 'Suspendirano',
|
|
99
|
-
start: 'Počni',
|
|
100
|
-
resume: 'Nastavi',
|
|
101
|
-
pause: 'Pauza'
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
const translate = (key, customLang) => {
|
|
105
|
-
const lang = customLang;
|
|
106
|
-
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
107
|
-
};
|
|
108
|
-
const getTranslations = (data) => {
|
|
109
|
-
Object.keys(data).forEach((item) => {
|
|
110
|
-
for (let key in data[item]) {
|
|
111
|
-
TRANSLATIONS[item][key] = data[item][key];
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
};
|
|
115
|
-
const resolveTranslationUrl = async (translationUrl) => {
|
|
116
|
-
if (translationUrl) {
|
|
117
|
-
try {
|
|
118
|
-
const response = await fetch(translationUrl);
|
|
119
|
-
if (!response.ok) {
|
|
120
|
-
throw new Error(`HTTP error! status: ${response.status}`);
|
|
121
|
-
}
|
|
122
|
-
const translations = await response.json();
|
|
123
|
-
getTranslations(translations);
|
|
124
|
-
}
|
|
125
|
-
catch (error) {
|
|
126
|
-
console.error('Failed to fetch or parse translations from URL:', error);
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
var EChallengeLevelTargetType;
|
|
132
|
-
(function (EChallengeLevelTargetType) {
|
|
133
|
-
EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
|
|
134
|
-
EChallengeLevelTargetType[EChallengeLevelTargetType["SingleBet"] = 1] = "SingleBet";
|
|
135
|
-
EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
|
|
136
|
-
})(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
|
|
137
|
-
var EChallengeRecurrenceType;
|
|
138
|
-
(function (EChallengeRecurrenceType) {
|
|
139
|
-
EChallengeRecurrenceType[EChallengeRecurrenceType["Single"] = 0] = "Single";
|
|
140
|
-
EChallengeRecurrenceType[EChallengeRecurrenceType["Daily"] = 1] = "Daily";
|
|
141
|
-
EChallengeRecurrenceType[EChallengeRecurrenceType["Weekly"] = 2] = "Weekly";
|
|
142
|
-
EChallengeRecurrenceType[EChallengeRecurrenceType["Monthly"] = 3] = "Monthly";
|
|
143
|
-
})(EChallengeRecurrenceType || (EChallengeRecurrenceType = {}));
|
|
144
|
-
var EChallengeRewardType;
|
|
145
|
-
(function (EChallengeRewardType) {
|
|
146
|
-
EChallengeRewardType[EChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
|
|
147
|
-
EChallengeRewardType[EChallengeRewardType["LuckyWheel"] = 1] = "LuckyWheel";
|
|
148
|
-
EChallengeRewardType[EChallengeRewardType["Leaderboard"] = 2] = "Leaderboard";
|
|
149
|
-
EChallengeRewardType[EChallengeRewardType["Challenge"] = 3] = "Challenge";
|
|
150
|
-
EChallengeRewardType[EChallengeRewardType["Custom"] = 4] = "Custom";
|
|
151
|
-
})(EChallengeRewardType || (EChallengeRewardType = {}));
|
|
152
|
-
var EChallengeProgressStatus;
|
|
153
|
-
(function (EChallengeProgressStatus) {
|
|
154
|
-
EChallengeProgressStatus[EChallengeProgressStatus["Closed"] = 0] = "Closed";
|
|
155
|
-
EChallengeProgressStatus[EChallengeProgressStatus["InProgress"] = 1] = "InProgress";
|
|
156
|
-
EChallengeProgressStatus[EChallengeProgressStatus["Fillup"] = 2] = "Fillup";
|
|
157
|
-
EChallengeProgressStatus[EChallengeProgressStatus["Completed"] = 3] = "Completed";
|
|
158
|
-
})(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
|
|
159
|
-
var EChallengeStatus;
|
|
160
|
-
(function (EChallengeStatus) {
|
|
161
|
-
EChallengeStatus[EChallengeStatus["Started"] = 0] = "Started";
|
|
162
|
-
EChallengeStatus[EChallengeStatus["InProgress"] = 1] = "InProgress";
|
|
163
|
-
EChallengeStatus[EChallengeStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
|
|
164
|
-
EChallengeStatus[EChallengeStatus["Completed"] = 3] = "Completed";
|
|
165
|
-
EChallengeStatus[EChallengeStatus["Expired"] = 4] = "Expired";
|
|
166
|
-
EChallengeStatus[EChallengeStatus["Forfeited"] = 5] = "Forfeited";
|
|
167
|
-
EChallengeStatus[EChallengeStatus["Awaiting"] = 6] = "Awaiting";
|
|
168
|
-
EChallengeStatus[EChallengeStatus["Paused"] = 7] = "Paused";
|
|
169
|
-
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
170
|
-
const ChallengeStatusDictionary = [
|
|
171
|
-
'started',
|
|
172
|
-
'inProgress',
|
|
173
|
-
'pendingLevelReward',
|
|
174
|
-
'completed',
|
|
175
|
-
'expired',
|
|
176
|
-
'forfeited',
|
|
177
|
-
'awaiting',
|
|
178
|
-
'paused'
|
|
179
|
-
];
|
|
180
|
-
var EChallengeTriggerType;
|
|
181
|
-
(function (EChallengeTriggerType) {
|
|
182
|
-
EChallengeTriggerType[EChallengeTriggerType["GameLaunch"] = 0] = "GameLaunch";
|
|
183
|
-
EChallengeTriggerType[EChallengeTriggerType["Reward"] = 1] = "Reward";
|
|
184
|
-
EChallengeTriggerType[EChallengeTriggerType["Manual"] = 2] = "Manual";
|
|
185
|
-
})(EChallengeTriggerType || (EChallengeTriggerType = {}));
|
|
186
|
-
var EChallengeValidityType;
|
|
187
|
-
(function (EChallengeValidityType) {
|
|
188
|
-
EChallengeValidityType[EChallengeValidityType["Period"] = 0] = "Period";
|
|
189
|
-
EChallengeValidityType[EChallengeValidityType["Date"] = 1] = "Date";
|
|
190
|
-
})(EChallengeValidityType || (EChallengeValidityType = {}));
|
|
191
|
-
|
|
192
|
-
function getTimeLeft(endTime) {
|
|
193
|
-
const now = new Date();
|
|
194
|
-
const end = new Date(endTime);
|
|
195
|
-
let diff = end.getTime() - now.getTime();
|
|
196
|
-
if (diff <= 0) {
|
|
197
|
-
return;
|
|
198
|
-
}
|
|
199
|
-
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
|
|
200
|
-
diff -= days * (1000 * 60 * 60 * 24);
|
|
201
|
-
const hours = Math.floor(diff / (1000 * 60 * 60));
|
|
202
|
-
diff -= hours * (1000 * 60 * 60);
|
|
203
|
-
const minutes = Math.floor(diff / (1000 * 60));
|
|
204
|
-
diff -= minutes * (1000 * 60);
|
|
205
|
-
const seconds = Math.floor(diff / 1000);
|
|
206
|
-
const pad = (n) => n.toString().padStart(2, '0');
|
|
207
|
-
return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
const finishSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjQ0NTQgMTIuMTI2MkMxLjU5ODQyIDEyLjEyNzkgMS41NTEyOSAxMi4xMjI3IDEuNTA0MzIgMTIuMTA5OUMxLjI1NzU3IDEyLjA0MjEgMS4xMTI0OSAxMS43ODcyIDEuMTgwMjIgMTEuNTQwM0wzLjUzMDE2IDIuOTU4N0MzLjU5NzkxIDIuNzEyMSAzLjg1MjIyIDIuNTY2NzQgNC4wOTk3MyAyLjYzNDZDNC4zNDY0NyAyLjcwMjM0IDQuNDkxNTUgMi45NTcyNyA0LjQyMzgyIDMuMjA0MTZMMi4wNzM4OCAxMS43ODU4QzIuMDE5MDIgMTEuOTg1NSAxLjg0MTIzIDEyLjExODggMS42NDQ1NCAxMi4xMjYyWiIgZmlsbD0iIzM2QkEzQiIvPgo8cGF0aCBkPSJNMS41NjMwNCAxMS4yNjM0QzEuNTQ3NjggMTEuMjYzOSAxLjUzMTk4IDExLjI2MjIgMS41MTYzMyAxMS4yNTc5QzEuNDM0MTQgMTEuMjM1NCAxLjM4NTgyIDExLjE1MDUgMS40MDgzOCAxMS4wNjgyTDMuNjU4MTMgMi45MTUwM0MzLjY4MDY5IDIuODMyODkgMy43NjU0MSAyLjc4NDQ3IDMuODQ3ODUgMi44MDcwN0MzLjkzMDA0IDIuODI5NjMgMy45NzgzNyAyLjkxNDU1IDMuOTU1OCAyLjk5Njc5TDEuNzA2MDUgMTEuMTVDMS42ODc3OCAxMS4yMTY1IDEuNjI4NTYgMTEuMjYwOSAxLjU2MzA0IDExLjI2MzRaIiBmaWxsPSIjQkNGQ0IxIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMTIuNTE5MyAxMi43OTMyTDEwLjcyNjEgMTMuMDIzNEM5LjM2MTczIDEzLjE5ODYgNy45NzM2MSAxMi43MjIyIDcuMDkzMzkgMTEuNjY1Mkw3LjA0Nzc5IDExLjYxMDRDNi4zMjg0MyAxMC43NDY2IDUuMzA5MzEgMTAuMTY1NCA0LjE4NjU2IDEwLjEwOTFMMi4zNjIzOSAxMC4wMTc2TDIuMzA0NjkgOS45NTk4OEw0LjIyOTY5IDMuMTg0NTdMNi4wOTMxMiAzLjI4MzY3QzcuMjIxNjkgMy4zNDM2OCA4LjI3Mjk3IDMuODc1NjIgOC45ODk4MSA0Ljc0OTM1QzkuODY4OTIgNS44MjA4NyAxMS4yMzc3IDYuMzY0NDUgMTIuNjEyNCA2LjE4Nzk4TDE0LjMzODIgNS44OTc2N0wxNC4zODY2IDUuOTYwMjNMMTIuNTE5MyAxMi43OTMyWiIgZmlsbD0iI0JDRkNCMSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTEyLjQ2MTYgMTIuNzM1NkwxMC42Njg0IDEyLjk2NThDOS4zMDQwMyAxMy4xNDA5IDcuOTQ0NzYgMTIuNjA2OSA3LjA2NDU0IDExLjU0OTlMNy4wMTg5NCAxMS40OTUxQzYuMjk5NTggMTAuNjMxMiA1LjI1MTYxIDEwLjEwNzggNC4xMjg4NiAxMC4wNTE0TDIuMzA0NjkgOS45NTk5Nkw0LjE3MTk5IDMuMTI2OTVMNi4wMzU0MiAzLjIyNjA1QzcuMTYzOTkgMy4yODYwNyA4LjIxNTI4IDMuODE4IDguOTMyMTEgNC42OTE3NEM5LjgxMTIyIDUuNzYzMjYgMTEuMTggNi4zMDY4MyAxMi41NTQ3IDYuMTMwMzZMMTQuMzI4OSA1LjkwMjYxTDEyLjQ2MTYgMTIuNzM1NloiIGZpbGw9IiNCRUZGQkEiLz4KPHBhdGggZD0iTTEwLjQ4NDYgMTAuNzE2NEMxMC4wOTEzIDEwLjY4NTMgOS43MDIzOSAxMC42MDM4IDkuMzMzNjggMTAuNDU5NUM4LjgxMjM1IDEwLjI1NTIgOC4zNDIzNyA5LjkzNzIxIDcuOTQ4OTEgOS41NDA0Nkw4LjU4MTY5IDcuMjI1MDNDOC45NzYwNyA3LjYyMTkxIDkuNDQ2ODcgNy45Mzk4OSA5Ljk2OTE0IDguMTQzODhDMTAuMzM2OCA4LjI4NzUzIDEwLjcyNDIgOC4zNzM3NSAxMS4xMTYzIDguNDA0OTVMMTAuNDg0NiAxMC43MTY0Wk01LjY0NTA3IDcuOTM5MDJDNS4zNjg1OCA3Ljg2MjgzIDUuMDgzMjEgNy44MTQ2NCA0Ljc5Mjc4IDcuNzk5MThMMi45MzAxOCA3LjcwMDA0TDMuNTYzMTMgNS4zODM4Nkw1LjQyNzM5IDUuNDgzMDFDNS43MTczIDUuNDk4NCA2LjAwMjE1IDUuNTQ2NDkgNi4yNzgxNSA1LjYyMjUyTDUuNjQ1MDcgNy45MzkwMlpNOC45NDEzNyA0LjY4NjgyQzkuMDIxNjggNC43ODQ3MyA5LjEwODM1IDQuODc1NTMgOS4xOTY0OCA0Ljk2NDQ3TDkuMTkyMjUgNC45NjMzNUw4LjU3ODA2IDcuMjEwNzdDOC41MDI3OSA3LjEzNDU0IDguNDI1MzYgNy4wNjAzOSA4LjM1NjM0IDYuOTc4MTlMOC4zMjcwNCA2Ljk0Mjg0QzcuNzk3MzUgNi4yOTcyMiA3LjA4MDM2IDUuODM4IDYuMjg2OTYgNS42MTc4MUw2LjkwMzI5IDMuMzYyNTVDNy42OTYyMSAzLjU4MTkyIDguNDEwNjggNC4wMzk5OSA4Ljk0MTM3IDQuNjg2ODJaTTcuMDczNzggMTEuNTQ0OUw3LjAyODE5IDExLjQ5MDJDNi41MDUzNiAxMC44NjIzIDUuODA3ODYgMTAuNDE3MyA1LjAzNTMgMTAuMTk3OEw1LjY1MDA3IDcuOTQ4MjNDNi40NDIwNCA4LjE2Nzk1IDcuMTU3NzQgOC42MjYzNCA3LjY4NjUxIDkuMjcwODNMNy43MTE0NCA5LjMwMDk4QzcuNzgyODQgOS4zODYyOSA3Ljg2Mjc3IDkuNDYzNDcgNy45NDA4NiA5LjU0MjM5TDcuMzIxMDQgMTEuODEwNEM3LjIzNTkgMTEuNzI1MSA3LjE1MTczIDExLjYzODUgNy4wNzM3OCAxMS41NDQ5Wk0xMi40NzA5IDEyLjczMDdMMTAuNjc3NiAxMi45NjA5QzEwLjUwNjQgMTIuOTgyOSAxMC4zMzUxIDEyLjk5MzcgMTAuMTY1IDEyLjk5MzdDMTAuMDY3NCAxMi45OTM3IDkuOTcwODcgMTIuOTg0NyA5Ljg3NDEzIDEyLjk3NzdMMTAuNDg4OCAxMC43Mjg4QzEwLjU5MjkgMTAuNzM2OSAxMC42OTczIDEwLjc0MzMgMTAuODAxOCAxMC43NDMzQzEwLjk3MjMgMTAuNzQzMyAxMS4xNDI5IDEwLjczMjUgMTEuMzEyMyAxMC43MTA3TDEzLjA4NTEgMTAuNDgzMUwxMi40NzA5IDEyLjczMDdaTTEzLjcyMjEgOC4xNTIxOEwxMS45NDY0IDguMzgwMTJDMTEuNjc0MSA4LjQxNDg4IDExLjM5OTcgOC40MTQzIDExLjEyNyA4LjM5MzI5TDExLjc0MjUgNi4xNDEwOEMxMS44NDUyIDYuMTQ5IDExLjk0NzYgNi4xNTgyNSAxMi4wNTEyIDYuMTU4MjVDMTIuMjIxNSA2LjE1ODI1IDEyLjM5MjYgNi4xNDc0NCAxMi41NjM5IDYuMTI1NDRMMTQuMzM4MiA1Ljg5NzY5TDEzLjcyMjEgOC4xNTIxOFoiIGZpbGw9IiMzNkJBM0IiLz4KPC9zdmc+Cg==';
|
|
211
|
-
|
|
212
|
-
const trophySvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K';
|
|
213
|
-
|
|
214
|
-
const casinoChallengeCardCss = ".card {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .card {\n width: 100%;\n }\n}\n.card:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.card__image {\n width: 100%;\n height: 200px;\n border-radius: 16px 16px 0 0;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n color: var(--emw--color-white, #FFFFFF);\n font-size: var(--emw--font-size-medium, 16px);\n margin: 0 0 10px;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n margin-top: 20px;\n width: 100%;\n height: 34px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-secondary, #e9931e);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18CE51);\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--color-gray-300, #083B17);\n}\n.card__button.filled:hover {\n color: var(--emw--color-gray-300, #083B17);\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.card__button.grayed {\n color: var(--emw--color-gray-50, #E2E2E2);\n}\n.card__button.grayed:hover {\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--button-primary-border, #24B24E);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-border-color, #727672);\n opacity: 0.7;\n}\n.card__badge {\n position: absolute;\n background: var(--emw--color-white, #FFFFFF);\n top: 6px;\n right: 6px;\n border-radius: 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 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n backdrop-filter: blur(20px);\n box-sizing: border-box;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__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: 700;\n}\n.card__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: 700;\n}\n.card__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: 700;\n}\n.card__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: 700;\n}\n\n.info-item {\n line-height: 24px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-primary, #1dbf51);\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.info-item__label {\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.info-item__tooltip {\n position: absolute;\n line-height: 22px;\n padding: 8px 12px;\n border-radius: 8px;\n opacity: 1;\n z-index: 200;\n white-space: nowrap;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--color-background-secondary, #1B1C2B);\n}\n.info-item__tooltip::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid var(--emw--color-background-secondary, #1B1C2B);\n width: 0;\n height: 0;\n z-index: 201;\n}\n\n.progress {\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n height: 20px;\n margin-bottom: 10px;\n position: relative;\n align-content: center;\n padding: 0 2px;\n box-sizing: border-box;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 20px;\n}\n.progress__icon {\n padding-top: 4px;\n}\n.progress__point {\n position: absolute;\n text-align: center;\n font-size: 12px;\n color: var(--emw--color-gray-150, #C8D6CE);\n font-weight: 700;\n line-height: 19px;\n top: 0;\n height: 19px;\n width: 19px;\n border-radius: 50%;\n}\n.progress__point.start {\n left: 0;\n border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.end {\n right: 0;\n border: 2px solid var(--emw--dark-green, #1C8D56);\n background: var(--emw--color-gray-300, #083B17);\n opacity: 0.7;\n}\n.progress__point.finished {\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n border-radius: 73px;\n height: 16px;\n background: linear-gradient(90deg, var(--emw--secondary-green, #1E654F) 0%, var(--emw--dark-green, #1C8D56) 100%);\n text-align: end;\n color: var(--emw--color-gray-50, #E2E2E2);\n font-size: 11px;\n font-weight: 700;\n line-height: 16px;\n padding-right: 6px;\n box-sizing: border-box;\n}\n.progress__bar.finished {\n text-align: center;\n}";
|
|
215
|
-
const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
|
|
216
|
-
|
|
217
|
-
const CasinoChallengeCard = class {
|
|
218
|
-
constructor(hostRef) {
|
|
219
|
-
registerInstance(this, hostRef);
|
|
220
|
-
this.timerExpired = createEvent(this, "timerExpired", 7);
|
|
221
|
-
this.calculateTargetValue = (level, currencySymbol) => {
|
|
222
|
-
var _a;
|
|
223
|
-
if (!level)
|
|
224
|
-
return '';
|
|
225
|
-
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
226
|
-
? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
227
|
-
: '';
|
|
228
|
-
switch (level.LevelTargetType) {
|
|
229
|
-
case EChallengeLevelTargetType.Accumulative:
|
|
230
|
-
return `${translate('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
|
|
231
|
-
case EChallengeLevelTargetType.SingleBet:
|
|
232
|
-
return `${translate('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate('bet', this.language)}`;
|
|
233
|
-
case EChallengeLevelTargetType.MultipleOneBetSize:
|
|
234
|
-
return `${translate('place', this.language)} ${level.TargetBetCount} ${translate('bets', this.language) + minbet}`;
|
|
235
|
-
}
|
|
236
|
-
};
|
|
237
|
-
this.onMouseEnterHandler = (index, el) => {
|
|
238
|
-
if (el.scrollWidth > el.clientWidth) {
|
|
239
|
-
this.tooltipIndex = index;
|
|
240
|
-
}
|
|
241
|
-
};
|
|
242
|
-
this.onMouseLeaveHandler = () => {
|
|
243
|
-
this.tooltipIndex = null;
|
|
244
|
-
};
|
|
245
|
-
this.getBadgeContent = () => {
|
|
246
|
-
switch (this.challenge.Status) {
|
|
247
|
-
case EChallengeStatus.Expired:
|
|
248
|
-
return translate('expired', this.language);
|
|
249
|
-
case EChallengeStatus.Forfeited:
|
|
250
|
-
return translate('forfeited', this.language);
|
|
251
|
-
case EChallengeStatus.Completed:
|
|
252
|
-
return translate('finished', this.language);
|
|
253
|
-
case EChallengeStatus.Paused:
|
|
254
|
-
return translate('suspended', this.language);
|
|
255
|
-
default:
|
|
256
|
-
return this.timeLeft
|
|
257
|
-
? [translate('endsIn', this.language), ' - ', h("span", null, this.timeLeft)]
|
|
258
|
-
: translate('expired', this.language);
|
|
259
|
-
}
|
|
260
|
-
};
|
|
261
|
-
this.checkAttrs = () => {
|
|
262
|
-
if (!this.endpoint) {
|
|
263
|
-
this.error = 'Endpoint is missing! Please provide a valid endpointURL.';
|
|
264
|
-
this.hasError = true;
|
|
265
|
-
console.error(this.error);
|
|
266
|
-
}
|
|
267
|
-
return this.hasError;
|
|
268
|
-
};
|
|
269
|
-
this.mbSource = undefined;
|
|
270
|
-
this.clientStyling = undefined;
|
|
271
|
-
this.clientStylingUrl = undefined;
|
|
272
|
-
this.translationUrl = '';
|
|
273
|
-
this.language = 'en';
|
|
274
|
-
this.endpoint = '';
|
|
275
|
-
this.domain = '';
|
|
276
|
-
this.session = '';
|
|
277
|
-
this.challenge = undefined;
|
|
278
|
-
this.isUserAuthorized = true;
|
|
279
|
-
this.tooltipIndex = null;
|
|
280
|
-
this.timeLeft = undefined;
|
|
281
|
-
this.error = '';
|
|
282
|
-
this.hasError = false;
|
|
283
|
-
this.actionLoading = false;
|
|
284
|
-
}
|
|
285
|
-
get infoItems() {
|
|
286
|
-
var _a, _b, _c, _d, _e;
|
|
287
|
-
const level = this.isUserAuthorized
|
|
288
|
-
? (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress)
|
|
289
|
-
: (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.OrderNumber === 0);
|
|
290
|
-
if (level) {
|
|
291
|
-
const rewardValue = (_c = level.Rewards) === null || _c === void 0 ? void 0 : _c.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
|
|
292
|
-
return [
|
|
293
|
-
{
|
|
294
|
-
lable: translate('totalLevels', this.language),
|
|
295
|
-
value: (_d = this.challenge.LevelProgresses) === null || _d === void 0 ? void 0 : _d.length
|
|
296
|
-
},
|
|
297
|
-
{
|
|
298
|
-
lable: translate('level1', this.language),
|
|
299
|
-
value: this.calculateTargetValue(level, (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.CurrencySymbol)
|
|
300
|
-
},
|
|
301
|
-
{
|
|
302
|
-
lable: translate('get', this.language),
|
|
303
|
-
value: rewardValue
|
|
304
|
-
}
|
|
305
|
-
];
|
|
306
|
-
}
|
|
307
|
-
return [];
|
|
308
|
-
}
|
|
309
|
-
handleClientStylingChange(newValue, oldValue) {
|
|
310
|
-
if (newValue != oldValue) {
|
|
311
|
-
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
handleClientStylingUrlChange(newValue, oldValue) {
|
|
315
|
-
if (newValue != oldValue) {
|
|
316
|
-
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
handleMbSourceChange(newValue, oldValue) {
|
|
320
|
-
if (newValue != oldValue) {
|
|
321
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
connectedCallback() {
|
|
325
|
-
this.timerId = setInterval(() => {
|
|
326
|
-
this.updateTime();
|
|
327
|
-
}, 1000);
|
|
328
|
-
}
|
|
329
|
-
componentWillLoad() {
|
|
330
|
-
if (this.translationUrl) {
|
|
331
|
-
resolveTranslationUrl(this.translationUrl);
|
|
332
|
-
}
|
|
333
|
-
this.updateTime();
|
|
334
|
-
}
|
|
335
|
-
componentDidLoad() {
|
|
336
|
-
if (this.stylingContainer) {
|
|
337
|
-
if (this.mbSource)
|
|
338
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
339
|
-
if (this.clientStyling)
|
|
340
|
-
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
341
|
-
if (this.clientStylingUrl)
|
|
342
|
-
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
disconnectedCallback() {
|
|
346
|
-
if (this.stylingSubscription) {
|
|
347
|
-
this.stylingSubscription.unsubscribe();
|
|
348
|
-
}
|
|
349
|
-
clearInterval(this.timerId);
|
|
350
|
-
}
|
|
351
|
-
updateTime() {
|
|
352
|
-
var _a;
|
|
353
|
-
this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
|
|
354
|
-
if (!this.timeLeft && this.timerExpired) {
|
|
355
|
-
clearInterval(this.timerId);
|
|
356
|
-
this.timerExpired.emit(this.challenge.Id);
|
|
357
|
-
}
|
|
358
|
-
}
|
|
359
|
-
renderInfoItem(item, index) {
|
|
360
|
-
return (h("div", { class: `info-item ${this.isChallengeGrayed}`, onMouseEnter: (e) => this.onMouseEnterHandler(index, e.currentTarget), onMouseLeave: this.onMouseLeaveHandler }, h("span", { class: "info-item__label" }, item.lable), item.value, this.tooltipIndex === index && h("div", { class: "info-item__tooltip" }, item.value)));
|
|
361
|
-
}
|
|
362
|
-
get getCardBadge() {
|
|
363
|
-
return (h("div", { class: `card__badge ${ChallengeStatusDictionary[this.challenge.Status]}` }, this.getBadgeContent()));
|
|
364
|
-
}
|
|
365
|
-
get isChallengeGrayed() {
|
|
366
|
-
return [EChallengeStatus.Expired, EChallengeStatus.Forfeited, EChallengeStatus.Completed].includes(this.challenge.Status)
|
|
367
|
-
? 'grayed'
|
|
368
|
-
: '';
|
|
369
|
-
}
|
|
370
|
-
get getChallengeProgress() {
|
|
371
|
-
var _a;
|
|
372
|
-
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress);
|
|
373
|
-
if (!this.isUserAuthorized || !currLevel)
|
|
374
|
-
return null;
|
|
375
|
-
const { Status, LevelProgresses } = this.challenge;
|
|
376
|
-
if (Status === EChallengeStatus.Expired || Status === EChallengeStatus.Started) {
|
|
377
|
-
return h("div", { class: "progress__placeholder" });
|
|
378
|
-
}
|
|
379
|
-
const barValue = Status === EChallengeStatus.Paused
|
|
380
|
-
? translate('suspended', this.language)
|
|
381
|
-
: Status === EChallengeStatus.Completed
|
|
382
|
-
? translate('finished', this.language)
|
|
383
|
-
: `${currLevel.ProgressPercentage}%`;
|
|
384
|
-
const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
|
|
385
|
-
const secondImgSrc = Status === EChallengeStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
|
|
386
|
-
return (h("div", { class: {
|
|
387
|
-
progress: true,
|
|
388
|
-
paused: Status === EChallengeStatus.Paused,
|
|
389
|
-
grayed: Status === EChallengeStatus.Forfeited
|
|
390
|
-
} }, h("div", { class: {
|
|
391
|
-
progress__point: true,
|
|
392
|
-
start: true,
|
|
393
|
-
hidden: Status === EChallengeStatus.Completed
|
|
394
|
-
} }, currLevel.OrderNumber + 1), h("div", { class: {
|
|
395
|
-
progress__bar: true,
|
|
396
|
-
finished: Status === EChallengeStatus.Completed
|
|
397
|
-
}, style: { width: `${currLevel.ProgressPercentage}%` } }, barValue), h("div", { class: {
|
|
398
|
-
progress__point: true,
|
|
399
|
-
end: true,
|
|
400
|
-
finished: Status === EChallengeStatus.Completed
|
|
401
|
-
} }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
402
|
-
}
|
|
403
|
-
get getCardButton() {
|
|
404
|
-
if (this.isUserAuthorized) {
|
|
405
|
-
if (this.challenge.Status === EChallengeStatus.Started) {
|
|
406
|
-
return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('start', this.language)));
|
|
407
|
-
}
|
|
408
|
-
if (this.challenge.Status === EChallengeStatus.Paused) {
|
|
409
|
-
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('resume', this.language)));
|
|
410
|
-
}
|
|
411
|
-
if (this.challenge.Status === EChallengeStatus.InProgress ||
|
|
412
|
-
this.challenge.Status === EChallengeStatus.PendingLevelReward) {
|
|
413
|
-
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate('pause', this.language)));
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
return h("button", { class: "card__button" }, translate('viewDetails', this.language));
|
|
417
|
-
}
|
|
418
|
-
async joinUnjoinProgress(join) {
|
|
419
|
-
var _a;
|
|
420
|
-
const progress = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress);
|
|
421
|
-
if (!this.checkAttrs()) {
|
|
422
|
-
const url = `${this.endpoint}/challenge/ChangeProgressStatus`;
|
|
423
|
-
const body = Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (join ? { ProgressToActivate: progress.LevelId } : { ProgressToDeactivate: progress.LevelId }));
|
|
424
|
-
this.actionLoading = true;
|
|
425
|
-
return fetch(url, {
|
|
426
|
-
method: 'POST',
|
|
427
|
-
headers: {
|
|
428
|
-
'Content-Type': 'application/json'
|
|
429
|
-
},
|
|
430
|
-
body: JSON.stringify(body)
|
|
431
|
-
})
|
|
432
|
-
.then((res) => res.json())
|
|
433
|
-
.finally(() => (this.actionLoading = false));
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
render() {
|
|
437
|
-
var _a, _b, _c, _d;
|
|
438
|
-
return (h("div", { key: '3405a652d64b5a9d1bc2f43ff226abfefb359158', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a84228899e4845a36fa94b11b4e8d5b1fcbc0ae7', class: "card" }, h("img", { key: 'a4b6b6f8161f1184442b1e12c510254323b91e1a', class: `card__image ${this.isChallengeGrayed}`, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.Url }), this.getCardBadge, h("div", { key: '7d24cf5cdec35ab541989308811c12d1d665c891', class: "card__content" }, h("h1", { key: 'b9e045fd05580d001be012903938102dbbc64128', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.PresentationName), this.getChallengeProgress, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getCardButton))));
|
|
439
|
-
}
|
|
440
|
-
static get watchers() { return {
|
|
441
|
-
"clientStyling": ["handleClientStylingChange"],
|
|
442
|
-
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
443
|
-
"mbSource": ["handleMbSourceChange"]
|
|
444
|
-
}; }
|
|
445
|
-
};
|
|
446
|
-
CasinoChallengeCard.style = CasinoChallengeCardStyle0;
|
|
447
|
-
|
|
448
|
-
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
449
|
-
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
450
|
-
|
|
451
|
-
const UiSkeleton = class {
|
|
452
|
-
constructor(hostRef) {
|
|
453
|
-
registerInstance(this, hostRef);
|
|
454
|
-
this.stylingValue = {
|
|
455
|
-
width: this.handleStylingProps(this.width),
|
|
456
|
-
height: this.handleStylingProps(this.height),
|
|
457
|
-
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
458
|
-
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
459
|
-
marginTop: this.handleStylingProps(this.marginTop),
|
|
460
|
-
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
461
|
-
marginRight: this.handleStylingProps(this.marginRight),
|
|
462
|
-
size: this.handleStylingProps(this.size)
|
|
463
|
-
};
|
|
464
|
-
this.structure = undefined;
|
|
465
|
-
this.width = 'unset';
|
|
466
|
-
this.height = 'unset';
|
|
467
|
-
this.borderRadius = 'unset';
|
|
468
|
-
this.marginBottom = 'unset';
|
|
469
|
-
this.marginTop = 'unset';
|
|
470
|
-
this.marginLeft = 'unset';
|
|
471
|
-
this.marginRight = 'unset';
|
|
472
|
-
this.animation = true;
|
|
473
|
-
this.rows = 0;
|
|
474
|
-
this.size = '100%';
|
|
475
|
-
}
|
|
476
|
-
handleStructureChange(newValue, oldValue) {
|
|
477
|
-
if (oldValue !== newValue) {
|
|
478
|
-
this.handleStructure(newValue);
|
|
479
|
-
}
|
|
480
|
-
}
|
|
481
|
-
handleStylingProps(value) {
|
|
482
|
-
switch (typeof value) {
|
|
483
|
-
case 'number':
|
|
484
|
-
return value === 0 ? 0 : `${value}px`;
|
|
485
|
-
case 'undefined':
|
|
486
|
-
return 'unset';
|
|
487
|
-
case 'string':
|
|
488
|
-
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
489
|
-
value.endsWith('px') ||
|
|
490
|
-
value.endsWith('%')) {
|
|
491
|
-
return value;
|
|
492
|
-
}
|
|
493
|
-
else {
|
|
494
|
-
return 'unset';
|
|
495
|
-
}
|
|
496
|
-
default:
|
|
497
|
-
return 'unset';
|
|
498
|
-
}
|
|
499
|
-
}
|
|
500
|
-
handleStructure(structure) {
|
|
501
|
-
switch (structure) {
|
|
502
|
-
case 'logo':
|
|
503
|
-
return this.renderLogo();
|
|
504
|
-
case 'image':
|
|
505
|
-
return this.renderImage();
|
|
506
|
-
case 'title':
|
|
507
|
-
return this.renderTitle();
|
|
508
|
-
case 'text':
|
|
509
|
-
return this.renderText();
|
|
510
|
-
case 'rectangle':
|
|
511
|
-
return this.renderRectangle();
|
|
512
|
-
case 'circle':
|
|
513
|
-
return this.renderCircle();
|
|
514
|
-
default:
|
|
515
|
-
return null;
|
|
516
|
-
}
|
|
517
|
-
}
|
|
518
|
-
renderLogo() {
|
|
519
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Logo ' + (this.animation ? 'Skeleton' : '') })));
|
|
520
|
-
}
|
|
521
|
-
renderImage() {
|
|
522
|
-
return h("div", { class: 'Image ' + (this.animation ? 'Skeleton' : '') });
|
|
523
|
-
}
|
|
524
|
-
renderTitle() {
|
|
525
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Title ' + (this.animation ? 'Skeleton' : '') })));
|
|
526
|
-
}
|
|
527
|
-
renderText() {
|
|
528
|
-
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'Text ' + (this.animation ? 'Skeleton' : '') })))));
|
|
529
|
-
}
|
|
530
|
-
renderRectangle() {
|
|
531
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Rectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
532
|
-
}
|
|
533
|
-
renderCircle() {
|
|
534
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'Circle ' + (this.animation ? 'Skeleton' : '') })));
|
|
535
|
-
}
|
|
536
|
-
render() {
|
|
537
|
-
let styleBlock = '';
|
|
538
|
-
switch (this.structure) {
|
|
539
|
-
case 'logo':
|
|
540
|
-
styleBlock = `
|
|
541
|
-
:host {
|
|
542
|
-
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
543
|
-
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
544
|
-
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
545
|
-
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
546
|
-
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
547
|
-
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
548
|
-
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
549
|
-
}
|
|
550
|
-
`;
|
|
551
|
-
break;
|
|
552
|
-
case 'image':
|
|
553
|
-
styleBlock = `
|
|
554
|
-
:host {
|
|
555
|
-
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
556
|
-
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
557
|
-
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
558
|
-
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
559
|
-
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
560
|
-
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
561
|
-
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
562
|
-
}
|
|
563
|
-
`;
|
|
564
|
-
break;
|
|
565
|
-
case 'title':
|
|
566
|
-
styleBlock = `
|
|
567
|
-
:host {
|
|
568
|
-
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
569
|
-
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
570
|
-
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
571
|
-
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
572
|
-
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
573
|
-
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
574
|
-
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
575
|
-
}
|
|
576
|
-
`;
|
|
577
|
-
break;
|
|
578
|
-
case 'text':
|
|
579
|
-
styleBlock = `
|
|
580
|
-
:host {
|
|
581
|
-
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
582
|
-
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
583
|
-
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
584
|
-
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
585
|
-
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
586
|
-
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
587
|
-
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
588
|
-
}
|
|
589
|
-
`;
|
|
590
|
-
break;
|
|
591
|
-
case 'rectangle':
|
|
592
|
-
styleBlock = `
|
|
593
|
-
:host {
|
|
594
|
-
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
595
|
-
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
596
|
-
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
597
|
-
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
598
|
-
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
599
|
-
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
600
|
-
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
601
|
-
}
|
|
602
|
-
`;
|
|
603
|
-
break;
|
|
604
|
-
case 'circle':
|
|
605
|
-
styleBlock = `
|
|
606
|
-
:host {
|
|
607
|
-
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
608
|
-
}
|
|
609
|
-
`;
|
|
610
|
-
break;
|
|
611
|
-
default:
|
|
612
|
-
styleBlock = '';
|
|
613
|
-
}
|
|
614
|
-
return (h(Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
|
|
615
|
-
}
|
|
616
|
-
static get watchers() { return {
|
|
617
|
-
"structure": ["handleStructureChange"]
|
|
618
|
-
}; }
|
|
619
|
-
};
|
|
620
|
-
UiSkeleton.style = UiSkeletonStyle0;
|
|
621
|
-
|
|
622
|
-
export { CasinoChallengeCard as casino_challenge_card, UiSkeleton as ui_skeleton };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|