@everymatrix/player-challenges 0.1.27 → 0.1.29

package/components/ChallengeProgressItem--DFpxTS8.cjs

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

package/components/ChallengeProgressItem-DVzUDYfl.js

@@ -0,0 +1,458 @@
+import { c as gr, d as dr, h as pr, p as y, a6 as vr, K as D, A as v, a as g, b as hr, e as z, m as br, o as p, n as o, B as e, r as n, F as Y, a7 as mr, t as w, D as h, s as l, i as Z, a8 as K, k as M, E as i, a9 as ur, aa as Ae, l as wr, $ as xr, ab as De, ac as fr } from "./ChallengeTabs-BYF7WY5P.js";
+import { G as _r } from "./gift-box-BcvZI7Gc.js";
+import { G as He } from "./gift-box-gray-DcOvqkwI.js";
+import { G as jr } from "./gift-shine-left-ylsmHXUO.js";
+import { G as kr } from "./gift-shine-right-Dv2rDIbi.js";
+import { C as $ } from "./ChipIcon-B7uOkRi1.js";
+import { C as pe } from "./ChipShineIcon-Ds9EEhmb.js";
+import { C as Xe } from "./CheckIcon-Bl4pZuZP.js";
+import { O as ve } from "./types-C1hrKH4R.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+var he = M('<span class="challenge-progress-item-marker-icon-shine svelte-bo2wdj" aria-hidden="true"><!></span> <!>', 1), be = M('<div class="challenge-progress-item-marker svelte-bo2wdj"><span> </span> <span><!></span></div>'), Ke = M("<div><!></div> <div><!></div>", 1), qe = M('<span class="challenge-progress-item-node-icon challenge-progress-item-node-icon-pulse svelte-bo2wdj" role="img" aria-label="Gift Box"></span>'), Je = M('<img alt="Gift Box" class="challenge-progress-item-node-icon svelte-bo2wdj"/>'), Qe = M('<div class="challenge-progress-item-check svelte-bo2wdj"><!></div>'), Ue = M("<div><!></div>"), yr = M('<!> <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), zr = M('<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 Pr = {
+  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 Sr(Ee, x) {
+  dr(x, !0), pr(Ee, Pr);
+  const Ge = () => wr(xr, "$_", Ve), [Ve, We] = br();
+  let C = y(x, "level", 7), E = y(x, "nextLevel", 7), ee = y(x, "challengeStatus", 7), re = y(x, "isLast", 7), me = y(x, "isNextLast", 7, !1), ne = y(x, "orientation", 7), a = y(x, "isExpired", 7, !0), ue = y(x, "isPaused", 7, !1), q = y(x, "gridRow", 7), J = y(x, "showStart", 7, !0), le = y(x, "optedIn", 7, !1), ie = y(x, "itemEl", 15);
+  const Q = i(() => De(C(), ee())), we = i(() => Math.floor(C().ProgressPercentage ?? 0)), xe = i(() => Math.floor(E()?.ProgressPercentage ?? 0)), T = i(() => Ae(C())), Ye = i(() => !!E() && Ae(E())), fe = i(() => !a() && re() && e(T) && e(we) >= 100), _e = i(() => !a() && me() && e(Ye) && e(xe) >= 100), U = i(() => ue() || ee() === ur.Paused), je = i(() => !a() && e(Q) === "current"), Ze = i(() => a() && e(Q) === "current"), $e = i(() => a() && e(Q) === "locked-in-progress"), H = i(() => e(je) || e(Ze) || e($e) || e(fe)), Ne = i(() => e(H) ? `--progress-percent: ${C().ProgressPercentage}%;` : void 0), ke = i(() => E() ? De(E(), ee()) : void 0), Te = i(() => !a() && e(ke) === "current"), er = i(() => a() && e(ke) === "current"), rr = i(() => a() && e(ke) === "locked-in-progress"), X = i(() => e(Te) || e(er) || e(rr) || e(_e)), Re = i(() => e(X) ? `--progress-percent: ${E()?.ProgressPercentage}%;` : void 0), Be = i(() => e(T) && !a() ? _r : He), Me = `--gift-shine-left-url: url(${jr}); --gift-box-gray-url: url(${He}); --gift-shine-right-url: url(${kr});`, Oe = i(() => e(T) ? "completed" : e(Q)), tr = i(() => e(T) ? "completed" : "locked"), sr = i(() => [
+    q() !== void 0 ? `grid-row: ${q()}; grid-column: 1;` : "",
+    J() ? `--progress-start-offset: ${fr}px;` : ""
+  ].filter(Boolean).join(" ") || void 0);
+  var ar = {
+    get level() {
+      return C();
+    },
+    set level(s) {
+      C(s), z();
+    },
+    get nextLevel() {
+      return E();
+    },
+    set nextLevel(s) {
+      E(s), z();
+    },
+    get challengeStatus() {
+      return ee();
+    },
+    set challengeStatus(s) {
+      ee(s), z();
+    },
+    get isLast() {
+      return re();
+    },
+    set isLast(s) {
+      re(s), z();
+    },
+    get isNextLast() {
+      return me();
+    },
+    set isNextLast(s = !1) {
+      me(s), z();
+    },
+    get orientation() {
+      return ne();
+    },
+    set orientation(s) {
+      ne(s), z();
+    },
+    get isExpired() {
+      return a();
+    },
+    set isExpired(s = !0) {
+      a(s), z();
+    },
+    get isPaused() {
+      return ue();
+    },
+    set isPaused(s = !1) {
+      ue(s), z();
+    },
+    get gridRow() {
+      return q();
+    },
+    set gridRow(s) {
+      q(s), z();
+    },
+    get showStart() {
+      return J();
+    },
+    set showStart(s = !0) {
+      J(s), z();
+    },
+    get optedIn() {
+      return le();
+    },
+    set optedIn(s = !1) {
+      le(s), z();
+    },
+    get itemEl() {
+      return ie();
+    },
+    set itemEl(s) {
+      ie(s), z();
+    }
+  }, Fe = vr(), or = D(Fe);
+  {
+    var nr = (s) => {
+      var f = yr(), te = D(f);
+      {
+        var se = (r) => {
+          var t = Ke(), b = D(t);
+          let O;
+          var m = o(b);
+          $(m, { size: 21 }), n(b);
+          var d = p(b, 2);
+          let k;
+          var G = o(d);
+          {
+            var N = (_) => {
+              var u = be(), S = o(u);
+              let F;
+              var L = Y(S), j = p(S, 2);
+              let I;
+              var R = o(j);
+              {
+                var B = (A) => {
+                  var W = he(), oe = D(W), Ce = o(oe);
+                  pe(Ce, { size: 32 }), n(oe);
+                  var cr = p(oe, 2);
+                  $(cr, { size: 20 }), g(A, W);
+                };
+                v(R, (A) => {
+                  C().ProgressPercentage > 0 && A(B);
+                });
+              }
+              n(j), n(u), w(() => {
+                F = h(S, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, F, { success: e(fe) }), Z(L, `${e(we) ?? ""}%`), I = h(j, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, I, { paused: e(U) });
+              }), g(_, u);
+            };
+            v(G, (_) => {
+              e(H) && _(N);
+            });
+          }
+          n(d), w(() => {
+            O = h(b, 1, "challenge-progress-item-start-node horizontal svelte-bo2wdj", null, O, { expired: a() }), l(b, "data-expired", a()), k = h(d, 1, "challenge-progress-item-connector lead horizontal svelte-bo2wdj", null, k, {
+              completed: e(T),
+              expired: a(),
+              progress: e(H)
+            }), l(d, "data-orientation", ve.horizontal), l(d, "data-status", e(tr)), l(d, "data-expired", a()), l(d, "data-progress", e(H)), K(d, e(Ne));
+          }), g(r, t);
+        };
+        v(te, (r) => {
+          J() && r(se);
+        });
+      }
+      var P = p(te, 2);
+      let ce;
+      var V = o(P), ae = o(V), ge = o(ae);
+      {
+        var ye = (r) => {
+          var t = qe();
+          w(() => K(t, Me)), g(r, t);
+        }, ze = (r) => {
+          var t = Je();
+          w(() => l(t, "src", e(Be))), g(r, t);
+        };
+        v(ge, (r) => {
+          e(je) && !e(U) ? r(ye) : r(ze, -1);
+        });
+      }
+      var Pe = p(ge, 2);
+      {
+        var de = (r) => {
+          var t = Qe(), b = o(t);
+          Xe(b, { size: 10 }), n(t), g(r, t);
+        };
+        v(Pe, (r) => {
+          e(T) && r(de);
+        });
+      }
+      n(ae), n(V);
+      var Se = p(V, 2), Le = Y(Se);
+      n(P), mr(P, (r) => ie(r), () => ie());
+      var Ie = p(P, 2);
+      {
+        var c = (r) => {
+          var t = Ue();
+          let b;
+          var O = o(t);
+          {
+            var m = (d) => {
+              var k = be(), G = o(k);
+              let N;
+              var _ = Y(G), u = p(G, 2);
+              let S;
+              var F = o(u);
+              {
+                var L = (j) => {
+                  var I = he(), R = D(I), B = o(R);
+                  pe(B, { size: 32 }), n(R);
+                  var A = p(R, 2);
+                  $(A, { size: 20 }), g(j, I);
+                };
+                v(F, (j) => {
+                  (E()?.ProgressPercentage ?? 0) > 0 && j(L);
+                });
+              }
+              n(u), n(k), w(() => {
+                N = h(G, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, N, { success: e(_e) }), Z(_, `${e(xe) ?? ""}%`), S = h(u, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, S, { paused: e(U) });
+              }), g(d, k);
+            };
+            v(O, (d) => {
+              e(X) && d(m);
+            });
+          }
+          n(t), w(() => {
+            b = h(t, 1, "challenge-progress-item-connector horizontal svelte-bo2wdj", null, b, {
+              completed: e(T),
+              expired: a(),
+              progress: e(X)
+            }), l(t, "data-orientation", ve.horizontal), l(t, "data-status", e(Oe)), l(t, "data-expired", a()), l(t, "data-progress", e(X)), K(t, e(Re));
+          }), g(r, t);
+        };
+        v(Ie, (r) => {
+          re() || r(c);
+        });
+      }
+      w(
+        (r) => {
+          ce = h(P, 1, "challenge-progress-item horizontal svelte-bo2wdj", null, ce, { expired: a() }), l(P, "data-status", e(Q)), l(P, "data-orientation", ve.horizontal), l(P, "data-expired", a()), Z(Le, `${r ?? ""} ${C().OrderNumber + 1}`);
+        },
+        [() => Ge()("level")]
+      ), g(s, f);
+    }, lr = (s) => {
+      var f = zr();
+      let te;
+      var se = o(f), P = o(se);
+      {
+        var ce = (c) => {
+          var r = Ke(), t = D(r);
+          let b;
+          var O = o(t);
+          $(O, { size: 21 }), n(t);
+          var m = p(t, 2);
+          let d;
+          var k = o(m);
+          {
+            var G = (N) => {
+              var _ = be(), u = o(_);
+              let S;
+              var F = Y(u), L = p(u, 2);
+              let j;
+              var I = o(L);
+              {
+                var R = (B) => {
+                  var A = he(), W = D(A), oe = o(W);
+                  pe(oe, { size: 32 }), n(W);
+                  var Ce = p(W, 2);
+                  $(Ce, { size: 20 }), g(B, A);
+                };
+                v(I, (B) => {
+                  C().ProgressPercentage > 0 && B(R);
+                });
+              }
+              n(L), n(_), w(() => {
+                S = h(u, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, S, { success: e(fe) }), Z(F, `${e(we) ?? ""}%`), j = h(L, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, j, { paused: e(U) });
+              }), g(N, _);
+            };
+            v(k, (N) => {
+              e(H) && N(G);
+            });
+          }
+          n(m), w(() => {
+            b = h(t, 1, "challenge-progress-item-start-node vertical svelte-bo2wdj", null, b, { active: le(), expired: a() }), l(t, "data-expired", a()), d = h(m, 1, "challenge-progress-item-start-connector svelte-bo2wdj", null, d, {
+              active: le(),
+              expired: a(),
+              progress: e(H)
+            }), l(m, "data-expired", a()), l(m, "data-progress", e(H)), K(m, e(Ne));
+          }), g(c, r);
+        };
+        v(P, (c) => {
+          J() && c(ce);
+        });
+      }
+      var V = p(P, 2), ae = o(V);
+      {
+        var ge = (c) => {
+          var r = qe();
+          w(() => K(r, Me)), g(c, r);
+        }, ye = (c) => {
+          var r = Je();
+          w(() => l(r, "src", e(Be))), g(c, r);
+        };
+        v(ae, (c) => {
+          e(je) && !e(U) ? c(ge) : c(ye, -1);
+        });
+      }
+      var ze = p(ae, 2);
+      {
+        var Pe = (c) => {
+          var r = Qe(), t = o(r);
+          Xe(t, { size: 10 }), n(r), g(c, r);
+        };
+        v(ze, (c) => {
+          e(T) && c(Pe);
+        });
+      }
+      n(V), n(se);
+      var de = p(se, 2), Se = Y(de), Le = p(de, 2);
+      {
+        var Ie = (c) => {
+          var r = Ue();
+          let t;
+          var b = o(r);
+          {
+            var O = (m) => {
+              var d = be(), k = o(d);
+              let G;
+              var N = Y(k), _ = p(k, 2);
+              let u;
+              var S = o(_);
+              {
+                var F = (L) => {
+                  var j = he(), I = D(j), R = o(I);
+                  pe(R, { size: 32 }), n(I);
+                  var B = p(I, 2);
+                  $(B, { size: 20 }), g(L, j);
+                };
+                v(S, (L) => {
+                  (E()?.ProgressPercentage ?? 0) > 0 && L(F);
+                });
+              }
+              n(_), n(d), w(() => {
+                G = h(k, 1, "challenge-progress-item-marker-bubble svelte-bo2wdj", null, G, { success: e(_e) }), Z(N, `${e(xe) ?? ""}%`), u = h(_, 1, "challenge-progress-item-marker-icon svelte-bo2wdj", null, u, { paused: e(U) });
+              }), g(m, d);
+            };
+            v(b, (m) => {
+              e(X) && m(O);
+            });
+          }
+          n(r), w(() => {
+            t = h(r, 1, "challenge-progress-item-connector svelte-bo2wdj", null, t, {
+              completed: e(T),
+              expired: a(),
+              progress: e(X)
+            }), l(r, "data-status", e(Oe)), l(r, "data-expired", a()), l(r, "data-progress", e(X)), K(r, e(Re));
+          }), g(c, r);
+        };
+        v(Le, (c) => {
+          re() || c(Ie);
+        });
+      }
+      n(f), w(
+        (c) => {
+          te = h(f, 1, "challenge-progress-item vertical svelte-bo2wdj", null, te, {
+            expired: a(),
+            synced: q() !== void 0,
+            "another-level": !J()
+          }), l(f, "data-status", e(Q)), l(f, "data-orientation", ne()), l(f, "data-expired", a()), l(f, "data-synced", q() !== void 0), K(f, e(sr)), l(f, "data-progress", e(Te)), Z(Se, `${c ?? ""} ${C().OrderNumber + 1}`);
+        },
+        [() => Ge()("level")]
+      ), g(s, f);
+    };
+    v(or, (s) => {
+      ne() === ve.horizontal ? s(nr) : s(lr, -1);
+    });
+  }
+  g(Ee, Fe);
+  var ir = hr(ar);
+  return We(), ir;
+}
+gr(
+  Sr,
+  {
+    level: {},
+    nextLevel: {},
+    challengeStatus: {},
+    isLast: {},
+    isNextLast: {},
+    orientation: {},
+    isExpired: {},
+    isPaused: {},
+    gridRow: {},
+    showStart: {},
+    optedIn: {},
+    itemEl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  Sr as C
+};

package/components/ChallengeRules-BsTHkcok.cjs

@@ -0,0 +1 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./ChallengeTabs-CW3EEpFo.cjs"),b=require("./helpers-D0ruQkxz.cjs"),ee=require("./ExistIcon-CWyY8R3Y.cjs");var te=e.from_html('<div class="challenge-details__rules--opt-out svelte-1f21lld"><span> </span> <button class="challenge-details__rules--opt-out-button svelte-1f21lld"> <span class="challenge-details__rules--opt-out-icon svelte-1f21lld"><!></span></button></div>'),M=e.from_html('<div class="challenge-details__rules--details-item svelte-1f21lld"><span> </span> <span> </span></div>'),le=e.from_html('<div class="challenge-details__rules svelte-1f21lld"><div class="challenge-details__rules--general-description"> </div> <span class="challenge-details__rules--terms-link svelte-1f21lld"> </span> <!> <div class="challenge-details__rules--details svelte-1f21lld"><!> <div class="challenge-details__rules--details-item svelte-1f21lld"><span> </span> <span> </span></div> <!></div></div>');const se={hash:"svelte-1f21lld",code:".challenge-details__rules.svelte-1f21lld {display:flex;flex-direction:column;align-items:flex-start;padding:0px 12px;color:var(--text-subtle, rgba(255, 255, 255, 1));font-weight:400;font-size:12px;line-height:18px;.challenge-details__rules--terms-link:where(.svelte-1f21lld) {font-weight:400;font-size:12px;line-height:18px;letter-spacing:0%;vertical-align:middle;color:var(--button-primary-bg-default, rgba(255, 204, 0, 1));margin:32px 0;}.challenge-details__rules--opt-out:where(.svelte-1f21lld) {display:flex;flex-direction:column;}.challenge-details__rules--opt-out-button:where(.svelte-1f21lld) {font-weight:700;font-size:12px;line-height:15px;display:flex;text-transform:uppercase;color:var(--text-info, rgba(110, 181, 255, 1));background:transparent;border:none;padding:14px 0;cursor:pointer;&:disabled {cursor:default;}}.challenge-details__rules--opt-out-icon:where(.svelte-1f21lld) {margin-left:8px;color:var(--icon-subtle, rgba(223, 227, 232, 1));}.challenge-details__rules--details:where(.svelte-1f21lld) {display:flex;flex-direction:column;gap:18px;}.challenge-details__rules--details-item:where(.svelte-1f21lld) {display:flex;flex-direction:column;}}"};function R(y,i){e.push(i,!0),e.append_styles(y,se);const a=()=>e.store_get(e.$format,"$_",D),[D,F]=e.setup_stores(),s=e.prop(i,"challengeItem",7),g=e.prop(i,"endpoint",7),p=e.prop(i,"domainId",7),_=e.prop(i,"userSession",7),h=e.prop(i,"userId",7),f=e.prop(i,"onStatusChange",7),C=e.user_derived(()=>s().ChallengePresentation),L=e.user_derived(()=>e.get(C).RulesDescription),S=e.user_derived(()=>b.getContributionTypeKey(s().ContributedBy)),q=e.user_derived(()=>b.getContributeToKey(s().IsContributeToOne)),I=e.user_derived(()=>b.getRecurrenceKey(s().Recurrence?.Type));let v=e.state(!1),O=e.state(!1);const T=e.user_derived(()=>(!!_()||!!h())&&!e.get(O)&&s().Status!==e.ChallengeProgressStatus.Started&&s().Status!==e.ChallengeProgressStatus.Awaiting&&!e.isChallengeFinished(s().Status)),z=async()=>{if(!(!g()||!p()||e.get(v)||!e.get(T))){e.set(v,!0);try{await e.optOutChallenge({endpoint:g(),domainId:p(),sessionId:_(),userId:h()??"",challengeId:s().ChallengeId}),e.set(O,!0),f()?.(s().Id,e.ChallengeProgressStatus.Forfeited),e.sendChallengeActionSuccess(e.ChallengeAction.OptOut)}catch(t){const l=t instanceof e.ChallengeApiError?t.errorCode:null,n=t instanceof Error?t.message:String(t);e.sendChallengeActionFail(e.ChallengeAction.OptOut,n,l??void 0)}finally{e.set(v,!1)}}},N=()=>{e.sendOptOutClicked(s().ChallengeId,e.get(C)?.PresentationName??"",e.getChallengeStatusName(s()))};e.user_effect(()=>{const t=l=>{l.data?.type===e.OPT_OUT_CONFIRMED_MESSAGE&&z()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var H={get challengeItem(){return s()},set challengeItem(t){s(t),e.flushSync()},get endpoint(){return g()},set endpoint(t){g(t),e.flushSync()},get domainId(){return p()},set domainId(t){p(t),e.flushSync()},get userSession(){return _()},set userSession(t){_(t),e.flushSync()},get userId(){return h()},set userId(t){h(t),e.flushSync()},get onStatusChange(){return f()},set onStatusChange(t){f(t),e.flushSync()}},m=le(),w=e.child(m),B=e.only_child(w,!0),E=e.sibling(w,2),G=e.only_child(E,!0),k=e.sibling(E,2);{var U=t=>{var l=te(),n=e.child(l),c=e.only_child(n,!0),r=e.sibling(n,2),o=e.child(r),d=e.sibling(o),u=e.child(d);ee.ExistIcon(u,{}),e.reset(d),e.reset(r),e.reset(l),e.template_effect((Z,$)=>{e.set_text(c,Z),r.disabled=e.get(v),e.set_text(o,`${$??""} `)},[()=>a()("optOutDescription"),()=>a()("optOut")]),e.delegated("click",r,N),e.append(t,l)};e.if_block(k,t=>{e.get(T)&&t(U)})}var A=e.sibling(k,2),P=e.child(A);{var j=t=>{var l=M(),n=e.child(l),c=e.only_child(n,!0),r=e.sibling(n,2),o=e.only_child(r,!0);e.reset(l),e.template_effect((d,u)=>{e.set_text(c,d),e.set_text(o,u)},[()=>a()("contributionType"),()=>a()(e.get(S))]),e.append(t,l)};e.if_block(P,t=>{e.get(S)&&t(j)})}var x=e.sibling(P,2),K=e.child(x),J=e.only_child(K,!0),Q=e.sibling(K,2),V=e.only_child(Q,!0);e.reset(x);var W=e.sibling(x,2);{var X=t=>{var l=M(),n=e.child(l),c=e.only_child(n,!0),r=e.sibling(n,2),o=e.only_child(r,!0);e.reset(l),e.template_effect((d,u)=>{e.set_text(c,d),e.set_text(o,u)},[()=>a()("recurrence"),()=>a()(e.get(I))]),e.append(t,l)};e.if_block(W,t=>{e.get(I)&&t(X)})}e.reset(A),e.reset(m),e.template_effect((t,l,n)=>{e.set_text(B,e.get(L)),e.set_text(G,t),e.set_text(J,l),e.set_text(V,n)},[()=>a()("readFullTermsAndCond"),()=>a()("contributeTo"),()=>a()(e.get(q))]),e.append(y,m);var Y=e.pop(H);return F(),Y}e.delegate(["click"]);e.create_custom_element(R,{challengeItem:{},endpoint:{},domainId:{},userSession:{},userId:{},onStatusChange:{}},[],[],{mode:"open"});exports.ChallengeRules=R;