@everymatrix/loyalty-level 0.2.3 → 0.2.5

package/components/LoyaltyLevel-B4lImGDu.cjs

@@ -0,0 +1,26 @@
+typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-D5WM82CZ.cjs");if(typeof window!="undefined"){let T=function(n){return function(...c){try{return n.apply(this,c)}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=T(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-D5WM82CZ.cjs")).then(n=>n.LoyaltyPagination_ce).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 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ő"}},ne="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" aria-busy="true"><header class="loyalty-level__head"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge"></span> <div class="loyalty-level__headings"><span class="loyalty-level__skeleton loyalty-level__skeleton--name"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action"></span></article>'),ae=e.from_html('<span class="loyalty-level__tag"> </span>'),Te=e.from_html("<div></div>"),Oe=e.from_html('<button class="loyalty-level__action" type="button"> </button>'),Ce=e.from_html('<article><header class="loyalty-level__head"><img class="loyalty-level__badge"/> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!> <!></article>'),ze=e.from_html('<div class="loyalty-level__sentinel" aria-hidden="true"></div>'),De=e.from_html('<img class="loyalty-level__badge"/>'),Ue=e.from_html('<div class="loyalty-level__benefits"></div>'),Ae=e.from_html('<div class="loyalty-level__modal-overlay" role="presentation"><div class="loyalty-level__modal" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper"><button class="loyalty-level__modal-close" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content"><header class="loyalty-level__modal-head"><!> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!></div></div></div>'),Fe=e.from_html('<div class="loyalty-level"><div class="loyalty-level__grid"><!></div> <!> <!></div> <!>',1);const Ne={hash:"svelte-nbxilv",code:`
+  @layer loyalty-level-component {.loyalty-level {width:100%;box-sizing:border-box;}.loyalty-level__grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 326px), 1fr));gap:12px;align-items:stretch;}.loyalty-level__card {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 {max-height:none;overflow:visible;}.loyalty-level__head {display:flex;align-items:flex-start;gap:6px;}.loyalty-level__badge {width:40px;height:40px;flex-shrink:0;}.loyalty-level__headings {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.loyalty-level__name {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag {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 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits {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 .loyalty-level__benefits {flex:none;overflow:visible;}.loyalty-level__benefits ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__action {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 {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 {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 {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content .loyalty-level__benefits {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel {width:100%;height:1px;}.loyalty-level__card--skeleton {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton {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: loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name {width:60%;height:16px;}.loyalty-level__skeleton--starting {width:40%;height:14px;}.loyalty-level__skeleton--action {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton {
+        animation: none;}
+    }
+
+    @media (max-width: 767px) {.loyalty-level__benefits {overflow-wrap:anywhere;word-break:break-word;}.loyalty-level__benefits--collapsed {max-height:calc(1.5em * 2);overflow:hidden;}.loyalty-level__benefits p {margin:0;}.loyalty-level__benefits ul,
+      .loyalty-level__benefits ol {margin:0;padding-left:18px;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__benefits li:last-child {margin-bottom:0;}.loyalty-level__card--expanded {max-height:none;overflow:visible;}.loyalty-level__card--expanded .loyalty-level__benefits {flex:none;max-height:none;overflow:visible;}
+    }
+  }`};function $(T,n){e.push(n,!0),e.append_styles(T,Ne);const c=()=>e.store_get(e.$format,"$_",u),[u,D]=e.setup_stores(),S=e.prop(n,"apiEndpoint",7,""),w=e.prop(n,"userSession",7,""),h=e.prop(n,"locale",7,""),k=e.prop(n,"onLevelLoaded",7,t=>{}),U=e.prop(n,"onSeeMore",7,t=>{}),i=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),P=e.prop(n,"translationUrl");e.setupI18n({withLocale:h(),translations:{}});const re=()=>{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(()=>{var t;e.setLocale((t=h())!=null?t:"en")}),e.user_pre_effect(()=>{P()&&re()});const ie=t=>{k()(t)},H=e.createElevateData(()=>({apiEndpoint:S(),userSession:w(),locale:h(),loadLevels:!0,onLevelLoaded:ie})),B=e.user_derived(()=>{var t;return(t=H.playerElevateLevel)==null?void 0:t.id}),m=e.user_derived(()=>typeof i()=="number"?i():parseInt(i(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),M=e.user_derived(()=>{var t;return[...(t=H.levels)!=null?t:[]].sort((l,a)=>l.firstEntryPoints<a.firstEntryPoints?-1:1)}),O=t=>{var l,a,g;return(g=(a=(l=t.presentation)==null?void 0:l.displayName)!=null?a:t.displayName)!=null?g:String(t.id)};let C=e.state(0),v=e.state(!1),A=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),j=e.state(void 0),z=e.state(void 0),y=e.state(void 0),F=e.state(e.proxy({}));const se=e.user_derived(()=>Math.max(1,Math.ceil(e.get(M).length/e.get(m)))),de=e.user_derived(()=>e.get(v)?e.get(M).slice(0,e.get(A)):e.get(M).slice(e.get(C)*e.get(m),e.get(C)*e.get(m)+e.get(m))),ce=e.user_derived(()=>e.get(M).length>0&&!!H.playerElevateLevel),ee=e.user_derived(()=>H.loading&&!e.get(ce)),_e=e.user_derived(()=>e.get(v)?e.MOBILE_LOAD_ITEMS:e.get(m)),V=(t,l)=>{let a;const g=()=>{if(!e.get(v)){e.get(F)[l]=!1;return}const b=window.getComputedStyle(t),p=parseFloat(b.maxHeight);if(!Number.isFinite(p)||p<=0){e.get(F)[l]=!1;return}const E=12;e.get(F)[l]=t.scrollHeight>p+E},o=()=>{a!==void 0&&cancelAnimationFrame(a),a=requestAnimationFrame(g)};o();const f=new ResizeObserver(o);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(se)-1&&e.set(C,0)}),e.user_effect(()=>{e.set(A,e.get(v)?e.MOBILE_LOAD_ITEMS:e.get(m),!0)}),e.user_effect(()=>{if(!e.get(v)||!e.get(j))return;const t=new IntersectionObserver(l=>{l.some(a=>a.isIntersecting)&&e.set(A,Math.min(e.get(M).length,e.get(A)+e.MOBILE_LOAD_ITEMS),!0)},{rootMargin:"200px"});return t.observe(e.get(j)),()=>t.disconnect()});const ge=t=>{e.set(C,Math.floor(t/e.get(m)),!0)};e.user_effect(()=>{const t=window.matchMedia("(max-width: 767px)"),l=a=>{e.set(v,a.matches,!0)};return e.set(v,t.matches,!0),t.addEventListener("change",l),()=>t.removeEventListener("change",l)});const ve=t=>{if(U()(t),!e.get(v)){e.sendLoyaltyLevelClicked(O(t)),e.set(y,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(y,void 0)},ye=t=>{t.target===t.currentTarget&&q()},pe=t=>{t.key==="Escape"&&q()};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 S()},set apiEndpoint(t=""){S(t),e.flushSync()},get userSession(){return w()},set userSession(t=""){w(t),e.flushSync()},get locale(){return h()},set locale(t=""){h(t),e.flushSync()},get onLevelLoaded(){return k()},set onLevelLoaded(t=l=>{}){k(t),e.flushSync()},get onSeeMore(){return U()},set onSeeMore(t=l=>{}){U(t),e.flushSync()},get limitItem(){return i()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){i(t),e.flushSync()},get translationUrl(){return P()},set translationUrl(t){P(t),e.flushSync()}},te=Fe(),K=e.first_child(te),Z=e.child(K),fe=e.child(Z);{var he=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>({length:e.get(_e)}),e.index,(g,o,f,b)=>{var p=Ie();e.append(g,p)}),e.append(t,l)},me=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>e.get(de),g=>g.id,(g,o)=>{var f=Ce();let b;var p=e.child(f),E=e.child(p),I=e.sibling(E,2),N=e.child(I),W=e.only_child(N,!0),J=e.sibling(N,2),G=e.only_child(J,!0);e.reset(I);var Q=e.sibling(I,2);{var X=d=>{var s=ae(),x=e.only_child(s,!0);e.template_effect(L=>e.set_text(x,L),[()=>c()("current")]),e.append(d,s)};e.if_block(Q,d=>{e.get(o).id===e.get(B)&&d(X)})}e.reset(p);var R=e.sibling(p,2);{var Y=d=>{var s=Te();let x;e.html(s,()=>e.get(o).presentation.description,!0),e.reset(s),e.action(s,(L,Me)=>V==null?void 0:V(L,Me),()=>e.get(o).id),e.template_effect(()=>x=e.set_class(s,1,"loyalty-level__benefits",null,x,{"loyalty-level__benefits--collapsed":e.get(v)&&e.get(z)!==e.get(o).id})),e.append(d,s)};e.if_block(R,d=>{var s;(s=e.get(o).presentation)!=null&&s.description&&d(Y)})}var _=e.sibling(R,2);{var r=d=>{var s=Oe(),x=e.only_child(s,!0);e.template_effect(L=>e.set_text(x,L),[()=>e.get(z)===e.get(o).id?c()("seeLess"):c()("seeMore")]),e.delegated("click",s,()=>ve(e.get(o))),e.append(d,s)};e.if_block(_,d=>{(!e.get(v)||e.get(F)[e.get(o).id]||e.get(z)===e.get(o).id)&&d(r)})}e.reset(f),e.template_effect((d,s,x)=>{var L;b=e.set_class(f,1,"loyalty-level__card",null,b,{"loyalty-level__card--current":e.get(o).id===e.get(B),"loyalty-level__card--expanded":e.get(z)===e.get(o).id}),e.set_attribute(E,"src",((L=e.get(o).presentation)==null?void 0:L.asset)||ne),e.set_attribute(E,"alt",d),e.set_text(W,s),e.set_text(G,x)},[()=>O(e.get(o)),()=>O(e.get(o)),()=>c()("startingLevel",{values:{points:e.get(o).firstEntryPoints.toLocaleString()}})]),e.append(g,f)}),e.append(t,l)};e.if_block(fe,t=>{e.get(ee)?t(he):t(me,-1)})}e.reset(Z);var le=e.sibling(Z,2);{var be=t=>{{let l=e.user_derived(()=>e.get(C)*e.get(m));e.LoyaltyPagination(t,{get offset(){return e.get(l)},get limit(){return e.get(m)},get total(){return e.get(M).length},onPageChange:ge,get locale(){return h()}})}};e.if_block(le,t=>{!e.get(ee)&&!e.get(v)&&t(be)})}var xe=e.sibling(le,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(xe,t=>{e.get(v)&&e.get(A)<e.get(M).length&&t(Le)})}e.reset(K);var Se=e.sibling(K,2);{var we=t=>{var l=Ae(),a=e.child(l),g=e.child(a),o=e.only_child(g),f=e.sibling(g,2),b=e.child(f),p=e.child(b);{var E=_=>{var r=De();e.template_effect(d=>{e.set_attribute(r,"src",e.get(y).presentation.asset||ne),e.set_attribute(r,"alt",d)},[()=>O(e.get(y))]),e.append(_,r)};e.if_block(p,_=>{var r;(r=e.get(y).presentation)!=null&&r.asset&&_(E)})}var I=e.sibling(p,2),N=e.child(I),W=e.only_child(N,!0),J=e.sibling(N,2),G=e.only_child(J,!0);e.reset(I);var Q=e.sibling(I,2);{var X=_=>{var r=ae(),d=e.only_child(r,!0);e.template_effect(s=>e.set_text(d,s),[()=>c()("current")]),e.append(_,r)};e.if_block(Q,_=>{e.get(y).id===e.get(B)&&_(X)})}e.reset(b);var R=e.sibling(b,2);{var Y=_=>{var r=Ue();e.html(r,()=>e.get(y).presentation.description,!0),e.reset(r),e.append(_,r)};e.if_block(R,_=>{var r;(r=e.get(y).presentation)!=null&&r.description&&_(Y)})}e.reset(f),e.reset(a),e.reset(l),e.template_effect((_,r)=>{e.set_text(W,_),e.set_text(G,r)},[()=>O(e.get(y)),()=>c()("startingLevel",{values:{points:e.get(y).firstEntryPoints.toLocaleString()}})]),e.delegated("click",l,ye),e.delegated("keydown",l,pe),e.delegated("click",o,q),e.append(t,l)};e.if_block(Se,t=>{e.get(y)&&t(we)})}e.append(T,te);var ke=e.pop(ue);return D(),ke}e.delegate(["click","keydown"]);e.create_custom_element($,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[],{mode:"open"});function oe(T,n){e.push(n,!0);let c=e.prop(n,"apiEndpoint",7,""),u=e.prop(n,"userSession",7,""),D=e.prop(n,"locale",7,""),S=e.prop(n,"onLevelLoaded"),w=e.prop(n,"onSeeMore"),h=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),k=e.prop(n,"translationUrl");var U={get apiEndpoint(){return c()},set apiEndpoint(i=""){c(i),e.flushSync()},get userSession(){return u()},set userSession(i=""){u(i),e.flushSync()},get locale(){return D()},set locale(i=""){D(i),e.flushSync()},get onLevelLoaded(){return S()},set onLevelLoaded(i){S(i),e.flushSync()},get onSeeMore(){return w()},set onSeeMore(i){w(i),e.flushSync()},get limitItem(){return h()},set limitItem(i=e.ITEMS_LIMIT_DEFAULT){h(i),e.flushSync()},get translationUrl(){return k()},set translationUrl(i){k(i),e.flushSync()}};return $(T,{get apiEndpoint(){return c()},get userSession(){return u()},get locale(){return D()},get onLevelLoaded(){return S()},get onSeeMore(){return w()},get limitItem(){return h()},get translationUrl(){return k()}}),e.pop(U)}customElements.define("loyalty-level",e.create_custom_element(oe,{apiEndpoint:{},userSession:{},locale:{},onLevelLoaded:{},onSeeMore:{},limitItem:{},translationUrl:{}},[],[]));const Pe=Object.freeze(Object.defineProperty({__proto__:null,default:oe},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyLevel=$;exports.LoyaltyLevel_ce=Pe;

package/components/LoyaltyLevel-BzJws8-G.js

@@ -0,0 +1,535 @@
+import { d as at, c as Ce, p as Oe, a as nt, b as y, s as ot, e as be, u as Z, f as rt, g as st, h as it, i as P, j as Le, M as ne, k as e, l as k, m as fe, n as S, o as u, q as Te, I as J, r as C, t as E, v as _, w as dt, x as M, y as h, z as p, A as we, B as ke, C as ct, L as vt, D as yt, E as T, F as R, G as F, H as oe, J as _t, $ as ut, K as Se, N as re, O as Me, P as pt, Q as Ee } from "./LoyaltyPagination-fzOoPxDh.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+if (typeof window < "u") {
+  let V = function(a) {
+    return function(...d) {
+      try {
+        return a.apply(this, d);
+      } catch (x) {
+        if (x instanceof DOMException && x.message.includes("has already been used with this registry") || x instanceof Error && x.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw x;
+      }
+    };
+  };
+  customElements.define = V(customElements.define), import("./LoyaltyPagination-fzOoPxDh.js").then((a) => a.R).then((a) => {
+    const d = a.default || a;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", d.element || d);
+  }).catch((a) => {
+    console.error("BOOT ERROR:", a);
+  });
+}
+const gt = {
+  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ő"
+  }
+}, Ie = "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 ft = E('<article class="loyalty-level__card loyalty-level__card--skeleton" aria-busy="true"><header class="loyalty-level__head"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge"></span> <div class="loyalty-level__headings"><span class="loyalty-level__skeleton loyalty-level__skeleton--name"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action"></span></article>'), ze = E('<span class="loyalty-level__tag"> </span>'), mt = E("<div></div>"), ht = E('<button class="loyalty-level__action" type="button"> </button>'), xt = E('<article><header class="loyalty-level__head"><img class="loyalty-level__badge"/> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!> <!></article>'), bt = E('<div class="loyalty-level__sentinel" aria-hidden="true"></div>'), Lt = E('<img class="loyalty-level__badge"/>'), wt = E('<div class="loyalty-level__benefits"></div>'), kt = E('<div class="loyalty-level__modal-overlay" role="presentation"><div class="loyalty-level__modal" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper"><button class="loyalty-level__modal-close" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content"><header class="loyalty-level__modal-head"><!> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!></div></div></div>'), St = E('<div class="loyalty-level"><div class="loyalty-level__grid"><!></div> <!> <!></div> <!>', 1);
+const Mt = {
+  hash: "svelte-nbxilv",
+  code: `
+  @layer loyalty-level-component {.loyalty-level {width:100%;box-sizing:border-box;}.loyalty-level__grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 326px), 1fr));gap:12px;align-items:stretch;}.loyalty-level__card {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 {max-height:none;overflow:visible;}.loyalty-level__head {display:flex;align-items:flex-start;gap:6px;}.loyalty-level__badge {width:40px;height:40px;flex-shrink:0;}.loyalty-level__headings {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.loyalty-level__name {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag {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 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits {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 .loyalty-level__benefits {flex:none;overflow:visible;}.loyalty-level__benefits ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__action {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 {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 {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 {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content .loyalty-level__benefits {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel {width:100%;height:1px;}.loyalty-level__card--skeleton {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton {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: loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name {width:60%;height:16px;}.loyalty-level__skeleton--starting {width:40%;height:14px;}.loyalty-level__skeleton--action {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton {
+        animation: none;}
+    }
+
+    @media (max-width: 767px) {.loyalty-level__benefits {overflow-wrap:anywhere;word-break:break-word;}.loyalty-level__benefits--collapsed {max-height:calc(1.5em * 2);overflow:hidden;}.loyalty-level__benefits p {margin:0;}.loyalty-level__benefits ul,
+      .loyalty-level__benefits ol {margin:0;padding-left:18px;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__benefits li:last-child {margin-bottom:0;}.loyalty-level__card--expanded {max-height:none;overflow:visible;}.loyalty-level__card--expanded .loyalty-level__benefits {flex:none;max-height:none;overflow:visible;}
+    }
+  }`
+};
+function Ue(V, a) {
+  Oe(a, !0), nt(V, Mt);
+  const d = () => _t(ut, "$_", x), [x, W] = dt(), U = y(a, "apiEndpoint", 7, ""), N = y(a, "userSession", 7, ""), L = y(a, "locale", 7, ""), D = y(a, "onLevelLoaded", 7, (t) => {
+  }), G = y(a, "onSeeMore", 7, (t) => {
+  }), r = y(a, "limitItem", 7, J), ee = y(a, "translationUrl");
+  ot({ withLocale: L(), translations: {} });
+  const De = () => {
+    let t = new URL(ee(), window.location.href);
+    fetch(t.href).then((l) => l.json()).then((l) => {
+      Object.keys(l).forEach((n) => {
+        be(n, l[n]);
+      });
+    }).catch((l) => {
+      console.log("loyalty level translation url err:", l);
+    });
+  };
+  Object.entries(gt).forEach(([t, l]) => {
+    be(t, l);
+  }), Z(() => {
+    rt(L() ?? "en");
+  }), st(() => {
+    ee() && De();
+  });
+  const He = (t) => {
+    D()(t);
+  }, te = it(() => ({
+    apiEndpoint: U(),
+    userSession: N(),
+    locale: L(),
+    loadLevels: !0,
+    onLevelLoaded: He
+  })), se = C(() => te.playerElevateLevel?.id), I = C(() => typeof r() == "number" ? r() : parseInt(r(), J) || J), H = C(() => [...te.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(Le(ne)), le = P(void 0), q = P(void 0), f = P(void 0), X = P(Le({}));
+  const je = C(() => Math.max(1, Math.ceil(e(H).length / e(I)))), Ae = C(() => e(g) ? e(H).slice(0, e(Q)) : e(H).slice(e(K) * e(I), e(K) * e(I) + e(I))), Pe = C(() => e(H).length > 0 && !!te.playerElevateLevel), me = C(() => te.loading && !e(Pe)), Re = C(() => e(g) ? ne : e(I)), Fe = (t, l) => {
+    let n;
+    const w = () => {
+      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 j = 12;
+      e(X)[l] = t.scrollHeight > m + j;
+    }, o = () => {
+      n !== void 0 && cancelAnimationFrame(n), n = requestAnimationFrame(w);
+    };
+    o();
+    const b = new ResizeObserver(o);
+    return b.observe(t), {
+      destroy() {
+        n !== void 0 && cancelAnimationFrame(n), b.disconnect(), delete e(X)[l];
+      }
+    };
+  };
+  Z(() => {
+    e(K) > e(je) - 1 && k(K, 0);
+  }), Z(() => {
+    k(Q, e(g) ? ne : e(I), !0);
+  }), Z(() => {
+    if (!e(g) || !e(le))
+      return;
+    const t = new IntersectionObserver(
+      (l) => {
+        l.some((n) => n.isIntersecting) && k(Q, Math.min(e(H).length, e(Q) + ne), !0);
+      },
+      { rootMargin: "200px" }
+    );
+    return t.observe(e(le)), () => t.disconnect();
+  });
+  const Ve = (t) => {
+    k(K, Math.floor(t / e(I)), !0);
+  };
+  Z(() => {
+    const t = window.matchMedia("(max-width: 767px)"), l = (n) => {
+      k(g, n.matches, !0);
+    };
+    return k(g, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+  });
+  const Be = (t) => {
+    if (G()(t), !e(g)) {
+      Ee(B(t)), k(f, t, !0);
+      return;
+    }
+    const l = e(q) !== t.id;
+    l && Ee(B(t)), k(q, l ? t.id : void 0, !0);
+  }, ie = () => {
+    k(f, void 0);
+  }, Ke = (t) => {
+    t.target === t.currentTarget && ie();
+  }, qe = (t) => {
+    t.key === "Escape" && ie();
+  };
+  Z(() => {
+    if (!e(f))
+      return;
+    const t = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = t;
+    };
+  });
+  var Ze = {
+    get apiEndpoint() {
+      return U();
+    },
+    set apiEndpoint(t = "") {
+      U(t), _();
+    },
+    get userSession() {
+      return N();
+    },
+    set userSession(t = "") {
+      N(t), _();
+    },
+    get locale() {
+      return L();
+    },
+    set locale(t = "") {
+      L(t), _();
+    },
+    get onLevelLoaded() {
+      return D();
+    },
+    set onLevelLoaded(t = (l) => {
+    }) {
+      D(t), _();
+    },
+    get onSeeMore() {
+      return G();
+    },
+    set onSeeMore(t = (l) => {
+    }) {
+      G(t), _();
+    },
+    get limitItem() {
+      return r();
+    },
+    set limitItem(t = J) {
+      r(t), _();
+    },
+    get translationUrl() {
+      return ee();
+    },
+    set translationUrl(t) {
+      ee(t), _();
+    }
+  }, he = St(), de = fe(he), ce = M(de), Je = M(ce);
+  {
+    var We = (t) => {
+      var l = we(), n = fe(l);
+      ke(n, 17, () => ({ length: e(Re) }), ct, (w, o, b, z) => {
+        var m = ft();
+        u(w, m);
+      }), u(t, l);
+    }, Ge = (t) => {
+      var l = we(), n = fe(l);
+      ke(n, 17, () => e(Ae), (w) => w.id, (w, o) => {
+        var b = xt();
+        let z;
+        var m = M(b), j = M(m), A = p(j, 2), Y = M(A), ve = T(Y, !0), ye = p(Y, 2), _e = T(ye, !0);
+        h(A);
+        var ue = p(A, 2);
+        {
+          var pe = (s) => {
+            var i = ze(), O = T(i, !0);
+            R(($) => F(O, $), [() => d()("current")]), u(s, i);
+          };
+          S(ue, (s) => {
+            e(o).id === e(se) && s(pe);
+          });
+        }
+        h(m);
+        var ae = p(m, 2);
+        {
+          var ge = (s) => {
+            var i = mt();
+            let O;
+            Me(i, () => e(o).presentation.description, !0), h(i), pt(i, ($, lt) => Fe?.($, lt), () => e(o).id), R(() => O = Se(i, 1, "loyalty-level__benefits", null, O, {
+              "loyalty-level__benefits--collapsed": e(g) && e(q) !== e(o).id
+            })), u(s, i);
+          };
+          S(ae, (s) => {
+            e(o).presentation?.description && s(ge);
+          });
+        }
+        var c = p(ae, 2);
+        {
+          var v = (s) => {
+            var i = ht(), O = T(i, !0);
+            R(($) => F(O, $), [
+              () => e(q) === e(o).id ? d()("seeLess") : d()("seeMore")
+            ]), oe("click", i, () => Be(e(o))), u(s, i);
+          };
+          S(c, (s) => {
+            (!e(g) || e(X)[e(o).id] || e(q) === e(o).id) && s(v);
+          });
+        }
+        h(b), R(
+          (s, i, O) => {
+            z = Se(b, 1, "loyalty-level__card", null, z, {
+              "loyalty-level__card--current": e(o).id === e(se),
+              "loyalty-level__card--expanded": e(q) === e(o).id
+            }), re(j, "src", e(o).presentation?.asset || Ie), re(j, "alt", s), F(ve, i), F(_e, O);
+          },
+          [
+            () => B(e(o)),
+            () => B(e(o)),
+            () => d()("startingLevel", {
+              values: { points: e(o).firstEntryPoints.toLocaleString() }
+            })
+          ]
+        ), u(w, b);
+      }), u(t, l);
+    };
+    S(Je, (t) => {
+      e(me) ? t(We) : t(Ge, -1);
+    });
+  }
+  h(ce);
+  var xe = p(ce, 2);
+  {
+    var Qe = (t) => {
+      {
+        let l = C(() => e(K) * e(I));
+        vt(t, {
+          get offset() {
+            return e(l);
+          },
+          get limit() {
+            return e(I);
+          },
+          get total() {
+            return e(H).length;
+          },
+          onPageChange: Ve,
+          get locale() {
+            return L();
+          }
+        });
+      }
+    };
+    S(xe, (t) => {
+      !e(me) && !e(g) && t(Qe);
+    });
+  }
+  var Xe = p(xe, 2);
+  {
+    var Ye = (t) => {
+      var l = bt();
+      yt(l, (n) => k(le, n), () => e(le)), u(t, l);
+    };
+    S(Xe, (t) => {
+      e(g) && e(Q) < e(H).length && t(Ye);
+    });
+  }
+  h(de);
+  var $e = p(de, 2);
+  {
+    var et = (t) => {
+      var l = kt(), n = M(l), w = M(n), o = T(w), b = p(w, 2), z = M(b), m = M(z);
+      {
+        var j = (c) => {
+          var v = Lt();
+          R(
+            (s) => {
+              re(v, "src", e(f).presentation.asset || Ie), re(v, "alt", s);
+            },
+            [() => B(e(f))]
+          ), u(c, v);
+        };
+        S(m, (c) => {
+          e(f).presentation?.asset && c(j);
+        });
+      }
+      var A = p(m, 2), Y = M(A), ve = T(Y, !0), ye = p(Y, 2), _e = T(ye, !0);
+      h(A);
+      var ue = p(A, 2);
+      {
+        var pe = (c) => {
+          var v = ze(), s = T(v, !0);
+          R((i) => F(s, i), [() => d()("current")]), u(c, v);
+        };
+        S(ue, (c) => {
+          e(f).id === e(se) && c(pe);
+        });
+      }
+      h(z);
+      var ae = p(z, 2);
+      {
+        var ge = (c) => {
+          var v = wt();
+          Me(v, () => e(f).presentation.description, !0), h(v), u(c, v);
+        };
+        S(ae, (c) => {
+          e(f).presentation?.description && c(ge);
+        });
+      }
+      h(b), h(n), h(l), R(
+        (c, v) => {
+          F(ve, c), F(_e, v);
+        },
+        [
+          () => B(e(f)),
+          () => d()("startingLevel", {
+            values: { points: e(f).firstEntryPoints.toLocaleString() }
+          })
+        ]
+      ), oe("click", l, Ke), oe("keydown", l, qe), oe("click", o, ie), u(t, l);
+    };
+    S($e, (t) => {
+      e(f) && t(et);
+    });
+  }
+  u(V, he);
+  var tt = Te(Ze);
+  return W(), tt;
+}
+at(["click", "keydown"]);
+Ce(
+  Ue,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function Ne(V, a) {
+  Oe(a, !0);
+  let d = y(a, "apiEndpoint", 7, ""), x = y(a, "userSession", 7, ""), W = y(a, "locale", 7, ""), U = y(a, "onLevelLoaded"), N = y(a, "onSeeMore"), L = y(a, "limitItem", 7, J), D = y(a, "translationUrl");
+  var G = {
+    get apiEndpoint() {
+      return d();
+    },
+    set apiEndpoint(r = "") {
+      d(r), _();
+    },
+    get userSession() {
+      return x();
+    },
+    set userSession(r = "") {
+      x(r), _();
+    },
+    get locale() {
+      return W();
+    },
+    set locale(r = "") {
+      W(r), _();
+    },
+    get onLevelLoaded() {
+      return U();
+    },
+    set onLevelLoaded(r) {
+      U(r), _();
+    },
+    get onSeeMore() {
+      return N();
+    },
+    set onSeeMore(r) {
+      N(r), _();
+    },
+    get limitItem() {
+      return L();
+    },
+    set limitItem(r = J) {
+      L(r), _();
+    },
+    get translationUrl() {
+      return D();
+    },
+    set translationUrl(r) {
+      D(r), _();
+    }
+  };
+  return Ue(V, {
+    get apiEndpoint() {
+      return d();
+    },
+    get userSession() {
+      return x();
+    },
+    get locale() {
+      return W();
+    },
+    get onLevelLoaded() {
+      return U();
+    },
+    get onSeeMore() {
+      return N();
+    },
+    get limitItem() {
+      return L();
+    },
+    get translationUrl() {
+      return D();
+    }
+  }), Te(G);
+}
+customElements.define("loyalty-level", Ce(
+  Ne,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  []
+));
+const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ne
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ue as L,
+  It as a
+};

package/components/LoyaltyLevel-C5IRTxL3.cjs

@@ -0,0 +1,26 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-CxnhtBhF.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-CxnhtBhF.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" aria-busy="true"><header class="loyalty-level__head"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge"></span> <div class="loyalty-level__headings"><span class="loyalty-level__skeleton loyalty-level__skeleton--name"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action"></span></article>'),ne=e.from_html('<span class="loyalty-level__tag"> </span>'),Te=e.from_html("<div></div>"),Oe=e.from_html('<button class="loyalty-level__action" type="button"> </button>'),Ce=e.from_html('<article><header class="loyalty-level__head"><img class="loyalty-level__badge"/> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!> <!></article>'),ze=e.from_html('<div class="loyalty-level__sentinel" aria-hidden="true"></div>'),De=e.from_html('<img class="loyalty-level__badge"/>'),Ue=e.from_html('<div class="loyalty-level__benefits"></div>'),Ae=e.from_html('<div class="loyalty-level__modal-overlay" role="presentation"><div class="loyalty-level__modal" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper"><button class="loyalty-level__modal-close" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content"><header class="loyalty-level__modal-head"><!> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!></div></div></div>'),Fe=e.from_html('<div class="loyalty-level"><div class="loyalty-level__grid"><!></div> <!> <!></div> <!>',1);const Ne={hash:"svelte-nbxilv",code:`
+  @layer loyalty-level-component {.loyalty-level {width:100%;box-sizing:border-box;}.loyalty-level__grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 326px), 1fr));gap:12px;align-items:stretch;}.loyalty-level__card {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 {max-height:none;overflow:visible;}.loyalty-level__head {display:flex;align-items:flex-start;gap:6px;}.loyalty-level__badge {width:40px;height:40px;flex-shrink:0;}.loyalty-level__headings {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.loyalty-level__name {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag {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 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits {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 .loyalty-level__benefits {flex:none;overflow:visible;}.loyalty-level__benefits ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__action {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 {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 {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 {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content .loyalty-level__benefits {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel {width:100%;height:1px;}.loyalty-level__card--skeleton {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton {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: loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name {width:60%;height:16px;}.loyalty-level__skeleton--starting {width:40%;height:14px;}.loyalty-level__skeleton--action {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton {
+        animation: none;}
+    }
+
+    @media (max-width: 767px) {.loyalty-level__benefits {overflow-wrap:anywhere;word-break:break-word;}.loyalty-level__benefits--collapsed {max-height:calc(1.5em * 2);overflow:hidden;}.loyalty-level__benefits p {margin:0;}.loyalty-level__benefits ul,
+      .loyalty-level__benefits ol {margin:0;padding-left:18px;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__benefits li:last-child {margin-bottom:0;}.loyalty-level__card--expanded {max-height:none;overflow:visible;}.loyalty-level__card--expanded .loyalty-level__benefits {flex:none;max-height:none;overflow:visible;}
+    }
+  }`};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=>{}),r=e.prop(n,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),P=e.prop(n,"translationUrl");e.setupI18n({withLocale:f(),translations:{}});const oe=()=>{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()&&oe()});const re=t=>{S()(t)},H=e.createElevateData(()=>({apiEndpoint:L(),userSession:w(),locale:f(),loadLevels:!0,onLevelLoaded:re})),B=e.user_derived(()=>H.playerElevateLevel?.id),m=e.user_derived(()=>typeof r()=="number"?r():parseInt(r(),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),g=e.state(!1),U=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),j=e.state(void 0),C=e.state(void 0),v=e.state(void 0),A=e.state(e.proxy({}));const ie=e.user_derived(()=>Math.max(1,Math.ceil(e.get(k).length/e.get(m)))),se=e.user_derived(()=>e.get(g)?e.get(k).slice(0,e.get(U)):e.get(k).slice(e.get(O)*e.get(m),e.get(O)*e.get(m)+e.get(m))),de=e.user_derived(()=>e.get(k).length>0&&!!H.playerElevateLevel),$=e.user_derived(()=>H.loading&&!e.get(de)),ce=e.user_derived(()=>e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(m)),_e=(t,l)=>{let a;const h=()=>{if(!e.get(g)){e.get(A)[l]=!1;return}const b=window.getComputedStyle(t),y=parseFloat(b.maxHeight);if(!Number.isFinite(y)||y<=0){e.get(A)[l]=!1;return}const M=12;e.get(A)[l]=t.scrollHeight>y+M},o=()=>{a!==void 0&&cancelAnimationFrame(a),a=requestAnimationFrame(h)};o();const u=new ResizeObserver(o);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(ie)-1&&e.set(O,0)}),e.user_effect(()=>{e.set(U,e.get(g)?e.MOBILE_LOAD_ITEMS:e.get(m),!0)}),e.user_effect(()=>{if(!e.get(g)||!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 ge=t=>{e.set(O,Math.floor(t/e.get(m)),!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 ve=t=>{if(D()(t),!e.get(g)){e.sendLoyaltyLevelClicked(T(t)),e.set(v,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(v,void 0)},ye=t=>{t.target===t.currentTarget&&V()},pe=t=>{t.key==="Escape"&&V()};e.user_effect(()=>{if(!e.get(v))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 r()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){r(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 he=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>({length:e.get(ce)}),e.index,(h,o,u,b)=>{var y=Ie();e.append(h,y)}),e.append(t,l)},me=t=>{var l=e.comment(),a=e.first_child(l);e.each(a,17,()=>e.get(se),h=>h.id,(h,o)=>{var u=Ce();let b;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=i=>{var s=ne(),x=e.only_child(s,!0);e.template_effect(N=>e.set_text(x,N),[()=>d()("current")]),e.append(i,s)};e.if_block(G,i=>{e.get(o).id===e.get(B)&&i(Q)})}e.reset(y);var R=e.sibling(y,2);{var X=i=>{var s=Te();let x;e.html(s,()=>e.get(o).presentation.description,!0),e.reset(s),e.action(s,(N,Me)=>_e?.(N,Me),()=>e.get(o).id),e.template_effect(()=>x=e.set_class(s,1,"loyalty-level__benefits",null,x,{"loyalty-level__benefits--collapsed":e.get(g)&&e.get(C)!==e.get(o).id})),e.append(i,s)};e.if_block(R,i=>{e.get(o).presentation?.description&&i(X)})}var c=e.sibling(R,2);{var _=i=>{var s=Oe(),x=e.only_child(s,!0);e.template_effect(N=>e.set_text(x,N),[()=>e.get(C)===e.get(o).id?d()("seeLess"):d()("seeMore")]),e.delegated("click",s,()=>ve(e.get(o))),e.append(i,s)};e.if_block(c,i=>{(!e.get(g)||e.get(A)[e.get(o).id]||e.get(C)===e.get(o).id)&&i(_)})}e.reset(u),e.template_effect((i,s,x)=>{b=e.set_class(u,1,"loyalty-level__card",null,b,{"loyalty-level__card--current":e.get(o).id===e.get(B),"loyalty-level__card--expanded":e.get(C)===e.get(o).id}),e.set_attribute(M,"src",e.get(o).presentation?.asset||le),e.set_attribute(M,"alt",i),e.set_text(Z,s),e.set_text(J,x)},[()=>T(e.get(o)),()=>T(e.get(o)),()=>d()("startingLevel",{values:{points:e.get(o).firstEntryPoints.toLocaleString()}})]),e.append(h,u)}),e.append(t,l)};e.if_block(fe,t=>{e.get($)?t(he):t(me,-1)})}e.reset(K);var te=e.sibling(K,2);{var be=t=>{{let l=e.user_derived(()=>e.get(O)*e.get(m));e.LoyaltyPagination(t,{get offset(){return e.get(l)},get limit(){return e.get(m)},get total(){return e.get(k).length},onPageChange:ge,get locale(){return f()}})}};e.if_block(te,t=>{!e.get($)&&!e.get(g)&&t(be)})}var xe=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(xe,t=>{e.get(g)&&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),h=e.child(a),o=e.only_child(h),u=e.sibling(h,2),b=e.child(u),y=e.child(b);{var M=c=>{var _=De();e.template_effect(i=>{e.set_attribute(_,"src",e.get(v).presentation.asset||le),e.set_attribute(_,"alt",i)},[()=>T(e.get(v))]),e.append(c,_)};e.if_block(y,c=>{e.get(v).presentation?.asset&&c(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=c=>{var _=ne(),i=e.only_child(_,!0);e.template_effect(s=>e.set_text(i,s),[()=>d()("current")]),e.append(c,_)};e.if_block(G,c=>{e.get(v).id===e.get(B)&&c(Q)})}e.reset(b);var R=e.sibling(b,2);{var X=c=>{var _=Ue();e.html(_,()=>e.get(v).presentation.description,!0),e.reset(_),e.append(c,_)};e.if_block(R,c=>{e.get(v).presentation?.description&&c(X)})}e.reset(u),e.reset(a),e.reset(l),e.template_effect((c,_)=>{e.set_text(Z,c),e.set_text(J,_)},[()=>T(e.get(v)),()=>d()("startingLevel",{values:{points:e.get(v).firstEntryPoints.toLocaleString()}})]),e.delegated("click",l,ye),e.delegated("keydown",l,pe),e.delegated("click",o,V),e.append(t,l)};e.if_block(we,t=>{e.get(v)&&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(r=""){d(r),e.flushSync()},get userSession(){return p()},set userSession(r=""){p(r),e.flushSync()},get locale(){return z()},set locale(r=""){z(r),e.flushSync()},get onLevelLoaded(){return L()},set onLevelLoaded(r){L(r),e.flushSync()},get onSeeMore(){return w()},set onSeeMore(r){w(r),e.flushSync()},get limitItem(){return f()},set limitItem(r=e.ITEMS_LIMIT_DEFAULT){f(r),e.flushSync()},get translationUrl(){return S()},set translationUrl(r){S(r),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;