@everymatrix/loyalty-level 0.1.18 → 0.1.19

package/components/{LoyaltyLevel-D_DeWFwp.cjs → LoyaltyLevel-BqERj3Ud.cjs}

@@ -1,4 +1,4 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-CVU9lwOv.cjs");if(typeof window<"u"){let T=function(n){return function(...d){try{return n.apply(this,d)}catch(y){if(y instanceof DOMException&&y.message.includes("has already been used with this registry")||y instanceof Error&&y.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw y}}};customElements.define=T(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-CVU9lwOv.cjs")).then(n=>n.LoyaltyPagination_ce).then(n=>{const d=n.default||n;customElements.get("loyalty-pagination")||customElements.define("loyalty-pagination",d.element||d)}).catch(n=>{console.error("BOOT ERROR:",n)})}const Ee={en:{startingLevel:"Starting Level: {points} points",seeMore:"See More",seeLess:"See Less",current:"Current",next:"Next"},tr:{startingLevel:"Başlangıç Seviyesi: {points} puan",seeMore:"Daha Fazla",seeLess:"Daha Az",current:"Mevcut",next:"Sonraki"},da:{startingLevel:"Startniveau: {points} point",seeMore:"Se mere",seeLess:"Se mindre",current:"Nuværende",next:"Næste"},de:{startingLevel:"Startlevel: {points} Punkte",seeMore:"Mehr anzeigen",seeLess:"Weniger anzeigen",current:"Aktuell",next:"Nächste"},nl:{startingLevel:"Startniveau: {points} punten",seeMore:"Meer tonen",seeLess:"Minder tonen",current:"Huidig",next:"Volgende"},fr:{startingLevel:"Niveau de départ : {points} points",seeMore:"Voir plus",seeLess:"Voir moins",current:"Actuel",next:"Suivant"},hu:{startingLevel:"Kezdő szint: {points} pont",seeMore:"Több megjelenítése",seeLess:"Kevesebb megjelenítése",current:"Jelenlegi",next:"Következő"}},le="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";var Ie=e.from_html('<article class="loyalty-level__card loyalty-level__card--skeleton svelte-nbxilv" aria-busy="true"><header class="loyalty-level__head svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge svelte-nbxilv"></span> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--name svelte-nbxilv"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting svelte-nbxilv"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action svelte-nbxilv"></span></article>'),ne=e.from_html('<span class="loyalty-level__tag svelte-nbxilv"> </span>'),Te=e.from_html("<div></div>"),Oe=e.from_html('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'),Ce=e.from_html('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!> <!></article>'),ze=e.from_html('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'),De=e.from_html('<img class="loyalty-level__badge svelte-nbxilv"/>'),Ue=e.from_html('<div class="loyalty-level__benefits svelte-nbxilv"></div>'),Ae=e.from_html('<div class="loyalty-level__modal-overlay svelte-nbxilv" role="presentation"><div class="loyalty-level__modal svelte-nbxilv" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper svelte-nbxilv"><button class="loyalty-level__modal-close svelte-nbxilv" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content svelte-nbxilv"><header class="loyalty-level__modal-head svelte-nbxilv"><!> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!></div></div></div>'),Fe=e.from_html('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>',1);const Ne={hash:"svelte-nbxilv",code:`
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-DdmjCfyc.cjs");if(typeof window<"u"){let I=function(n){return function(...d){try{return n.apply(this,d)}catch(p){if(p instanceof DOMException&&p.message.includes("has already been used with this registry")||p instanceof Error&&p.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw p}}};customElements.define=I(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-DdmjCfyc.cjs")).then(n=>n.LoyaltyPagination_ce).then(n=>{const d=n.default||n;customElements.get("loyalty-pagination")||customElements.define("loyalty-pagination",d.element||d)}).catch(n=>{console.error("BOOT ERROR:",n)})}const Ee={en:{startingLevel:"Starting Level: {points} points",seeMore:"See More",seeLess:"See Less",current:"Current",next:"Next"},tr:{startingLevel:"Başlangıç Seviyesi: {points} puan",seeMore:"Daha Fazla",seeLess:"Daha Az",current:"Mevcut",next:"Sonraki"},da:{startingLevel:"Startniveau: {points} point",seeMore:"Se mere",seeLess:"Se mindre",current:"Nuværende",next:"Næste"},de:{startingLevel:"Startlevel: {points} Punkte",seeMore:"Mehr anzeigen",seeLess:"Weniger anzeigen",current:"Aktuell",next:"Nächste"},nl:{startingLevel:"Startniveau: {points} punten",seeMore:"Meer tonen",seeLess:"Minder tonen",current:"Huidig",next:"Volgende"},fr:{startingLevel:"Niveau de départ : {points} points",seeMore:"Voir plus",seeLess:"Voir moins",current:"Actuel",next:"Suivant"},hu:{startingLevel:"Kezdő szint: {points} pont",seeMore:"Több megjelenítése",seeLess:"Kevesebb megjelenítése",current:"Jelenlegi",next:"Következő"}},le="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";var Ie=e.from_html('<article class="loyalty-level__card loyalty-level__card--skeleton svelte-nbxilv" aria-busy="true"><header class="loyalty-level__head svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge svelte-nbxilv"></span> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--name svelte-nbxilv"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting svelte-nbxilv"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action svelte-nbxilv"></span></article>'),ne=e.from_html('<span class="loyalty-level__tag svelte-nbxilv"> </span>'),Te=e.from_html("<div></div>"),Oe=e.from_html('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'),Ce=e.from_html('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!> <!></article>'),ze=e.from_html('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'),De=e.from_html('<img class="loyalty-level__badge svelte-nbxilv"/>'),Ue=e.from_html('<div class="loyalty-level__benefits svelte-nbxilv"></div>'),Ae=e.from_html('<div class="loyalty-level__modal-overlay svelte-nbxilv" role="presentation"><div class="loyalty-level__modal svelte-nbxilv" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper svelte-nbxilv"><button class="loyalty-level__modal-close svelte-nbxilv" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content svelte-nbxilv"><header class="loyalty-level__modal-head svelte-nbxilv"><!> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!></div></div></div>'),Fe=e.from_html('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>',1);const Ne={hash:"svelte-nbxilv",code:`
   @layer loyalty-level-component {.loyalty-level.svelte-nbxilv {width:100%;box-sizing:border-box;}.loyalty-level__grid.svelte-nbxilv {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 326px), 1fr));gap:12px;align-items:stretch;}.loyalty-level__card.svelte-nbxilv {display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--app-container-bg-default, #022652);border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));border-radius:6px;box-sizing:border-box;max-height:242px;overflow:hidden;line-height:1.4;}.loyalty-level__card--expanded.svelte-nbxilv {max-height:none;overflow:visible;}.loyalty-level__head.svelte-nbxilv {display:flex;align-items:flex-start;gap:6px;}.loyalty-level__badge.svelte-nbxilv {width:40px;height:40px;flex-shrink:0;}.loyalty-level__headings.svelte-nbxilv {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.loyalty-level__name.svelte-nbxilv {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag.svelte-nbxilv {flex-shrink:0;align-self:flex-start;padding:10px;border-radius:100px;background:var(--badges-element-default, rgba(255, 204, 0, 0.05));color:var(--text-brand, #ffcc00);font-size:12px;font-weight:500;}.loyalty-level__starting.svelte-nbxilv {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits.svelte-nbxilv {color:var(--text-subtle, #dfe3e8);font-size:13px;line-height:1.5;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__card--expanded.svelte-nbxilv .loyalty-level__benefits:where(.svelte-nbxilv) {flex:none;overflow:visible;}.loyalty-level__benefits.svelte-nbxilv ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits.svelte-nbxilv li {margin-bottom:6px;}.loyalty-level__action.svelte-nbxilv {margin-top:auto;width:100%;padding:8px 16px;border:1px solid var(--button-secondary-border-default, rgba(251, 251, 251, 0.05));border-radius:6px;background:var(--button-secondary-bg-default, rgba(251, 251, 251, 0.1));color:var(--button-secondary-text-default, #ffffff);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-level__modal-overlay.svelte-nbxilv {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background-color:rgba(0, 0, 0, 0.7);backdrop-filter:blur(3px);}.loyalty-level__modal.svelte-nbxilv {position:relative;width:100%;max-width:40dvw;max-height:90dvh;padding:24px 16px;background-color:var(--app-container-bg-default, #022652);border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;}.loyalty-level__modal-content.svelte-nbxilv {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content.svelte-nbxilv .loyalty-level__benefits:where(.svelte-nbxilv) {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head.svelte-nbxilv {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper.svelte-nbxilv {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close.svelte-nbxilv {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel.svelte-nbxilv {width:100%;height:1px;}.loyalty-level__card--skeleton.svelte-nbxilv {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton.svelte-nbxilv {display:block;border-radius:4px;background:linear-gradient(
         90deg,
         var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
@@ -23,4 +23,4 @@ typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.cu
     @media (max-width: 767px) {.loyalty-level__benefits.svelte-nbxilv {overflow-wrap:anywhere;word-break:break-word;}.loyalty-level__benefits--collapsed.svelte-nbxilv {max-height:calc(1.5em * 2);overflow:hidden;}.loyalty-level__benefits.svelte-nbxilv p {margin:0;}.loyalty-level__benefits.svelte-nbxilv ul,
       .loyalty-level__benefits.svelte-nbxilv ol {margin:0;padding-left:18px;}.loyalty-level__benefits.svelte-nbxilv li {margin-bottom:6px;}.loyalty-level__benefits.svelte-nbxilv li:last-child {margin-bottom:0;}.loyalty-level__card--expanded.svelte-nbxilv {max-height:none;overflow:visible;}.loyalty-level__card--expanded.svelte-nbxilv .loyalty-level__benefits:where(.svelte-nbxilv) {flex:none;max-height:none;overflow:visible;}
     }
-  }`};function Y(T,n){e.push(n,!0),e.append_styles(T,Ne);const d=()=>e.store_get(e.$format,"$_",y),[y,D]=e.setup_stores(),L=e.prop(n,"apiEndpoint",7,""),w=e.prop(n,"userSession",7,""),b=e.prop(n,"locale",7,""),S=e.prop(n,"onLevelLoaded",7,t=>{}),U=e.prop(n,"onSeeMore",7,t=>{}),s=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),H=e.prop(n,"translationUrl");e.setupI18n({withLocale:b(),translations:{}});const ie=()=>{let t=new URL(H(),window.location.href);fetch(t.href).then(l=>l.json()).then(l=>{Object.keys(l).forEach(a=>{e.addNewMessages(a,l[a])})}).catch(l=>{console.log("loyalty level translation url err:",l)})};Object.entries(Ee).forEach(([t,l])=>{e.addNewMessages(t,l)}),e.user_effect(()=>{e.setLocale(b()??"en")}),e.user_pre_effect(()=>{H()&&ie()});const se=t=>{S()(t)},j=e.createElevateData(()=>({apiEndpoint:L(),userSession:w(),locale:b(),loadLevels:!0,onLevelLoaded:se})),V=e.user_derived(()=>j.playerElevateLevel?.id),x=e.user_derived(()=>typeof s()=="number"?s():parseInt(s(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),k=e.user_derived(()=>[...j.levels??[]].sort((t,l)=>t.firstEntryPoints<l.firstEntryPoints?-1:1)),O=t=>t.presentation?.displayName??t.displayName??String(t.id);let C=e.state(0),g=e.state(!1),A=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),R=e.state(void 0),z=e.state(void 0),_=e.state(void 0),F=e.state(e.proxy({}));const re=e.user_derived(()=>Math.max(1,Math.ceil(e.get(k).length/e.get(x)))),oe=e.user_derived(()=>e.get(g)?e.get(k).slice(0,e.get(A)):e.get(k).slice(e.get(C)*e.get(x),e.get(C)*e.get(x)+e.get(x))),de=e.user_derived(()=>e.get(k).length>0&&!!j.playerElevateLevel),$=e.user_derived(()=>j.loading&&!e.get(de)),ve=e.user_derived(()=>e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(x)),ce=(t,l)=>{let a;const u=()=>{if(!e.get(g)){e.get(F)[l]=!1;return}const h=window.getComputedStyle(t),p=parseFloat(h.maxHeight);if(!Number.isFinite(p)||p<=0){e.get(F)[l]=!1;return}const M=12;e.get(F)[l]=t.scrollHeight>p+M},i=()=>{a!==void 0&&cancelAnimationFrame(a),a=requestAnimationFrame(u)};i();const f=new ResizeObserver(i);return f.observe(t),{destroy(){a!==void 0&&cancelAnimationFrame(a),f.disconnect(),delete e.get(F)[l]}}};e.user_effect(()=>{e.get(C)>e.get(re)-1&&e.set(C,0)}),e.user_effect(()=>{e.set(A,e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(x),!0)}),e.user_effect(()=>{if(!e.get(g)||!e.get(R))return;const t=new IntersectionObserver(l=>{l.some(a=>a.isIntersecting)&&e.set(A,Math.min(e.get(k).length,e.get(A)+e.MOBILE_LOAD_ITEMS),!0)},{rootMargin:"200px"});return t.observe(e.get(R)),()=>t.disconnect()});const ge=t=>{e.set(C,Math.floor(t/e.get(x)),!0)};e.user_effect(()=>{const t=window.matchMedia("(max-width: 767px)"),l=a=>{e.set(g,a.matches,!0)};return e.set(g,t.matches,!0),t.addEventListener("change",l),()=>t.removeEventListener("change",l)});const _e=t=>{if(U()(t),!e.get(g)){e.sendLoyaltyLevelClicked(O(t)),e.set(_,t,!0);return}const l=e.get(z)!==t.id;l&&e.sendLoyaltyLevelClicked(O(t)),e.set(z,l?t.id:void 0,!0)},q=()=>{e.set(_,void 0)},pe=t=>{t.target===t.currentTarget&&q()},ye=t=>{t.key==="Escape"&&q()};e.user_effect(()=>{if(!e.get(_))return;const t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t}});var ue={get apiEndpoint(){return L()},set apiEndpoint(t=""){L(t),e.flushSync()},get userSession(){return w()},set userSession(t=""){w(t),e.flushSync()},get locale(){return b()},set locale(t=""){b(t),e.flushSync()},get onLevelLoaded(){return S()},set onLevelLoaded(t=l=>{}){S(t),e.flushSync()},get onSeeMore(){return U()},set onSeeMore(t=l=>{}){U(t),e.flushSync()},get limitItem(){return s()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){s(t),e.flushSync()},get translationUrl(){return H()},set translationUrl(t){H(t),e.flushSync()}},ee=Fe(),K=e.first_child(ee),Z=e.child(K),fe=e.child(Z);{var be=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>({length:e.get(ve)}),e.index,(u,i,f,h)=>{var p=Ie();e.append(u,p)}),e.append(t,l)},xe=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>e.get(oe),u=>u.id,(u,i)=>{var f=Ce();let h;var p=e.child(f),M=e.child(p),E=e.sibling(M,2),I=e.child(E),W=e.child(I,!0);e.reset(I);var N=e.sibling(I,2),J=e.child(N,!0);e.reset(N),e.reset(E);var G=e.sibling(E,2);{var Q=o=>{var r=ne(),m=e.child(r,!0);e.reset(r),e.template_effect(P=>e.set_text(m,P),[()=>d()("current")]),e.append(o,r)};e.if_block(G,o=>{e.get(i).id===e.get(V)&&o(Q)})}e.reset(p);var B=e.sibling(p,2);{var X=o=>{var r=Te();let m;e.html(r,()=>e.get(i).presentation.description,!0),e.reset(r),e.action(r,(P,Me)=>ce?.(P,Me),()=>e.get(i).id),e.template_effect(()=>m=e.set_class(r,1,"loyalty-level__benefits svelte-nbxilv",null,m,{"loyalty-level__benefits--collapsed":e.get(g)&&e.get(z)!==e.get(i).id})),e.append(o,r)};e.if_block(B,o=>{e.get(i).presentation?.description&&o(X)})}var v=e.sibling(B,2);{var c=o=>{var r=Oe(),m=e.child(r,!0);e.reset(r),e.template_effect(P=>e.set_text(m,P),[()=>e.get(z)===e.get(i).id?d()("seeLess"):d()("seeMore")]),e.delegated("click",r,()=>_e(e.get(i))),e.append(o,r)};e.if_block(v,o=>{(!e.get(g)||e.get(F)[e.get(i).id]||e.get(z)===e.get(i).id)&&o(c)})}e.reset(f),e.template_effect((o,r,m)=>{h=e.set_class(f,1,"loyalty-level__card svelte-nbxilv",null,h,{"loyalty-level__card--current":e.get(i).id===e.get(V),"loyalty-level__card--expanded":e.get(z)===e.get(i).id}),e.set_attribute(M,"src",e.get(i).presentation?.asset||le),e.set_attribute(M,"alt",o),e.set_text(W,r),e.set_text(J,m)},[()=>O(e.get(i)),()=>O(e.get(i)),()=>d()("startingLevel",{values:{points:e.get(i).firstEntryPoints.toLocaleString()}})]),e.append(u,f)}),e.append(t,l)};e.if_block(fe,t=>{e.get($)?t(be):t(xe,-1)})}e.reset(Z);var te=e.sibling(Z,2);{var he=t=>{{let l=e.user_derived(()=>e.get(C)*e.get(x));e.LoyaltyPagination(t,{get offset(){return e.get(l)},get limit(){return e.get(x)},get total(){return e.get(k).length},onPageChange:ge,get locale(){return b()}})}};e.if_block(te,t=>{!e.get($)&&!e.get(g)&&t(he)})}var me=e.sibling(te,2);{var Le=t=>{var l=ze();e.bind_this(l,a=>e.set(R,a),()=>e.get(R)),e.append(t,l)};e.if_block(me,t=>{e.get(g)&&e.get(A)<e.get(k).length&&t(Le)})}e.reset(K);var we=e.sibling(K,2);{var Se=t=>{var l=Ae(),a=e.child(l),u=e.child(a),i=e.child(u);e.reset(u);var f=e.sibling(u,2),h=e.child(f),p=e.child(h);{var M=v=>{var c=De();e.template_effect(o=>{e.set_attribute(c,"src",e.get(_).presentation.asset||le),e.set_attribute(c,"alt",o)},[()=>O(e.get(_))]),e.append(v,c)};e.if_block(p,v=>{e.get(_).presentation?.asset&&v(M)})}var E=e.sibling(p,2),I=e.child(E),W=e.child(I,!0);e.reset(I);var N=e.sibling(I,2),J=e.child(N,!0);e.reset(N),e.reset(E);var G=e.sibling(E,2);{var Q=v=>{var c=ne(),o=e.child(c,!0);e.reset(c),e.template_effect(r=>e.set_text(o,r),[()=>d()("current")]),e.append(v,c)};e.if_block(G,v=>{e.get(_).id===e.get(V)&&v(Q)})}e.reset(h);var B=e.sibling(h,2);{var X=v=>{var c=Ue();e.html(c,()=>e.get(_).presentation.description,!0),e.reset(c),e.append(v,c)};e.if_block(B,v=>{e.get(_).presentation?.description&&v(X)})}e.reset(f),e.reset(a),e.reset(l),e.template_effect((v,c)=>{e.set_text(W,v),e.set_text(J,c)},[()=>O(e.get(_)),()=>d()("startingLevel",{values:{points:e.get(_).firstEntryPoints.toLocaleString()}})]),e.delegated("click",l,pe),e.delegated("keydown",l,ye),e.delegated("click",i,q),e.append(t,l)};e.if_block(we,t=>{e.get(_)&&t(Se)})}e.append(T,ee);var ke=e.pop(ue);return D(),ke}e.delegate(["click","keydown"]);e.create_custom_element(Y,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[],{mode:"open"});function ae(T,n){e.push(n,!0);let d=e.prop(n,"apiEndpoint",7,""),y=e.prop(n,"userSession",7,""),D=e.prop(n,"locale",7,""),L=e.prop(n,"onLevelLoaded"),w=e.prop(n,"onSeeMore"),b=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),S=e.prop(n,"translationUrl");var U={get apiEndpoint(){return d()},set apiEndpoint(s=""){d(s),e.flushSync()},get userSession(){return y()},set userSession(s=""){y(s),e.flushSync()},get locale(){return D()},set locale(s=""){D(s),e.flushSync()},get onLevelLoaded(){return L()},set onLevelLoaded(s){L(s),e.flushSync()},get onSeeMore(){return w()},set onSeeMore(s){w(s),e.flushSync()},get limitItem(){return b()},set limitItem(s=e.ITEMS_LIMIT_DEFAULT){b(s),e.flushSync()},get translationUrl(){return S()},set translationUrl(s){S(s),e.flushSync()}};return Y(T,{get apiEndpoint(){return d()},get userSession(){return y()},get locale(){return D()},get onLevelLoaded(){return L()},get onSeeMore(){return w()},get limitItem(){return b()},get translationUrl(){return S()}}),e.pop(U)}customElements.define("loyalty-level",e.create_custom_element(ae,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[]));const Pe=Object.freeze(Object.defineProperty({__proto__:null,default:ae},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyLevel=Y;exports.LoyaltyLevel_ce=Pe;
+  }`};function Y(I,n){e.push(n,!0),e.append_styles(I,Ne);const d=()=>e.store_get(e.$format,"$_",p),[p,z]=e.setup_stores(),L=e.prop(n,"apiEndpoint",7,""),w=e.prop(n,"userSession",7,""),f=e.prop(n,"locale",7,""),S=e.prop(n,"onLevelLoaded",7,t=>{}),D=e.prop(n,"onSeeMore",7,t=>{}),s=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),P=e.prop(n,"translationUrl");e.setupI18n({withLocale:f(),translations:{}});const ie=()=>{let t=new URL(P(),window.location.href);fetch(t.href).then(l=>l.json()).then(l=>{Object.keys(l).forEach(a=>{e.addNewMessages(a,l[a])})}).catch(l=>{console.log("loyalty level translation url err:",l)})};Object.entries(Ee).forEach(([t,l])=>{e.addNewMessages(t,l)}),e.user_effect(()=>{e.setLocale(f()??"en")}),e.user_pre_effect(()=>{P()&&ie()});const se=t=>{S()(t)},H=e.createElevateData(()=>({apiEndpoint:L(),userSession:w(),locale:f(),loadLevels:!0,onLevelLoaded:se})),B=e.user_derived(()=>H.playerElevateLevel?.id),x=e.user_derived(()=>typeof s()=="number"?s():parseInt(s(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),k=e.user_derived(()=>[...H.levels??[]].sort((t,l)=>t.firstEntryPoints<l.firstEntryPoints?-1:1)),T=t=>t.presentation?.displayName??t.displayName??String(t.id);let O=e.state(0),_=e.state(!1),U=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),j=e.state(void 0),C=e.state(void 0),g=e.state(void 0),A=e.state(e.proxy({}));const oe=e.user_derived(()=>Math.max(1,Math.ceil(e.get(k).length/e.get(x)))),re=e.user_derived(()=>e.get(_)?e.get(k).slice(0,e.get(U)):e.get(k).slice(e.get(O)*e.get(x),e.get(O)*e.get(x)+e.get(x))),de=e.user_derived(()=>e.get(k).length>0&&!!H.playerElevateLevel),$=e.user_derived(()=>H.loading&&!e.get(de)),ve=e.user_derived(()=>e.get(_)?e.MOBILE_LOAD_ITEMS:e.get(x)),ce=(t,l)=>{let a;const b=()=>{if(!e.get(_)){e.get(A)[l]=!1;return}const h=window.getComputedStyle(t),y=parseFloat(h.maxHeight);if(!Number.isFinite(y)||y<=0){e.get(A)[l]=!1;return}const M=12;e.get(A)[l]=t.scrollHeight>y+M},i=()=>{a!==void 0&&cancelAnimationFrame(a),a=requestAnimationFrame(b)};i();const u=new ResizeObserver(i);return u.observe(t),{destroy(){a!==void 0&&cancelAnimationFrame(a),u.disconnect(),delete e.get(A)[l]}}};e.user_effect(()=>{e.get(O)>e.get(oe)-1&&e.set(O,0)}),e.user_effect(()=>{e.set(U,e.get(_)?e.MOBILE_LOAD_ITEMS:e.get(x),!0)}),e.user_effect(()=>{if(!e.get(_)||!e.get(j))return;const t=new IntersectionObserver(l=>{l.some(a=>a.isIntersecting)&&e.set(U,Math.min(e.get(k).length,e.get(U)+e.MOBILE_LOAD_ITEMS),!0)},{rootMargin:"200px"});return t.observe(e.get(j)),()=>t.disconnect()});const _e=t=>{e.set(O,Math.floor(t/e.get(x)),!0)};e.user_effect(()=>{const t=window.matchMedia("(max-width: 767px)"),l=a=>{e.set(_,a.matches,!0)};return e.set(_,t.matches,!0),t.addEventListener("change",l),()=>t.removeEventListener("change",l)});const ge=t=>{if(D()(t),!e.get(_)){e.sendLoyaltyLevelClicked(T(t)),e.set(g,t,!0);return}const l=e.get(C)!==t.id;l&&e.sendLoyaltyLevelClicked(T(t)),e.set(C,l?t.id:void 0,!0)},V=()=>{e.set(g,void 0)},ye=t=>{t.target===t.currentTarget&&V()},pe=t=>{t.key==="Escape"&&V()};e.user_effect(()=>{if(!e.get(g))return;const t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t}});var ue={get apiEndpoint(){return L()},set apiEndpoint(t=""){L(t),e.flushSync()},get userSession(){return w()},set userSession(t=""){w(t),e.flushSync()},get locale(){return f()},set locale(t=""){f(t),e.flushSync()},get onLevelLoaded(){return S()},set onLevelLoaded(t=l=>{}){S(t),e.flushSync()},get onSeeMore(){return D()},set onSeeMore(t=l=>{}){D(t),e.flushSync()},get limitItem(){return s()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){s(t),e.flushSync()},get translationUrl(){return P()},set translationUrl(t){P(t),e.flushSync()}},ee=Fe(),q=e.first_child(ee),K=e.child(q),fe=e.child(K);{var be=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>({length:e.get(ve)}),e.index,(b,i,u,h)=>{var y=Ie();e.append(b,y)}),e.append(t,l)},xe=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>e.get(re),b=>b.id,(b,i)=>{var u=Ce();let h;var y=e.child(u),M=e.child(y),E=e.sibling(M,2),F=e.child(E),Z=e.only_child(F,!0),W=e.sibling(F,2),J=e.only_child(W,!0);e.reset(E);var G=e.sibling(E,2);{var Q=o=>{var r=ne(),m=e.only_child(r,!0);e.template_effect(N=>e.set_text(m,N),[()=>d()("current")]),e.append(o,r)};e.if_block(G,o=>{e.get(i).id===e.get(B)&&o(Q)})}e.reset(y);var R=e.sibling(y,2);{var X=o=>{var r=Te();let m;e.html(r,()=>e.get(i).presentation.description,!0),e.reset(r),e.action(r,(N,Me)=>ce?.(N,Me),()=>e.get(i).id),e.template_effect(()=>m=e.set_class(r,1,"loyalty-level__benefits svelte-nbxilv",null,m,{"loyalty-level__benefits--collapsed":e.get(_)&&e.get(C)!==e.get(i).id})),e.append(o,r)};e.if_block(R,o=>{e.get(i).presentation?.description&&o(X)})}var v=e.sibling(R,2);{var c=o=>{var r=Oe(),m=e.only_child(r,!0);e.template_effect(N=>e.set_text(m,N),[()=>e.get(C)===e.get(i).id?d()("seeLess"):d()("seeMore")]),e.delegated("click",r,()=>ge(e.get(i))),e.append(o,r)};e.if_block(v,o=>{(!e.get(_)||e.get(A)[e.get(i).id]||e.get(C)===e.get(i).id)&&o(c)})}e.reset(u),e.template_effect((o,r,m)=>{h=e.set_class(u,1,"loyalty-level__card svelte-nbxilv",null,h,{"loyalty-level__card--current":e.get(i).id===e.get(B),"loyalty-level__card--expanded":e.get(C)===e.get(i).id}),e.set_attribute(M,"src",e.get(i).presentation?.asset||le),e.set_attribute(M,"alt",o),e.set_text(Z,r),e.set_text(J,m)},[()=>T(e.get(i)),()=>T(e.get(i)),()=>d()("startingLevel",{values:{points:e.get(i).firstEntryPoints.toLocaleString()}})]),e.append(b,u)}),e.append(t,l)};e.if_block(fe,t=>{e.get($)?t(be):t(xe,-1)})}e.reset(K);var te=e.sibling(K,2);{var he=t=>{{let l=e.user_derived(()=>e.get(O)*e.get(x));e.LoyaltyPagination(t,{get offset(){return e.get(l)},get limit(){return e.get(x)},get total(){return e.get(k).length},onPageChange:_e,get locale(){return f()}})}};e.if_block(te,t=>{!e.get($)&&!e.get(_)&&t(he)})}var me=e.sibling(te,2);{var Le=t=>{var l=ze();e.bind_this(l,a=>e.set(j,a),()=>e.get(j)),e.append(t,l)};e.if_block(me,t=>{e.get(_)&&e.get(U)<e.get(k).length&&t(Le)})}e.reset(q);var we=e.sibling(q,2);{var Se=t=>{var l=Ae(),a=e.child(l),b=e.child(a),i=e.only_child(b),u=e.sibling(b,2),h=e.child(u),y=e.child(h);{var M=v=>{var c=De();e.template_effect(o=>{e.set_attribute(c,"src",e.get(g).presentation.asset||le),e.set_attribute(c,"alt",o)},[()=>T(e.get(g))]),e.append(v,c)};e.if_block(y,v=>{e.get(g).presentation?.asset&&v(M)})}var E=e.sibling(y,2),F=e.child(E),Z=e.only_child(F,!0),W=e.sibling(F,2),J=e.only_child(W,!0);e.reset(E);var G=e.sibling(E,2);{var Q=v=>{var c=ne(),o=e.only_child(c,!0);e.template_effect(r=>e.set_text(o,r),[()=>d()("current")]),e.append(v,c)};e.if_block(G,v=>{e.get(g).id===e.get(B)&&v(Q)})}e.reset(h);var R=e.sibling(h,2);{var X=v=>{var c=Ue();e.html(c,()=>e.get(g).presentation.description,!0),e.reset(c),e.append(v,c)};e.if_block(R,v=>{e.get(g).presentation?.description&&v(X)})}e.reset(u),e.reset(a),e.reset(l),e.template_effect((v,c)=>{e.set_text(Z,v),e.set_text(J,c)},[()=>T(e.get(g)),()=>d()("startingLevel",{values:{points:e.get(g).firstEntryPoints.toLocaleString()}})]),e.delegated("click",l,ye),e.delegated("keydown",l,pe),e.delegated("click",i,V),e.append(t,l)};e.if_block(we,t=>{e.get(g)&&t(Se)})}e.append(I,ee);var ke=e.pop(ue);return z(),ke}e.delegate(["click","keydown"]);e.create_custom_element(Y,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[],{mode:"open"});function ae(I,n){e.push(n,!0);let d=e.prop(n,"apiEndpoint",7,""),p=e.prop(n,"userSession",7,""),z=e.prop(n,"locale",7,""),L=e.prop(n,"onLevelLoaded"),w=e.prop(n,"onSeeMore"),f=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),S=e.prop(n,"translationUrl");var D={get apiEndpoint(){return d()},set apiEndpoint(s=""){d(s),e.flushSync()},get userSession(){return p()},set userSession(s=""){p(s),e.flushSync()},get locale(){return z()},set locale(s=""){z(s),e.flushSync()},get onLevelLoaded(){return L()},set onLevelLoaded(s){L(s),e.flushSync()},get onSeeMore(){return w()},set onSeeMore(s){w(s),e.flushSync()},get limitItem(){return f()},set limitItem(s=e.ITEMS_LIMIT_DEFAULT){f(s),e.flushSync()},get translationUrl(){return S()},set translationUrl(s){S(s),e.flushSync()}};return Y(I,{get apiEndpoint(){return d()},get userSession(){return p()},get locale(){return z()},get onLevelLoaded(){return L()},get onSeeMore(){return w()},get limitItem(){return f()},get translationUrl(){return S()}}),e.pop(D)}customElements.define("loyalty-level",e.create_custom_element(ae,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[]));const Pe=Object.freeze(Object.defineProperty({__proto__:null,default:ae},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyLevel=Y;exports.LoyaltyLevel_ce=Pe;