@everymatrix/player-challenges 0.1.19 → 0.1.21

package/components/{ChallengeLevels-CmLntQ0a.js → ChallengeLevels-BZeFqcK1.js}

@@ -1,27 +1,27 @@
-import { c as pe, d as me, h as fe, p as b, w as H, x as ae, v as we, A as e, a1 as _e, W as re, t as B, a as L, b as xe, C as n, _ as be, k as S, e as y, r as u, F as J, B as ne, s as F, X as ie, N as Oe, g as Ae, o as R, a2 as Ge, a3 as De, n as f, m as We, D as le, z as q, i as se, O as Ne, Q as $e, j as Me, l as je, $ as Be, Y as He } from "./ChallengeTabs-DrR1HXiu.js";
-import { L as Fe } from "./LockIcon-B96T_uuy.js";
-import { G as Qe } from "./GiftIcon-B0dDFiN1.js";
-import { T as Xe } from "./TargetIcon-Bv2zPej6.js";
-import { C as Ye } from "./CheckIcon-DlNpzYWO.js";
-import { C as qe } from "./ChevronIcon-BLforcQh.js";
-import { O as D, C as Je } from "./ChallengeProgressItem-3A5VPooB.js";
+import { c as pe, d as me, h as fe, p as b, w as H, x as ae, v as we, A as e, a6 as _e, a0 as re, t as B, a as L, b as xe, C as n, a4 as be, k as S, e as y, r as u, F as Q, B as ne, s as F, a1 as ie, P as Oe, g as Ae, o as R, a7 as Ge, a8 as De, n as f, m as We, D as le, z as K, i as se, R as $e, U as Me, j as Ne, l as je, $ as Be, a2 as He } from "./ChallengeTabs-ChPgDbCC.js";
+import { L as Fe } from "./LockIcon-CoRJ3QaD.js";
+import { G as Ue } from "./GiftIcon-_250eu0E.js";
+import { T as qe } from "./TargetIcon-Bk9wDeBq.js";
+import { C as Je } from "./CheckIcon-BTnHaUd4.js";
+import { C as Ke } from "./ChevronIcon-Cas27TfT.js";
+import { O as D, C as Qe } from "./ChallengeProgressItem-BQlOQvIh.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
-var Ke = S("<div></div>");
-const Ue = {
+var Ve = S("<div></div>");
+const Xe = {
   hash: "svelte-1gkzvh",
   code: ".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;}.challenge-progress.horizontal.svelte-1gkzvh {position:relative;flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:16px;padding-left:4px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"
 };
 function ye(k, r) {
-  me(r, !0), fe(k, Ue);
-  const o = b(r, "challenge", 7), i = b(r, "orientation", 23, () => D.vertical), W = b(r, "isExpired", 7, !1), g = b(r, "isPaused", 7, !1), h = b(r, "syncRows", 7, !1), T = b(r, "rowGap", 7, 0), N = b(r, "isAnonymous", 7), _ = n(() => o().LevelProgresses ?? []), Q = n(() => o().Status), X = n(() => !N() && Oe(o())), I = n(() => e(_).length > 0), E = n(() => i() === D.horizontal && e(_).length >= 5), P = n(() => {
+  me(r, !0), fe(k, Xe);
+  const o = b(r, "challenge", 7), i = b(r, "orientation", 23, () => D.vertical), W = b(r, "isExpired", 7, !1), g = b(r, "isPaused", 7, !1), h = b(r, "syncRows", 7, !1), T = b(r, "rowGap", 7, 0), $ = b(r, "isAnonymous", 7), _ = n(() => o().LevelProgresses ?? []), U = n(() => o().Status), q = n(() => !$() && Oe(o())), I = n(() => e(_).length > 0), E = n(() => i() === D.horizontal && e(_).length >= 5), P = n(() => {
     if (i() !== D.horizontal || !e(_).length) return -1;
     let t = -1, p = -1;
     return e(_).forEach((m, A) => {
-      const G = be(m, e(Q));
+      const G = be(m, e(U));
       G === "completed" && (t = A), G === "current" && (p = A);
     }), t >= 0 ? t : p >= 0 ? p : 0;
   });
@@ -35,7 +35,7 @@ function ye(k, r) {
     const t = e(O)[e(P)];
     t && (e(x).scrollLeft = t.offsetLeft);
   });
-  var K = {
+  var V = {
     get challenge() {
       return o();
     },
@@ -73,17 +73,17 @@ function ye(k, r) {
       T(t), y();
     },
     get isAnonymous() {
-      return N();
+      return $();
     },
     set isAnonymous(t) {
-      N(t), y();
+      $(t), y();
     }
-  }, v = Ke();
-  let Y;
+  }, v = Ve();
+  let J;
   return _e(v, 23, () => e(_), (t) => t.LevelId, (t, p, m) => {
     {
       let A = n(() => e(m) === e(_).length - 1), G = n(() => h() ? e(m) + 1 : void 0), l = n(() => e(I) && e(m) === 0);
-      Je(t, {
+      Qe(t, {
         get level() {
           return e(p);
         },
@@ -91,7 +91,7 @@ function ye(k, r) {
           return e(_)[e(m) + 1];
         },
         get challengeStatus() {
-          return e(Q);
+          return e(U);
         },
         get isExpired() {
           return W();
@@ -112,7 +112,7 @@ function ye(k, r) {
           return e(l);
         },
         get optedIn() {
-          return e(X);
+          return e(q);
         },
         get itemEl() {
           return e(O)[e(m)];
@@ -122,14 +122,14 @@ function ye(k, r) {
         }
       });
     }
-  }), u(v), re(v, (t) => J(x, t), () => e(x)), B(() => {
-    Y = ne(v, 1, "challenge-progress svelte-1gkzvh", null, Y, {
+  }), u(v), re(v, (t) => Q(x, t), () => e(x)), B(() => {
+    J = ne(v, 1, "challenge-progress svelte-1gkzvh", null, J, {
       horizontal: i() === D.horizontal,
       vertical: i() === D.vertical,
       dense: e(E),
       synced: h()
     }), F(v, "data-orientation", i()), F(v, "data-dense", e(E)), F(v, "data-synced", h()), ie(v, h() ? `--progress-row-gap: ${T()}px;` : void 0);
-  }), L(k, v), xe(K);
+  }), L(k, v), xe(V);
 }
 pe(
   ye,
@@ -158,14 +158,14 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = k(customElements.define), import("./ChallengeProgress-BPSQNZFN.js").then((r) => {
+  customElements.define = k(customElements.define), import("./ChallengeProgress-BCBcs2jH.js").then((r) => {
     const o = r.default || r;
     customElements.get("challenge-progress") || customElements.define("challenge-progress", o.element || o);
   }).catch((r) => {
     console.error("BOOT ERROR:", r);
   });
 }
-var Ve = S('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'), Ze = S('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'), he = S('<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>'), et = S('<button type="button"><!></button>'), tt = S('<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>'), lt = S('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');
+var Ye = S('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'), Ze = S('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'), he = S('<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>'), et = S('<button type="button"><!></button>'), tt = S('<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>'), lt = S('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');
 const st = {
   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(
@@ -179,15 +179,15 @@ const st = {
 };
 function at(k, r) {
   me(r, !0), fe(k, st);
-  const o = () => je(Be, "$_", i), [i, W] = We(), g = b(r, "challengeItem", 7), h = b(r, "isPaused", 7, !1), T = n(() => g()?.LevelProgresses ?? []), N = n(() => g()?.CurrencySymbol ?? ""), _ = n(() => !De(g()?.Status)), Q = n(() => h() || g()?.Status === He.Paused), X = 16;
+  const o = () => je(Be, "$_", i), [i, W] = We(), g = b(r, "challengeItem", 7), h = b(r, "isPaused", 7, !1), T = n(() => g()?.LevelProgresses ?? []), $ = n(() => g()?.CurrencySymbol ?? ""), _ = n(() => !De(g()?.Status)), U = n(() => h() || g()?.Status === He.Paused), q = 16;
   let I = H(ae([])), E = H(ae([])), P = {}, x = {}, O = H(0);
-  const K = (l) => {
-    J(
+  const V = (l) => {
+    Q(
       I,
       e(I).includes(l) ? e(I).filter((c) => c !== l) : [...e(I), l],
       !0
     );
-  }, v = (l) => !!l && l.scrollWidth > l.clientWidth, Y = () => {
+  }, v = (l) => !!l && l.scrollWidth > l.clientWidth, J = () => {
     const l = [];
     for (const { LevelId: w } of e(T)) {
       if (e(I).includes(w)) {
@@ -196,10 +196,10 @@ function at(k, r) {
       }
       (v(P[w]) || v(x[w])) && l.push(w);
     }
-    (l.length !== e(E).length || l.some((w) => !e(E).includes(w))) && J(E, l, !0);
+    (l.length !== e(E).length || l.some((w) => !e(E).includes(w))) && Q(E, l, !0);
   };
   we(() => {
-    e(O), Y();
+    e(O), J();
   });
   var t = {
     get challengeItem() {
@@ -215,7 +215,7 @@ function at(k, r) {
       h(l), y();
     }
   }, p = lt();
-  ie(p, `--challenge-levels-row-gap: ${X}px;`);
+  ie(p, `--challenge-levels-row-gap: ${q}px;`);
   var m = f(p);
   ye(m, {
     get challenge() {
@@ -229,36 +229,36 @@ function at(k, r) {
       return h();
     },
     syncRows: !0,
-    rowGap: X
+    rowGap: q
   });
   var A = R(m, 2);
   _e(A, 19, () => e(T), (l) => l.LevelId, (l, c, w) => {
-    const oe = n(() => be(e(c), g().Status)), $ = n(() => e(Q) && e(oe) === "current" ? "locked" : e(oe)), ce = n(() => Ne(e(c))), de = n(() => $e(e(c), e(N), o())), U = n(() => e(I).includes(e(c).LevelId)), Ie = n(() => e(E).includes(e(c).LevelId));
-    var M = tt();
+    const oe = n(() => be(e(c), g().Status)), M = n(() => e(U) && e(oe) === "current" ? "locked" : e(oe)), ce = n(() => $e(e(c))), de = n(() => Me(e(c), e($), o())), X = n(() => e(I).includes(e(c).LevelId)), Ie = n(() => e(E).includes(e(c).LevelId));
+    var N = tt();
     let ge;
-    var V = f(M), ve = f(V), Ee = le(ve), Le = R(ve, 2);
+    var Y = f(N), ve = f(Y), Ee = le(ve), Le = R(ve, 2);
     {
       var ke = (a) => {
-        var s = Ve(), d = f(s);
-        Ye(d, {}), u(s), L(a, s);
+        var s = Ye(), d = f(s);
+        Je(d, {}), u(s), L(a, s);
       }, Pe = (a) => {
         var s = Ze(), d = f(s);
         Fe(d, {}), u(s), L(a, s);
       };
-      q(Le, (a) => {
-        e($) === "completed" ? a(ke) : (e($) === "locked" || e($) === "locked-in-progress") && a(Pe, 1);
+      K(Le, (a) => {
+        e(M) === "completed" ? a(ke) : (e(M) === "locked" || e(M) === "locked-in-progress") && a(Pe, 1);
       });
     }
-    u(V);
-    var Z = R(V, 2), ue = f(Z);
+    u(Y);
+    var Z = R(Y, 2), ue = f(Z);
     {
       var ze = (a) => {
         var s = he(), d = f(s), j = f(d);
-        Qe(j, {}), u(d);
+        Ue(j, {}), u(d);
         var z = R(d, 2), ee = le(z, !0);
         re(z, (C, te) => P[te.LevelId] = C, (C) => P?.[C.LevelId], () => [e(c)]), u(s), B(() => se(ee, e(ce))), L(a, s);
       };
-      q(ue, (a) => {
+      K(ue, (a) => {
         e(ce) && a(ze);
       });
     }
@@ -266,11 +266,11 @@ function at(k, r) {
     {
       var Re = (a) => {
         var s = he(), d = f(s), j = f(d);
-        Xe(j, {}), u(d);
+        qe(j, {}), u(d);
         var z = R(d, 2), ee = le(z, !0);
         re(z, (C, te) => x[te.LevelId] = C, (C) => x?.[C.LevelId], () => [e(c)]), u(s), B(() => se(ee, e(de))), L(a, s);
       };
-      q(Ce, (a) => {
+      K(Ce, (a) => {
         e(de) && a(Re);
       });
     }
@@ -281,28 +281,28 @@ function at(k, r) {
         var s = et();
         let d;
         var j = f(s);
-        qe(j, { size: 16 }), u(s), B(
+        Ke(j, { size: 16 }), u(s), B(
           (z) => {
-            d = ne(s, 1, "challenge-details__level--toggle svelte-g28wmr", null, d, { expanded: e(U) }), F(s, "aria-expanded", e(U)), F(s, "aria-label", z);
+            d = ne(s, 1, "challenge-details__level--toggle svelte-g28wmr", null, d, { expanded: e(X) }), F(s, "aria-expanded", e(X)), F(s, "aria-label", z);
           },
           [() => o()("level")]
-        ), Me("click", s, () => K(e(c).LevelId)), L(a, s);
+        ), Ne("click", s, () => V(e(c).LevelId)), L(a, s);
       };
-      q(Se, (a) => {
+      K(Se, (a) => {
         e(Ie) && a(Te);
       });
     }
-    u(M), B(
+    u(N), B(
       (a) => {
-        ge = ne(M, 1, "challenge-details__level--details-item svelte-g28wmr", null, ge, {
-          current: e($) === "current",
-          completed: e($) === "completed",
-          expanded: e(U)
-        }), ie(M, `grid-row: ${e(w) + 1}; grid-column: 2;`), se(Ee, `${a ?? ""} ${e(c).OrderNumber + 1}`);
+        ge = ne(N, 1, "challenge-details__level--details-item svelte-g28wmr", null, ge, {
+          current: e(M) === "current",
+          completed: e(M) === "completed",
+          expanded: e(X)
+        }), ie(N, `grid-row: ${e(w) + 1}; grid-column: 2;`), se(Ee, `${a ?? ""} ${e(c).OrderNumber + 1}`);
       },
       [() => o()("level")]
-    ), L(l, M);
-  }), u(p), Ge(p, "clientWidth", (l) => J(O, l)), L(k, p);
+    ), L(l, N);
+  }), u(p), Ge(p, "clientWidth", (l) => Q(O, l)), L(k, p);
   var G = xe(t);
   return W(), G;
 }

package/components/{ChallengeLevels-BpGMpkdK.cjs → ChallengeLevels-DLkqfeNt.cjs}

@@ -1,4 +1,4 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-Bkx7hDSs.cjs"),oe=require("./LockIcon-C0YL_dFy.cjs"),ge=require("./GiftIcon-BEczx5al.cjs"),ce=require("./TargetIcon-CCXuJUbZ.cjs"),de=require("./CheckIcon-DeZrzQxv.cjs"),ve=require("./ChevronIcon-Bx8g9KW1.cjs"),E=require("./ChallengeProgressItem-bSzmG8l2.cjs");var ue=e.from_html("<div></div>");const he={hash:"svelte-1gkzvh",code:".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;}.challenge-progress.horizontal.svelte-1gkzvh {position:relative;flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:16px;padding-left:4px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"};function j(b,n){e.push(n,!0),e.append_styles(b,he);const i=e.prop(n,"challenge",7),a=e.prop(n,"orientation",23,()=>E.ORIENTATION.vertical),T=e.prop(n,"isExpired",7,!1),c=e.prop(n,"isPaused",7,!1),v=e.prop(n,"syncRows",7,!1),k=e.prop(n,"rowGap",7,0),O=e.prop(n,"isAnonymous",7),_=e.user_derived(()=>i().LevelProgresses??[]),A=e.user_derived(()=>i().Status),N=e.user_derived(()=>!O()&&e.isOptedIn(i())),m=e.user_derived(()=>e.get(_).length>0),w=e.user_derived(()=>a()===E.ORIENTATION.horizontal&&e.get(_).length>=5),x=e.user_derived(()=>{if(a()!==E.ORIENTATION.horizontal||!e.get(_).length)return-1;let t=-1,u=-1;return e.get(_).forEach((h,P)=>{const S=e.getLevelDisplayStatus(h,e.get(A));S==="completed"&&(t=P),S==="current"&&(u=P)}),t>=0?t:u>=0?u:0});let f=e.state(void 0),L=e.state(e.proxy([]));e.user_effect(()=>{if(!e.get(f)||e.get(x)<0)return;if(e.get(x)===0){e.get(f).scrollLeft=0;return}const t=e.get(L)[e.get(x)];t&&(e.get(f).scrollLeft=t.offsetLeft)});var q={get challenge(){return i()},set challenge(t){i(t),e.flushSync()},get orientation(){return a()},set orientation(t=E.ORIENTATION.vertical){a(t),e.flushSync()},get isExpired(){return T()},set isExpired(t=!1){T(t),e.flushSync()},get isPaused(){return c()},set isPaused(t=!1){c(t),e.flushSync()},get syncRows(){return v()},set syncRows(t=!1){v(t),e.flushSync()},get rowGap(){return k()},set rowGap(t=0){k(t),e.flushSync()},get isAnonymous(){return O()},set isAnonymous(t){O(t),e.flushSync()}},d=ue();let G;return e.each(d,23,()=>e.get(_),t=>t.LevelId,(t,u,h)=>{{let P=e.user_derived(()=>e.get(h)===e.get(_).length-1),S=e.user_derived(()=>v()?e.get(h)+1:void 0),l=e.user_derived(()=>e.get(m)&&e.get(h)===0);E.ChallengeProgressItem(t,{get level(){return e.get(u)},get nextLevel(){return e.get(_)[e.get(h)+1]},get challengeStatus(){return e.get(A)},get isExpired(){return T()},get isPaused(){return c()},get isLast(){return e.get(P)},get orientation(){return a()},get gridRow(){return e.get(S)},get showStart(){return e.get(l)},get optedIn(){return e.get(N)},get itemEl(){return e.get(L)[e.get(h)]},set itemEl(o){e.get(L)[e.get(h)]=o}})}}),e.reset(d),e.bind_this(d,t=>e.set(f,t),()=>e.get(f)),e.template_effect(()=>{G=e.set_class(d,1,"challenge-progress svelte-1gkzvh",null,G,{horizontal:a()===E.ORIENTATION.horizontal,vertical:a()===E.ORIENTATION.vertical,dense:e.get(w),synced:v()}),e.set_attribute(d,"data-orientation",a()),e.set_attribute(d,"data-dense",e.get(w)),e.set_attribute(d,"data-synced",v()),e.set_style(d,v()?`--progress-row-gap: ${k()}px;`:void 0)}),e.append(b,d),e.pop(q)}e.create_custom_element(j,{challenge:{},orientation:{},isExpired:{},isPaused:{},syncRows:{},rowGap:{},isAnonymous:{}},[],[],{mode:"open"});if(typeof window<"u"){let b=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=b(customElements.define),Promise.resolve().then(()=>require("./ChallengeProgress-vtUcMyKL.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 pe=e.from_html('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'),_e=e.from_html('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'),V=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>'),fe=e.from_html('<button type="button"><!></button>'),me=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>'),we=e.from_html('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');const be={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(
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-Bnf7anrC.cjs"),oe=require("./LockIcon-F5xc2hVw.cjs"),ge=require("./GiftIcon-Cq0_r3yQ.cjs"),ce=require("./TargetIcon-BUbBjPdb.cjs"),de=require("./CheckIcon-mIgZl9-4.cjs"),ve=require("./ChevronIcon-BgZI62XE.cjs"),E=require("./ChallengeProgressItem-Cz1YgWGi.cjs");var ue=e.from_html("<div></div>");const he={hash:"svelte-1gkzvh",code:".challenge-progress.svelte-1gkzvh {display:flex;align-items:flex-start;width:100%;}.challenge-progress.horizontal.svelte-1gkzvh {position:relative;flex-direction:row;align-items:center;width:100%;min-width:0;overflow:hidden;flex:1;overflow-x:auto;padding-top:16px;padding-left:4px;}.challenge-progress.vertical.svelte-1gkzvh {flex-direction:column;width:fit-content;}.challenge-progress.synced.svelte-1gkzvh {display:contents;}"};function j(b,n){e.push(n,!0),e.append_styles(b,he);const i=e.prop(n,"challenge",7),a=e.prop(n,"orientation",23,()=>E.ORIENTATION.vertical),T=e.prop(n,"isExpired",7,!1),c=e.prop(n,"isPaused",7,!1),v=e.prop(n,"syncRows",7,!1),k=e.prop(n,"rowGap",7,0),O=e.prop(n,"isAnonymous",7),_=e.user_derived(()=>i().LevelProgresses??[]),A=e.user_derived(()=>i().Status),N=e.user_derived(()=>!O()&&e.isOptedIn(i())),m=e.user_derived(()=>e.get(_).length>0),w=e.user_derived(()=>a()===E.ORIENTATION.horizontal&&e.get(_).length>=5),x=e.user_derived(()=>{if(a()!==E.ORIENTATION.horizontal||!e.get(_).length)return-1;let t=-1,u=-1;return e.get(_).forEach((h,P)=>{const S=e.getLevelDisplayStatus(h,e.get(A));S==="completed"&&(t=P),S==="current"&&(u=P)}),t>=0?t:u>=0?u:0});let f=e.state(void 0),L=e.state(e.proxy([]));e.user_effect(()=>{if(!e.get(f)||e.get(x)<0)return;if(e.get(x)===0){e.get(f).scrollLeft=0;return}const t=e.get(L)[e.get(x)];t&&(e.get(f).scrollLeft=t.offsetLeft)});var q={get challenge(){return i()},set challenge(t){i(t),e.flushSync()},get orientation(){return a()},set orientation(t=E.ORIENTATION.vertical){a(t),e.flushSync()},get isExpired(){return T()},set isExpired(t=!1){T(t),e.flushSync()},get isPaused(){return c()},set isPaused(t=!1){c(t),e.flushSync()},get syncRows(){return v()},set syncRows(t=!1){v(t),e.flushSync()},get rowGap(){return k()},set rowGap(t=0){k(t),e.flushSync()},get isAnonymous(){return O()},set isAnonymous(t){O(t),e.flushSync()}},d=ue();let G;return e.each(d,23,()=>e.get(_),t=>t.LevelId,(t,u,h)=>{{let P=e.user_derived(()=>e.get(h)===e.get(_).length-1),S=e.user_derived(()=>v()?e.get(h)+1:void 0),l=e.user_derived(()=>e.get(m)&&e.get(h)===0);E.ChallengeProgressItem(t,{get level(){return e.get(u)},get nextLevel(){return e.get(_)[e.get(h)+1]},get challengeStatus(){return e.get(A)},get isExpired(){return T()},get isPaused(){return c()},get isLast(){return e.get(P)},get orientation(){return a()},get gridRow(){return e.get(S)},get showStart(){return e.get(l)},get optedIn(){return e.get(N)},get itemEl(){return e.get(L)[e.get(h)]},set itemEl(o){e.get(L)[e.get(h)]=o}})}}),e.reset(d),e.bind_this(d,t=>e.set(f,t),()=>e.get(f)),e.template_effect(()=>{G=e.set_class(d,1,"challenge-progress svelte-1gkzvh",null,G,{horizontal:a()===E.ORIENTATION.horizontal,vertical:a()===E.ORIENTATION.vertical,dense:e.get(w),synced:v()}),e.set_attribute(d,"data-orientation",a()),e.set_attribute(d,"data-dense",e.get(w)),e.set_attribute(d,"data-synced",v()),e.set_style(d,v()?`--progress-row-gap: ${k()}px;`:void 0)}),e.append(b,d),e.pop(q)}e.create_custom_element(j,{challenge:{},orientation:{},isExpired:{},isPaused:{},syncRows:{},rowGap:{},isAnonymous:{}},[],[],{mode:"open"});if(typeof window<"u"){let b=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=b(customElements.define),Promise.resolve().then(()=>require("./ChallengeProgress-BZvt_E-M.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 pe=e.from_html('<span class="challenge-details__level-item--icon-completed svelte-g28wmr"><!></span>'),_e=e.from_html('<span class="challenge-details__level-item--icon svelte-g28wmr"><!></span>'),V=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>'),fe=e.from_html('<button type="button"><!></button>'),me=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>'),we=e.from_html('<div class="challenge-details__levels svelte-g28wmr"><!> <!></div>');const be={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(
         90deg,
         color-mix(in srgb, var(--button-primary-bg-default, rgba(255, 204, 0, 0.5)) 50%, transparent) 10%,
         color-mix(in srgb, var(--alpha-primary-50, rgba(255, 204, 0, 0.25)) 50%, transparent) 100%