@everymatrix/player-challenges 0.1.19 → 0.1.21

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.
Files changed (80) hide show
  1. package/components/{ArrowLeftIcon-BEURnjpJ.cjs → ArrowLeftIcon-C3H4FNrA.cjs} +1 -1
  2. package/components/{ArrowLeftIcon-DN6e9luu.js → ArrowLeftIcon-CVqoFs2F.js} +1 -1
  3. package/components/Badge-Bk82Shs2.cjs +6 -0
  4. package/components/Badge-KcRiHhBF.js +133 -0
  5. package/components/{Button-ewgCN0Ji.js → Button-BGa9r5z8.js} +1 -1
  6. package/components/{Button-Bvh3WQSZ.cjs → Button-DEfAgK79.cjs} +1 -1
  7. package/components/ChallengeBanner-CMB14bZN.js +75 -0
  8. package/components/ChallengeBanner-CkSpjqOj.cjs +4 -0
  9. package/components/{ChallengeBreadcrumbs-SeC9192i.cjs → ChallengeBreadcrumbs-13-Ns0MM.cjs} +1 -1
  10. package/components/{ChallengeBreadcrumbs-BtOwj4Jl.js → ChallengeBreadcrumbs-BEZ1jwq0.js} +2 -2
  11. package/components/{ChallengeCard-BZ8CZvgE.js → ChallengeCard-ByCA_1Hl.js} +2 -2
  12. package/components/{ChallengeCard-Zj92mrKO.cjs → ChallengeCard-CsG6C_ZM.cjs} +1 -1
  13. package/components/{ChallengeClaimCode-CeM2Z6p6.js → ChallengeClaimCode-BACGk-Jy.js} +2 -2
  14. package/components/{ChallengeClaimCode-BXn91GDr.cjs → ChallengeClaimCode-BygPzxNi.cjs} +1 -1
  15. package/components/{ChallengeDetails-BVoZJVVL.cjs → ChallengeDetails-CJJNlQWB.cjs} +1 -1
  16. package/components/{ChallengeDetails-B5AHPIQM.js → ChallengeDetails-C_8GM2Jq.js} +2 -2
  17. package/components/{ChallengeDetailsSkeleton-CdG_rSGQ.js → ChallengeDetailsSkeleton-BEV1twmo.js} +10 -10
  18. package/components/{ChallengeDetailsSkeleton-u24ioQh6.cjs → ChallengeDetailsSkeleton-PosxtpCc.cjs} +1 -1
  19. package/components/{ChallengeEvents-DkdwGm5z.js → ChallengeEvents-DjKkeUuR.js} +1 -1
  20. package/components/{ChallengeEvents-7BMohfz-.cjs → ChallengeEvents-E1WQjAzJ.cjs} +1 -1
  21. package/components/{ChallengeGames-BvHQAgRm.js → ChallengeGames-CNAMmHUp.js} +16 -16
  22. package/components/{ChallengeGames-hnPYCbOH.cjs → ChallengeGames-Cx_GYjQm.cjs} +1 -1
  23. package/components/{ChallengeHistory-DoXcpVtR.cjs → ChallengeHistory-DrQz7uBE.cjs} +1 -1
  24. package/components/{ChallengeHistory-C0lhKrpA.js → ChallengeHistory-h27C33wv.js} +2 -2
  25. package/components/{ChallengeLevels-CmLntQ0a.js → ChallengeLevels-BZeFqcK1.js} +58 -58
  26. package/components/{ChallengeLevels-BpGMpkdK.cjs → ChallengeLevels-DLkqfeNt.cjs} +1 -1
  27. package/components/ChallengeList-B2u3JpzC.js +1234 -0
  28. package/components/ChallengeList-DYnjsVUW.cjs +21 -0
  29. package/components/{ChallengeProgress-BPSQNZFN.js → ChallengeProgress-BCBcs2jH.js} +9 -9
  30. package/components/{ChallengeProgress-vtUcMyKL.cjs → ChallengeProgress-BZvt_E-M.cjs} +1 -1
  31. package/components/{ChallengeProgressItem-3A5VPooB.js → ChallengeProgressItem-BQlOQvIh.js} +67 -67
  32. package/components/{ChallengeProgressItem-bSzmG8l2.cjs → ChallengeProgressItem-Cz1YgWGi.cjs} +4 -4
  33. package/components/{ChallengeRules-YzymE0DQ.js → ChallengeRules-Dgu_jast.js} +14 -14
  34. package/components/{ChallengeRules-VFOXD1ge.cjs → ChallengeRules-WVXMxGFk.cjs} +1 -1
  35. package/components/ChallengeSummary-Cf0YIRGn.cjs +1 -0
  36. package/components/ChallengeSummary-D16-HQmO.js +230 -0
  37. package/components/{ChallengeTabContent-2kOyabcA.js → ChallengeTabContent-B1A2UCu0.js} +105 -102
  38. package/components/{ChallengeTabContent-BmBcztk_.cjs → ChallengeTabContent-CVDmk4w-.cjs} +4 -4
  39. package/components/{ChallengeTabPanel-D_brgA-W.cjs → ChallengeTabPanel-CKsTZbcl.cjs} +1 -1
  40. package/components/{ChallengeTabPanel-CqwPtmvo.js → ChallengeTabPanel-xjZCBH5D.js} +8 -8
  41. package/components/ChallengeTabs-Bnf7anrC.cjs +14 -0
  42. package/components/ChallengeTabs-ChPgDbCC.js +8747 -0
  43. package/components/{CheckIcon-DlNpzYWO.js → CheckIcon-BTnHaUd4.js} +1 -1
  44. package/components/{CheckIcon-DeZrzQxv.cjs → CheckIcon-mIgZl9-4.cjs} +1 -1
  45. package/components/{ChevronIcon-Bx8g9KW1.cjs → ChevronIcon-BgZI62XE.cjs} +1 -1
  46. package/components/{ChevronIcon-BLforcQh.js → ChevronIcon-Cas27TfT.js} +1 -1
  47. package/components/{ChipIcon-kKYQ4DVa.cjs → ChipIcon-BFoUES1n.cjs} +1 -1
  48. package/components/{ChipIcon-BIaydmmL.js → ChipIcon-BfOOHuhg.js} +1 -1
  49. package/components/{ChipShineIcon-BhJxc-7o.cjs → ChipShineIcon-D2yIxpRQ.cjs} +1 -1
  50. package/components/{ChipShineIcon-x_PFBpiC.js → ChipShineIcon-DSRfQjmd.js} +4 -4
  51. package/components/{ExistIcon--rtolulO.cjs → ExistIcon-C3tzN5xT.cjs} +1 -1
  52. package/components/{ExistIcon-eNMDxHqT.js → ExistIcon-CRMznheO.js} +1 -1
  53. package/components/{GiftIcon-BEczx5al.cjs → GiftIcon-Cq0_r3yQ.cjs} +1 -1
  54. package/components/{GiftIcon-B0dDFiN1.js → GiftIcon-_250eu0E.js} +1 -1
  55. package/components/{LinkIcon-B1a0ukPT.js → LinkIcon-BtU9ho_D.js} +1 -1
  56. package/components/{LinkIcon-D8SAcoU1.cjs → LinkIcon-CP63MlZb.cjs} +1 -1
  57. package/components/{LockIcon-B96T_uuy.js → LockIcon-CoRJ3QaD.js} +1 -1
  58. package/components/{LockIcon-C0YL_dFy.cjs → LockIcon-F5xc2hVw.cjs} +1 -1
  59. package/components/{Pagination-Xk727E7v.cjs → Pagination-BQmOBvur.cjs} +1 -1
  60. package/components/{Pagination-BACM981T.js → Pagination-DGZVZT1e.js} +5 -5
  61. package/components/{PlayerChallenges-r9ozrIGW.js → PlayerChallenges-BYcLZ7yq.js} +109 -106
  62. package/components/PlayerChallenges-I5SuK5dv.cjs +1 -0
  63. package/components/{StarIcon-D891Qux1.cjs → StarIcon-BicdS0r7.cjs} +1 -1
  64. package/components/{StarIcon-BcWj-wRN.js → StarIcon-XvJeT5Kx.js} +1 -1
  65. package/components/{TargetIcon-CCXuJUbZ.cjs → TargetIcon-BUbBjPdb.cjs} +1 -1
  66. package/components/{TargetIcon-Bv2zPej6.js → TargetIcon-Bk9wDeBq.js} +1 -1
  67. package/esnext/player-challenges.cjs +1 -1
  68. package/esnext/player-challenges.js +2 -2
  69. package/package.json +1 -1
  70. package/components/Badge-BEjEww7C.cjs +0 -9
  71. package/components/Badge-DSBvI-B9.js +0 -138
  72. package/components/ChallengeBanner-E82laAQ0.js +0 -103
  73. package/components/ChallengeBanner-WwVvI1Uu.cjs +0 -30
  74. package/components/ChallengeList-DWrRtGZ6.cjs +0 -47
  75. package/components/ChallengeList-Dztxku3t.js +0 -1259
  76. package/components/ChallengeSummary-D6OJ_aBt.cjs +0 -1
  77. package/components/ChallengeSummary-rhsO5YE0.js +0 -205
  78. package/components/ChallengeTabs-Bkx7hDSs.cjs +0 -14
  79. package/components/ChallengeTabs-DrR1HXiu.js +0 -8749
  80. package/components/PlayerChallenges-T3zWVcYA.cjs +0 -1
@@ -1,138 +0,0 @@
1
- import { c as ee, d as te, h as ae, p as l, u as se, q as re, v as H, w as ne, x as de, y as D, z as y, t as S, A as e, s as G, B as le, i as b, a as h, b as oe, k as x, l as ie, $ as pe, C as M, n as T, D as f, e as o, m as ce, E as ue, F as ge, G as ve, o as i, r as z, H as be, I as he } from "./ChallengeTabs-DrR1HXiu.js";
2
- typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
3
- }, globalThis.customElements = { define() {
4
- }, get() {
5
- }, whenDefined() {
6
- } });
7
- var fe = x('<span class="timer-date svelte-tfkqbj"> </span>'), xe = x('<span class="timer-label svelte-tfkqbj"> </span> <span class="timer-dash svelte-tfkqbj"></span> <span class="timer-countdown"> </span>', 1), me = x('<div class="timer svelte-tfkqbj"><!> <!></div>'), we = x('<div class="challenge-badge svelte-tfkqbj"><div class="status-pill svelte-tfkqbj"><span></span> <span class="status-label svelte-tfkqbj"> </span></div> <!></div>');
8
- const ke = {
9
- hash: "svelte-tfkqbj",
10
- code: `.challenge-badge.svelte-tfkqbj {box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:2px 8px 2px 2px;gap:6px;position:relative;background-color:var(--alpha-white-10, rgba(0, 0, 0, 0.3));border:1px solid var(--alpha-white-25, rgba(251, 251, 251, 0.2));backdrop-filter:blur(10px);border-radius:100px;width:fit-content;height:25px;&[data-status='scheduled'],
11
- &[data-status='ongoing'],
12
- &[data-status='paused'],
13
- &[data-status='suspended'] {background-color:var(--alpha-white-10, rgba(251, 251, 251, 0.1));}.status-pill:where(.svelte-tfkqbj) {box-sizing:border-box;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:20px;border:0.8px solid var(--alpha-white-25, rgba(251, 251, 251, 0.2));box-shadow:0px 0.83px 1.66px 0px rgba(16, 24, 40, 0.05);background-color:var(--alpha-black-20, rgba(0, 0, 0, 0.2));height:21px;.dot-status:where(.svelte-tfkqbj) {width:5px;height:5px;border-radius:50%;flex-shrink:0;transition:background 0.2s ease,
14
- box-shadow 0.2s ease;&.new,
15
- &.completed {background:var(--semantic-success-400, rgba(45, 223, 0, 1));}&.scheduled,
16
- &.ongoing {background:var(--semantic-info-400, rgba(0, 156, 245, 1));}&.paused,
17
- &.suspended {background:var(--bg-primary-level-1, rgba(255, 204, 0, 1));}&.expired {background:var(--secondary-300, rgba(78, 103, 134, 1));}&.rejected {background:var(--semantic-error-500, rgba(235, 0, 0, 1));}}.status-label:where(.svelte-tfkqbj) {font-weight:500;font-size:11px;line-height:13px;text-align:center;color:var(--secondary-50, rgba(223, 227, 232, 1));}}.timer:where(.svelte-tfkqbj) {display:flex;align-items:center;gap:6px;color:var(--secondary-50, rgba(223, 227, 232, 1));font-size:10px;line-height:1;white-space:nowrap;.timer-label:where(.svelte-tfkqbj),
18
- .timer-date:where(.svelte-tfkqbj) {font-weight:400;}.timer-dash:where(.svelte-tfkqbj) {font-weight:500;opacity:0.7;}}}`
19
- };
20
- function _e(C, r) {
21
- te(r, !0), ae(C, ke);
22
- const m = () => ie(pe, "$_", O), [O, $] = ce(), p = l(r, "status", 7), w = l(r, "time", 7), c = l(r, "locale", 7, ""), k = l(r, "isNew", 7, !1), _ = l(r, "isSuspended", 7, !1);
23
- se(() => re(c())), H(() => {
24
- ue(c() ?? "en");
25
- });
26
- let N = ne(de(D().valueOf()));
27
- H(() => {
28
- const t = setInterval(
29
- () => {
30
- ge(N, D().valueOf(), !0);
31
- },
32
- 1e3
33
- );
34
- return () => clearInterval(t);
35
- });
36
- const A = {
37
- new: "new",
38
- scheduled: "scheduled",
39
- ongoing: "onGoing",
40
- paused: "paused",
41
- suspended: "suspended",
42
- completed: "completed",
43
- expired: "expired",
44
- rejected: "rejected"
45
- }, n = M(() => be(p(), w(), e(N))), a = M(() => ve(p(), k(), _()));
46
- var F = {
47
- get status() {
48
- return p();
49
- },
50
- set status(t) {
51
- p(t), o();
52
- },
53
- get time() {
54
- return w();
55
- },
56
- set time(t) {
57
- w(t), o();
58
- },
59
- get locale() {
60
- return c();
61
- },
62
- set locale(t = "") {
63
- c(t), o();
64
- },
65
- get isNew() {
66
- return k();
67
- },
68
- set isNew(t = !1) {
69
- k(t), o();
70
- },
71
- get isSuspended() {
72
- return _();
73
- },
74
- set isSuspended(t = !1) {
75
- _(t), o();
76
- }
77
- }, u = we(), g = T(u), B = T(g);
78
- let E;
79
- var J = i(B, 2), K = f(J, !0);
80
- z(g);
81
- var P = i(g, 2);
82
- {
83
- var Q = (t) => {
84
- var j = me(), I = T(j);
85
- {
86
- var U = (s) => {
87
- var d = fe(), v = f(d, !0);
88
- S((q) => b(v, q), [() => m()(e(n).date)]), h(s, d);
89
- };
90
- y(I, (s) => {
91
- e(n).date && s(U);
92
- });
93
- }
94
- var V = i(I, 2);
95
- {
96
- var W = (s) => {
97
- var d = xe(), v = he(d), q = f(v, !0), L = i(v, 2);
98
- L.textContent = "-";
99
- var X = i(L, 2), Y = f(X, !0);
100
- S(
101
- (Z) => {
102
- b(q, Z), b(Y, e(n).countdownTime);
103
- },
104
- [() => m()(e(n).label)]
105
- ), h(s, d);
106
- };
107
- y(V, (s) => {
108
- e(n).countdownTime && s(W);
109
- });
110
- }
111
- z(j), h(t, j);
112
- };
113
- y(P, (t) => {
114
- e(n) && t(Q);
115
- });
116
- }
117
- z(u), S(
118
- (t) => {
119
- G(u, "data-status", e(a)), G(g, "data-status", e(a)), E = le(B, 1, "dot dot-status svelte-tfkqbj", null, E, {
120
- new: e(a) === "new",
121
- scheduled: e(a) === "scheduled",
122
- ongoing: e(a) === "ongoing",
123
- paused: e(a) === "paused",
124
- suspended: e(a) === "suspended",
125
- completed: e(a) === "completed",
126
- expired: e(a) === "expired",
127
- rejected: e(a) === "rejected"
128
- }), b(K, t);
129
- },
130
- [() => m()(A[e(a)])]
131
- ), h(C, u);
132
- var R = oe(F);
133
- return $(), R;
134
- }
135
- ee(_e, { status: {}, time: {}, locale: {}, isNew: {}, isSuspended: {} }, [], [], { mode: "open" });
136
- export {
137
- _e as B
138
- };
@@ -1,103 +0,0 @@
1
- import { c as Z, d as D, h as N, p, A as e, z as j, t as x, J as A, a as w, b as F, k as B, C as s, K as J, n as y, e as g, m as K, r as C, o as k, B as X, s as P, F as q, L as G, w as O, D as Q, i as R, l as W, $ as Y } from "./ChallengeTabs-DrR1HXiu.js";
2
- import { B as ee } from "./Badge-DSBvI-B9.js";
3
- typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
4
- }, globalThis.customElements = { define() {
5
- }, get() {
6
- }, whenDefined() {
7
- } });
8
- const ae = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
9
- var ne = B('<span class="challenge-details__banner--new-ribbon svelte-1rs963e"> </span>'), te = B('<div class="challenge-details__banner svelte-1rs963e"><div class="challenge-details__banner--overlay svelte-1rs963e"><!></div> <!> <img/></div>');
10
- const se = {
11
- hash: "svelte-1rs963e",
12
- code: `.challenge-details__banner.svelte-1rs963e {position:relative;width:100%;border-radius:12px;overflow:hidden;.challenge-details__banner--overlay:where(.svelte-1rs963e) {position:absolute;top:12px;left:12px;z-index:1;}.challenge-details__banner--image:where(.svelte-1rs963e) {display:block;width:100%;height:340px;}.challenge-details__banner--placeholder:where(.svelte-1rs963e) {object-fit:contain;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));}.challenge-details__banner--new-ribbon:where(.svelte-1rs963e) {position:absolute;top:20px;right:-70px;z-index:1;width:220px;padding:7px 0;overflow:hidden;transform:rotate(45deg);text-align:center;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0.16em;text-transform:uppercase;white-space:nowrap;color:var(--text-on-color, rgba(38, 29, 0, 1));background:var(--button-primary-bg-default, #ffcc00);box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);&::before {content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(
13
- 100deg,
14
- transparent 0%,
15
- var(--primary-300, #ffdc4d) 30%,
16
- var(--primary-100, #fff0b3) 50%,
17
- var(--primary-300, #ffdc4d) 70%,
18
- transparent 100%
19
- );transform:skewX(-18deg);-webkit-mask:linear-gradient(#000 0 0) top / 100% 2.5px no-repeat,
20
- linear-gradient(#000 0 0) bottom / 100% 2.5px no-repeat;mask:linear-gradient(#000 0 0) top / 100% 2.5px no-repeat,
21
- linear-gradient(#000 0 0) bottom / 100% 2.5px no-repeat;
22
- animation: svelte-1rs963e-challenge-details-new-ribbon-sheen 4.6s ease-in-out infinite;}}
23
-
24
- @media (max-width: 767px) {.challenge-details__banner--image:where(.svelte-1rs963e) {height:140px;}.challenge-details__banner--new-ribbon:where(.svelte-1rs963e) {top:22px;right:-38px;width:134px;padding:4px 0;font-size:10px;letter-spacing:0.14em;}
25
- }}
26
-
27
- @keyframes svelte-1rs963e-challenge-details-new-ribbon-sheen {
28
- 0%,
29
- 62% {
30
- left: -60%;
31
- }
32
-
33
- 88%,
34
- 100% {
35
- left: 130%;
36
- }
37
- }
38
-
39
- @media (prefers-reduced-motion: reduce) {.challenge-details__banner.svelte-1rs963e .challenge-details__banner--new-ribbon:where(.svelte-1rs963e)::before {
40
- animation: none;opacity:0;}
41
- }`
42
- };
43
- function re(h, r) {
44
- D(r, !0), N(h, se);
45
- const I = () => W(Y, "$_", S), [S, T] = K(), n = p(r, "challengeItem", 7), i = p(r, "locale", 7), o = p(r, "isPaused", 7, !1), $ = s(() => o() || n().ChallengeStatus === J.Paused), b = s(() => n().ChallengePresentation);
46
- let v = O(void 0);
47
- const l = s(() => e(b)?.BannerUrl), m = s(() => !!e(l) && e(v) !== e(l)), z = s(() => e(m) ? e(l) : ae);
48
- var H = {
49
- get challengeItem() {
50
- return n();
51
- },
52
- set challengeItem(a) {
53
- n(a), g();
54
- },
55
- get locale() {
56
- return i();
57
- },
58
- set locale(a) {
59
- i(a), g();
60
- },
61
- get isPaused() {
62
- return o();
63
- },
64
- set isPaused(a = !1) {
65
- o(a), g();
66
- }
67
- }, d = te(), c = y(d), L = y(c);
68
- ee(L, {
69
- get status() {
70
- return n().Status;
71
- },
72
- get time() {
73
- return n().ExpirationTime;
74
- },
75
- get isSuspended() {
76
- return e($);
77
- },
78
- get locale() {
79
- return i();
80
- }
81
- }), C(c);
82
- var u = k(c, 2);
83
- {
84
- var M = (a) => {
85
- var _ = ne(), V = Q(_, !0);
86
- x((U) => R(V, U), [() => I()("new")]), w(a, _);
87
- };
88
- j(u, (a) => {
89
- n().IsNew && a(M);
90
- });
91
- }
92
- var t = k(u, 2);
93
- let f;
94
- C(d), x(() => {
95
- f = X(t, 1, "challenge-details__banner--image svelte-1rs963e", null, f, { "challenge-details__banner--placeholder": !e(m) }), P(t, "src", e(z)), P(t, "alt", e(b)?.PresentationName ?? "");
96
- }), A("error", t, () => q(v, e(l), !0)), G(t), w(h, d);
97
- var E = F(H);
98
- return T(), E;
99
- }
100
- Z(re, { challengeItem: {}, locale: {}, isPaused: {} }, [], [], { mode: "open" });
101
- export {
102
- re as C
103
- };
@@ -1,30 +0,0 @@
1
- typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-Bkx7hDSs.cjs"),T=require("./Badge-BEjEww7C.cjs"),H="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";var M=e.from_html('<span class="challenge-details__banner--new-ribbon svelte-1rs963e"> </span>'),$=e.from_html('<div class="challenge-details__banner svelte-1rs963e"><div class="challenge-details__banner--overlay svelte-1rs963e"><!></div> <!> <img/></div>');const z={hash:"svelte-1rs963e",code:`.challenge-details__banner.svelte-1rs963e {position:relative;width:100%;border-radius:12px;overflow:hidden;.challenge-details__banner--overlay:where(.svelte-1rs963e) {position:absolute;top:12px;left:12px;z-index:1;}.challenge-details__banner--image:where(.svelte-1rs963e) {display:block;width:100%;height:340px;}.challenge-details__banner--placeholder:where(.svelte-1rs963e) {object-fit:contain;background:var(--bg-overlay-neutral-level-1, rgba(251, 251, 251, 0.05));}.challenge-details__banner--new-ribbon:where(.svelte-1rs963e) {position:absolute;top:20px;right:-70px;z-index:1;width:220px;padding:7px 0;overflow:hidden;transform:rotate(45deg);text-align:center;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:0.16em;text-transform:uppercase;white-space:nowrap;color:var(--text-on-color, rgba(38, 29, 0, 1));background:var(--button-primary-bg-default, #ffcc00);box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);&::before {content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(
2
- 100deg,
3
- transparent 0%,
4
- var(--primary-300, #ffdc4d) 30%,
5
- var(--primary-100, #fff0b3) 50%,
6
- var(--primary-300, #ffdc4d) 70%,
7
- transparent 100%
8
- );transform:skewX(-18deg);-webkit-mask:linear-gradient(#000 0 0) top / 100% 2.5px no-repeat,
9
- linear-gradient(#000 0 0) bottom / 100% 2.5px no-repeat;mask:linear-gradient(#000 0 0) top / 100% 2.5px no-repeat,
10
- linear-gradient(#000 0 0) bottom / 100% 2.5px no-repeat;
11
- animation: svelte-1rs963e-challenge-details-new-ribbon-sheen 4.6s ease-in-out infinite;}}
12
-
13
- @media (max-width: 767px) {.challenge-details__banner--image:where(.svelte-1rs963e) {height:140px;}.challenge-details__banner--new-ribbon:where(.svelte-1rs963e) {top:22px;right:-38px;width:134px;padding:4px 0;font-size:10px;letter-spacing:0.14em;}
14
- }}
15
-
16
- @keyframes svelte-1rs963e-challenge-details-new-ribbon-sheen {
17
- 0%,
18
- 62% {
19
- left: -60%;
20
- }
21
-
22
- 88%,
23
- 100% {
24
- left: 130%;
25
- }
26
- }
27
-
28
- @media (prefers-reduced-motion: reduce) {.challenge-details__banner.svelte-1rs963e .challenge-details__banner--new-ribbon:where(.svelte-1rs963e)::before {
29
- animation: none;opacity:0;}
30
- }`};function _(c,r){e.push(r,!0),e.append_styles(c,z);const m=()=>e.store_get(e.$format,"$_",f),[f,x]=e.setup_stores(),n=e.prop(r,"challengeItem",7),s=e.prop(r,"locale",7),i=e.prop(r,"isPaused",7,!1),w=e.user_derived(()=>i()||n().ChallengeStatus===e.ChallengeStatus.Paused),g=e.user_derived(()=>n().ChallengePresentation);let p=e.state(void 0);const l=e.user_derived(()=>e.get(g)?.BannerUrl),h=e.user_derived(()=>!!e.get(l)&&e.get(p)!==e.get(l)),y=e.user_derived(()=>e.get(h)?e.get(l):H);var C={get challengeItem(){return n()},set challengeItem(t){n(t),e.flushSync()},get locale(){return s()},set locale(t){s(t),e.flushSync()},get isPaused(){return i()},set isPaused(t=!1){i(t),e.flushSync()}},o=$(),d=e.child(o),k=e.child(d);T.Badge(k,{get status(){return n().Status},get time(){return n().ExpirationTime},get isSuspended(){return e.get(w)},get locale(){return s()}}),e.reset(d);var u=e.sibling(d,2);{var P=t=>{var b=M(),B=e.only_child(b,!0);e.template_effect(I=>e.set_text(B,I),[()=>m()("new")]),e.append(t,b)};e.if_block(u,t=>{n().IsNew&&t(P)})}var a=e.sibling(u,2);let v;e.reset(o),e.template_effect(()=>{v=e.set_class(a,1,"challenge-details__banner--image svelte-1rs963e",null,v,{"challenge-details__banner--placeholder":!e.get(h)}),e.set_attribute(a,"src",e.get(y)),e.set_attribute(a,"alt",e.get(g)?.PresentationName??"")}),e.event("error",a,()=>e.set(p,e.get(l),!0)),e.replay_events(a),e.append(c,o);var S=e.pop(C);return x(),S}e.create_custom_element(_,{challengeItem:{},locale:{},isPaused:{}},[],[],{mode:"open"});exports.ChallengeBanner=_;