@everymatrix/loyalty-level 0.1.14 → 0.1.16

package/components/{LoyaltyLevel-ZUAXY21F.js → LoyaltyLevel-CRgnO28V.js}

@@ -1,4 +1,4 @@
-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";
+import { d as nt, c as Ce, p as Oe, a as at, b as u, s as it, e as he, u as Z, f as st, g as ot, h as rt, i as P, j as Le, M as ie, k as e, l as S, m as ge, n as M, o as x, q as Te, I as J, r as C, t as E, v as p, w as vt, x as o, y as a, z as g, A as we, B as ke, C as dt, L as ct, D as yt, E as F, F as R, G as se, H as _t, $ as ut, J as Se, K as oe, N as Me, O as pt, P as Ee } from "./LoyaltyPagination-Brq9AlcI.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -16,14 +16,14 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = V(customElements.define), import("./LoyaltyPagination-DPQTJIRx.js").then((n) => n.P).then((n) => {
+  customElements.define = V(customElements.define), import("./LoyaltyPagination-Brq9AlcI.js").then((n) => n.Q).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 = {
+const xt = {
   en: {
     startingLevel: "Starting Level: {points} points",
     seeMore: "See More",
@@ -73,9 +73,9 @@ const ut = {
     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 = {
+}, 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 gt = E('<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>'), ze = E('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), bt = E("<div></div>"), ft = E('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'), mt = E('<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 = E('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'), Lt = E('<img class="loyalty-level__badge svelte-nbxilv"/>'), wt = E('<div class="loyalty-level__benefits svelte-nbxilv"></div>'), kt = E('<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>'), St = E('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>', 1);
+const Mt = {
   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(
@@ -104,43 +104,43 @@ const Et = {
     }
   }`
 };
-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 = () => {
+function Ue(V, n) {
+  Oe(n, !0), at(V, Mt);
+  const c = () => _t(ut, "$_", h), [h, W] = vt(), T = u(n, "apiEndpoint", 7, ""), U = u(n, "userSession", 7, ""), k = u(n, "locale", 7, ""), N = u(n, "onLevelLoaded", 7, (t) => {
+  }), G = u(n, "onSeeMore", 7, (t) => {
+  }), r = u(n, "limitItem", 7, J), te = u(n, "translationUrl");
+  it({ withLocale: k(), translations: {} });
+  const je = () => {
     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]);
+        he(i, l[i]);
       });
     }).catch((l) => {
       console.log("loyalty level translation url err:", l);
     });
   };
-  Object.entries(ut).forEach(([t, l]) => {
-    me(t, l);
+  Object.entries(xt).forEach(([t, l]) => {
+    he(t, l);
   }), Z(() => {
-    st(S() ?? "en");
-  }), it(() => {
-    te() && Ue();
+    st(k() ?? "en");
+  }), ot(() => {
+    te() && je();
   });
-  const Ne = (t) => {
+  const De = (t) => {
     N()(t);
-  }, le = ot(() => ({
+  }, le = rt(() => ({
     apiEndpoint: T(),
     userSession: U(),
-    locale: S(),
+    locale: k(),
     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) => {
+    onLevelLoaded: De
+  })), re = 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), b = P(!1), Q = P(Le(ie)), ne = P(void 0), q = P(void 0), f = P(void 0), X = P(Le({}));
+  const He = C(() => Math.max(1, Math.ceil(e(j).length / e(I)))), Ae = C(() => e(b) ? e(j).slice(0, e(Q)) : e(j).slice(e(K) * e(I), e(K) * e(I) + e(I))), Pe = C(() => e(j).length > 0 && !!le.playerElevateLevel), be = C(() => le.loading && !e(Pe)), Fe = C(() => e(b) ? ie : e(I)), Re = (t, l) => {
     let i;
     const L = () => {
-      if (!e(g)) {
+      if (!e(b)) {
         e(X)[l] = !1;
         return;
       }
@@ -151,11 +151,11 @@ function Oe(V, n) {
       }
       const D = 12;
       e(X)[l] = t.scrollHeight > m + D;
-    }, o = () => {
+    }, s = () => {
       i !== void 0 && cancelAnimationFrame(i), i = requestAnimationFrame(L);
     };
-    o();
-    const w = new ResizeObserver(o);
+    s();
+    const w = new ResizeObserver(s);
     return w.observe(t), {
       destroy() {
         i !== void 0 && cancelAnimationFrame(i), w.disconnect(), delete e(X)[l];
@@ -163,42 +163,42 @@ function Oe(V, n) {
     };
   };
   Z(() => {
-    e(K) > e(je) - 1 && M(K, 0);
+    e(K) > e(He) - 1 && S(K, 0);
   }), Z(() => {
-    M(Q, e(g) ? se : e(I), !0);
+    S(Q, e(b) ? ie : e(I), !0);
   }), Z(() => {
-    if (!e(g) || !e(ne))
+    if (!e(b) || !e(ne))
       return;
     const t = new IntersectionObserver(
       (l) => {
-        l.some((i) => i.isIntersecting) && M(Q, Math.min(e(j).length, e(Q) + se), !0);
+        l.some((i) => i.isIntersecting) && S(Q, Math.min(e(j).length, e(Q) + ie), !0);
       },
       { rootMargin: "200px" }
     );
     return t.observe(e(ne)), () => t.disconnect();
   });
-  const Fe = (t) => {
-    M(K, Math.floor(t / e(I)), !0);
+  const Ve = (t) => {
+    S(K, Math.floor(t / e(I)), !0);
   };
   Z(() => {
     const t = window.matchMedia("(max-width: 767px)"), l = (i) => {
-      M(g, i.matches, !0);
+      S(b, i.matches, !0);
     };
-    return M(g, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+    return S(b, 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);
+  const Be = (t) => {
+    if (G()(t), !e(b)) {
+      Ee(B(t)), S(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();
+    l && Ee(B(t)), S(q, l ? t.id : void 0, !0);
+  }, ve = () => {
+    S(f, void 0);
+  }, Ke = (t) => {
+    t.target === t.currentTarget && ve();
+  }, qe = (t) => {
+    t.key === "Escape" && ve();
   };
   Z(() => {
     if (!e(f))
@@ -208,135 +208,132 @@ function Oe(V, n) {
       document.body.style.overflow = t;
     };
   });
-  var Ke = {
+  var Ze = {
     get apiEndpoint() {
       return T();
     },
     set apiEndpoint(t = "") {
-      T(t), u();
+      T(t), p();
     },
     get userSession() {
       return U();
     },
     set userSession(t = "") {
-      U(t), u();
+      U(t), p();
     },
     get locale() {
-      return S();
+      return k();
     },
     set locale(t = "") {
-      S(t), u();
+      k(t), p();
     },
     get onLevelLoaded() {
       return N();
     },
     set onLevelLoaded(t = (l) => {
     }) {
-      N(t), u();
+      N(t), p();
     },
     get onSeeMore() {
       return G();
     },
     set onSeeMore(t = (l) => {
     }) {
-      G(t), u();
+      G(t), p();
     },
     get limitItem() {
       return r();
     },
     set limitItem(t = J) {
-      r(t), u();
+      r(t), p();
     },
     get translationUrl() {
       return te();
     },
     set translationUrl(t) {
-      te(t), u();
+      te(t), p();
     }
-  }, ge = Mt(), ve = xe(ge), de = a(ve), qe = a(de);
+  }, fe = St(), de = ge(fe), ce = o(de), Je = o(ce);
   {
-    var Ze = (t) => {
-      var l = Le(), i = xe(l);
-      we(i, 17, () => ({ length: e(Ae) }), vt, (L, o, w, z) => {
-        var m = xt();
+    var We = (t) => {
+      var l = we(), i = ge(l);
+      ke(i, 17, () => ({ length: e(Fe) }), dt, (L, s, w, z) => {
+        var m = gt();
         x(L, m);
       }), x(t, l);
-    }, Je = (t) => {
-      var l = Le(), i = xe(l);
-      we(i, 17, () => e(De), (L) => L.id, (L, o) => {
+    }, Ge = (t) => {
+      var l = we(), i = ge(l);
+      ke(i, 17, () => e(Ae), (L) => L.id, (L, s) => {
         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 m = o(w), D = o(m), Y = g(D, 2), H = o(Y), A = o(H), ye = o(A, !0);
+        a(A);
+        var _e = g(A, 2);
         {
-          var _e = (v) => {
-            var d = bt(), O = a(d, !0);
-            s(d), F((ee) => R(O, ee), [() => c()("current")]), x(v, d);
+          var ue = (d) => {
+            var v = ze(), O = o(v, !0);
+            a(v), F((ee) => R(O, ee), [() => c()("current")]), x(d, v);
           };
-          E(ye, (v) => {
-            e(o).id === e(oe) && v(_e);
+          M(_e, (d) => {
+            e(s).id === e(re) && d(ue);
           });
         }
-        s(H);
-        var $ = b(H, 2), pe = a($, !0);
-        s($), s(Y), s(m);
-        var ae = b(m, 2);
+        a(H);
+        var $ = g(H, 2), pe = o($, !0);
+        a($), a(Y), a(m);
+        var ae = g(m, 2);
         {
-          var ue = (v) => {
-            var d = gt();
+          var xe = (d) => {
+            var v = bt();
             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);
+            Me(v, () => e(s).presentation.description, !0), a(v), pt(v, (ee, lt) => Re?.(ee, lt), () => e(s).id), F(() => O = Se(v, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
+              "loyalty-level__benefits--collapsed": e(b) && e(q) !== e(s).id
+            })), x(d, v);
           };
-          E(ae, (v) => {
-            e(o).presentation?.description && v(ue);
+          M(ae, (d) => {
+            e(s).presentation?.description && d(xe);
           });
         }
-        var y = b(ae, 2);
+        var y = g(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);
+          var _ = (d) => {
+            var v = ft(), O = o(v, !0);
+            a(v), F((ee) => R(O, ee), [
+              () => e(q) === e(s).id ? c()("seeLess") : c()("seeMore")
+            ]), se("click", v, () => Be(e(s))), x(d, v);
           };
-          E(y, (v) => {
-            (!e(g) || e(X)[e(o).id] || e(q) === e(o).id) && v(_);
+          M(y, (d) => {
+            (!e(b) || e(X)[e(s).id] || e(q) === e(s).id) && d(_);
           });
         }
-        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);
+        a(w), F(
+          (d, v, O) => {
+            z = Se(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
+              "loyalty-level__card--current": e(s).id === e(re),
+              "loyalty-level__card--expanded": e(q) === e(s).id
+            }), oe(D, "src", e(s).presentation?.asset || Ie), oe(D, "alt", d), R(ye, v), R(pe, O);
           },
           [
-            () => B(e(o)),
-            () => B(e(o)),
+            () => B(e(s)),
+            () => B(e(s)),
             () => c()("startingLevel", {
-              values: { points: e(o).firstEntryPoints.toLocaleString() }
+              values: { points: e(s).firstEntryPoints.toLocaleString() }
             })
           ]
         ), x(L, w);
       }), x(t, l);
     };
-    E(qe, (t) => {
-      e(be) ? t(Ze) : t(Je, !1);
+    M(Je, (t) => {
+      e(be) ? t(We) : t(Ge, -1);
     });
   }
-  s(de);
-  var fe = b(de, 2);
+  a(ce);
+  var me = g(ce, 2);
   {
-    var We = (t) => {
+    var Qe = (t) => {
       {
         let l = C(() => e(K) * e(I));
-        dt(t, {
+        ct(t, {
           get offset() {
             return e(l);
           },
@@ -346,78 +343,76 @@ function Oe(V, n) {
           get total() {
             return e(j).length;
           },
-          onPageChange: Fe,
+          onPageChange: Ve,
           get locale() {
-            return S();
+            return k();
           }
         });
       }
     };
-    E(fe, (t) => {
-      !e(be) && !e(g) && t(We);
+    M(me, (t) => {
+      !e(be) && !e(b) && t(Qe);
     });
   }
-  var Ge = b(fe, 2);
+  var Xe = g(me, 2);
   {
-    var Qe = (t) => {
+    var Ye = (t) => {
       var l = ht();
-      ct(l, (i) => M(ne, i), () => e(ne)), x(t, l);
+      yt(l, (i) => S(ne, i), () => e(ne)), x(t, l);
     };
-    E(Ge, (t) => {
-      e(g) && e(Q) < e(j).length && t(Qe);
+    M(Xe, (t) => {
+      e(b) && e(Q) < e(j).length && t(Ye);
     });
   }
-  s(ve);
-  var Xe = b(ve, 2);
+  a(de);
+  var $e = g(de, 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 et = (t) => {
+      var l = kt(), i = o(l), L = o(i), s = o(L);
+      a(L);
+      var w = g(L, 2), z = o(w), m = o(z);
       {
         var D = (y) => {
           var _ = Lt();
           F(
-            (v) => {
-              ie(_, "src", e(f).presentation.asset || Ee), ie(_, "alt", v);
+            (d) => {
+              oe(_, "src", e(f).presentation.asset || Ie), oe(_, "alt", d);
             },
             [() => B(e(f))]
           ), x(y, _);
         };
-        E(m, (y) => {
+        M(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 Y = g(m, 2), H = o(Y), A = o(H), ye = o(A, !0);
+      a(A);
+      var _e = g(A, 2);
       {
-        var _e = (y) => {
-          var _ = wt(), v = a(_, !0);
-          s(_), F((d) => R(v, d), [() => c()("current")]), x(y, _);
+        var ue = (y) => {
+          var _ = ze(), d = o(_, !0);
+          a(_), F((v) => R(d, v), [() => c()("current")]), x(y, _);
         };
-        E(ye, (y) => {
-          e(f).id === e(oe) && y(_e);
+        M(_e, (y) => {
+          e(f).id === e(re) && y(ue);
         });
       }
-      s(H);
-      var $ = b(H, 2), pe = a($, !0);
-      s($), s(Y), s(z);
-      var ae = b(z, 2);
+      a(H);
+      var $ = g(H, 2), pe = o($, !0);
+      a($), a(Y), a(z);
+      var ae = g(z, 2);
       {
-        var ue = (y) => {
-          var _ = kt(), v = a(_);
-          Se(v, () => e(f).presentation.description), s(_), x(y, _);
+        var xe = (y) => {
+          var _ = wt();
+          Me(_, () => e(f).presentation.description, !0), a(_), x(y, _);
         };
-        E(ae, (y) => {
-          e(f).presentation?.description && y(ue);
+        M(ae, (y) => {
+          e(f).presentation?.description && y(xe);
         });
       }
-      s(w), s(i), s(l), F(
+      a(w), a(i), a(l), F(
         (y, _) => {
-          R(ce, y), R(pe, _);
+          R(ye, y), R(pe, _);
         },
         [
           () => B(e(f)),
@@ -425,19 +420,19 @@ function Oe(V, n) {
             values: { points: e(f).firstEntryPoints.toLocaleString() }
           })
         ]
-      ), x(t, l);
+      ), se("click", l, Ke), se("keydown", l, qe), se("click", s, ve), x(t, l);
     };
-    E(Xe, (t) => {
-      e(f) && t(Ye);
+    M($e, (t) => {
+      e(f) && t(et);
     });
   }
-  x(V, ge);
-  var $e = Ce(Ke);
-  return W(), $e;
+  x(V, fe);
+  var tt = Te(Ze);
+  return W(), tt;
 }
-lt(["click", "keydown"]);
-Ie(
-  Oe,
+nt(["click", "keydown"]);
+Ce(
+  Ue,
   {
     apiEndpoint: {},
     userSession: {},
@@ -449,56 +444,56 @@ Ie(
   },
   [],
   [],
-  !0
+  { mode: "open" }
 );
-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");
+function Ne(V, n) {
+  Oe(n, !0);
+  let c = u(n, "apiEndpoint", 7, ""), h = u(n, "userSession", 7, ""), W = u(n, "locale", 7, ""), T = u(n, "onLevelLoaded"), U = u(n, "onSeeMore"), k = u(n, "limitItem", 7, J), N = u(n, "translationUrl");
   var G = {
     get apiEndpoint() {
       return c();
     },
     set apiEndpoint(r = "") {
-      c(r), u();
+      c(r), p();
     },
     get userSession() {
       return h();
     },
     set userSession(r = "") {
-      h(r), u();
+      h(r), p();
     },
     get locale() {
       return W();
     },
     set locale(r = "") {
-      W(r), u();
+      W(r), p();
     },
     get onLevelLoaded() {
       return T();
     },
     set onLevelLoaded(r) {
-      T(r), u();
+      T(r), p();
     },
     get onSeeMore() {
       return U();
     },
     set onSeeMore(r) {
-      U(r), u();
+      U(r), p();
     },
     get limitItem() {
-      return S();
+      return k();
     },
     set limitItem(r = J) {
-      S(r), u();
+      k(r), p();
     },
     get translationUrl() {
       return N();
     },
     set translationUrl(r) {
-      N(r), u();
+      N(r), p();
     }
   };
-  return Oe(V, {
+  return Ue(V, {
     get apiEndpoint() {
       return c();
     },
@@ -515,15 +510,15 @@ function Te(V, n) {
       return U();
     },
     get limitItem() {
-      return S();
+      return k();
     },
     get translationUrl() {
       return N();
     }
-  }), Ce(G);
+  }), Te(G);
 }
-customElements.define("loyalty-level", Ie(
-  Te,
+customElements.define("loyalty-level", Ce(
+  Ne,
   {
     apiEndpoint: {},
     userSession: {},
@@ -534,14 +529,13 @@ customElements.define("loyalty-level", Ie(
     translationUrl: {}
   },
   [],
-  [],
-  !1
+  []
 ));
-const zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Te
+  default: Ne
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Oe as L,
-  zt as a
+  Ue as L,
+  It as a
 };