@everymatrix/player-challenges 0.1.27 → 0.1.28

package/components/ChallengeProgressItem-BKmopRoi.js

@@ -0,0 +1,468 @@
+import { c as sr, d as tr, h as ar, p as P, a5 as or, J as F, A as h, a as g, b as nr, e as S, m as lr, o as v, n as t, B as e, r as a, a6 as ir, t as x, D as m, s as l, i as Y, a7 as J, k as d, E as i, a8 as cr, a9 as Me, l as gr, $ as dr, aa as Oe, ab as pr } from "./ChallengeTabs-DRKSY-vH.js";
+import { G as vr } from "./gift-box-BcvZI7Gc.js";
+import { G as Ae } from "./gift-box-gray-DcOvqkwI.js";
+import { G as hr } from "./gift-shine-left-ylsmHXUO.js";
+import { G as mr } from "./gift-shine-right-Dv2rDIbi.js";
+import { C as Z } from "./ChipIcon-CU8BiGM5.js";
+import { C as pe } from "./ChipShineIcon-DWo1fBoj.js";
+import { C as De } from "./CheckIcon-BCx9LxqP.js";
+import { O as ve } from "./types-C1hrKH4R.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var br = d('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>', 1), ur = d('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'), wr = d("<div><!></div> <div><!></div>", 1), xr = d('<span class="challenge-progress-item-node-icon challenge-progress-item-node-icon-pulse svelte-bo2wdj" role="img" aria-label="Gift Box"></span>'), fr = d('<img alt="Gift Box" class="challenge-progress-item-node-icon svelte-bo2wdj"/>'), _r = d('<div class="challenge-progress-item-check svelte-bo2wdj"><!></div>'), jr = d('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>', 1), kr = d('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'), yr = d("<div><!></div>"), zr = d('<!> <div><div class="challenge-progress-item-node-wrapper svelte-bo2wdj"><div class="challenge-progress-item-node svelte-bo2wdj"><!> <!></div></div> <span class="challenge-progress-item-label svelte-bo2wdj"> </span></div> <!>', 1), Pr = d('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>', 1), Sr = d('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'), Lr = d("<div><!></div> <div><!></div>", 1), Ir = d('<span class="challenge-progress-item-node-icon challenge-progress-item-node-icon-pulse svelte-bo2wdj" role="img" aria-label="Gift Box"></span>'), Cr = d('<img alt="Gift Box" class="challenge-progress-item-node-icon svelte-bo2wdj"/>'), Er = d('<div class="challenge-progress-item-check svelte-bo2wdj"><!></div>'), Gr = d('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>', 1), Nr = d('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'), Tr = d("<div><!></div>"), Br = d('<div><div class="challenge-progress-item-node-wrapper svelte-bo2wdj"><!> <div class="challenge-progress-item-node svelte-bo2wdj"><!> <!></div></div> <span class="challenge-progress-item-label svelte-bo2wdj"> </span> <!></div>');
+const Rr = {
+  hash: "svelte-bo2wdj",
+  code: `.challenge-progress-item.svelte-bo2wdj {display:flex;align-items:center;position:relative;}.challenge-progress-item.horizontal.svelte-bo2wdj {flex-direction:column;flex:0 0 auto;align-items:center;.challenge-progress-item-node-wrapper:where(.svelte-bo2wdj) {height:39px;}}.challenge-progress-item.vertical.svelte-bo2wdj {flex-direction:column;align-items:center;min-height:calc(56px + var(--progress-start-offset, 0px));}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-connector:where(.svelte-bo2wdj) {position:absolute;top:calc(25px + var(--progress-start-offset, 0px));left:calc(50% - 1px);width:2px;bottom:0;z-index:auto;}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-marker:where(.svelte-bo2wdj) {position:absolute;top:var(--progress-percent, 50%);left:50%;transform:translate(-50%, -50%);}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-start-connector:where(.svelte-bo2wdj) .challenge-progress-item-marker:where(.svelte-bo2wdj) {top:calc(var(--progress-percent, 50%) - 10.5px);}.challenge-progress-item.vertical.synced.svelte-bo2wdj {height:100%;min-height:0;}.challenge-progress-item.vertical.synced.another-level.svelte-bo2wdj {justify-content:center;}.challenge-progress-item.vertical.synced.svelte-bo2wdj .challenge-progress-item-connector:where(.svelte-bo2wdj) {bottom:calc(-4 * var(--progress-row-gap, 0px));}.challenge-progress-item.vertical.synced.another-level.svelte-bo2wdj .challenge-progress-item-connector:where(.svelte-bo2wdj) {top:50%;bottom:calc(-4 * var(--progress-row-gap, 0px));}.challenge-progress-item.vertical.synced.svelte-bo2wdj .challenge-progress-item-marker:where(.svelte-bo2wdj) {top:var(--progress-percent, 50%);transform:translate(-50%, -50%);}.challenge-progress-item.vertical.synced.svelte-bo2wdj .challenge-progress-item-start-connector:where(.svelte-bo2wdj) .challenge-progress-item-marker:where(.svelte-bo2wdj) {top:var(--progress-percent, 50%);}.challenge-progress-item-connector.horizontal {flex:1 1 auto;height:2px;}.challenge-progress-item-connector.horizontal.lead {flex-grow:0.4;margin-left:-10.5px;}.challenge-progress-item-connector.horizontal.lead:nth-last-child(2) {flex-grow:1;}.challenge-progress.dense .challenge-progress-item-connector.horizontal {flex:0 0 calc(20% - 32px);}.challenge-progress.dense .challenge-progress-item-connector.horizontal.lead {flex-basis:calc(0.4 * (20% - 32px));}
+  @media (max-width: 767px) {.challenge-progress.dense .challenge-progress-item-connector.horizontal {flex-basis:calc(20% - 30px);}.challenge-progress.dense .challenge-progress-item-connector.horizontal.lead {flex-basis:calc(0.4 * (20% - 30px));}
+  }.challenge-progress-item-connector.horizontal .challenge-progress-item-marker {position:absolute;top:-30px;left:var(--progress-percent, 50%);transform:translateX(-50%);}.challenge-progress-item-node-wrapper.svelte-bo2wdj {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}.challenge-progress-item-start-node.svelte-bo2wdj {display:flex;z-index:1;color:var(--icon-brand, rgba(255, 204, 0, 1));}.challenge-progress-item-start-node.horizontal.svelte-bo2wdj {flex:0 0 auto;height:32px;align-items:center;justify-content:center;}
+  @media (max-width: 767px) {.challenge-progress-item-start-node.horizontal.svelte-bo2wdj {height:30px;}
+  }.challenge-progress-item-start-node.vertical.svelte-bo2wdj {color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-start-node.vertical.active.svelte-bo2wdj:not(.expired) {color:var(--icon-brand, rgba(255, 204, 0, 1));}.challenge-progress-item-start-node.expired.svelte-bo2wdj {color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-start-connector.svelte-bo2wdj {position:relative;z-index:2;width:2px;margin-top:-10.5px;height:calc(16px + 10.5px);background:var(--border-strong, rgba(251, 251, 251, 0.2));}.challenge-progress-item-start-connector.active.svelte-bo2wdj {background:var(--icon-brand, rgba(255, 204, 0, 1));}.challenge-progress-item-start-connector.expired.svelte-bo2wdj {background:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-start-connector.progress.svelte-bo2wdj {background:linear-gradient(
+      to bottom,
+      var(--icon-brand, rgba(255, 204, 0, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item-node.svelte-bo2wdj {position:relative;}.challenge-progress-item-node-icon.svelte-bo2wdj {width:32px;height:32px;object-fit:contain;}.challenge-progress-item-node-icon-pulse.svelte-bo2wdj {display:inline-block;background-image:var(--gift-box-gray-url);background-size:contain;background-repeat:no-repeat;background-position:center;
+    animation: svelte-bo2wdj-gift-pulse 1.8s steps(1, end) infinite;}
+  @keyframes svelte-bo2wdj-gift-pulse {
+    0%,
+    32% {
+      background-image: var(--gift-shine-left-url);
+    }
+    33%,
+    65% {
+      background-image: var(--gift-box-gray-url);
+    }
+    66%,
+    100% {
+      background-image: var(--gift-shine-right-url);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {.challenge-progress-item-node-icon-pulse.svelte-bo2wdj {
+      animation: none;background-image:var(--gift-box-gray-url);}
+  }
+  @media (max-width: 767px) {.challenge-progress-item-node-icon.svelte-bo2wdj {width:30px;height:30px;}
+  }.challenge-progress-item-check.svelte-bo2wdj {position:absolute;top:3px;right:-5px;width:15px;height:15px;background:var(--progress-success);color:var(--icon-success, rgba(50, 242, 0, 1));display:flex;}.challenge-progress-item-marker.svelte-bo2wdj {display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;}.challenge-progress-item-marker-bubble.svelte-bo2wdj {position:relative;background:var(--semantic-alert-500, rgba(255, 205, 5, 1));color:var(--text-on-color, rgba(38, 29, 0, 1));font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap;}.challenge-progress-item-marker-bubble.success.svelte-bo2wdj {background:var(--icon-success, rgba(50, 242, 0, 1));}.challenge-progress-item-connector.horizontal .challenge-progress-item-marker-bubble::after {content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--semantic-alert-500, rgba(255, 205, 5, 1));}.challenge-progress-item-connector.horizontal .challenge-progress-item-marker-bubble {top:-5px;}.challenge-progress-item-connector.horizontal .challenge-progress-item-marker-bubble.success::after {border-top-color:var(--icon-success, rgba(50, 242, 0, 1));}.challenge-progress-item-connector.horizontal.expired .challenge-progress-item-marker-bubble::after {border-top-color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-marker-bubble:where(.svelte-bo2wdj)::after {content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--semantic-alert-500, rgba(255, 205, 5, 1));}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-marker-bubble.success:where(.svelte-bo2wdj)::after {border-top-color:var(--icon-success, rgba(50, 242, 0, 1));}.challenge-progress-item.vertical.expired.svelte-bo2wdj .challenge-progress-item-marker-bubble:where(.svelte-bo2wdj)::after {border-top-color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-marker-icon.svelte-bo2wdj {position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--icon-brand, rgba(255, 204, 0, 1));}.challenge-progress-item-marker-icon-shine.svelte-bo2wdj {position:absolute;inset:-6px;display:flex;opacity:0;z-index:-1;pointer-events:none;
+    animation: svelte-bo2wdj-chip-shine 1.7s ease-in-out infinite;animation-delay:100ms;animation-timing-function:ease-out;}
+  @keyframes svelte-bo2wdj-chip-shine {
+    0%,
+    25%,
+    85%,
+    100% {
+      opacity: 0;
+    }
+    45%,
+    65% {
+      opacity: 1;
+    }
+  }.challenge-progress-item-marker-icon.paused.svelte-bo2wdj .challenge-progress-item-marker-icon-shine:where(.svelte-bo2wdj) {
+    animation: none;opacity:0;}
+  @media (prefers-reduced-motion: reduce) {.challenge-progress-item-marker-icon-shine.svelte-bo2wdj {
+      animation: none;opacity:0;}
+  }.challenge-progress-item-label.svelte-bo2wdj {font-size:6px;color:var(--text-default, rgba(255, 255, 255, 1));white-space:nowrap;font-weight:700;line-height:4px;}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-label:where(.svelte-bo2wdj) {display:none;}.challenge-progress-item-connector {position:relative;z-index:2;background:var(--border-strong, rgba(251, 251, 251, 0.2));}.challenge-progress-item-connector.completed {background:var(--text-brand, rgba(255, 204, 0, 1));}.challenge-progress-item-connector.completed.expired {background:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-connector.horizontal.progress {background:linear-gradient(
+      to right,
+      var(--text-brand, rgba(255, 204, 0, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-connector.progress:where(.svelte-bo2wdj) {background:linear-gradient(
+      to bottom,
+      var(--text-brand, rgba(255, 204, 0, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item-connector.horizontal.progress.expired {background:linear-gradient(
+      to right,
+      var(--secondary-200, rgba(160, 172, 187, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item.vertical.svelte-bo2wdj .challenge-progress-item-connector.progress.expired:where(.svelte-bo2wdj) {background:linear-gradient(
+      to bottom,
+      var(--secondary-200, rgba(160, 172, 187, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item-start-connector.progress.expired.svelte-bo2wdj {background:linear-gradient(
+      to bottom,
+      var(--secondary-200, rgba(160, 172, 187, 1)) var(--progress-percent, 0%),
+      var(--border-strong, rgba(251, 251, 251, 0.2)) var(--progress-percent, 0%)
+    );}.challenge-progress-item.expired.svelte-bo2wdj .challenge-progress-item-check:where(.svelte-bo2wdj) {color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item.expired.svelte-bo2wdj .challenge-progress-item-label:where(.svelte-bo2wdj) {color:var(--secondary-300, rgba(78, 103, 134, 1));}.challenge-progress-item-connector.expired {background:var(--border-strong, rgba(251, 251, 251, 0.2));}.challenge-progress-item-connector.horizontal.expired.svelte-bo2wdj .challenge-progress-item-marker-bubble:where(.svelte-bo2wdj) {background:var(--secondary-200, rgba(160, 172, 187, 1));color:var(--text-default, rgba(255, 255, 255, 1));}.challenge-progress-item.vertical.expired.svelte-bo2wdj .challenge-progress-item-marker-bubble:where(.svelte-bo2wdj) {background:var(--secondary-200, rgba(160, 172, 187, 1));color:var(--text-default, rgba(255, 255, 255, 1));}.challenge-progress-item-connector.expired.svelte-bo2wdj .challenge-progress-item-marker-icon:where(.svelte-bo2wdj),
+  .challenge-progress-item-start-connector.expired.svelte-bo2wdj .challenge-progress-item-marker-icon:where(.svelte-bo2wdj) {color:var(--secondary-200, rgba(160, 172, 187, 1));}.challenge-progress-item-connector.expired.svelte-bo2wdj .challenge-progress-item-marker-icon-shine:where(.svelte-bo2wdj),
+  .challenge-progress-item-start-connector.expired.svelte-bo2wdj .challenge-progress-item-marker-icon-shine:where(.svelte-bo2wdj) {
+    animation: none;opacity:0;}`
+};
+function Mr(Le, f) {
+  tr(f, !0), ar(Le, Rr);
+  const Ie = () => gr(dr, "$_", Fe), [Fe, He] = lr();
+  let G = P(f, "level", 7), N = P(f, "nextLevel", 7), $ = P(f, "challengeStatus", 7), ee = P(f, "isLast", 7), he = P(f, "isNextLast", 7, !1), ne = P(f, "orientation", 7), n = P(f, "isExpired", 7, !0), me = P(f, "isPaused", 7, !1), K = P(f, "gridRow", 7), q = P(f, "showStart", 7, !0), le = P(f, "optedIn", 7, !1), ie = P(f, "itemEl", 15);
+  const Q = i(() => Oe(G(), $())), be = i(() => Math.floor(G().ProgressPercentage ?? 0)), ue = i(() => Math.floor(N()?.ProgressPercentage ?? 0)), B = i(() => Me(G())), Xe = i(() => !!N() && Me(N())), we = i(() => !n() && ee() && e(B) && e(be) >= 100), xe = i(() => !n() && he() && e(Xe) && e(ue) >= 100), U = i(() => me() || $() === cr.Paused), fe = i(() => !n() && e(Q) === "current"), Je = i(() => n() && e(Q) === "current"), Ke = i(() => n() && e(Q) === "locked-in-progress"), H = i(() => e(fe) || e(Je) || e(Ke) || e(we)), Ce = i(() => e(H) ? `--progress-percent: ${G().ProgressPercentage}%;` : void 0), _e = i(() => N() ? Oe(N(), $()) : void 0), Ee = i(() => !n() && e(_e) === "current"), qe = i(() => n() && e(_e) === "current"), Qe = i(() => n() && e(_e) === "locked-in-progress"), X = i(() => e(Ee) || e(qe) || e(Qe) || e(xe)), Ge = i(() => e(X) ? `--progress-percent: ${N()?.ProgressPercentage}%;` : void 0), Ne = i(() => e(B) && !n() ? vr : Ae), Te = `--gift-shine-left-url: url(${hr}); --gift-box-gray-url: url(${Ae}); --gift-shine-right-url: url(${mr});`, Be = i(() => e(B) ? "completed" : e(Q)), Ue = i(() => e(B) ? "completed" : "locked"), Ve = i(() => [
+    K() !== void 0 ? `grid-row: ${K()}; grid-column: 1;` : "",
+    q() ? `--progress-start-offset: ${pr}px;` : ""
+  ].filter(Boolean).join(" ") || void 0);
+  var We = {
+    get level() {
+      return G();
+    },
+    set level(o) {
+      G(o), S();
+    },
+    get nextLevel() {
+      return N();
+    },
+    set nextLevel(o) {
+      N(o), S();
+    },
+    get challengeStatus() {
+      return $();
+    },
+    set challengeStatus(o) {
+      $(o), S();
+    },
+    get isLast() {
+      return ee();
+    },
+    set isLast(o) {
+      ee(o), S();
+    },
+    get isNextLast() {
+      return he();
+    },
+    set isNextLast(o = !1) {
+      he(o), S();
+    },
+    get orientation() {
+      return ne();
+    },
+    set orientation(o) {
+      ne(o), S();
+    },
+    get isExpired() {
+      return n();
+    },
+    set isExpired(o = !0) {
+      n(o), S();
+    },
+    get isPaused() {
+      return me();
+    },
+    set isPaused(o = !1) {
+      me(o), S();
+    },
+    get gridRow() {
+      return K();
+    },
+    set gridRow(o) {
+      K(o), S();
+    },
+    get showStart() {
+      return q();
+    },
+    set showStart(o = !0) {
+      q(o), S();
+    },
+    get optedIn() {
+      return le();
+    },
+    set optedIn(o = !1) {
+      le(o), S();
+    },
+    get itemEl() {
+      return ie();
+    },
+    set itemEl(o) {
+      ie(o), S();
+    }
+  }, Re = or(), Ye = F(Re);
+  {
+    var Ze = (o) => {
+      var _ = zr(), re = F(_);
+      {
+        var se = (r) => {
+          var s = wr(), b = F(s);
+          let O;
+          var w = t(b);
+          Z(w, { size: 21 }), a(b);
+          var p = v(b, 2);
+          let j;
+          var I = t(p);
+          {
+            var T = (k) => {
+              var u = ur(), z = t(u);
+              let A;
+              var C = t(z);
+              a(z);
+              var y = v(z, 2);
+              let E;
+              var R = t(y);
+              {
+                var M = (D) => {
+                  var W = br(), oe = F(W), Se = t(oe);
+                  pe(Se, { size: 32 }), a(oe);
+                  var rr = v(oe, 2);
+                  Z(rr, { size: 20 }), g(D, W);
+                };
+                h(R, (D) => {
+                  G().ProgressPercentage > 0 && D(M);
+                });
+              }
+              a(y), a(u), x(() => {
+                A = m(z, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, A, { success: e(we) }), Y(C, `${e(be) ?? ""}%`), E = m(y, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, E, { paused: e(U) });
+              }), g(k, u);
+            };
+            h(I, (k) => {
+              e(H) && k(T);
+            });
+          }
+          a(p), x(() => {
+            O = m(b, 1, "challenge-progress-item-start-node horizontal svelte-bo2wdj", null, O, { expired: n() }), l(b, "data-expired", n()), j = m(p, 1, "challenge-progress-item-connector lead horizontal svelte-bo2wdj", null, j, {
+              completed: e(B),
+              expired: n(),
+              progress: e(H)
+            }), l(p, "data-orientation", ve.horizontal), l(p, "data-status", e(Ue)), l(p, "data-expired", n()), l(p, "data-progress", e(H)), J(p, e(Ce));
+          }), g(r, s);
+        };
+        h(re, (r) => {
+          q() && r(se);
+        });
+      }
+      var L = v(re, 2);
+      let ce;
+      var V = t(L), te = t(V), ge = t(te);
+      {
+        var je = (r) => {
+          var s = xr();
+          x(() => J(s, Te)), g(r, s);
+        }, ke = (r) => {
+          var s = fr();
+          x(() => l(s, "src", e(Ne))), g(r, s);
+        };
+        h(ge, (r) => {
+          e(fe) && !e(U) ? r(je) : r(ke, -1);
+        });
+      }
+      var ye = v(ge, 2);
+      {
+        var ae = (r) => {
+          var s = _r(), b = t(s);
+          De(b, { size: 10 }), a(s), g(r, s);
+        };
+        h(ye, (r) => {
+          e(B) && r(ae);
+        });
+      }
+      a(te), a(V);
+      var de = v(V, 2), ze = t(de);
+      a(de), a(L), ir(L, (r) => ie(r), () => ie());
+      var Pe = v(L, 2);
+      {
+        var c = (r) => {
+          var s = yr();
+          let b;
+          var O = t(s);
+          {
+            var w = (p) => {
+              var j = kr(), I = t(j);
+              let T;
+              var k = t(I);
+              a(I);
+              var u = v(I, 2);
+              let z;
+              var A = t(u);
+              {
+                var C = (y) => {
+                  var E = jr(), R = F(E), M = t(R);
+                  pe(M, { size: 32 }), a(R);
+                  var D = v(R, 2);
+                  Z(D, { size: 20 }), g(y, E);
+                };
+                h(A, (y) => {
+                  (N()?.ProgressPercentage ?? 0) > 0 && y(C);
+                });
+              }
+              a(u), a(j), x(() => {
+                T = m(I, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, T, { success: e(xe) }), Y(k, `${e(ue) ?? ""}%`), z = m(u, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, z, { paused: e(U) });
+              }), g(p, j);
+            };
+            h(O, (p) => {
+              e(X) && p(w);
+            });
+          }
+          a(s), x(() => {
+            b = m(s, 1, "challenge-progress-item-connector horizontal svelte-bo2wdj", null, b, {
+              completed: e(B),
+              expired: n(),
+              progress: e(X)
+            }), l(s, "data-orientation", ve.horizontal), l(s, "data-status", e(Be)), l(s, "data-expired", n()), l(s, "data-progress", e(X)), J(s, e(Ge));
+          }), g(r, s);
+        };
+        h(Pe, (r) => {
+          ee() || r(c);
+        });
+      }
+      x(
+        (r) => {
+          ce = m(L, 1, "challenge-progress-item horizontal svelte-bo2wdj", null, ce, { expired: n() }), l(L, "data-status", e(Q)), l(L, "data-orientation", ve.horizontal), l(L, "data-expired", n()), Y(ze, `${r ?? ""} ${G().OrderNumber + 1}`);
+        },
+        [() => Ie()("level")]
+      ), g(o, _);
+    }, $e = (o) => {
+      var _ = Br();
+      let re;
+      var se = t(_), L = t(se);
+      {
+        var ce = (c) => {
+          var r = Lr(), s = F(r);
+          let b;
+          var O = t(s);
+          Z(O, { size: 21 }), a(s);
+          var w = v(s, 2);
+          let p;
+          var j = t(w);
+          {
+            var I = (T) => {
+              var k = Sr(), u = t(k);
+              let z;
+              var A = t(u);
+              a(u);
+              var C = v(u, 2);
+              let y;
+              var E = t(C);
+              {
+                var R = (M) => {
+                  var D = Pr(), W = F(D), oe = t(W);
+                  pe(oe, { size: 32 }), a(W);
+                  var Se = v(W, 2);
+                  Z(Se, { size: 20 }), g(M, D);
+                };
+                h(E, (M) => {
+                  G().ProgressPercentage > 0 && M(R);
+                });
+              }
+              a(C), a(k), x(() => {
+                z = m(u, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, z, { success: e(we) }), Y(A, `${e(be) ?? ""}%`), y = m(C, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, y, { paused: e(U) });
+              }), g(T, k);
+            };
+            h(j, (T) => {
+              e(H) && T(I);
+            });
+          }
+          a(w), x(() => {
+            b = m(s, 1, "challenge-progress-item-start-node vertical svelte-bo2wdj", null, b, { active: le(), expired: n() }), l(s, "data-expired", n()), p = m(w, 1, "challenge-progress-item-start-connector svelte-bo2wdj", null, p, {
+              active: le(),
+              expired: n(),
+              progress: e(H)
+            }), l(w, "data-expired", n()), l(w, "data-progress", e(H)), J(w, e(Ce));
+          }), g(c, r);
+        };
+        h(L, (c) => {
+          q() && c(ce);
+        });
+      }
+      var V = v(L, 2), te = t(V);
+      {
+        var ge = (c) => {
+          var r = Ir();
+          x(() => J(r, Te)), g(c, r);
+        }, je = (c) => {
+          var r = Cr();
+          x(() => l(r, "src", e(Ne))), g(c, r);
+        };
+        h(te, (c) => {
+          e(fe) && !e(U) ? c(ge) : c(je, -1);
+        });
+      }
+      var ke = v(te, 2);
+      {
+        var ye = (c) => {
+          var r = Er(), s = t(r);
+          De(s, { size: 10 }), a(r), g(c, r);
+        };
+        h(ke, (c) => {
+          e(B) && c(ye);
+        });
+      }
+      a(V), a(se);
+      var ae = v(se, 2), de = t(ae);
+      a(ae);
+      var ze = v(ae, 2);
+      {
+        var Pe = (c) => {
+          var r = Tr();
+          let s;
+          var b = t(r);
+          {
+            var O = (w) => {
+              var p = Nr(), j = t(p);
+              let I;
+              var T = t(j);
+              a(j);
+              var k = v(j, 2);
+              let u;
+              var z = t(k);
+              {
+                var A = (C) => {
+                  var y = Gr(), E = F(y), R = t(E);
+                  pe(R, { size: 32 }), a(E);
+                  var M = v(E, 2);
+                  Z(M, { size: 20 }), g(C, y);
+                };
+                h(z, (C) => {
+                  (N()?.ProgressPercentage ?? 0) > 0 && C(A);
+                });
+              }
+              a(k), a(p), x(() => {
+                I = m(j, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, I, { success: e(xe) }), Y(T, `${e(ue) ?? ""}%`), u = m(k, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, u, { paused: e(U) });
+              }), g(w, p);
+            };
+            h(b, (w) => {
+              e(X) && w(O);
+            });
+          }
+          a(r), x(() => {
+            s = m(r, 1, "challenge-progress-item-connector svelte-bo2wdj", null, s, {
+              completed: e(B),
+              expired: n(),
+              progress: e(X)
+            }), l(r, "data-status", e(Be)), l(r, "data-expired", n()), l(r, "data-progress", e(X)), J(r, e(Ge));
+          }), g(c, r);
+        };
+        h(ze, (c) => {
+          ee() || c(Pe);
+        });
+      }
+      a(_), x(
+        (c) => {
+          re = m(_, 1, "challenge-progress-item vertical svelte-bo2wdj", null, re, {
+            expired: n(),
+            synced: K() !== void 0,
+            "another-level": !q()
+          }), l(_, "data-status", e(Q)), l(_, "data-orientation", ne()), l(_, "data-expired", n()), l(_, "data-synced", K() !== void 0), J(_, e(Ve)), l(_, "data-progress", e(Ee)), Y(de, `${c ?? ""} ${G().OrderNumber + 1}`);
+        },
+        [() => Ie()("level")]
+      ), g(o, _);
+    };
+    h(Ye, (o) => {
+      ne() === ve.horizontal ? o(Ze) : o($e, -1);
+    });
+  }
+  g(Le, Re);
+  var er = nr(We);
+  return He(), er;
+}
+sr(
+  Mr,
+  {
+    level: {},
+    nextLevel: {},
+    challengeStatus: {},
+    isLast: {},
+    isNextLast: {},
+    orientation: {},
+    isExpired: {},
+    isPaused: {},
+    gridRow: {},
+    showStart: {},
+    optedIn: {},
+    itemEl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  Mr as C
+};