@everymatrix/casino-challenges-list 1.90.16 → 1.90.18
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-challenge-card_3.entry.js +1 -1
- package/dist/casino-challenges-list/casino-challenges-list-69d0a0f5.js +1 -0
- package/dist/casino-challenges-list/casino-challenges-list.esm.js +1 -1
- package/dist/casino-challenges-list/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-card_3.cjs.entry.js +84 -16
- package/dist/cjs/{casino-challenges-list-838f1700.js → casino-challenges-list-340e5f45.js} +24 -9
- package/dist/cjs/casino-challenges-list.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-list/casino-challenges-list.css +14 -1
- package/dist/collection/components/casino-challenges-list/casino-challenges-list.js +26 -9
- package/dist/esm/casino-challenge-card_3.entry.js +85 -17
- package/dist/esm/{casino-challenges-list-999378fa.js → casino-challenges-list-69d0a0f5.js} +24 -9
- package/dist/esm/casino-challenges-list.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/casino-challenges-list/casino-challenges-list.d.ts +2 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/casino-challenges-list/casino-challenges-list-999378fa.js +0 -1
|
@@ -132,7 +132,7 @@ const translate = (key, customLang) => {
|
|
|
132
132
|
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
133
133
|
};
|
|
134
134
|
|
|
135
|
-
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #
|
|
135
|
+
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #e2e2e2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 1386px) and (min-width: 1049px) {\n .challenges-list {\n width: 988px;\n }\n}\n@container challenges-container (max-width: 1048px) {\n .challenges-list {\n width: 648px;\n }\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list {\n width: 100%;\n }\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color-dark, 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 .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.SkeletonText {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.SkeletonImage {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.SkeletonText {\n margin: 20px 0;\n}";
|
|
136
136
|
const CasinoChallengesListStyle0 = casinoChallengesListCss;
|
|
137
137
|
|
|
138
138
|
const skeletons = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
@@ -143,11 +143,13 @@ const CasinoChallengeList = class {
|
|
|
143
143
|
this.timerExpired = createEvent(this, "timerExpired", 7);
|
|
144
144
|
this.itemViewed = createEvent(this, "itemViewed", 7);
|
|
145
145
|
this.setLastItemRef = (el) => {
|
|
146
|
+
if (!el)
|
|
147
|
+
return;
|
|
146
148
|
if (this.lastItemRef && this.observer) {
|
|
147
149
|
this.observer.unobserve(this.lastItemRef);
|
|
148
150
|
}
|
|
149
151
|
this.lastItemRef = el;
|
|
150
|
-
if (
|
|
152
|
+
if (this.observer && !this.loading) {
|
|
151
153
|
this.observer.observe(el);
|
|
152
154
|
}
|
|
153
155
|
};
|
|
@@ -159,7 +161,7 @@ const CasinoChallengeList = class {
|
|
|
159
161
|
this.challenges = [];
|
|
160
162
|
this.loading = false;
|
|
161
163
|
this.hasMore = false;
|
|
162
|
-
this.
|
|
164
|
+
this.activeChallengesTabIndex = 0;
|
|
163
165
|
this.isUserAuthorized = false;
|
|
164
166
|
this.userId = '';
|
|
165
167
|
this.endpoint = '';
|
|
@@ -181,19 +183,31 @@ const CasinoChallengeList = class {
|
|
|
181
183
|
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
182
184
|
}
|
|
183
185
|
}
|
|
186
|
+
handleChallengesChange() {
|
|
187
|
+
var _a;
|
|
188
|
+
if (this.observer) {
|
|
189
|
+
this.observer.disconnect();
|
|
190
|
+
}
|
|
191
|
+
if (this.lastItemRef && !this.loading) {
|
|
192
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(this.lastItemRef);
|
|
193
|
+
}
|
|
194
|
+
}
|
|
184
195
|
setupObserver() {
|
|
185
196
|
if (!this.lastItemRef || this.loading || !this.hasMore)
|
|
186
197
|
return;
|
|
187
198
|
if (!this.observer) {
|
|
188
199
|
this.observer = new IntersectionObserver(([entry]) => {
|
|
189
|
-
|
|
190
|
-
|
|
200
|
+
var _a;
|
|
201
|
+
if (!entry.isIntersecting)
|
|
202
|
+
return;
|
|
203
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.unobserve(entry.target);
|
|
204
|
+
if (!this.loading && this.hasMore) {
|
|
191
205
|
this.loadMore.emit();
|
|
192
206
|
}
|
|
193
207
|
}, {
|
|
194
208
|
root: null,
|
|
195
|
-
rootMargin: '0px',
|
|
196
|
-
threshold: 0
|
|
209
|
+
rootMargin: '150px 0px',
|
|
210
|
+
threshold: 0
|
|
197
211
|
});
|
|
198
212
|
}
|
|
199
213
|
this.observer.disconnect();
|
|
@@ -234,13 +248,14 @@ const CasinoChallengeList = class {
|
|
|
234
248
|
return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg }), h("b", null, translate('listEmptyTitle', this.language)), h("span", null, translate('listEmptyDescription', this.language))));
|
|
235
249
|
}
|
|
236
250
|
render() {
|
|
237
|
-
return (h("div", { key: '
|
|
251
|
+
return (h("div", { key: '62670fcf35ff5548edaac3677fe29f1c233601cc', ref: (el) => (this.stylingContainer = el), style: { justifyItems: 'center' } }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'd0dd125137385864b4b24efff594346703396c4d', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeChallengesTabIndex: this.activeChallengesTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
|
|
238
252
|
}
|
|
239
253
|
get el() { return getElement(this); }
|
|
240
254
|
static get watchers() { return {
|
|
241
255
|
"clientStyling": ["handleClientStylingChange"],
|
|
242
256
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
243
|
-
"mbSource": ["handleMbSourceChange"]
|
|
257
|
+
"mbSource": ["handleMbSourceChange"],
|
|
258
|
+
"challenges": ["handleChallengesChange"]
|
|
244
259
|
}; }
|
|
245
260
|
};
|
|
246
261
|
CasinoChallengeList.style = CasinoChallengesListStyle0;
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"
|
|
19
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
20
20
|
});
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengeList } from './casino-challenges-list-
|
|
1
|
+
export { C as CasinoChallengeList } from './casino-challenges-list-69d0a0f5.js';
|
|
2
2
|
import './index-d84ca385.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"
|
|
8
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -11,7 +11,7 @@ export declare class CasinoChallengeList {
|
|
|
11
11
|
challenges: IChallenge[];
|
|
12
12
|
loading: boolean;
|
|
13
13
|
hasMore: boolean;
|
|
14
|
-
|
|
14
|
+
activeChallengesTabIndex: number;
|
|
15
15
|
isUserAuthorized: boolean;
|
|
16
16
|
userId: string;
|
|
17
17
|
endpoint: string;
|
|
@@ -28,6 +28,7 @@ export declare class CasinoChallengeList {
|
|
|
28
28
|
handleClientStylingChange(newValue: any, oldValue: any): void;
|
|
29
29
|
handleClientStylingUrlChange(newValue: any, oldValue: any): void;
|
|
30
30
|
handleMbSourceChange(newValue: any, oldValue: any): void;
|
|
31
|
+
handleChallengesChange(): void;
|
|
31
32
|
private setupObserver;
|
|
32
33
|
componentDidRender(): void;
|
|
33
34
|
private setLastItemRef;
|
|
@@ -9,7 +9,7 @@ import { unknown as IChallenge } from "./components";
|
|
|
9
9
|
export { unknown as IChallenge } from "./components";
|
|
10
10
|
export namespace Components {
|
|
11
11
|
interface CasinoChallengesList {
|
|
12
|
-
"
|
|
12
|
+
"activeChallengesTabIndex": number;
|
|
13
13
|
"challenges": IChallenge[];
|
|
14
14
|
"clientStyling": string;
|
|
15
15
|
"clientStylingUrl": string;
|
|
@@ -55,7 +55,7 @@ declare global {
|
|
|
55
55
|
}
|
|
56
56
|
declare namespace LocalJSX {
|
|
57
57
|
interface CasinoChallengesList {
|
|
58
|
-
"
|
|
58
|
+
"activeChallengesTabIndex"?: number;
|
|
59
59
|
"challenges"?: IChallenge[];
|
|
60
60
|
"clientStyling"?: string;
|
|
61
61
|
"clientStylingUrl"?: string;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as n,h as e,g as i}from"./index-d84ca385.js";const l="__WIDGET_GLOBAL_STYLE_CACHE__";function d(t,n){if(t){const e=document.createElement("style");e.innerHTML=n,t.appendChild(e)}}function s(t,n){if(!t||!n)return;const e=new URL(n);fetch(e.href).then((t=>t.text())).then((n=>{const e=document.createElement("style");e.innerHTML=n,t&&t.appendChild(e)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function h(t,n,e,i=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!i)return e=function(t,n){const e=document.createElement("style");return window.emMessageBus.subscribe(n,(n=>{t&&(e.innerHTML=n,t.appendChild(e))}))}(t,n),e;window[l]||(window[l]={}),e=function(t,n){return window.emMessageBus.subscribe(n,(e=>{if(!t)return;const i=t.getRootNode(),d=window[l];let s=d[n]&&d[n].sheet;s?d[n].refCount=d[n].refCount+1:(s=new CSSStyleSheet,s.replaceSync(e),d[n]={sheet:s,refCount:1});const h=i.adoptedStyleSheets||[];h.includes(s)||(i.adoptedStyleSheets=[...h,s])}))}(t,n);const d=e.unsubscribe.bind(e);return e.unsubscribe=()=>{if(window[l][n]){const t=window[l][n];t.refCount>1?t.refCount=t.refCount-1:delete window[l][n]}d()},e}const a={en:{listEmptyTitle:"Nothing here — yet!",listEmptyDescription:"No challenges at the moment. Try exploring events or keep playing to unlock new ones."}},o=(t,n)=>a[void 0!==n&&n in a?n:"en"][t],V=[0,1,2,3,4,5,6,7,8,9],r=class{constructor(e){t(this,e),this.loadMore=n(this,"loadMore",7),this.timerExpired=n(this,"timerExpired",7),this.itemViewed=n(this,"itemViewed",7),this.setLastItemRef=t=>{this.lastItemRef&&this.observer&&this.observer.unobserve(this.lastItemRef),this.lastItemRef=t,t&&this.observer&&!this.loading&&this.observer.observe(t)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.challenges=[],this.loading=!1,this.hasMore=!1,this.activeTabIndex=0,this.isUserAuthorized=!1,this.userId="",this.endpoint="",this.domain="",this.session=""}handleClientStylingChange(t,n){t!=n&&d(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,n){t!=n&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,n){t!=n&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}setupObserver(){this.lastItemRef&&!this.loading&&this.hasMore&&(this.observer||(this.observer=new IntersectionObserver((([t])=>{t.isIntersecting&&!this.loading&&this.hasMore&&(this.observer.unobserve(t.target),this.loadMore.emit())}),{root:null,rootMargin:"0px",threshold:.1})),this.observer.disconnect(),this.observer.observe(this.lastItemRef))}componentDidRender(){this.setupObserver()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.observer=void 0}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}renderSkeletons(){return V.map((t=>e("div",{class:"loader",key:t},e("ui-skeleton",{structure:"image",height:"200px","border-radius":"16px 16px 0 0"}),e("ui-skeleton",{class:"SkeletonRows",structure:"text",width:"220px",height:"16px",rows:"3"}),e("ui-skeleton",{class:"SkeletonButton",structure:"text",width:"100%"}))))}onTimerExpired(t){this.timerExpired&&this.timerExpired.emit(t.detail)}onItemViewed(t){this.itemViewed&&this.itemViewed.emit(t.detail)}renderEmptyState(){return e("div",{class:"empty"},e("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K"}),e("b",null,o("listEmptyTitle",this.language)),e("span",null,o("listEmptyDescription",this.language)))}render(){return e("div",{key:"581e42c5b46ebc376aa107462a6a2653e3fe5996",ref:t=>this.stylingContainer=t},0===this.challenges.length&&!this.loading&&this.renderEmptyState(),e("div",{key:"957c68a659c032f029307f4b77bcad32850e1010",class:"challenges-list"},this.challenges.map(((t,n)=>e("div",{key:t.Id,ref:n===this.challenges.length-1?this.setLastItemRef:null,class:"list-item"},e("casino-challenge-card",{challenge:t,language:this.language,mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,onTimerExpired:this.onTimerExpired,onItemViewed:this.onItemViewed,activeTabIndex:this.activeTabIndex,isUserAuthorized:this.isUserAuthorized,userId:this.userId,endpoint:this.endpoint,session:this.session,domain:this.domain})))),this.loading&&this.renderSkeletons()))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};r.style=".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color-dark, 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 .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.SkeletonText {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.SkeletonImage {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.SkeletonText {\n margin: 20px 0;\n}";export{r as C,s as a,h as b,d as s}
|