@everymatrix/loyalty-level 0.1.11 → 0.1.12

package/components/LoyaltyLevel-CbXpm9Ga.cjs

@@ -0,0 +1,26 @@
+typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-CmgQtJyA.cjs");if(typeof window!="undefined"){let O=function(n){return function(...d){try{return n.apply(this,d)}catch(u){if(u instanceof DOMException&&u.message.includes("has already been used with this registry")||u instanceof Error&&u.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw u}}};customElements.define=O(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-CmgQtJyA.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 Ie={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ő"}},ae="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 Te=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>'),Oe=e.from_html('<span class="loyalty-level__tag svelte-nbxilv"> </span>'),Ce=e.from_html("<div><!></div>"),ze=e.from_html('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'),De=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"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!> <!></article>'),Ue=e.from_html('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'),Ae=e.from_html('<img class="loyalty-level__badge svelte-nbxilv"/>'),Fe=e.from_html('<span class="loyalty-level__tag svelte-nbxilv"> </span>'),Ne=e.from_html('<div class="loyalty-level__benefits svelte-nbxilv"><!></div>'),Pe=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"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!></div></div></div>'),je=e.from_html('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>',1);const He={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__title-row.svelte-nbxilv {display:flex;align-items:center;justify-content:space-between;gap:8px;}.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;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%,
+        color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
+        var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
+      );background-size:400% 100%;
+      animation: svelte-nbxilv-loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge.svelte-nbxilv {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name.svelte-nbxilv {width:60%;height:16px;}.loyalty-level__skeleton--starting.svelte-nbxilv {width:40%;height:14px;}.loyalty-level__skeleton--action.svelte-nbxilv {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes svelte-nbxilv-loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton.svelte-nbxilv {
+        animation: none;}
+    }
+
+    @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 ee(O,n){e.push(n,!0),e.append_styles(O,He);const d=()=>e.store_get(e.$format,"$_",u),[u,U]=e.setup_stores(),w=e.prop(n,"apiEndpoint",7,""),S=e.prop(n,"userSession",7,""),b=e.prop(n,"locale",7,""),k=e.prop(n,"onLevelLoaded",7,t=>{}),A=e.prop(n,"onSeeMore",7,t=>{}),o=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),H=e.prop(n,"translationUrl");e.setupI18n({withLocale:b(),translations:{}});const se=()=>{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(Ie).forEach(([t,l])=>{e.addNewMessages(t,l)}),e.user_effect(()=>{var t;e.setLocale((t=b())!=null?t:"en")}),e.user_pre_effect(()=>{H()&&se()});const re=t=>{k()(t)},R=e.createElevateData(()=>({apiEndpoint:w(),userSession:S(),locale:b(),loadLevels:!0,onLevelLoaded:re})),q=e.user_derived(()=>{var t;return(t=R.playerElevateLevel)==null?void 0:t.id}),x=e.user_derived(()=>typeof o()=="number"?o():parseInt(o(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),M=e.user_derived(()=>{var t;return[...(t=R.levels)!=null?t:[]].sort((l,a)=>l.firstEntryPoints<a.firstEntryPoints?-1:1)}),C=t=>{var l,a,_;return(_=(a=(l=t.presentation)==null?void 0:l.displayName)!=null?a:t.displayName)!=null?_:String(t.id)};let z=e.state(0),g=e.state(!1),F=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),B=e.state(void 0),D=e.state(void 0),y=e.state(void 0),N=e.state(e.proxy({}));const oe=e.user_derived(()=>Math.max(1,Math.ceil(e.get(M).length/e.get(x)))),ve=e.user_derived(()=>e.get(g)?e.get(M).slice(0,e.get(F)):e.get(M).slice(e.get(z)*e.get(x),e.get(z)*e.get(x)+e.get(x))),de=e.user_derived(()=>e.get(M).length>0&&!!R.playerElevateLevel),te=e.user_derived(()=>R.loading&&!e.get(de)),ce=e.user_derived(()=>e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(x)),K=(t,l)=>{let a;const _=()=>{if(!e.get(g)){e.get(N)[l]=!1;return}const h=window.getComputedStyle(t),p=parseFloat(h.maxHeight);if(!Number.isFinite(p)||p<=0){e.get(N)[l]=!1;return}const E=12;e.get(N)[l]=t.scrollHeight>p+E},i=()=>{a!==void 0&&cancelAnimationFrame(a),a=requestAnimationFrame(_)};i();const f=new ResizeObserver(i);return f.observe(t),{destroy(){a!==void 0&&cancelAnimationFrame(a),f.disconnect(),delete e.get(N)[l]}}};e.user_effect(()=>{e.get(z)>e.get(oe)-1&&e.set(z,0)}),e.user_effect(()=>{e.set(F,e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(x),!0)}),e.user_effect(()=>{if(!e.get(g)||!e.get(B))return;const t=new IntersectionObserver(l=>{l.some(a=>a.isIntersecting)&&e.set(F,Math.min(e.get(M).length,e.get(F)+e.MOBILE_LOAD_ITEMS),!0)},{rootMargin:"200px"});return t.observe(e.get(B)),()=>t.disconnect()});const _e=t=>{e.set(z,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 ge=t=>{if(A()(t),!e.get(g)){e.sendLoyaltyLevelClicked(C(t)),e.set(y,t,!0);return}const l=e.get(D)!==t.id;l&&e.sendLoyaltyLevelClicked(C(t)),e.set(D,l?t.id:void 0,!0)},Z=()=>{e.set(y,void 0)},ye=t=>{t.target===t.currentTarget&&Z()},pe=t=>{t.key==="Escape"&&Z()};e.user_effect(()=>{if(!e.get(y))return;const t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t}});var ue={get apiEndpoint(){return w()},set apiEndpoint(t=""){w(t),e.flushSync()},get userSession(){return S()},set userSession(t=""){S(t),e.flushSync()},get locale(){return b()},set locale(t=""){b(t),e.flushSync()},get onLevelLoaded(){return k()},set onLevelLoaded(t=l=>{}){k(t),e.flushSync()},get onSeeMore(){return A()},set onSeeMore(t=l=>{}){A(t),e.flushSync()},get limitItem(){return o()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){o(t),e.flushSync()},get translationUrl(){return H()},set translationUrl(t){H(t),e.flushSync()}},le=je(),W=e.first_child(le),J=e.child(W),fe=e.child(J);{var be=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>({length:e.get(ce)}),e.index,(_,i,f,h)=>{var p=Te();e.append(_,p)}),e.append(t,l)},xe=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>e.get(ve),_=>_.id,(_,i)=>{var f=De();let h;var p=e.child(f),E=e.child(p),P=e.sibling(E,2),I=e.child(P),T=e.child(I),G=e.child(T,!0);e.reset(T);var Q=e.sibling(T,2);{var X=v=>{var r=Oe(),m=e.child(r,!0);e.reset(r),e.template_effect(L=>e.set_text(m,L),[()=>d()("current")]),e.append(v,r)};e.if_block(Q,v=>{e.get(i).id===e.get(q)&&v(X)})}e.reset(I);var j=e.sibling(I,2),Y=e.child(j,!0);e.reset(j),e.reset(P),e.reset(p);var V=e.sibling(p,2);{var $=v=>{var r=Ce();let m;var L=e.child(r);e.html(L,()=>e.get(i).presentation.description),e.reset(r),e.action(r,(Me,Ee)=>K==null?void 0:K(Me,Ee),()=>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(D)!==e.get(i).id})),e.append(v,r)};e.if_block(V,v=>{var r;(r=e.get(i).presentation)!=null&&r.description&&v($)})}var c=e.sibling(V,2);{var s=v=>{var r=ze();r.__click=()=>ge(e.get(i));var m=e.child(r,!0);e.reset(r),e.template_effect(L=>e.set_text(m,L),[()=>e.get(D)===e.get(i).id?d()("seeLess"):d()("seeMore")]),e.append(v,r)};e.if_block(c,v=>{(!e.get(g)||e.get(N)[e.get(i).id]||e.get(D)===e.get(i).id)&&v(s)})}e.reset(f),e.template_effect((v,r,m)=>{var L;h=e.set_class(f,1,"loyalty-level__card svelte-nbxilv",null,h,{"loyalty-level__card--current":e.get(i).id===e.get(q),"loyalty-level__card--expanded":e.get(D)===e.get(i).id}),e.set_attribute(E,"src",((L=e.get(i).presentation)==null?void 0:L.asset)||ae),e.set_attribute(E,"alt",v),e.set_text(G,r),e.set_text(Y,m)},[()=>C(e.get(i)),()=>C(e.get(i)),()=>d()("startingLevel",{values:{points:e.get(i).firstEntryPoints.toLocaleString()}})]),e.append(_,f)}),e.append(t,l)};e.if_block(fe,t=>{e.get(te)?t(be):t(xe,!1)})}e.reset(J);var ne=e.sibling(J,2);{var he=t=>{{let l=e.user_derived(()=>e.get(z)*e.get(x));e.LoyaltyPagination(t,{get offset(){return e.get(l)},get limit(){return e.get(x)},get total(){return e.get(M).length},onPageChange:_e,get locale(){return b()}})}};e.if_block(ne,t=>{!e.get(te)&&!e.get(g)&&t(he)})}var me=e.sibling(ne,2);{var Le=t=>{var l=Ue();e.bind_this(l,a=>e.set(B,a),()=>e.get(B)),e.append(t,l)};e.if_block(me,t=>{e.get(g)&&e.get(F)<e.get(M).length&&t(Le)})}e.reset(W);var we=e.sibling(W,2);{var Se=t=>{var l=Pe();l.__click=ye,l.__keydown=pe;var a=e.child(l),_=e.child(a),i=e.child(_);i.__click=Z,e.reset(_);var f=e.sibling(_,2),h=e.child(f),p=e.child(h);{var E=c=>{var s=Ae();e.template_effect(v=>{e.set_attribute(s,"src",e.get(y).presentation.asset||ae),e.set_attribute(s,"alt",v)},[()=>C(e.get(y))]),e.append(c,s)};e.if_block(p,c=>{var s;(s=e.get(y).presentation)!=null&&s.asset&&c(E)})}var P=e.sibling(p,2),I=e.child(P),T=e.child(I),G=e.child(T,!0);e.reset(T);var Q=e.sibling(T,2);{var X=c=>{var s=Fe(),v=e.child(s,!0);e.reset(s),e.template_effect(r=>e.set_text(v,r),[()=>d()("current")]),e.append(c,s)};e.if_block(Q,c=>{e.get(y).id===e.get(q)&&c(X)})}e.reset(I);var j=e.sibling(I,2),Y=e.child(j,!0);e.reset(j),e.reset(P),e.reset(h);var V=e.sibling(h,2);{var $=c=>{var s=Ne(),v=e.child(s);e.html(v,()=>e.get(y).presentation.description),e.reset(s),e.append(c,s)};e.if_block(V,c=>{var s;(s=e.get(y).presentation)!=null&&s.description&&c($)})}e.reset(f),e.reset(a),e.reset(l),e.template_effect((c,s)=>{e.set_text(G,c),e.set_text(Y,s)},[()=>C(e.get(y)),()=>d()("startingLevel",{values:{points:e.get(y).firstEntryPoints.toLocaleString()}})]),e.append(t,l)};e.if_block(we,t=>{e.get(y)&&t(Se)})}e.append(O,le);var ke=e.pop(ue);return U(),ke}e.delegate(["click","keydown"]);e.create_custom_element(ee,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[],!0);function ie(O,n){e.push(n,!0);let d=e.prop(n,"apiEndpoint",7,""),u=e.prop(n,"userSession",7,""),U=e.prop(n,"locale",7,""),w=e.prop(n,"onLevelLoaded"),S=e.prop(n,"onSeeMore"),b=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),k=e.prop(n,"translationUrl");var A={get apiEndpoint(){return d()},set apiEndpoint(o=""){d(o),e.flushSync()},get userSession(){return u()},set userSession(o=""){u(o),e.flushSync()},get locale(){return U()},set locale(o=""){U(o),e.flushSync()},get onLevelLoaded(){return w()},set onLevelLoaded(o){w(o),e.flushSync()},get onSeeMore(){return S()},set onSeeMore(o){S(o),e.flushSync()},get limitItem(){return b()},set limitItem(o=e.ITEMS_LIMIT_DEFAULT){b(o),e.flushSync()},get translationUrl(){return k()},set translationUrl(o){k(o),e.flushSync()}};return ee(O,{get apiEndpoint(){return d()},get userSession(){return u()},get locale(){return U()},get onLevelLoaded(){return w()},get onSeeMore(){return S()},get limitItem(){return b()},get translationUrl(){return k()}}),e.pop(A)}customElements.define("loyalty-level",e.create_custom_element(ie,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[],!1));const Re=Object.freeze(Object.defineProperty({__proto__:null,default:ie},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyLevel=ee;exports.LoyaltyLevel_ce=Re;

package/components/LoyaltyLevel-ZUAXY21F.js

@@ -0,0 +1,547 @@
+import { d as lt, c as Ie, p as ze, a as nt, b as p, s as at, e as me, u as Z, f as st, g as it, h as ot, i as P, j as he, M as se, k as e, l as M, m as xe, n as E, o as x, q as Ce, I as J, r as C, t as k, v as u, w as rt, x as a, y as s, z as b, A as Le, B as we, C as vt, L as dt, D as ct, E as F, F as R, G as yt, $ as _t, H as ke, J as ie, K as Se, N as pt, O as Me } from "./LoyaltyPagination-DPQTJIRx.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+if (typeof window < "u") {
+  let V = function(n) {
+    return function(...c) {
+      try {
+        return n.apply(this, c);
+      } catch (h) {
+        if (h instanceof DOMException && h.message.includes("has already been used with this registry") || h instanceof Error && h.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw h;
+      }
+    };
+  };
+  customElements.define = V(customElements.define), import("./LoyaltyPagination-DPQTJIRx.js").then((n) => n.P).then((n) => {
+    const c = n.default || n;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", c.element || c);
+  }).catch((n) => {
+    console.error("BOOT ERROR:", n);
+  });
+}
+const ut = {
+  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ő"
+  }
+}, Ee = "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 xt = k('<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>'), bt = k('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), gt = k("<div><!></div>"), ft = k('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'), mt = k('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!> <!></article>'), ht = k('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'), Lt = k('<img class="loyalty-level__badge svelte-nbxilv"/>'), wt = k('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), kt = k('<div class="loyalty-level__benefits svelte-nbxilv"><!></div>'), St = k('<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"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!></div></div></div>'), Mt = k('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>', 1);
+const Et = {
+  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__title-row.svelte-nbxilv {display:flex;align-items:center;justify-content:space-between;gap:8px;}.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;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%,
+        color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
+        var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
+      );background-size:400% 100%;
+      animation: svelte-nbxilv-loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge.svelte-nbxilv {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name.svelte-nbxilv {width:60%;height:16px;}.loyalty-level__skeleton--starting.svelte-nbxilv {width:40%;height:14px;}.loyalty-level__skeleton--action.svelte-nbxilv {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes svelte-nbxilv-loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton.svelte-nbxilv {
+        animation: none;}
+    }
+
+    @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 Oe(V, n) {
+  ze(n, !0), nt(V, Et);
+  const c = () => yt(_t, "$_", h), [h, W] = rt(), T = p(n, "apiEndpoint", 7, ""), U = p(n, "userSession", 7, ""), S = p(n, "locale", 7, ""), N = p(n, "onLevelLoaded", 7, (t) => {
+  }), G = p(n, "onSeeMore", 7, (t) => {
+  }), r = p(n, "limitItem", 7, J), te = p(n, "translationUrl");
+  at({ withLocale: S(), translations: {} });
+  const Ue = () => {
+    let t = new URL(te(), window.location.href);
+    fetch(t.href).then((l) => l.json()).then((l) => {
+      Object.keys(l).forEach((i) => {
+        me(i, l[i]);
+      });
+    }).catch((l) => {
+      console.log("loyalty level translation url err:", l);
+    });
+  };
+  Object.entries(ut).forEach(([t, l]) => {
+    me(t, l);
+  }), Z(() => {
+    st(S() ?? "en");
+  }), it(() => {
+    te() && Ue();
+  });
+  const Ne = (t) => {
+    N()(t);
+  }, le = ot(() => ({
+    apiEndpoint: T(),
+    userSession: U(),
+    locale: S(),
+    loadLevels: !0,
+    onLevelLoaded: Ne
+  })), oe = C(() => le.playerElevateLevel?.id), I = C(() => typeof r() == "number" ? r() : parseInt(r(), J) || J), j = C(() => [...le.levels ?? []].sort((t, l) => t.firstEntryPoints < l.firstEntryPoints ? -1 : 1)), B = (t) => t.presentation?.displayName ?? t.displayName ?? String(t.id);
+  let K = P(0), g = P(!1), Q = P(he(se)), ne = P(void 0), q = P(void 0), f = P(void 0), X = P(he({}));
+  const je = C(() => Math.max(1, Math.ceil(e(j).length / e(I)))), De = C(() => e(g) ? e(j).slice(0, e(Q)) : e(j).slice(e(K) * e(I), e(K) * e(I) + e(I))), He = C(() => e(j).length > 0 && !!le.playerElevateLevel), be = C(() => le.loading && !e(He)), Ae = C(() => e(g) ? se : e(I)), Pe = (t, l) => {
+    let i;
+    const L = () => {
+      if (!e(g)) {
+        e(X)[l] = !1;
+        return;
+      }
+      const z = window.getComputedStyle(t), m = parseFloat(z.maxHeight);
+      if (!Number.isFinite(m) || m <= 0) {
+        e(X)[l] = !1;
+        return;
+      }
+      const D = 12;
+      e(X)[l] = t.scrollHeight > m + D;
+    }, o = () => {
+      i !== void 0 && cancelAnimationFrame(i), i = requestAnimationFrame(L);
+    };
+    o();
+    const w = new ResizeObserver(o);
+    return w.observe(t), {
+      destroy() {
+        i !== void 0 && cancelAnimationFrame(i), w.disconnect(), delete e(X)[l];
+      }
+    };
+  };
+  Z(() => {
+    e(K) > e(je) - 1 && M(K, 0);
+  }), Z(() => {
+    M(Q, e(g) ? se : e(I), !0);
+  }), Z(() => {
+    if (!e(g) || !e(ne))
+      return;
+    const t = new IntersectionObserver(
+      (l) => {
+        l.some((i) => i.isIntersecting) && M(Q, Math.min(e(j).length, e(Q) + se), !0);
+      },
+      { rootMargin: "200px" }
+    );
+    return t.observe(e(ne)), () => t.disconnect();
+  });
+  const Fe = (t) => {
+    M(K, Math.floor(t / e(I)), !0);
+  };
+  Z(() => {
+    const t = window.matchMedia("(max-width: 767px)"), l = (i) => {
+      M(g, i.matches, !0);
+    };
+    return M(g, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+  });
+  const Re = (t) => {
+    if (G()(t), !e(g)) {
+      Me(B(t)), M(f, t, !0);
+      return;
+    }
+    const l = e(q) !== t.id;
+    l && Me(B(t)), M(q, l ? t.id : void 0, !0);
+  }, re = () => {
+    M(f, void 0);
+  }, Ve = (t) => {
+    t.target === t.currentTarget && re();
+  }, Be = (t) => {
+    t.key === "Escape" && re();
+  };
+  Z(() => {
+    if (!e(f))
+      return;
+    const t = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = t;
+    };
+  });
+  var Ke = {
+    get apiEndpoint() {
+      return T();
+    },
+    set apiEndpoint(t = "") {
+      T(t), u();
+    },
+    get userSession() {
+      return U();
+    },
+    set userSession(t = "") {
+      U(t), u();
+    },
+    get locale() {
+      return S();
+    },
+    set locale(t = "") {
+      S(t), u();
+    },
+    get onLevelLoaded() {
+      return N();
+    },
+    set onLevelLoaded(t = (l) => {
+    }) {
+      N(t), u();
+    },
+    get onSeeMore() {
+      return G();
+    },
+    set onSeeMore(t = (l) => {
+    }) {
+      G(t), u();
+    },
+    get limitItem() {
+      return r();
+    },
+    set limitItem(t = J) {
+      r(t), u();
+    },
+    get translationUrl() {
+      return te();
+    },
+    set translationUrl(t) {
+      te(t), u();
+    }
+  }, ge = Mt(), ve = xe(ge), de = a(ve), qe = a(de);
+  {
+    var Ze = (t) => {
+      var l = Le(), i = xe(l);
+      we(i, 17, () => ({ length: e(Ae) }), vt, (L, o, w, z) => {
+        var m = xt();
+        x(L, m);
+      }), x(t, l);
+    }, Je = (t) => {
+      var l = Le(), i = xe(l);
+      we(i, 17, () => e(De), (L) => L.id, (L, o) => {
+        var w = mt();
+        let z;
+        var m = a(w), D = a(m), Y = b(D, 2), H = a(Y), A = a(H), ce = a(A, !0);
+        s(A);
+        var ye = b(A, 2);
+        {
+          var _e = (v) => {
+            var d = bt(), O = a(d, !0);
+            s(d), F((ee) => R(O, ee), [() => c()("current")]), x(v, d);
+          };
+          E(ye, (v) => {
+            e(o).id === e(oe) && v(_e);
+          });
+        }
+        s(H);
+        var $ = b(H, 2), pe = a($, !0);
+        s($), s(Y), s(m);
+        var ae = b(m, 2);
+        {
+          var ue = (v) => {
+            var d = gt();
+            let O;
+            var ee = a(d);
+            Se(ee, () => e(o).presentation.description), s(d), pt(d, (et, tt) => Pe?.(et, tt), () => e(o).id), F(() => O = ke(d, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
+              "loyalty-level__benefits--collapsed": e(g) && e(q) !== e(o).id
+            })), x(v, d);
+          };
+          E(ae, (v) => {
+            e(o).presentation?.description && v(ue);
+          });
+        }
+        var y = b(ae, 2);
+        {
+          var _ = (v) => {
+            var d = ft();
+            d.__click = () => Re(e(o));
+            var O = a(d, !0);
+            s(d), F((ee) => R(O, ee), [
+              () => e(q) === e(o).id ? c()("seeLess") : c()("seeMore")
+            ]), x(v, d);
+          };
+          E(y, (v) => {
+            (!e(g) || e(X)[e(o).id] || e(q) === e(o).id) && v(_);
+          });
+        }
+        s(w), F(
+          (v, d, O) => {
+            z = ke(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
+              "loyalty-level__card--current": e(o).id === e(oe),
+              "loyalty-level__card--expanded": e(q) === e(o).id
+            }), ie(D, "src", e(o).presentation?.asset || Ee), ie(D, "alt", v), R(ce, d), R(pe, O);
+          },
+          [
+            () => B(e(o)),
+            () => B(e(o)),
+            () => c()("startingLevel", {
+              values: { points: e(o).firstEntryPoints.toLocaleString() }
+            })
+          ]
+        ), x(L, w);
+      }), x(t, l);
+    };
+    E(qe, (t) => {
+      e(be) ? t(Ze) : t(Je, !1);
+    });
+  }
+  s(de);
+  var fe = b(de, 2);
+  {
+    var We = (t) => {
+      {
+        let l = C(() => e(K) * e(I));
+        dt(t, {
+          get offset() {
+            return e(l);
+          },
+          get limit() {
+            return e(I);
+          },
+          get total() {
+            return e(j).length;
+          },
+          onPageChange: Fe,
+          get locale() {
+            return S();
+          }
+        });
+      }
+    };
+    E(fe, (t) => {
+      !e(be) && !e(g) && t(We);
+    });
+  }
+  var Ge = b(fe, 2);
+  {
+    var Qe = (t) => {
+      var l = ht();
+      ct(l, (i) => M(ne, i), () => e(ne)), x(t, l);
+    };
+    E(Ge, (t) => {
+      e(g) && e(Q) < e(j).length && t(Qe);
+    });
+  }
+  s(ve);
+  var Xe = b(ve, 2);
+  {
+    var Ye = (t) => {
+      var l = St();
+      l.__click = Ve, l.__keydown = Be;
+      var i = a(l), L = a(i), o = a(L);
+      o.__click = re, s(L);
+      var w = b(L, 2), z = a(w), m = a(z);
+      {
+        var D = (y) => {
+          var _ = Lt();
+          F(
+            (v) => {
+              ie(_, "src", e(f).presentation.asset || Ee), ie(_, "alt", v);
+            },
+            [() => B(e(f))]
+          ), x(y, _);
+        };
+        E(m, (y) => {
+          e(f).presentation?.asset && y(D);
+        });
+      }
+      var Y = b(m, 2), H = a(Y), A = a(H), ce = a(A, !0);
+      s(A);
+      var ye = b(A, 2);
+      {
+        var _e = (y) => {
+          var _ = wt(), v = a(_, !0);
+          s(_), F((d) => R(v, d), [() => c()("current")]), x(y, _);
+        };
+        E(ye, (y) => {
+          e(f).id === e(oe) && y(_e);
+        });
+      }
+      s(H);
+      var $ = b(H, 2), pe = a($, !0);
+      s($), s(Y), s(z);
+      var ae = b(z, 2);
+      {
+        var ue = (y) => {
+          var _ = kt(), v = a(_);
+          Se(v, () => e(f).presentation.description), s(_), x(y, _);
+        };
+        E(ae, (y) => {
+          e(f).presentation?.description && y(ue);
+        });
+      }
+      s(w), s(i), s(l), F(
+        (y, _) => {
+          R(ce, y), R(pe, _);
+        },
+        [
+          () => B(e(f)),
+          () => c()("startingLevel", {
+            values: { points: e(f).firstEntryPoints.toLocaleString() }
+          })
+        ]
+      ), x(t, l);
+    };
+    E(Xe, (t) => {
+      e(f) && t(Ye);
+    });
+  }
+  x(V, ge);
+  var $e = Ce(Ke);
+  return W(), $e;
+}
+lt(["click", "keydown"]);
+Ie(
+  Oe,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  !0
+);
+function Te(V, n) {
+  ze(n, !0);
+  let c = p(n, "apiEndpoint", 7, ""), h = p(n, "userSession", 7, ""), W = p(n, "locale", 7, ""), T = p(n, "onLevelLoaded"), U = p(n, "onSeeMore"), S = p(n, "limitItem", 7, J), N = p(n, "translationUrl");
+  var G = {
+    get apiEndpoint() {
+      return c();
+    },
+    set apiEndpoint(r = "") {
+      c(r), u();
+    },
+    get userSession() {
+      return h();
+    },
+    set userSession(r = "") {
+      h(r), u();
+    },
+    get locale() {
+      return W();
+    },
+    set locale(r = "") {
+      W(r), u();
+    },
+    get onLevelLoaded() {
+      return T();
+    },
+    set onLevelLoaded(r) {
+      T(r), u();
+    },
+    get onSeeMore() {
+      return U();
+    },
+    set onSeeMore(r) {
+      U(r), u();
+    },
+    get limitItem() {
+      return S();
+    },
+    set limitItem(r = J) {
+      S(r), u();
+    },
+    get translationUrl() {
+      return N();
+    },
+    set translationUrl(r) {
+      N(r), u();
+    }
+  };
+  return Oe(V, {
+    get apiEndpoint() {
+      return c();
+    },
+    get userSession() {
+      return h();
+    },
+    get locale() {
+      return W();
+    },
+    get onLevelLoaded() {
+      return T();
+    },
+    get onSeeMore() {
+      return U();
+    },
+    get limitItem() {
+      return S();
+    },
+    get translationUrl() {
+      return N();
+    }
+  }), Ce(G);
+}
+customElements.define("loyalty-level", Ie(
+  Te,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  !1
+));
+const zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Te
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Oe as L,
+  zt as a
+};