@everymatrix/player-challenges 0.1.14 → 0.1.15
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/components/{ArrowLeftIcon-9z9pTews.cjs → ArrowLeftIcon-D0LpsufV.cjs} +1 -1
- package/components/{ArrowLeftIcon-DSn8hPkF.js → ArrowLeftIcon-De_oE6VJ.js} +10 -10
- package/components/{Badge-DvLEsRGI.js → Badge-C2_vCRtE.js} +24 -24
- package/components/{Badge-B-XJxDGU.cjs → Badge-r78wWqnE.cjs} +2 -2
- package/components/{Button-LvbCkeeB.cjs → Button-CU8n8iLn.cjs} +2 -2
- package/components/{Button-D84vGE_N.js → Button-CqWi35Id.js} +26 -28
- package/components/{ChallengeBanner-_sqDm-xs.cjs → ChallengeBanner-CBWAGiMi.cjs} +2 -2
- package/components/{ChallengeBanner-DzjEQdUp.js → ChallengeBanner-oDSEjGGf.js} +7 -7
- package/components/{ChallengeBreadcrumbs-DDTCsSWY.js → ChallengeBreadcrumbs-0C1qzQmn.js} +18 -20
- package/components/{ChallengeBreadcrumbs-CZxhI0_L.cjs → ChallengeBreadcrumbs-B1QPZ9Ub.cjs} +1 -1
- package/components/{ChallengeCard-DhT0EyKT.cjs → ChallengeCard-3915Vdd8.cjs} +1 -1
- package/components/{ChallengeCard-BhOpoROp.js → ChallengeCard-yUSt6Ocz.js} +13 -14
- package/components/{ChallengeClaimCode-D4y9Ilgv.cjs → ChallengeClaimCode-BUD6Bszw.cjs} +1 -1
- package/components/{ChallengeClaimCode-DtN7_eaj.js → ChallengeClaimCode-D-skzCq6.js} +16 -17
- package/components/{ChallengeDetails-De--UkDS.js → ChallengeDetails-C5WUrhPo.js} +12 -13
- package/components/{ChallengeDetails-C6knDcqb.cjs → ChallengeDetails-D74Ki1Uz.cjs} +1 -1
- package/components/{ChallengeEvents-DSwYrQ1K.js → ChallengeEvents-CXxvU73L.js} +12 -12
- package/components/{ChallengeEvents-5SdhGalP.cjs → ChallengeEvents-U5YbNMZ6.cjs} +1 -1
- package/components/ChallengeGames-BVIMhW8b.cjs +11 -0
- package/components/ChallengeGames-CLISWWUl.js +133 -0
- package/components/{ChallengeHistory-CoTCstRV.js → ChallengeHistory-BveIKX6m.js} +19 -20
- package/components/{ChallengeHistory-DO7ysttD.cjs → ChallengeHistory-DDWHc60D.cjs} +1 -1
- package/components/ChallengeLevels-Dqz1Jroz.cjs +8 -0
- package/components/ChallengeLevels-EESudJez.js +292 -0
- package/components/ChallengeList-Bby_g4Z8.cjs +20 -0
- package/components/{ChallengeList-BCtLU5A3.js → ChallengeList-P4I4Dp10.js} +510 -550
- package/components/{ChallengeProgress-BJdwMjVx.cjs → ChallengeProgress-BpkQJwJK.cjs} +1 -1
- package/components/{ChallengeProgress-Bz00FfdW.js → ChallengeProgress-BxkeK6qN.js} +20 -21
- package/components/{ChallengeProgressItem-DMuqRQ94.js → ChallengeProgressItem-DHghH0Re.js} +185 -185
- package/components/{ChallengeProgressItem-BijvIdWR.cjs → ChallengeProgressItem-YsHk5ITp.cjs} +2 -2
- package/components/ChallengeRules-CoGa-G4a.cjs +1 -0
- package/components/{ChallengeRules-CDw9YAZb.js → ChallengeRules-D7Q6JUd5.js} +60 -62
- package/components/ChallengeSummary-Bu4cCk0T.js +222 -0
- package/components/ChallengeSummary-CcneZ-_H.cjs +1 -0
- package/components/ChallengeTabContent--jk6IZ9p.js +794 -0
- package/components/ChallengeTabContent-D3ghO0QX.cjs +12 -0
- package/components/ChallengeTabPanel-Rci3HLu2.js +137 -0
- package/components/ChallengeTabPanel-wgd02Iii.cjs +1 -0
- package/components/ChallengeTabSkeleton-B-MQHvwC.js +91 -0
- package/components/{ChallengeTabSkeleton-Dj2rC92S.cjs → ChallengeTabSkeleton-CuGIFm8O.cjs} +2 -2
- package/components/ChallengeTabs-BtbgPMyA.cjs +14 -0
- package/components/{ChallengeTabs-BQfHWZ-v.js → ChallengeTabs-nR_tQGbd.js} +3560 -3123
- package/components/{CheckIcon-D9ebX3ko.cjs → CheckIcon-CxbYr1xp.cjs} +1 -1
- package/components/{CheckIcon-7SG6lvDK.js → CheckIcon-D4lHKEA2.js} +9 -9
- package/components/{ChevronIcon-C4sG0Iq7.cjs → ChevronIcon-BAMpEJGd.cjs} +1 -1
- package/components/{ChevronIcon-sZFDp9-r.js → ChevronIcon-CRAlhZkw.js} +11 -11
- package/components/{ExistIcon-Cjt2I_f3.cjs → ExistIcon-Dto-bbDy.cjs} +1 -1
- package/components/{ExistIcon-BFp2RzHm.js → ExistIcon-MA116zUI.js} +14 -14
- package/components/{GiftIcon-CowOBpN8.cjs → GiftIcon-Cd5b3K-t.cjs} +1 -1
- package/components/{GiftIcon-BsTOo4xA.js → GiftIcon-Co84y9Go.js} +13 -13
- package/components/{LinkIcon-DUiBycAa.cjs → LinkIcon-Bwgy8Luj.cjs} +1 -1
- package/components/{LinkIcon-DY8dMm_r.js → LinkIcon-pV2v0CrL.js} +11 -11
- package/components/{LockIcon-B5-vtEo5.cjs → LockIcon-BYYuZI1_.cjs} +1 -1
- package/components/{LockIcon-DaWR3qRf.js → LockIcon-CzobKbeF.js} +9 -9
- package/components/{Pagination-DLaFwxon.js → Pagination-BgeAkkYm.js} +50 -55
- package/components/{Pagination-CVbrQbU7.cjs → Pagination-vup1vCrG.cjs} +2 -2
- package/components/PlayerChallenges-C703Qu2L.cjs +1 -0
- package/components/{PlayerChallenges-UD6kj-0Y.js → PlayerChallenges-htqi9P1E.js} +67 -68
- package/components/{StarIcon-BvEyzxCo.js → StarIcon-D_ixyTtO.js} +10 -10
- package/components/{StarIcon-mrGEuOQF.cjs → StarIcon-tdfCGCXl.cjs} +1 -1
- package/components/{TargetIcon-D1VeNXPh.cjs → TargetIcon-BGcVQbCs.cjs} +1 -1
- package/components/{TargetIcon-H8pStACk.js → TargetIcon-Cw-ZoTaW.js} +13 -13
- package/esnext/player-challenges.cjs +1 -1
- package/esnext/player-challenges.js +2 -2
- package/package.json +1 -1
- package/components/ChallengeGames-CWIYOuei.js +0 -135
- package/components/ChallengeGames-Rqb4EmEd.cjs +0 -11
- package/components/ChallengeLevels-D0k6h-sn.cjs +0 -8
- package/components/ChallengeLevels-DE-zA5YQ.js +0 -306
- package/components/ChallengeList-k2WHGOdC.cjs +0 -20
- package/components/ChallengeRules-C-l7Nih5.cjs +0 -1
- package/components/ChallengeSummary-ClsiL0ew.js +0 -222
- package/components/ChallengeSummary-OlE0g3eP.cjs +0 -1
- package/components/ChallengeTabContent-DYhBMEuD.js +0 -837
- package/components/ChallengeTabContent-Y2CcHcab.cjs +0 -12
- package/components/ChallengeTabPanel-DaJ86d-M.js +0 -176
- package/components/ChallengeTabPanel-Vi9JKI9q.cjs +0 -1
- package/components/ChallengeTabSkeleton-nIWKRUtS.js +0 -117
- package/components/ChallengeTabs-BefOeRfL.cjs +0 -14
- package/components/PlayerChallenges-CU3Xg79K.cjs +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { d as v, p as n,
|
|
2
|
-
import { a as
|
|
1
|
+
import { d as v, p as n, A as b, b as M, C as m, aJ as S, ak as U, e as a, c as C } from "./ChallengeTabs-nR_tQGbd.js";
|
|
2
|
+
import { a as D } from "./ChallengeList-P4I4Dp10.js";
|
|
3
3
|
typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
4
4
|
}, globalThis.customElements = { define() {
|
|
5
5
|
}, get() {
|
|
6
6
|
}, whenDefined() {
|
|
7
7
|
} });
|
|
8
|
-
function
|
|
8
|
+
function E(I, t) {
|
|
9
9
|
v(t, !0);
|
|
10
10
|
let l = n(t, "challengeId", 7, ""), s = n(t, "endpoint", 7, ""), r = n(t, "userSession", 7, ""), i = n(t, "userId", 7, ""), o = n(t, "domainId", 7, ""), u = n(t, "locale", 7, "en"), d = n(t, "isMobile", 7), g = n(t, "activeTab", 7), c = n(t, "translationUrl", 7, "");
|
|
11
|
-
const h = m(() => S(d(), !0)),
|
|
12
|
-
var
|
|
11
|
+
const h = m(() => S(d(), !0)), T = m(() => U(g()));
|
|
12
|
+
var f = {
|
|
13
13
|
get challengeId() {
|
|
14
14
|
return l();
|
|
15
15
|
},
|
|
@@ -65,7 +65,7 @@ function _(I, t) {
|
|
|
65
65
|
c(e), a();
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
|
-
return
|
|
68
|
+
return D(I, {
|
|
69
69
|
get challengeId() {
|
|
70
70
|
return l();
|
|
71
71
|
},
|
|
@@ -88,15 +88,15 @@ function _(I, t) {
|
|
|
88
88
|
return b(h);
|
|
89
89
|
},
|
|
90
90
|
get activeTab() {
|
|
91
|
-
return b(
|
|
91
|
+
return b(T);
|
|
92
92
|
},
|
|
93
93
|
get translationUrl() {
|
|
94
94
|
return c();
|
|
95
95
|
}
|
|
96
|
-
}), M(
|
|
96
|
+
}), M(f);
|
|
97
97
|
}
|
|
98
|
-
customElements.define("challenge-details",
|
|
99
|
-
|
|
98
|
+
customElements.define("challenge-details", C(
|
|
99
|
+
E,
|
|
100
100
|
{
|
|
101
101
|
challengeId: {},
|
|
102
102
|
endpoint: {},
|
|
@@ -109,9 +109,8 @@ customElements.define("challenge-details", D(
|
|
|
109
109
|
translationUrl: {}
|
|
110
110
|
},
|
|
111
111
|
[],
|
|
112
|
-
[]
|
|
113
|
-
!1
|
|
112
|
+
[]
|
|
114
113
|
));
|
|
115
114
|
export {
|
|
116
|
-
|
|
115
|
+
E as default
|
|
117
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-BtbgPMyA.cjs"),I=require("./ChallengeList-Bby_g4Z8.cjs");function g(h,n){e.push(n,!0);let l=e.prop(n,"challengeId",7,""),r=e.prop(n,"endpoint",7,""),s=e.prop(n,"userSession",7,""),a=e.prop(n,"userId",7,""),i=e.prop(n,"domainId",7,""),o=e.prop(n,"locale",7,"en"),u=e.prop(n,"isMobile",7),c=e.prop(n,"activeTab",7),d=e.prop(n,"translationUrl",7,"");const b=e.user_derived(()=>e.toBoolean(u(),!0)),f=e.user_derived(()=>e.toChallengeDetailsTab(c()));var m={get challengeId(){return l()},set challengeId(t=""){l(t),e.flushSync()},get endpoint(){return r()},set endpoint(t=""){r(t),e.flushSync()},get userSession(){return s()},set userSession(t=""){s(t),e.flushSync()},get userId(){return a()},set userId(t=""){a(t),e.flushSync()},get domainId(){return i()},set domainId(t=""){i(t),e.flushSync()},get locale(){return o()},set locale(t="en"){o(t),e.flushSync()},get isMobile(){return u()},set isMobile(t){u(t),e.flushSync()},get activeTab(){return c()},set activeTab(t){c(t),e.flushSync()},get translationUrl(){return d()},set translationUrl(t=""){d(t),e.flushSync()}};return I.ChallengeDetails(h,{get challengeId(){return l()},get endpoint(){return r()},get userSession(){return s()},get userId(){return a()},get domainId(){return i()},get locale(){return o()},get isMobile(){return e.get(b)},get activeTab(){return e.get(f)},get translationUrl(){return d()}}),e.pop(m)}customElements.define("challenge-details",e.create_custom_element(g,{challengeId:{},endpoint:{},userSession:{},userId:{},domainId:{},locale:{},isMobile:{},activeTab:{},translationUrl:{}},[],[]));exports.default=g;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { c as E, d as y, h as
|
|
1
|
+
import { c as E, d as y, h as I, p as T, U as C, A as t, a as d, b as k, k as h, C as v, a1 as N, e as R, m as S, n as g, r, t as H, i as L, a2 as M, l as O, $ as j } from "./ChallengeTabs-nR_tQGbd.js";
|
|
2
2
|
typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
3
3
|
}, globalThis.customElements = { define() {
|
|
4
4
|
}, get() {
|
|
5
5
|
}, whenDefined() {
|
|
6
6
|
} });
|
|
7
|
-
var
|
|
7
|
+
var z = h('<p class="challenge-details__events--rule svelte-6oc451"><span class="challenge-details__events--rule-name svelte-6oc451"> </span></p>'), A = h('<div class="challenge-details__tab-panel challenge-details__events svelte-6oc451"></div>');
|
|
8
8
|
const D = {
|
|
9
9
|
hash: "svelte-6oc451",
|
|
10
10
|
code: ".challenge-details__events.svelte-6oc451 {display:flex;flex-direction:column;gap:22px;padding:12px 0;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__events--rule:where(.svelte-6oc451) {margin:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;align-items:baseline;}.challenge-details__events--rule-name:where(.svelte-6oc451) {min-width:0;word-break:break-word;}}"
|
|
11
11
|
};
|
|
12
12
|
function P(o, c) {
|
|
13
|
-
y(c, !0),
|
|
14
|
-
const i = () =>
|
|
13
|
+
y(c, !0), I(o, D);
|
|
14
|
+
const i = () => O(j, "$_", m), [m, _] = S(), s = T(c, "challengeItem", 7), u = v(() => N(s().SportSettings?.EventRules));
|
|
15
15
|
var f = {
|
|
16
16
|
get challengeItem() {
|
|
17
17
|
return s();
|
|
@@ -19,16 +19,16 @@ function P(o, c) {
|
|
|
19
19
|
set challengeItem(e) {
|
|
20
20
|
s(e), R();
|
|
21
21
|
}
|
|
22
|
-
}, a =
|
|
23
|
-
|
|
24
|
-
const x = v(() => t(l).OrderNumber === 0 ? i()("allEvents") :
|
|
25
|
-
var n =
|
|
26
|
-
r(p), r(n),
|
|
22
|
+
}, a = A();
|
|
23
|
+
C(a, 21, () => t(u), (e) => e.OrderNumber, (e, l) => {
|
|
24
|
+
const x = v(() => t(l).OrderNumber === 0 ? i()("allEvents") : M(t(l)));
|
|
25
|
+
var n = z(), p = g(n), $ = g(p);
|
|
26
|
+
r(p), r(n), H((w) => L($, `${t(x) ?? ""} - ${t(l).ContributionPercent ?? ""}% ${w ?? ""}`), [() => i()("contribution")]), d(e, n);
|
|
27
27
|
}), r(a), d(o, a);
|
|
28
|
-
var b =
|
|
29
|
-
return
|
|
28
|
+
var b = k(f);
|
|
29
|
+
return _(), b;
|
|
30
30
|
}
|
|
31
|
-
E(P, { challengeItem: {} }, [], [],
|
|
31
|
+
E(P, { challengeItem: {} }, [], [], { mode: "open" });
|
|
32
32
|
export {
|
|
33
33
|
P as C
|
|
34
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-BtbgPMyA.cjs");var b=e.from_html('<p class="challenge-details__events--rule svelte-6oc451"><span class="challenge-details__events--rule-name svelte-6oc451"> </span></p>'),x=e.from_html('<div class="challenge-details__tab-panel challenge-details__events svelte-6oc451"></div>');const $={hash:"svelte-6oc451",code:".challenge-details__events.svelte-6oc451 {display:flex;flex-direction:column;gap:22px;padding:12px 0;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__events--rule:where(.svelte-6oc451) {margin:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;align-items:baseline;}.challenge-details__events--rule-name:where(.svelte-6oc451) {min-width:0;word-break:break-word;}}"};function p(r,o){e.push(o,!0),e.append_styles(r,$);const c=()=>e.store_get(e.$format,"$_",g),[g,d]=e.setup_stores(),l=e.prop(o,"challengeItem",7),h=e.user_derived(()=>e.sortEventRules(l().SportSettings?.EventRules));var v={get challengeItem(){return l()},set challengeItem(t){l(t),e.flushSync()}},s=x();e.each(s,21,()=>e.get(h),t=>t.OrderNumber,(t,n)=>{const _=e.user_derived(()=>e.get(n).OrderNumber===0?c()("allEvents"):e.getEventRuleName(e.get(n)));var a=b(),i=e.child(a),u=e.child(i);e.reset(i),e.reset(a),e.template_effect(f=>e.set_text(u,`${e.get(_)??""} - ${e.get(n).ContributionPercent??""}% ${f??""}`),[()=>c()("contribution")]),e.append(t,a)}),e.reset(s),e.append(r,s);var m=e.pop(v);return d(),m}e.create_custom_element(p,{challengeItem:{}},[],[],{mode:"open"});exports.ChallengeEvents=p;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-BtbgPMyA.cjs"),c=15,j="150px 0px";var w=e.from_html('<div class="challenge-details__games--skeleton svelte-3o8ht5"></div>'),q=e.from_html('<button type="button" class="challenge-details__games--card svelte-3o8ht5"><span class="challenge-details__games--ctb svelte-3o8ht5"> </span> <img class="challenge-details__games--image svelte-3o8ht5" loading="lazy"/></button>'),D=e.from_html('<div class="challenge-details__games--sentinel svelte-3o8ht5"></div> <!>',1),Z=e.from_html("<!> <!>",1),B=e.from_html('<div class="challenge-details__games svelte-3o8ht5"><!></div>');const F={hash:"svelte-3o8ht5",code:`.challenge-details__games.svelte-3o8ht5 {display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;
|
|
2
|
+
|
|
3
|
+
@media (max-width: 767px) {grid-template-columns:repeat(3, 1fr);
|
|
4
|
+
}}.challenge-details__games--skeleton.svelte-3o8ht5 {width:100%;aspect-ratio:1 / 1;border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));
|
|
5
|
+
animation: svelte-3o8ht5-challenge-details-games-pulse 1.2s ease-in-out infinite;}
|
|
6
|
+
|
|
7
|
+
@keyframes svelte-3o8ht5-challenge-details-games-pulse {
|
|
8
|
+
50% {
|
|
9
|
+
opacity: 0.5;
|
|
10
|
+
}
|
|
11
|
+
}.challenge-details__games--sentinel.svelte-3o8ht5 {width:0;height:0;grid-column:1 / -1;}.challenge-details__games--card.svelte-3o8ht5 {position:relative;border-radius:6px;overflow:hidden;padding:0;border:0;background:transparent;width:100%;aspect-ratio:1 / 1;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}}.challenge-details__games--image.svelte-3o8ht5 {display:block;width:100%;height:100%;border-radius:6px;}.challenge-details__games--ctb.svelte-3o8ht5 {position:absolute;top:10px;left:10px;z-index:1;display:flex;justify-content:center;align-items:center;padding:4px 6px;background:var(--bg-overlay-secondary-level-5, rgba(0, 40, 81, 0.35));border:1px solid var(--border-brand, rgba(255, 204, 0, 1));backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);border-radius:12px;color:var(--text-alert, rgba(255, 225, 107, 1));font-size:8px;line-height:8px;}`};function T(G,h){e.push(h,!0),e.append_styles(G,F);const M=()=>e.store_get(e.$format,"$_",E),[E,A]=e.setup_stores(),r=e.prop(h,"challengeItem",7),p=e.prop(h,"userSession",7),m=e.prop(h,"endpoint",7),f=e.user_derived(()=>r().ChallengeId);let i=e.state([]),b=e.state(!1),o=e.state(e.proxy(c)),_=e.state(null);const N=e.user_derived(()=>e.get(i).slice(0,e.get(o))),x=e.user_derived(()=>Math.max(0,e.get(i).length-e.get(o))),$=e.user_derived(()=>Math.min(c,e.get(x)));let v=0;e.user_effect(()=>{if(!e.get(f)||!m()){e.set(i,[]);return}const t=++v;e.set(b,!0),e.set(o,c,!0),e.getChallengeGames({challengeId:e.get(f),sessionId:p(),endpoint:m()}).then(s=>{t===v&&e.set(i,s??[])}).catch(s=>{t===v&&(e.set(i,[]),console.log("challenge-details games err:",s))}).finally(()=>{t===v&&e.set(b,!1)})}),e.user_effect(()=>{if(!e.get(_)||!e.get(x))return;const t=new IntersectionObserver(([s])=>{s.isIntersecting&&e.set(o,e.get(o)+c)},{rootMargin:j});return t.observe(e.get(_)),()=>t.disconnect()});const z=t=>{if(!p()){e.sendChallengeLoginClicked();return}e.sendGameClicked(t,e.get(f),r().ChallengePresentation?.PresentationName??"",e.getChallengeStatusName(r()))};var L={get challengeItem(){return r()},set challengeItem(t){r(t),e.flushSync()},get userSession(){return p()},set userSession(t){p(t),e.flushSync()},get endpoint(){return m()},set endpoint(t){m(t),e.flushSync()}},k=B(),O=e.child(k);{var P=t=>{var s=e.comment(),u=e.first_child(s);e.each(u,17,()=>Array(c),e.index,(y,S)=>{var a=w();e.append(y,a)}),e.append(t,s)},H=t=>{var s=Z(),u=e.first_child(s);e.each(u,17,()=>e.get(N),a=>a.CasinoGameId,(a,n)=>{var l=q(),d=e.child(l),g=e.child(d);e.reset(d);var C=e.sibling(d,2);e.reset(l),e.template_effect(I=>{e.set_attribute(l,"title",e.get(n).GameName),e.set_text(g,`${I??""} ${e.get(n).Contribution??""}%`),e.set_attribute(C,"alt",e.get(n).GameName),e.set_attribute(C,"src",e.get(n).Thumbnail)},[()=>M()("ctb")]),e.delegated("click",l,()=>z(e.get(n))),e.append(a,l)});var y=e.sibling(u,2);{var S=a=>{var n=D(),l=e.first_child(n);e.bind_this(l,g=>e.set(_,g),()=>e.get(_));var d=e.sibling(l,2);e.each(d,17,()=>Array(e.get($)),e.index,(g,C)=>{var I=w();e.append(g,I)}),e.append(a,n)};e.if_block(y,a=>{e.get(x)&&a(S)})}e.append(t,s)};e.if_block(O,t=>{e.get(b)?t(P):t(H,-1)})}e.reset(k),e.append(G,k);var R=e.pop(L);return A(),R}e.delegate(["click"]);e.create_custom_element(T,{challengeItem:{},userSession:{},endpoint:{}},[],[],{mode:"open"});exports.ChallengeGames=T;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { g as te, c as ae, d as se, h as ne, p as T, w as k, x as le, v as R, A as e, E as r, X as re, z as Z, a as i, b as ie, C as y, k as p, e as A, m as oe, n as $, r as N, P as de, H as z, U as P, Y as D, o as H, t as ce, s as L, i as ge, j as he, l as ve, $ as pe, Z as me, _ as _e, a0 as ue, Q as be } from "./ChallengeTabs-nR_tQGbd.js";
|
|
2
|
+
typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
3
|
+
}, globalThis.customElements = { define() {
|
|
4
|
+
}, get() {
|
|
5
|
+
}, whenDefined() {
|
|
6
|
+
} });
|
|
7
|
+
const v = 15, fe = "150px 0px";
|
|
8
|
+
var Q = p('<div class="challenge-details__games--skeleton svelte-3o8ht5"></div>'), xe = p('<button type="button" class="challenge-details__games--card svelte-3o8ht5"><span class="challenge-details__games--ctb svelte-3o8ht5"> </span> <img class="challenge-details__games--image svelte-3o8ht5" loading="lazy"/></button>'), ke = p('<div class="challenge-details__games--sentinel svelte-3o8ht5"></div> <!>', 1), ye = p("<!> <!>", 1), Ce = p('<div class="challenge-details__games svelte-3o8ht5"><!></div>');
|
|
9
|
+
const Ie = {
|
|
10
|
+
hash: "svelte-3o8ht5",
|
|
11
|
+
code: `.challenge-details__games.svelte-3o8ht5 {display:grid;grid-template-columns:repeat(5, 1fr);gap:8px;
|
|
12
|
+
|
|
13
|
+
@media (max-width: 767px) {grid-template-columns:repeat(3, 1fr);
|
|
14
|
+
}}.challenge-details__games--skeleton.svelte-3o8ht5 {width:100%;aspect-ratio:1 / 1;border-radius:6px;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));
|
|
15
|
+
animation: svelte-3o8ht5-challenge-details-games-pulse 1.2s ease-in-out infinite;}
|
|
16
|
+
|
|
17
|
+
@keyframes svelte-3o8ht5-challenge-details-games-pulse {
|
|
18
|
+
50% {
|
|
19
|
+
opacity: 0.5;
|
|
20
|
+
}
|
|
21
|
+
}.challenge-details__games--sentinel.svelte-3o8ht5 {width:0;height:0;grid-column:1 / -1;}.challenge-details__games--card.svelte-3o8ht5 {position:relative;border-radius:6px;overflow:hidden;padding:0;border:0;background:transparent;width:100%;aspect-ratio:1 / 1;cursor:pointer;&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}}.challenge-details__games--image.svelte-3o8ht5 {display:block;width:100%;height:100%;border-radius:6px;}.challenge-details__games--ctb.svelte-3o8ht5 {position:absolute;top:10px;left:10px;z-index:1;display:flex;justify-content:center;align-items:center;padding:4px 6px;background:var(--bg-overlay-secondary-level-5, rgba(0, 40, 81, 0.35));border:1px solid var(--border-brand, rgba(255, 204, 0, 1));backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);border-radius:12px;color:var(--text-alert, rgba(255, 225, 107, 1));font-size:8px;line-height:8px;}`
|
|
22
|
+
};
|
|
23
|
+
function Ge(O, m) {
|
|
24
|
+
se(m, !0), ne(O, Ie);
|
|
25
|
+
const U = () => ve(pe, "$_", X), [X, Y] = oe(), o = T(m, "challengeItem", 7), _ = T(m, "userSession", 7), u = T(m, "endpoint", 7), C = y(() => o().ChallengeId);
|
|
26
|
+
let d = k([]), I = k(!1), c = k(le(v)), b = k(null);
|
|
27
|
+
const q = y(() => e(d).slice(0, e(c))), G = y(() => Math.max(0, e(d).length - e(c))), B = y(() => Math.min(v, e(G)));
|
|
28
|
+
let f = 0;
|
|
29
|
+
R(() => {
|
|
30
|
+
if (!e(C) || !u()) {
|
|
31
|
+
r(d, []);
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const t = ++f;
|
|
35
|
+
r(I, !0), r(c, v, !0), re({
|
|
36
|
+
challengeId: e(C),
|
|
37
|
+
sessionId: _(),
|
|
38
|
+
endpoint: u()
|
|
39
|
+
}).then((a) => {
|
|
40
|
+
t === f && r(d, a ?? []);
|
|
41
|
+
}).catch((a) => {
|
|
42
|
+
t === f && (r(d, []), console.log("challenge-details games err:", a));
|
|
43
|
+
}).finally(() => {
|
|
44
|
+
t === f && r(I, !1);
|
|
45
|
+
});
|
|
46
|
+
}), R(() => {
|
|
47
|
+
if (!e(b) || !e(G))
|
|
48
|
+
return;
|
|
49
|
+
const t = new IntersectionObserver(
|
|
50
|
+
([a]) => {
|
|
51
|
+
a.isIntersecting && r(c, e(c) + v);
|
|
52
|
+
},
|
|
53
|
+
{ rootMargin: fe }
|
|
54
|
+
);
|
|
55
|
+
return t.observe(e(b)), () => t.disconnect();
|
|
56
|
+
});
|
|
57
|
+
const F = (t) => {
|
|
58
|
+
if (!_()) {
|
|
59
|
+
me();
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
_e(t, e(C), o().ChallengePresentation?.PresentationName ?? "", ue(o()));
|
|
63
|
+
};
|
|
64
|
+
var J = {
|
|
65
|
+
get challengeItem() {
|
|
66
|
+
return o();
|
|
67
|
+
},
|
|
68
|
+
set challengeItem(t) {
|
|
69
|
+
o(t), A();
|
|
70
|
+
},
|
|
71
|
+
get userSession() {
|
|
72
|
+
return _();
|
|
73
|
+
},
|
|
74
|
+
set userSession(t) {
|
|
75
|
+
_(t), A();
|
|
76
|
+
},
|
|
77
|
+
get endpoint() {
|
|
78
|
+
return u();
|
|
79
|
+
},
|
|
80
|
+
set endpoint(t) {
|
|
81
|
+
u(t), A();
|
|
82
|
+
}
|
|
83
|
+
}, S = Ce(), K = $(S);
|
|
84
|
+
{
|
|
85
|
+
var V = (t) => {
|
|
86
|
+
var a = de(), x = z(a);
|
|
87
|
+
P(x, 17, () => Array(v), D, (w, j) => {
|
|
88
|
+
var s = Q();
|
|
89
|
+
i(w, s);
|
|
90
|
+
}), i(t, a);
|
|
91
|
+
}, W = (t) => {
|
|
92
|
+
var a = ye(), x = z(a);
|
|
93
|
+
P(x, 17, () => e(q), (s) => s.CasinoGameId, (s, n) => {
|
|
94
|
+
var l = xe(), g = $(l), h = $(g);
|
|
95
|
+
N(g);
|
|
96
|
+
var E = H(g, 2);
|
|
97
|
+
N(l), ce(
|
|
98
|
+
(M) => {
|
|
99
|
+
L(l, "title", e(n).GameName), ge(h, `${M ?? ""} ${e(n).Contribution ?? ""}%`), L(E, "alt", e(n).GameName), L(E, "src", e(n).Thumbnail);
|
|
100
|
+
},
|
|
101
|
+
[() => U()("ctb")]
|
|
102
|
+
), he("click", l, () => F(e(n))), i(s, l);
|
|
103
|
+
});
|
|
104
|
+
var w = H(x, 2);
|
|
105
|
+
{
|
|
106
|
+
var j = (s) => {
|
|
107
|
+
var n = ke(), l = z(n);
|
|
108
|
+
be(l, (h) => r(b, h), () => e(b));
|
|
109
|
+
var g = H(l, 2);
|
|
110
|
+
P(g, 17, () => Array(e(B)), D, (h, E) => {
|
|
111
|
+
var M = Q();
|
|
112
|
+
i(h, M);
|
|
113
|
+
}), i(s, n);
|
|
114
|
+
};
|
|
115
|
+
Z(w, (s) => {
|
|
116
|
+
e(G) && s(j);
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
i(t, a);
|
|
120
|
+
};
|
|
121
|
+
Z(K, (t) => {
|
|
122
|
+
e(I) ? t(V) : t(W, -1);
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
N(S), i(O, S);
|
|
126
|
+
var ee = ie(J);
|
|
127
|
+
return Y(), ee;
|
|
128
|
+
}
|
|
129
|
+
te(["click"]);
|
|
130
|
+
ae(Ge, { challengeItem: {}, userSession: {}, endpoint: {} }, [], [], { mode: "open" });
|
|
131
|
+
export {
|
|
132
|
+
Ge as C
|
|
133
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as M, p as n,
|
|
2
|
-
import { a as y } from "./ChallengeTabContent
|
|
1
|
+
import { d as M, p as n, A as m, b as S, C as c, aK as T, aJ as U, e as r, ag as E, c as _ } from "./ChallengeTabs-nR_tQGbd.js";
|
|
2
|
+
import { a as y } from "./ChallengeTabContent--jk6IZ9p.js";
|
|
3
3
|
typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
4
4
|
}, globalThis.customElements = { define() {
|
|
5
5
|
}, get() {
|
|
@@ -7,61 +7,61 @@ typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
|
|
|
7
7
|
} });
|
|
8
8
|
function H(I, t) {
|
|
9
9
|
M(t, !0);
|
|
10
|
-
let
|
|
11
|
-
const
|
|
10
|
+
let s = n(t, "endpoint", 7, ""), i = n(t, "userSession", 7, ""), l = n(t, "userId", 7, ""), o = n(t, "domainId", 7, ""), a = n(t, "locale", 7, "en"), u = n(t, "limit", 7), d = n(t, "isMobile", 7), g = n(t, "translationUrl", 7, "");
|
|
11
|
+
const b = c(() => T(u(), E)), f = c(() => U(d(), !0));
|
|
12
12
|
var h = {
|
|
13
13
|
get endpoint() {
|
|
14
|
-
return
|
|
14
|
+
return s();
|
|
15
15
|
},
|
|
16
16
|
set endpoint(e = "") {
|
|
17
|
-
|
|
17
|
+
s(e), r();
|
|
18
18
|
},
|
|
19
19
|
get userSession() {
|
|
20
20
|
return i();
|
|
21
21
|
},
|
|
22
22
|
set userSession(e = "") {
|
|
23
|
-
i(e),
|
|
23
|
+
i(e), r();
|
|
24
24
|
},
|
|
25
25
|
get userId() {
|
|
26
26
|
return l();
|
|
27
27
|
},
|
|
28
28
|
set userId(e = "") {
|
|
29
|
-
l(e),
|
|
29
|
+
l(e), r();
|
|
30
30
|
},
|
|
31
31
|
get domainId() {
|
|
32
32
|
return o();
|
|
33
33
|
},
|
|
34
34
|
set domainId(e = "") {
|
|
35
|
-
o(e),
|
|
35
|
+
o(e), r();
|
|
36
36
|
},
|
|
37
37
|
get locale() {
|
|
38
38
|
return a();
|
|
39
39
|
},
|
|
40
40
|
set locale(e = "en") {
|
|
41
|
-
a(e),
|
|
41
|
+
a(e), r();
|
|
42
42
|
},
|
|
43
43
|
get limit() {
|
|
44
44
|
return u();
|
|
45
45
|
},
|
|
46
46
|
set limit(e) {
|
|
47
|
-
u(e),
|
|
47
|
+
u(e), r();
|
|
48
48
|
},
|
|
49
49
|
get isMobile() {
|
|
50
50
|
return d();
|
|
51
51
|
},
|
|
52
52
|
set isMobile(e) {
|
|
53
|
-
d(e),
|
|
53
|
+
d(e), r();
|
|
54
54
|
},
|
|
55
55
|
get translationUrl() {
|
|
56
|
-
return
|
|
56
|
+
return g();
|
|
57
57
|
},
|
|
58
58
|
set translationUrl(e = "") {
|
|
59
|
-
|
|
59
|
+
g(e), r();
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
return y(I, {
|
|
63
63
|
get endpoint() {
|
|
64
|
-
return
|
|
64
|
+
return s();
|
|
65
65
|
},
|
|
66
66
|
get userSession() {
|
|
67
67
|
return i();
|
|
@@ -76,13 +76,13 @@ function H(I, t) {
|
|
|
76
76
|
return a();
|
|
77
77
|
},
|
|
78
78
|
get limit() {
|
|
79
|
-
return
|
|
79
|
+
return m(b);
|
|
80
80
|
},
|
|
81
81
|
get isMobile() {
|
|
82
|
-
return
|
|
82
|
+
return m(f);
|
|
83
83
|
},
|
|
84
84
|
get translationUrl() {
|
|
85
|
-
return
|
|
85
|
+
return g();
|
|
86
86
|
}
|
|
87
87
|
}), S(h);
|
|
88
88
|
}
|
|
@@ -99,8 +99,7 @@ customElements.define("challenge-history", _(
|
|
|
99
99
|
translationUrl: {}
|
|
100
100
|
},
|
|
101
101
|
[],
|
|
102
|
-
[]
|
|
103
|
-
!1
|
|
102
|
+
[]
|
|
104
103
|
));
|
|
105
104
|
export {
|
|
106
105
|
H as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChallengeTabs-BtbgPMyA.cjs"),f=require("./ChallengeTabContent-D3ghO0QX.cjs");function c(g,n){e.push(n,!0);let r=e.prop(n,"endpoint",7,""),l=e.prop(n,"userSession",7,""),s=e.prop(n,"userId",7,""),i=e.prop(n,"domainId",7,""),o=e.prop(n,"locale",7,"en"),u=e.prop(n,"limit",7),a=e.prop(n,"isMobile",7),d=e.prop(n,"translationUrl",7,"");const m=e.user_derived(()=>e.toNumber(u(),e.LIMIT_ITEMS_DEFAULT)),h=e.user_derived(()=>e.toBoolean(a(),!0));var S={get endpoint(){return r()},set endpoint(t=""){r(t),e.flushSync()},get userSession(){return l()},set userSession(t=""){l(t),e.flushSync()},get userId(){return s()},set userId(t=""){s(t),e.flushSync()},get domainId(){return i()},set domainId(t=""){i(t),e.flushSync()},get locale(){return o()},set locale(t="en"){o(t),e.flushSync()},get limit(){return u()},set limit(t){u(t),e.flushSync()},get isMobile(){return a()},set isMobile(t){a(t),e.flushSync()},get translationUrl(){return d()},set translationUrl(t=""){d(t),e.flushSync()}};return f.ChallengeHistory(g,{get endpoint(){return r()},get userSession(){return l()},get userId(){return s()},get domainId(){return i()},get locale(){return o()},get limit(){return e.get(m)},get isMobile(){return e.get(h)},get translationUrl(){return d()}}),e.pop(S)}customElements.define("challenge-history",e.create_custom_element(c,{endpoint:{},userSession:{},userId:{},domainId:{},locale:{},limit:{},isMobile:{},translationUrl:{}},[],[]));exports.default=c;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-BtbgPMyA.cjs"),ne=require("./LockIcon-BYYuZI1_.cjs"),ae=require("./GiftIcon-Cd5b3K-t.cjs"),ie=require("./TargetIcon-BGcVQbCs.cjs"),oe=require("./CheckIcon-CxbYr1xp.cjs"),ce=require("./ChevronIcon-BAMpEJGd.cjs"),y=require("./ChallengeProgressItem-YsHk5ITp.cjs");var ge=e.from_html("<div></div>");const de={hash:"svelte-1gkzvh",code:".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;padding:8px 0;}.challenge-progress.horizontal.svelte-1gkzvh {flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:12px;padding-left:5px;height:75px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"};function H(f,n){e.push(n,!0),e.append_styles(f,de);const i=e.prop(n,"challenge",7),a=e.prop(n,"orientation",23,()=>y.ORIENTATION.vertical),T=e.prop(n,"isExpired",7,!1),o=e.prop(n,"syncRows",7,!1),I=e.prop(n,"rowGap",7,0),O=e.prop(n,"isAnonymous",7),p=e.user_derived(()=>i().LevelProgresses??[]),R=e.user_derived(()=>i().Status),_=e.user_derived(()=>!O()&&e.isOptedIn(i())),w=e.user_derived(()=>e.get(p).length>0),E=e.user_derived(()=>a()===y.ORIENTATION.horizontal&&e.get(p).length>=5),k=e.user_derived(()=>{if(a()!==y.ORIENTATION.horizontal||!e.get(p).length)return-1;let t=-1,m=-1;return e.get(p).forEach((h,L)=>{const l=e.getLevelDisplayStatus(h,e.get(R));l==="completed"&&(t=L),l==="current"&&(m=L)}),t>=0?t:m>=0?m:0});let b=e.state(void 0),S=e.state(e.proxy([]));e.user_effect(()=>{const t=e.get(k)>=0?e.get(S)[e.get(k)]:void 0;!e.get(b)||!t||(e.get(b).scrollLeft=t.offsetLeft)});var N={get challenge(){return i()},set challenge(t){i(t),e.flushSync()},get orientation(){return a()},set orientation(t=y.ORIENTATION.vertical){a(t),e.flushSync()},get isExpired(){return T()},set isExpired(t=!1){T(t),e.flushSync()},get syncRows(){return o()},set syncRows(t=!1){o(t),e.flushSync()},get rowGap(){return I()},set rowGap(t=0){I(t),e.flushSync()},get isAnonymous(){return O()},set isAnonymous(t){O(t),e.flushSync()}},v=ge();let G;return e.each(v,23,()=>e.get(p),t=>t.LevelId,(t,m,h)=>{{let L=e.user_derived(()=>e.get(h)===e.get(p).length-1),l=e.user_derived(()=>o()?e.get(h)+1:void 0),c=e.user_derived(()=>e.get(w)&&e.get(h)===0);y.ChallengeProgressItem(t,{get level(){return e.get(m)},get nextLevel(){return e.get(p)[e.get(h)+1]},get challengeStatus(){return e.get(R)},get isExpired(){return T()},get isLast(){return e.get(L)},get orientation(){return a()},get gridRow(){return e.get(l)},get showStart(){return e.get(c)},get optedIn(){return e.get(_)},get itemEl(){return e.get(S)[e.get(h)]},set itemEl(d){e.get(S)[e.get(h)]=d}})}}),e.reset(v),e.bind_this(v,t=>e.set(b,t),()=>e.get(b)),e.template_effect(()=>{G=e.set_class(v,1,"challenge-progress svelte-1gkzvh",null,G,{horizontal:a()===y.ORIENTATION.horizontal,vertical:a()===y.ORIENTATION.vertical,dense:e.get(E),synced:o()}),e.set_attribute(v,"data-orientation",a()),e.set_attribute(v,"data-dense",e.get(E)),e.set_attribute(v,"data-synced",o()),e.set_style(v,o()?`--progress-row-gap: ${I()}px;`:void 0)}),e.append(f,v),e.pop(N)}e.create_custom_element(H,{challenge:{},orientation:{},isExpired:{},syncRows:{},rowGap:{},isAnonymous:{}},[],[],{mode:"open"});if(typeof window<"u"){let f=function(n){return function(...i){try{return n.apply(this,i)}catch(a){if(a instanceof DOMException&&a.message.includes("has already been used with this registry")||a instanceof Error&&a.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw a}}};customElements.define=f(customElements.define),Promise.resolve().then(()=>require("./ChallengeProgress-BpkQJwJK.cjs")).then(n=>{const i=n.default||n;customElements.get("challenge-progress")||customElements.define("challenge-progress",i.element||i)}).catch(n=>{console.error("BOOT ERROR:",n)})}var ve=e.from_html('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'),he=e.from_html('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'),K=e.from_html('<li class="challenge-details__level--info-row svelte-g28wmr"><span class="challenge-details__level--info-icon svelte-g28wmr"><!></span> <span class="challenge-details__level--info-value svelte-g28wmr"> </span></li>'),pe=e.from_html('<button type="button"><!></button>'),ue=e.from_html('<div><div class="challenge-details__level-item--header svelte-g28wmr"><span class="challenge-details__level-item--name svelte-g28wmr"> </span> <!></div> <ul class="challenge-details__level--info-list svelte-g28wmr"><!> <!></ul> <!></div>'),_e=e.from_html('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');const me={hash:"svelte-g28wmr",code:`.challenge-details__levels.svelte-g28wmr {display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:var(--challenge-levels-row-gap, 16px);align-items:stretch;.challenge-details__level--details-item:where(.svelte-g28wmr) {background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));box-sizing:border-box;flex-direction:column;padding:10px;border-radius:6px;gap:16px;display:flex;min-width:0;}.challenge-details__level--details-item.current:where(.svelte-g28wmr) {background:linear-gradient(
|
|
2
|
+
90deg,
|
|
3
|
+
var(--button-primary-bg-default, rgba(255, 204, 0, 0.5)) 0%,
|
|
4
|
+
var(--color-overlay-primary-5, rgba(255, 204, 0, 0.25)) 100%
|
|
5
|
+
);border:1px solid var(--border-brand, rgba(255, 204, 0, 1));border-radius:10px;}.challenge-details__level--details-item.completed:where(.svelte-g28wmr) {background:var(--bg-surface-level-0, rgba(1, 23, 55, 1));border:none;}.challenge-details__level-item--header:where(.svelte-g28wmr) {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0px;gap:6px;flex:none;order:0;flex-grow:1;}.challenge-details__level-item--name:where(.svelte-g28wmr) {color:var(--text-default, rgba(255, 255, 255, 1));font-weight:700;font-size:16px;line-height:22px;letter-spacing:0%;}.challenge-details__level-item--icon:where(.svelte-g28wmr) {fill:var(--icon-subtle, rgba(223, 227, 232, 1));color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__level-item--icon-completed:where(.svelte-g28wmr) {color:var(--icon-success, rgba(50, 242, 0, 1));fill:var(--icon-success, rgba(50, 242, 0, 1));}.challenge-details__level--info-list:where(.svelte-g28wmr) {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0;}.challenge-details__level--info-row:where(.svelte-g28wmr) {display:flex;gap:8px;font-size:14px;line-height:1.4;min-width:0;}.challenge-details__level--info-icon:where(.svelte-g28wmr) {flex-shrink:0;color:var(--icon-subtle, rgba(223, 227, 232, 1));fill:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__level--info-value:where(.svelte-g28wmr) {color:var(--text-default, rgba(255, 255, 255, 1));font-weight:400;font-size:14px;line-height:140%;letter-spacing:0%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0%;min-width:0;}.challenge-details__level--details-item.expanded:where(.svelte-g28wmr) .challenge-details__level--info-value:where(.svelte-g28wmr) {white-space:normal;overflow:visible;}.challenge-details__level--toggle:where(.svelte-g28wmr) {align-self:center;display:flex;padding:0;border:0;background:transparent;color:var(--icon-subtle, rgba(223, 227, 232, 1));cursor:pointer;transition:transform 0.2s ease;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;&.expanded {transform:rotate(180deg);}&:active {background:transparent;}&:focus:not(:focus-visible) {outline:none;}&:focus-visible {outline:2px solid var(--border-brand, rgba(255, 204, 0, 1));outline-offset:2px;}}
|
|
6
|
+
|
|
7
|
+
@media (max-width: 767px) {.challenge-details__level--details-item:where(.svelte-g28wmr) {gap:4px;}
|
|
8
|
+
}}`};function Q(f,n){e.push(n,!0),e.append_styles(f,me);const i=()=>e.store_get(e.$format,"$_",a),[a,T]=e.setup_stores(),o=e.prop(n,"challengeItem",7),I=e.user_derived(()=>o()?.LevelProgresses??[]),O=e.user_derived(()=>o()?.CurrencySymbol??""),p=e.user_derived(()=>!e.isChallengeActive(o()?.Status)),R=16;let _=e.state(e.proxy([])),w=e.state(e.proxy([])),E={},k={},b=e.state(0);const S=l=>{e.set(_,e.get(_).includes(l)?e.get(_).filter(c=>c!==l):[...e.get(_),l],!0)},N=l=>!!l&&l.scrollWidth>l.clientWidth,v=()=>{const l=[];for(const{LevelId:d}of e.get(I)){if(e.get(_).includes(d)){e.get(w).includes(d)&&l.push(d);continue}(N(E[d])||N(k[d]))&&l.push(d)}(l.length!==e.get(w).length||l.some(d=>!e.get(w).includes(d)))&&e.set(w,l,!0)};e.user_effect(()=>{e.get(b),v()});var G={get challengeItem(){return o()},set challengeItem(l){o(l),e.flushSync()}},t=_e();e.set_style(t,`--challenge-levels-row-gap: ${R}px;`);var m=e.child(t);H(m,{get challenge(){return o()},orientation:"vertical",get isExpired(){return e.get(p)},syncRows:!0,rowGap:R});var h=e.sibling(m,2);e.each(h,19,()=>e.get(I),l=>l.LevelId,(l,c,d)=>{const z=e.user_derived(()=>e.getLevelDisplayStatus(e.get(c),o().Status)),j=e.user_derived(()=>e.getLevelRewardText(e.get(c))),B=e.user_derived(()=>e.getLevelCondition(e.get(c),e.get(O),i())),P=e.user_derived(()=>e.get(_).includes(e.get(c).LevelId)),U=e.user_derived(()=>e.get(w).includes(e.get(c).LevelId));var C=ue();let F;var q=e.child(C),$=e.child(q),V=e.child($);e.reset($);var X=e.sibling($,2);{var Y=s=>{var r=ve(),g=e.child(r);oe.CheckIcon(g,{}),e.reset(r),e.append(s,r)},Z=s=>{var r=he(),g=e.child(r);ne.LockIcon(g,{}),e.reset(r),e.append(s,r)};e.if_block(X,s=>{e.get(z)==="completed"?s(Y):(e.get(z)==="locked"||e.get(z)==="locked-in-progress")&&s(Z,1)})}e.reset(q);var D=e.sibling(q,2),J=e.child(D);{var ee=s=>{var r=K(),g=e.child(r),A=e.child(g);ae.GiftIcon(A,{}),e.reset(g);var u=e.sibling(g,2),W=e.child(u,!0);e.reset(u),e.bind_this(u,(x,M)=>E[M.LevelId]=x,x=>E?.[x.LevelId],()=>[e.get(c)]),e.reset(r),e.template_effect(()=>e.set_text(W,e.get(j))),e.append(s,r)};e.if_block(J,s=>{e.get(j)&&s(ee)})}var te=e.sibling(J,2);{var le=s=>{var r=K(),g=e.child(r),A=e.child(g);ie.TargetIcon(A,{}),e.reset(g);var u=e.sibling(g,2),W=e.child(u,!0);e.reset(u),e.bind_this(u,(x,M)=>k[M.LevelId]=x,x=>k?.[x.LevelId],()=>[e.get(c)]),e.reset(r),e.template_effect(()=>e.set_text(W,e.get(B))),e.append(s,r)};e.if_block(te,s=>{e.get(B)&&s(le)})}e.reset(D);var re=e.sibling(D,2);{var se=s=>{var r=pe();let g;var A=e.child(r);ce.ChevronIcon(A,{size:16}),e.reset(r),e.template_effect(u=>{g=e.set_class(r,1,"challenge-details__level--toggle svelte-g28wmr",null,g,{expanded:e.get(P)}),e.set_attribute(r,"aria-expanded",e.get(P)),e.set_attribute(r,"aria-label",u)},[()=>i()("level")]),e.delegated("click",r,()=>S(e.get(c).LevelId)),e.append(s,r)};e.if_block(re,s=>{e.get(U)&&s(se)})}e.reset(C),e.template_effect(s=>{F=e.set_class(C,1,"challenge-details__level--details-item svelte-g28wmr",null,F,{current:e.get(z)==="current",completed:e.get(z)==="completed",expanded:e.get(P)}),e.set_style(C,`grid-row: ${e.get(d)+1}; grid-column: 2;`),e.set_text(V,`${s??""} ${e.get(c).OrderNumber+1}`)},[()=>i()("level")]),e.append(l,C)}),e.reset(t),e.bind_element_size(t,"clientWidth",l=>e.set(b,l)),e.append(f,t);var L=e.pop(G);return T(),L}e.delegate(["click"]);e.create_custom_element(Q,{challengeItem:{}},[],[],{mode:"open"});exports.ChallengeLevels=Q;exports.ChallengeProgress=H;
|