@everymatrix/player-challenges 0.1.26 → 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
+};

package/components/ChallengeProgressItem-DXcUKs_2.cjs

@@ -0,0 +1,69 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-BPweSLWX.cjs"),Me=require("./gift-box-CwFDqbwF.cjs"),je=require("./gift-box-gray-DxbLMUOA.cjs"),De=require("./gift-shine-left-sl3yV_83.cjs"),Fe=require("./gift-shine-right-97_YtLJV.cjs"),O=require("./ChipIcon-C-8el2zw.cjs"),Y=require("./ChipShineIcon-BX9N9Mpi.cjs"),ke=require("./CheckIcon-CEazWbva.cjs"),Z=require("./types-BS-x0LbR.cjs");var He=e.from_html('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>',1),Xe=e.from_html('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'),Ke=e.from_html("<div><!></div> <div><!></div>",1),Je=e.from_html('<span class="challenge-progress-item-node-icon challenge-progress-item-node-icon-pulse svelte-bo2wdj" role="img" aria-label="Gift Box"></span>'),Qe=e.from_html('<img alt="Gift Box" class="challenge-progress-item-node-icon svelte-bo2wdj"/>'),Ue=e.from_html('<div class="challenge-progress-item-check svelte-bo2wdj"><!></div>'),Ve=e.from_html('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>',1),We=e.from_html('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'),Ye=e.from_html("<div><!></div>"),Ze=e.from_html('<!> <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),$e=e.from_html('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>',1),er=e.from_html('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'),rr=e.from_html("<div><!></div> <div><!></div>",1),tr=e.from_html('<span class="challenge-progress-item-node-icon challenge-progress-item-node-icon-pulse svelte-bo2wdj" role="img" aria-label="Gift Box"></span>'),sr=e.from_html('<img alt="Gift Box" class="challenge-progress-item-node-icon svelte-bo2wdj"/>'),or=e.from_html('<div class="challenge-progress-item-check svelte-bo2wdj"><!></div>'),ar=e.from_html('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>',1),nr=e.from_html('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'),lr=e.from_html("<div><!></div>"),ir=e.from_html('<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 cr={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 ye(ve,g){e.push(g,!0),e.append_styles(ve,cr);const he=()=>e.store_get(e.$format,"$_",ze),[ze,Se]=e.setup_stores();let w=e.prop(g,"level",7),x=e.prop(g,"nextLevel",7),q=e.prop(g,"challengeStatus",7),A=e.prop(g,"isLast",7),$=e.prop(g,"isNextLast",7,!1),K=e.prop(g,"orientation",7),o=e.prop(g,"isExpired",7,!0),ee=e.prop(g,"isPaused",7,!1),E=e.prop(g,"gridRow",7),N=e.prop(g,"showStart",7,!0),J=e.prop(g,"optedIn",7,!1),Q=e.prop(g,"itemEl",15);const T=e.user_derived(()=>e.getLevelDisplayStatus(w(),q())),re=e.user_derived(()=>Math.floor(w().ProgressPercentage??0)),te=e.user_derived(()=>Math.floor(x()?.ProgressPercentage??0)),k=e.user_derived(()=>e.isLevelCompleted(w())),Ie=e.user_derived(()=>!!x()&&e.isLevelCompleted(x())),se=e.user_derived(()=>!o()&&A()&&e.get(k)&&e.get(re)>=100),oe=e.user_derived(()=>!o()&&$()&&e.get(Ie)&&e.get(te)>=100),G=e.user_derived(()=>ee()||q()===e.ChallengeProgressStatus.Paused),ae=e.user_derived(()=>!o()&&e.get(T)==="current"),Pe=e.user_derived(()=>o()&&e.get(T)==="current"),Ce=e.user_derived(()=>o()&&e.get(T)==="locked-in-progress"),C=e.user_derived(()=>e.get(ae)||e.get(Pe)||e.get(Ce)||e.get(se)),be=e.user_derived(()=>e.get(C)?`--progress-percent: ${w().ProgressPercentage}%;`:void 0),ne=e.user_derived(()=>x()?e.getLevelDisplayStatus(x(),q()):void 0),me=e.user_derived(()=>!o()&&e.get(ne)==="current"),Le=e.user_derived(()=>o()&&e.get(ne)==="current"),Ee=e.user_derived(()=>o()&&e.get(ne)==="locked-in-progress"),L=e.user_derived(()=>e.get(me)||e.get(Le)||e.get(Ee)||e.get(oe)),_e=e.user_derived(()=>e.get(L)?`--progress-percent: ${x()?.ProgressPercentage}%;`:void 0),ue=e.user_derived(()=>e.get(k)&&!o()?Me.GiftBoxIcon:je.GiftBoxGrayIcon),fe=`--gift-shine-left-url: url(${De.GiftShineLeft}); --gift-box-gray-url: url(${je.GiftBoxGrayIcon}); --gift-shine-right-url: url(${Fe.GiftShineRight});`,we=e.user_derived(()=>e.get(k)?"completed":e.get(T)),Ne=e.user_derived(()=>e.get(k)?"completed":"locked"),Te=e.user_derived(()=>[E()!==void 0?`grid-row: ${E()}; grid-column: 1;`:"",N()?`--progress-start-offset: ${e.START_STACK_HEIGHT}px;`:""].filter(Boolean).join(" ")||void 0);var Ge={get level(){return w()},set level(s){w(s),e.flushSync()},get nextLevel(){return x()},set nextLevel(s){x(s),e.flushSync()},get challengeStatus(){return q()},set challengeStatus(s){q(s),e.flushSync()},get isLast(){return A()},set isLast(s){A(s),e.flushSync()},get isNextLast(){return $()},set isNextLast(s=!1){$(s),e.flushSync()},get orientation(){return K()},set orientation(s){K(s),e.flushSync()},get isExpired(){return o()},set isExpired(s=!0){o(s),e.flushSync()},get isPaused(){return ee()},set isPaused(s=!1){ee(s),e.flushSync()},get gridRow(){return E()},set gridRow(s){E(s),e.flushSync()},get showStart(){return N()},set showStart(s=!0){N(s),e.flushSync()},get optedIn(){return J()},set optedIn(s=!1){J(s),e.flushSync()},get itemEl(){return Q()},set itemEl(s){Q(s),e.flushSync()}},xe=e.comment(),Re=e.first_child(xe);{var Be=s=>{var d=Ze(),M=e.first_child(d);{var D=r=>{var t=Ke(),l=e.first_child(t);let S;var c=e.child(l);O.ChipIcon(c,{size:21}),e.reset(l);var n=e.sibling(l,2);let p;var _=e.child(n);{var j=v=>{var i=Xe(),b=e.child(i);let I;var u=e.child(b);e.reset(b);var h=e.sibling(b,2);let f;var y=e.child(h);{var z=P=>{var B=He(),X=e.first_child(B),pe=e.child(X);Y.ChipShineIcon(pe,{size:32}),e.reset(X);var Ae=e.sibling(X,2);O.ChipIcon(Ae,{size:20}),e.append(P,B)};e.if_block(y,P=>{w().ProgressPercentage>0&&P(z)})}e.reset(h),e.reset(i),e.template_effect(()=>{I=e.set_class(b,1,"challenge-progress-item-marker-bubble svelte-bo2wdj",null,I,{success:e.get(se)}),e.set_text(u,`${e.get(re)??""}%`),f=e.set_class(h,1,"challenge-progress-item-marker-icon svelte-bo2wdj",null,f,{paused:e.get(G)})}),e.append(v,i)};e.if_block(_,v=>{e.get(C)&&v(j)})}e.reset(n),e.template_effect(()=>{S=e.set_class(l,1,"challenge-progress-item-start-node horizontal svelte-bo2wdj",null,S,{expired:o()}),e.set_attribute(l,"data-expired",o()),p=e.set_class(n,1,"challenge-progress-item-connector lead horizontal svelte-bo2wdj",null,p,{completed:e.get(k),expired:o(),progress:e.get(C)}),e.set_attribute(n,"data-orientation",Z.ORIENTATION.horizontal),e.set_attribute(n,"data-status",e.get(Ne)),e.set_attribute(n,"data-expired",o()),e.set_attribute(n,"data-progress",e.get(C)),e.set_style(n,e.get(be))}),e.append(r,t)};e.if_block(M,r=>{N()&&r(D)})}var m=e.sibling(M,2);let U;var R=e.child(m),F=e.child(R),V=e.child(F);{var le=r=>{var t=Je();e.template_effect(()=>e.set_style(t,fe)),e.append(r,t)},ie=r=>{var t=Qe();e.template_effect(()=>e.set_attribute(t,"src",e.get(ue))),e.append(r,t)};e.if_block(V,r=>{e.get(ae)&&!e.get(G)?r(le):r(ie,-1)})}var ce=e.sibling(V,2);{var H=r=>{var t=Ue(),l=e.child(t);ke.CheckIcon(l,{size:10}),e.reset(t),e.append(r,t)};e.if_block(ce,r=>{e.get(k)&&r(H)})}e.reset(F),e.reset(R);var W=e.sibling(R,2),ge=e.child(W);e.reset(W),e.reset(m),e.bind_this(m,r=>Q(r),()=>Q());var de=e.sibling(m,2);{var a=r=>{var t=Ye();let l;var S=e.child(t);{var c=n=>{var p=We(),_=e.child(p);let j;var v=e.child(_);e.reset(_);var i=e.sibling(_,2);let b;var I=e.child(i);{var u=h=>{var f=Ve(),y=e.first_child(f),z=e.child(y);Y.ChipShineIcon(z,{size:32}),e.reset(y);var P=e.sibling(y,2);O.ChipIcon(P,{size:20}),e.append(h,f)};e.if_block(I,h=>{(x()?.ProgressPercentage??0)>0&&h(u)})}e.reset(i),e.reset(p),e.template_effect(()=>{j=e.set_class(_,1,"challenge-progress-item-marker-bubble svelte-bo2wdj",null,j,{success:e.get(oe)}),e.set_text(v,`${e.get(te)??""}%`),b=e.set_class(i,1,"challenge-progress-item-marker-icon svelte-bo2wdj",null,b,{paused:e.get(G)})}),e.append(n,p)};e.if_block(S,n=>{e.get(L)&&n(c)})}e.reset(t),e.template_effect(()=>{l=e.set_class(t,1,"challenge-progress-item-connector horizontal svelte-bo2wdj",null,l,{completed:e.get(k),expired:o(),progress:e.get(L)}),e.set_attribute(t,"data-orientation",Z.ORIENTATION.horizontal),e.set_attribute(t,"data-status",e.get(we)),e.set_attribute(t,"data-expired",o()),e.set_attribute(t,"data-progress",e.get(L)),e.set_style(t,e.get(_e))}),e.append(r,t)};e.if_block(de,r=>{A()||r(a)})}e.template_effect(r=>{U=e.set_class(m,1,"challenge-progress-item horizontal svelte-bo2wdj",null,U,{expired:o()}),e.set_attribute(m,"data-status",e.get(T)),e.set_attribute(m,"data-orientation",Z.ORIENTATION.horizontal),e.set_attribute(m,"data-expired",o()),e.set_text(ge,`${r??""} ${w().OrderNumber+1}`)},[()=>he()("level")]),e.append(s,d)},Oe=s=>{var d=ir();let M;var D=e.child(d),m=e.child(D);{var U=a=>{var r=rr(),t=e.first_child(r);let l;var S=e.child(t);O.ChipIcon(S,{size:21}),e.reset(t);var c=e.sibling(t,2);let n;var p=e.child(c);{var _=j=>{var v=er(),i=e.child(v);let b;var I=e.child(i);e.reset(i);var u=e.sibling(i,2);let h;var f=e.child(u);{var y=z=>{var P=$e(),B=e.first_child(P),X=e.child(B);Y.ChipShineIcon(X,{size:32}),e.reset(B);var pe=e.sibling(B,2);O.ChipIcon(pe,{size:20}),e.append(z,P)};e.if_block(f,z=>{w().ProgressPercentage>0&&z(y)})}e.reset(u),e.reset(v),e.template_effect(()=>{b=e.set_class(i,1,"challenge-progress-item-marker-bubble svelte-bo2wdj",null,b,{success:e.get(se)}),e.set_text(I,`${e.get(re)??""}%`),h=e.set_class(u,1,"challenge-progress-item-marker-icon svelte-bo2wdj",null,h,{paused:e.get(G)})}),e.append(j,v)};e.if_block(p,j=>{e.get(C)&&j(_)})}e.reset(c),e.template_effect(()=>{l=e.set_class(t,1,"challenge-progress-item-start-node vertical svelte-bo2wdj",null,l,{active:J(),expired:o()}),e.set_attribute(t,"data-expired",o()),n=e.set_class(c,1,"challenge-progress-item-start-connector svelte-bo2wdj",null,n,{active:J(),expired:o(),progress:e.get(C)}),e.set_attribute(c,"data-expired",o()),e.set_attribute(c,"data-progress",e.get(C)),e.set_style(c,e.get(be))}),e.append(a,r)};e.if_block(m,a=>{N()&&a(U)})}var R=e.sibling(m,2),F=e.child(R);{var V=a=>{var r=tr();e.template_effect(()=>e.set_style(r,fe)),e.append(a,r)},le=a=>{var r=sr();e.template_effect(()=>e.set_attribute(r,"src",e.get(ue))),e.append(a,r)};e.if_block(F,a=>{e.get(ae)&&!e.get(G)?a(V):a(le,-1)})}var ie=e.sibling(F,2);{var ce=a=>{var r=or(),t=e.child(r);ke.CheckIcon(t,{size:10}),e.reset(r),e.append(a,r)};e.if_block(ie,a=>{e.get(k)&&a(ce)})}e.reset(R),e.reset(D);var H=e.sibling(D,2),W=e.child(H);e.reset(H);var ge=e.sibling(H,2);{var de=a=>{var r=lr();let t;var l=e.child(r);{var S=c=>{var n=nr(),p=e.child(n);let _;var j=e.child(p);e.reset(p);var v=e.sibling(p,2);let i;var b=e.child(v);{var I=u=>{var h=ar(),f=e.first_child(h),y=e.child(f);Y.ChipShineIcon(y,{size:32}),e.reset(f);var z=e.sibling(f,2);O.ChipIcon(z,{size:20}),e.append(u,h)};e.if_block(b,u=>{(x()?.ProgressPercentage??0)>0&&u(I)})}e.reset(v),e.reset(n),e.template_effect(()=>{_=e.set_class(p,1,"challenge-progress-item-marker-bubble svelte-bo2wdj",null,_,{success:e.get(oe)}),e.set_text(j,`${e.get(te)??""}%`),i=e.set_class(v,1,"challenge-progress-item-marker-icon svelte-bo2wdj",null,i,{paused:e.get(G)})}),e.append(c,n)};e.if_block(l,c=>{e.get(L)&&c(S)})}e.reset(r),e.template_effect(()=>{t=e.set_class(r,1,"challenge-progress-item-connector svelte-bo2wdj",null,t,{completed:e.get(k),expired:o(),progress:e.get(L)}),e.set_attribute(r,"data-status",e.get(we)),e.set_attribute(r,"data-expired",o()),e.set_attribute(r,"data-progress",e.get(L)),e.set_style(r,e.get(_e))}),e.append(a,r)};e.if_block(ge,a=>{A()||a(de)})}e.reset(d),e.template_effect(a=>{M=e.set_class(d,1,"challenge-progress-item vertical svelte-bo2wdj",null,M,{expired:o(),synced:E()!==void 0,"another-level":!N()}),e.set_attribute(d,"data-status",e.get(T)),e.set_attribute(d,"data-orientation",K()),e.set_attribute(d,"data-expired",o()),e.set_attribute(d,"data-synced",E()!==void 0),e.set_style(d,e.get(Te)),e.set_attribute(d,"data-progress",e.get(me)),e.set_text(W,`${a??""} ${w().OrderNumber+1}`)},[()=>he()("level")]),e.append(s,d)};e.if_block(Re,s=>{K()===Z.ORIENTATION.horizontal?s(Be):s(Oe,-1)})}e.append(ve,xe);var qe=e.pop(Ge);return Se(),qe}e.create_custom_element(ye,{level:{},nextLevel:{},challengeStatus:{},isLast:{},isNextLast:{},orientation:{},isExpired:{},isPaused:{},gridRow:{},showStart:{},optedIn:{},itemEl:{}},[],[],{mode:"open"});exports.ChallengeProgressItem=ye;