@everymatrix/loyalty-level 0.1.18 → 0.1.20

package/components/{LoyaltyLevel-BHuRrp9e.js → LoyaltyLevel-6SRDVW-R.js}

@@ -1,4 +1,4 @@
-import { d as lt, c as ze, p as Ce, a as nt, b as u, 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 ae, k as e, l as S, m as ge, n as M, o as g, q as Oe, I as J, r as C, t as E, v as p, w as rt, x as v, y as i, z as x, A as Le, B as we, C as vt, L as dt, D as ct, E as F, F as R, G as se, H as yt, $ as _t, J as ke, K as ie, N as Se, O as ut, P as Me } from "./LoyaltyPagination-orxlkd7A.js";
+import { d as nt, c as Ce, p as Oe, a as at, b as y, s as st, e as me, u as Z, f as it, g as ot, h as rt, i as P, j as Le, M as ae, k as e, l as k, m as xe, n as S, o as u, q as Te, I as J, r as C, t as E, v as _, w as vt, x as M, y as f, z as p, A as we, B as ke, C as dt, L as ct, D as yt, E as T, F as R, G as F, H as se, J as _t, $ as ut, K as Se, N as ie, O as Me, P as pt, Q as Ee } from "./LoyaltyPagination-DW8-2NaL.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -6,9 +6,9 @@ typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 } });
 if (typeof window < "u") {
   let V = function(n) {
-    return function(...c) {
+    return function(...v) {
       try {
-        return n.apply(this, c);
+        return n.apply(this, v);
       } 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;
@@ -16,14 +16,14 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = V(customElements.define), import("./LoyaltyPagination-orxlkd7A.js").then((n) => n.Q).then((n) => {
-    const c = n.default || n;
-    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", c.element || c);
+  customElements.define = V(customElements.define), import("./LoyaltyPagination-DW8-2NaL.js").then((n) => n.R).then((n) => {
+    const v = n.default || n;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", v.element || v);
   }).catch((n) => {
     console.error("BOOT ERROR:", n);
   });
 }
-const pt = {
+const gt = {
   en: {
     startingLevel: "Starting Level: {points} points",
     seeMore: "See More",
@@ -73,9 +73,9 @@ const pt = {
     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 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>'), Ie = E('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), xt = E("<div></div>"), bt = E('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'), ft = E('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!> <!></article>'), mt = E('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'), ht = E('<img class="loyalty-level__badge svelte-nbxilv"/>'), Lt = E('<div class="loyalty-level__benefits svelte-nbxilv"></div>'), wt = 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"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!></div></div></div>'), kt = E('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>', 1);
-const St = {
+}, 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 xt = 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>'), ht = E('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <span class="loyalty-level__starting svelte-nbxilv"> </span></div> <!></header> <!> <!></article>'), mt = 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"><span class="loyalty-level__name svelte-nbxilv"> </span> <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__name.svelte-nbxilv {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag.svelte-nbxilv {flex-shrink:0;align-self:flex-start;padding:10px;border-radius:100px;background:var(--badges-element-default, rgba(255, 204, 0, 0.05));color:var(--text-brand, #ffcc00);font-size:12px;font-weight:500;}.loyalty-level__starting.svelte-nbxilv {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits.svelte-nbxilv {color:var(--text-subtle, #dfe3e8);font-size:13px;line-height:1.5;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__card--expanded.svelte-nbxilv .loyalty-level__benefits:where(.svelte-nbxilv) {flex:none;overflow:visible;}.loyalty-level__benefits.svelte-nbxilv ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits.svelte-nbxilv li {margin-bottom:6px;}.loyalty-level__action.svelte-nbxilv {margin-top:auto;width:100%;padding:8px 16px;border:1px solid var(--button-secondary-border-default, rgba(251, 251, 251, 0.05));border-radius:6px;background:var(--button-secondary-bg-default, rgba(251, 251, 251, 0.1));color:var(--button-secondary-text-default, #ffffff);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-level__modal-overlay.svelte-nbxilv {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background-color:rgba(0, 0, 0, 0.7);backdrop-filter:blur(3px);}.loyalty-level__modal.svelte-nbxilv {position:relative;width:100%;max-width:40dvw;max-height:90dvh;padding:24px 16px;background-color:var(--app-container-bg-default, #022652);border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;}.loyalty-level__modal-content.svelte-nbxilv {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content.svelte-nbxilv .loyalty-level__benefits:where(.svelte-nbxilv) {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head.svelte-nbxilv {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper.svelte-nbxilv {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close.svelte-nbxilv {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel.svelte-nbxilv {width:100%;height:1px;}.loyalty-level__card--skeleton.svelte-nbxilv {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton.svelte-nbxilv {display:block;border-radius:4px;background:linear-gradient(
@@ -104,13 +104,13 @@ const St = {
     }
   }`
 };
-function Te(V, n) {
-  Ce(n, !0), nt(V, St);
-  const c = () => yt(_t, "$_", h), [h, W] = rt(), 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) => {
-  }), o = u(n, "limitItem", 7, J), ee = u(n, "translationUrl");
-  at({ withLocale: k(), translations: {} });
-  const Ne = () => {
+function Ue(V, n) {
+  Oe(n, !0), at(V, Mt);
+  const v = () => _t(ut, "$_", h), [h, W] = vt(), U = y(n, "apiEndpoint", 7, ""), N = y(n, "userSession", 7, ""), L = y(n, "locale", 7, ""), D = y(n, "onLevelLoaded", 7, (t) => {
+  }), G = y(n, "onSeeMore", 7, (t) => {
+  }), i = y(n, "limitItem", 7, J), ee = y(n, "translationUrl");
+  st({ 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((a) => {
@@ -120,220 +120,218 @@ function Te(V, n) {
       console.log("loyalty level translation url err:", l);
     });
   };
-  Object.entries(pt).forEach(([t, l]) => {
+  Object.entries(gt).forEach(([t, l]) => {
     me(t, l);
   }), Z(() => {
-    st(k() ?? "en");
-  }), it(() => {
-    ee() && Ne();
+    it(L() ?? "en");
+  }), ot(() => {
+    ee() && De();
   });
-  const De = (t) => {
-    N()(t);
-  }, te = ot(() => ({
-    apiEndpoint: T(),
-    userSession: U(),
-    locale: k(),
+  const He = (t) => {
+    D()(t);
+  }, te = rt(() => ({
+    apiEndpoint: U(),
+    userSession: N(),
+    locale: L(),
     loadLevels: !0,
-    onLevelLoaded: De
-  })), oe = C(() => te.playerElevateLevel?.id), I = C(() => typeof o() == "number" ? o() : parseInt(o(), J) || J), D = 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), b = P(!1), Q = P(he(ae)), le = P(void 0), q = P(void 0), f = P(void 0), X = P(he({}));
-  const He = C(() => Math.max(1, Math.ceil(e(D).length / e(I)))), je = C(() => e(b) ? e(D).slice(0, e(Q)) : e(D).slice(e(K) * e(I), e(K) * e(I) + e(I))), Ae = C(() => e(D).length > 0 && !!te.playerElevateLevel), xe = C(() => te.loading && !e(Ae)), Pe = C(() => e(b) ? ae : e(I)), Fe = (t, l) => {
+    onLevelLoaded: He
+  })), oe = C(() => te.playerElevateLevel?.id), I = C(() => typeof i() == "number" ? i() : parseInt(i(), 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(ae)), le = P(void 0), q = P(void 0), x = 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), be = C(() => te.loading && !e(Pe)), Re = C(() => e(g) ? ae : e(I)), Fe = (t, l) => {
     let a;
-    const L = () => {
-      if (!e(b)) {
+    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) {
+      const z = window.getComputedStyle(t), b = parseFloat(z.maxHeight);
+      if (!Number.isFinite(b) || b <= 0) {
         e(X)[l] = !1;
         return;
       }
-      const H = 12;
-      e(X)[l] = t.scrollHeight > m + H;
+      const j = 12;
+      e(X)[l] = t.scrollHeight > b + j;
     }, s = () => {
-      a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(L);
+      a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(w);
     };
     s();
-    const w = new ResizeObserver(s);
-    return w.observe(t), {
+    const m = new ResizeObserver(s);
+    return m.observe(t), {
       destroy() {
-        a !== void 0 && cancelAnimationFrame(a), w.disconnect(), delete e(X)[l];
+        a !== void 0 && cancelAnimationFrame(a), m.disconnect(), delete e(X)[l];
       }
     };
   };
   Z(() => {
-    e(K) > e(He) - 1 && S(K, 0);
+    e(K) > e(je) - 1 && k(K, 0);
   }), Z(() => {
-    S(Q, e(b) ? ae : e(I), !0);
+    k(Q, e(g) ? ae : e(I), !0);
   }), Z(() => {
-    if (!e(b) || !e(le))
+    if (!e(g) || !e(le))
       return;
     const t = new IntersectionObserver(
       (l) => {
-        l.some((a) => a.isIntersecting) && S(Q, Math.min(e(D).length, e(Q) + ae), !0);
+        l.some((a) => a.isIntersecting) && k(Q, Math.min(e(H).length, e(Q) + ae), !0);
       },
       { rootMargin: "200px" }
     );
     return t.observe(e(le)), () => t.disconnect();
   });
-  const Re = (t) => {
-    S(K, Math.floor(t / e(I)), !0);
+  const Ve = (t) => {
+    k(K, Math.floor(t / e(I)), !0);
   };
   Z(() => {
     const t = window.matchMedia("(max-width: 767px)"), l = (a) => {
-      S(b, a.matches, !0);
+      k(g, a.matches, !0);
     };
-    return S(b, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+    return k(g, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
   });
-  const Ve = (t) => {
-    if (G()(t), !e(b)) {
-      Me(B(t)), S(f, t, !0);
+  const Be = (t) => {
+    if (G()(t), !e(g)) {
+      Ee(B(t)), k(x, t, !0);
       return;
     }
     const l = e(q) !== t.id;
-    l && Me(B(t)), S(q, l ? t.id : void 0, !0);
+    l && Ee(B(t)), k(q, l ? t.id : void 0, !0);
   }, re = () => {
-    S(f, void 0);
-  }, Be = (t) => {
-    t.target === t.currentTarget && re();
+    k(x, void 0);
   }, Ke = (t) => {
+    t.target === t.currentTarget && re();
+  }, qe = (t) => {
     t.key === "Escape" && re();
   };
   Z(() => {
-    if (!e(f))
+    if (!e(x))
       return;
     const t = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = t;
     };
   });
-  var qe = {
+  var Ze = {
     get apiEndpoint() {
-      return T();
+      return U();
     },
     set apiEndpoint(t = "") {
-      T(t), p();
+      U(t), _();
     },
     get userSession() {
-      return U();
+      return N();
     },
     set userSession(t = "") {
-      U(t), p();
+      N(t), _();
     },
     get locale() {
-      return k();
+      return L();
     },
     set locale(t = "") {
-      k(t), p();
+      L(t), _();
     },
     get onLevelLoaded() {
-      return N();
+      return D();
     },
     set onLevelLoaded(t = (l) => {
     }) {
-      N(t), p();
+      D(t), _();
     },
     get onSeeMore() {
       return G();
     },
     set onSeeMore(t = (l) => {
     }) {
-      G(t), p();
+      G(t), _();
     },
     get limitItem() {
-      return o();
+      return i();
     },
     set limitItem(t = J) {
-      o(t), p();
+      i(t), _();
     },
     get translationUrl() {
       return ee();
     },
     set translationUrl(t) {
-      ee(t), p();
+      ee(t), _();
     }
-  }, be = kt(), ve = ge(be), de = v(ve), Ze = v(de);
+  }, fe = St(), ve = xe(fe), de = M(ve), Je = M(de);
   {
-    var Je = (t) => {
-      var l = Le(), a = ge(l);
-      we(a, 17, () => ({ length: e(Pe) }), vt, (L, s, w, z) => {
-        var m = gt();
-        g(L, m);
-      }), g(t, l);
-    }, We = (t) => {
-      var l = Le(), a = ge(l);
-      we(a, 17, () => e(je), (L) => L.id, (L, s) => {
-        var w = ft();
+    var We = (t) => {
+      var l = we(), a = xe(l);
+      ke(a, 17, () => ({ length: e(Re) }), dt, (w, s, m, z) => {
+        var b = xt();
+        u(w, b);
+      }), u(t, l);
+    }, Ge = (t) => {
+      var l = we(), a = xe(l);
+      ke(a, 17, () => e(Ae), (w) => w.id, (w, s) => {
+        var m = ht();
         let z;
-        var m = v(w), H = v(m), j = x(H, 2), A = v(j), ce = v(A, !0);
-        i(A);
-        var Y = x(A, 2), ye = v(Y, !0);
-        i(Y), i(j);
-        var _e = x(j, 2);
+        var b = M(m), j = M(b), A = p(j, 2), Y = M(A), ce = T(Y, !0), ye = p(Y, 2), _e = T(ye, !0);
+        f(A);
+        var ue = p(A, 2);
         {
-          var ue = (d) => {
-            var r = Ie(), O = v(r, !0);
-            i(r), F(($) => R(O, $), [() => c()("current")]), g(d, r);
+          var pe = (o) => {
+            var r = ze(), O = T(r, !0);
+            R(($) => F(O, $), [() => v()("current")]), u(o, r);
           };
-          M(_e, (d) => {
-            e(s).id === e(oe) && d(ue);
+          S(ue, (o) => {
+            e(s).id === e(oe) && o(pe);
           });
         }
-        i(m);
-        var ne = x(m, 2);
+        f(b);
+        var ne = p(b, 2);
         {
-          var pe = (d) => {
-            var r = xt();
+          var ge = (o) => {
+            var r = bt();
             let O;
-            Se(r, () => e(s).presentation.description, !0), i(r), ut(r, ($, tt) => Fe?.($, tt), () => e(s).id), F(() => O = ke(r, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
-              "loyalty-level__benefits--collapsed": e(b) && e(q) !== e(s).id
-            })), g(d, r);
+            Me(r, () => e(s).presentation.description, !0), f(r), pt(r, ($, lt) => Fe?.($, lt), () => e(s).id), R(() => O = Se(r, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
+              "loyalty-level__benefits--collapsed": e(g) && e(q) !== e(s).id
+            })), u(o, r);
           };
-          M(ne, (d) => {
-            e(s).presentation?.description && d(pe);
+          S(ne, (o) => {
+            e(s).presentation?.description && o(ge);
           });
         }
-        var y = x(ne, 2);
+        var d = p(ne, 2);
         {
-          var _ = (d) => {
-            var r = bt(), O = v(r, !0);
-            i(r), F(($) => R(O, $), [
-              () => e(q) === e(s).id ? c()("seeLess") : c()("seeMore")
-            ]), se("click", r, () => Ve(e(s))), g(d, r);
+          var c = (o) => {
+            var r = ft(), O = T(r, !0);
+            R(($) => F(O, $), [
+              () => e(q) === e(s).id ? v()("seeLess") : v()("seeMore")
+            ]), se("click", r, () => Be(e(s))), u(o, r);
           };
-          M(y, (d) => {
-            (!e(b) || e(X)[e(s).id] || e(q) === e(s).id) && d(_);
+          S(d, (o) => {
+            (!e(g) || e(X)[e(s).id] || e(q) === e(s).id) && o(c);
           });
         }
-        i(w), F(
-          (d, r, O) => {
-            z = ke(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
+        f(m), R(
+          (o, r, O) => {
+            z = Se(m, 1, "loyalty-level__card svelte-nbxilv", null, z, {
               "loyalty-level__card--current": e(s).id === e(oe),
               "loyalty-level__card--expanded": e(q) === e(s).id
-            }), ie(H, "src", e(s).presentation?.asset || Ee), ie(H, "alt", d), R(ce, r), R(ye, O);
+            }), ie(j, "src", e(s).presentation?.asset || Ie), ie(j, "alt", o), F(ce, r), F(_e, O);
           },
           [
             () => B(e(s)),
             () => B(e(s)),
-            () => c()("startingLevel", {
+            () => v()("startingLevel", {
               values: { points: e(s).firstEntryPoints.toLocaleString() }
             })
           ]
-        ), g(L, w);
-      }), g(t, l);
+        ), u(w, m);
+      }), u(t, l);
     };
-    M(Ze, (t) => {
-      e(xe) ? t(Je) : t(We, -1);
+    S(Je, (t) => {
+      e(be) ? t(We) : t(Ge, -1);
     });
   }
-  i(de);
-  var fe = x(de, 2);
+  f(de);
+  var he = p(de, 2);
   {
-    var Ge = (t) => {
+    var Qe = (t) => {
       {
         let l = C(() => e(K) * e(I));
-        dt(t, {
+        ct(t, {
           get offset() {
             return e(l);
           },
@@ -341,98 +339,94 @@ function Te(V, n) {
             return e(I);
           },
           get total() {
-            return e(D).length;
+            return e(H).length;
           },
-          onPageChange: Re,
+          onPageChange: Ve,
           get locale() {
-            return k();
+            return L();
           }
         });
       }
     };
-    M(fe, (t) => {
-      !e(xe) && !e(b) && t(Ge);
+    S(he, (t) => {
+      !e(be) && !e(g) && t(Qe);
     });
   }
-  var Qe = x(fe, 2);
+  var Xe = p(he, 2);
   {
-    var Xe = (t) => {
+    var Ye = (t) => {
       var l = mt();
-      ct(l, (a) => S(le, a), () => e(le)), g(t, l);
+      yt(l, (a) => k(le, a), () => e(le)), u(t, l);
     };
-    M(Qe, (t) => {
-      e(b) && e(Q) < e(D).length && t(Xe);
+    S(Xe, (t) => {
+      e(g) && e(Q) < e(H).length && t(Ye);
     });
   }
-  i(ve);
-  var Ye = x(ve, 2);
+  f(ve);
+  var $e = p(ve, 2);
   {
-    var $e = (t) => {
-      var l = wt(), a = v(l), L = v(a), s = v(L);
-      i(L);
-      var w = x(L, 2), z = v(w), m = v(z);
+    var et = (t) => {
+      var l = kt(), a = M(l), w = M(a), s = T(w), m = p(w, 2), z = M(m), b = M(z);
       {
-        var H = (y) => {
-          var _ = ht();
-          F(
-            (d) => {
-              ie(_, "src", e(f).presentation.asset || Ee), ie(_, "alt", d);
+        var j = (d) => {
+          var c = Lt();
+          R(
+            (o) => {
+              ie(c, "src", e(x).presentation.asset || Ie), ie(c, "alt", o);
             },
-            [() => B(e(f))]
-          ), g(y, _);
+            [() => B(e(x))]
+          ), u(d, c);
         };
-        M(m, (y) => {
-          e(f).presentation?.asset && y(H);
+        S(b, (d) => {
+          e(x).presentation?.asset && d(j);
         });
       }
-      var j = x(m, 2), A = v(j), ce = v(A, !0);
-      i(A);
-      var Y = x(A, 2), ye = v(Y, !0);
-      i(Y), i(j);
-      var _e = x(j, 2);
+      var A = p(b, 2), Y = M(A), ce = T(Y, !0), ye = p(Y, 2), _e = T(ye, !0);
+      f(A);
+      var ue = p(A, 2);
       {
-        var ue = (y) => {
-          var _ = Ie(), d = v(_, !0);
-          i(_), F((r) => R(d, r), [() => c()("current")]), g(y, _);
+        var pe = (d) => {
+          var c = ze(), o = T(c, !0);
+          R((r) => F(o, r), [() => v()("current")]), u(d, c);
         };
-        M(_e, (y) => {
-          e(f).id === e(oe) && y(ue);
+        S(ue, (d) => {
+          e(x).id === e(oe) && d(pe);
         });
       }
-      i(z);
-      var ne = x(z, 2);
+      f(z);
+      var ne = p(z, 2);
       {
-        var pe = (y) => {
-          var _ = Lt();
-          Se(_, () => e(f).presentation.description, !0), i(_), g(y, _);
+        var ge = (d) => {
+          var c = wt();
+          Me(c, () => e(x).presentation.description, !0), f(c), u(d, c);
         };
-        M(ne, (y) => {
-          e(f).presentation?.description && y(pe);
+        S(ne, (d) => {
+          e(x).presentation?.description && d(ge);
         });
       }
-      i(w), i(a), i(l), F(
-        (y, _) => {
-          R(ce, y), R(ye, _);
+      f(m), f(a), f(l), R(
+        (d, c) => {
+          F(ce, d), F(_e, c);
         },
         [
-          () => B(e(f)),
-          () => c()("startingLevel", {
-            values: { points: e(f).firstEntryPoints.toLocaleString() }
+          () => B(e(x)),
+          () => v()("startingLevel", {
+            values: { points: e(x).firstEntryPoints.toLocaleString() }
           })
         ]
-      ), se("click", l, Be), se("keydown", l, Ke), se("click", s, re), g(t, l);
+      ), se("click", l, Ke), se("keydown", l, qe), se("click", s, re), u(t, l);
     };
-    M(Ye, (t) => {
-      e(f) && t($e);
+    S($e, (t) => {
+      e(x) && t(et);
     });
   }
-  g(V, be);
-  var et = Oe(qe);
-  return W(), et;
+  u(V, fe);
+  var tt = Te(Ze);
+  return W(), tt;
 }
-lt(["click", "keydown"]);
-ze(
-  Te,
+nt(["click", "keydown"]);
+Ce(
+  Ue,
   {
     apiEndpoint: {},
     userSession: {},
@@ -446,56 +440,56 @@ ze(
   [],
   { mode: "open" }
 );
-function Ue(V, n) {
-  Ce(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");
+function Ne(V, n) {
+  Oe(n, !0);
+  let v = y(n, "apiEndpoint", 7, ""), h = y(n, "userSession", 7, ""), W = y(n, "locale", 7, ""), U = y(n, "onLevelLoaded"), N = y(n, "onSeeMore"), L = y(n, "limitItem", 7, J), D = y(n, "translationUrl");
   var G = {
     get apiEndpoint() {
-      return c();
+      return v();
     },
-    set apiEndpoint(o = "") {
-      c(o), p();
+    set apiEndpoint(i = "") {
+      v(i), _();
     },
     get userSession() {
       return h();
     },
-    set userSession(o = "") {
-      h(o), p();
+    set userSession(i = "") {
+      h(i), _();
     },
     get locale() {
       return W();
     },
-    set locale(o = "") {
-      W(o), p();
+    set locale(i = "") {
+      W(i), _();
     },
     get onLevelLoaded() {
-      return T();
+      return U();
     },
-    set onLevelLoaded(o) {
-      T(o), p();
+    set onLevelLoaded(i) {
+      U(i), _();
     },
     get onSeeMore() {
-      return U();
+      return N();
     },
-    set onSeeMore(o) {
-      U(o), p();
+    set onSeeMore(i) {
+      N(i), _();
     },
     get limitItem() {
-      return k();
+      return L();
     },
-    set limitItem(o = J) {
-      k(o), p();
+    set limitItem(i = J) {
+      L(i), _();
     },
     get translationUrl() {
-      return N();
+      return D();
     },
-    set translationUrl(o) {
-      N(o), p();
+    set translationUrl(i) {
+      D(i), _();
     }
   };
-  return Te(V, {
+  return Ue(V, {
     get apiEndpoint() {
-      return c();
+      return v();
     },
     get userSession() {
       return h();
@@ -504,21 +498,21 @@ function Ue(V, n) {
       return W();
     },
     get onLevelLoaded() {
-      return T();
+      return U();
     },
     get onSeeMore() {
-      return U();
+      return N();
     },
     get limitItem() {
-      return k();
+      return L();
     },
     get translationUrl() {
-      return N();
+      return D();
     }
-  }), Oe(G);
+  }), Te(G);
 }
-customElements.define("loyalty-level", ze(
-  Ue,
+customElements.define("loyalty-level", Ce(
+  Ne,
   {
     apiEndpoint: {},
     userSession: {},
@@ -531,11 +525,11 @@ customElements.define("loyalty-level", ze(
   [],
   []
 ));
-const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ue
+  default: Ne
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Te as L,
-  Et as a
+  Ue as L,
+  It as a
 };