@everymatrix/loyalty-level 0.1.18 → 0.1.19

package/components/{LoyaltyLevel-IdIGJ4-W.js → LoyaltyLevel-BxI5oYmq.js}

@@ -1,4 +1,4 @@
-import { d as lt, c as Ce, p as Oe, a as nt, b as p, s as at, e as he, u as J, f as st, g as it, h as ot, i as F, j as Le, M as ae, k as e, l as S, m as xe, n as M, o as x, q as Te, I as W, r as C, t as E, v as g, w as rt, x as d, y as r, z as b, A as we, B as ke, C as vt, L as dt, D as ct, E as R, F as V, G as se, H as yt, $ as _t, J as Se, K as ie, N as Me, O as ut, P as Ee } from "./LoyaltyPagination-B5ZGJ7LY.js";
+import { d as nt, c as Oe, p as Te, a as at, b as y, s as st, e as Le, u as J, f as it, g as ot, h as rt, i as R, j as we, M as ae, k as e, l as k, m as be, n as S, o as p, q as Ue, I as W, r as C, t as E, v as _, w as vt, x as M, y as h, z as g, A as ke, B as Se, C as dt, L as ct, D as yt, E as U, F, G as V, H as se, J as _t, $ as ut, K as Me, N as ie, O as Ee, P as pt, Q as Ie } from "./LoyaltyPagination-N19BLhCN.js";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -6,24 +6,24 @@ typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class
 } });
 if (typeof window != "undefined") {
   let B = function(n) {
-    return function(...y) {
+    return function(...d) {
       try {
-        return n.apply(this, y);
-      } catch (L) {
-        if (L instanceof DOMException && L.message.includes("has already been used with this registry") || L instanceof Error && L.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return n.apply(this, d);
+      } catch (m) {
+        if (m instanceof DOMException && m.message.includes("has already been used with this registry") || m instanceof Error && m.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
-        throw L;
+        throw m;
       }
     };
   };
-  customElements.define = B(customElements.define), import("./LoyaltyPagination-B5ZGJ7LY.js").then((n) => n.Q).then((n) => {
-    const y = n.default || n;
-    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", y.element || y);
+  customElements.define = B(customElements.define), import("./LoyaltyPagination-N19BLhCN.js").then((n) => n.R).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 pt = {
+const gt = {
   en: {
     startingLevel: "Starting Level: {points} points",
     seeMore: "See More",
@@ -73,9 +73,9 @@ const pt = {
     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 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>'), 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 = {
+}, ze = "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>'), Ce = 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,248 +104,246 @@ const St = {
     }
   }`
 };
-function Ue(B, n) {
-  Oe(n, !0), nt(B, St);
-  const y = () => yt(_t, "$_", L), [L, G] = rt(), U = p(n, "apiEndpoint", 7, ""), N = p(n, "userSession", 7, ""), k = p(n, "locale", 7, ""), D = p(n, "onLevelLoaded", 7, (t) => {
-  }), Q = p(n, "onSeeMore", 7, (t) => {
-  }), v = p(n, "limitItem", 7, W), ee = p(n, "translationUrl");
-  at({ withLocale: k(), translations: {} });
-  const De = () => {
+function Ne(B, n) {
+  Te(n, !0), at(B, Mt);
+  const d = () => _t(ut, "$_", m), [m, G] = vt(), N = y(n, "apiEndpoint", 7, ""), D = y(n, "userSession", 7, ""), w = y(n, "locale", 7, ""), H = y(n, "onLevelLoaded", 7, (t) => {
+  }), Q = y(n, "onSeeMore", 7, (t) => {
+  }), o = y(n, "limitItem", 7, W), ee = y(n, "translationUrl");
+  st({ withLocale: w(), translations: {} });
+  const He = () => {
     let t = new URL(ee(), window.location.href);
     fetch(t.href).then((l) => l.json()).then((l) => {
       Object.keys(l).forEach((a) => {
-        he(a, l[a]);
+        Le(a, l[a]);
       });
     }).catch((l) => {
       console.log("loyalty level translation url err:", l);
     });
   };
-  Object.entries(pt).forEach(([t, l]) => {
-    he(t, l);
+  Object.entries(gt).forEach(([t, l]) => {
+    Le(t, l);
   }), J(() => {
     var t;
-    st((t = k()) != null ? t : "en");
-  }), it(() => {
-    ee() && De();
+    it((t = w()) != null ? t : "en");
+  }), ot(() => {
+    ee() && He();
   });
-  const He = (t) => {
-    D()(t);
-  }, te = ot(() => ({
-    apiEndpoint: U(),
-    userSession: N(),
-    locale: k(),
+  const je = (t) => {
+    H()(t);
+  }, te = rt(() => ({
+    apiEndpoint: N(),
+    userSession: D(),
+    locale: w(),
     loadLevels: !0,
-    onLevelLoaded: He
+    onLevelLoaded: je
   })), oe = C(() => {
     var t;
     return (t = te.playerElevateLevel) == null ? void 0 : t.id;
-  }), I = C(() => typeof v() == "number" ? v() : parseInt(v(), W) || W), H = C(() => {
+  }), I = C(() => typeof o() == "number" ? o() : parseInt(o(), W) || W), j = C(() => {
     var t;
     return [...(t = te.levels) != null ? t : []].sort((l, a) => l.firstEntryPoints < a.firstEntryPoints ? -1 : 1);
   }), K = (t) => {
     var l, a, u;
     return (u = (a = (l = t.presentation) == null ? void 0 : l.displayName) != null ? a : t.displayName) != null ? u : String(t.id);
   };
-  let q = F(0), f = F(!1), X = F(Le(ae)), le = F(void 0), Z = F(void 0), m = F(void 0), Y = F(Le({}));
-  const je = C(() => Math.max(1, Math.ceil(e(H).length / e(I)))), Ae = C(() => e(f) ? e(H).slice(0, e(X)) : e(H).slice(e(q) * e(I), e(q) * e(I) + e(I))), Pe = C(() => e(H).length > 0 && !!te.playerElevateLevel), be = C(() => te.loading && !e(Pe)), Fe = C(() => e(f) ? ae : e(I)), re = (t, l) => {
+  let q = R(0), x = R(!1), X = R(we(ae)), le = R(void 0), Z = R(void 0), b = R(void 0), Y = R(we({}));
+  const Ae = C(() => Math.max(1, Math.ceil(e(j).length / e(I)))), Pe = C(() => e(x) ? e(j).slice(0, e(X)) : e(j).slice(e(q) * e(I), e(q) * e(I) + e(I))), Re = C(() => e(j).length > 0 && !!te.playerElevateLevel), fe = C(() => te.loading && !e(Re)), Fe = C(() => e(x) ? ae : e(I)), re = (t, l) => {
     let a;
     const u = () => {
-      if (!e(f)) {
+      if (!e(x)) {
         e(Y)[l] = !1;
         return;
       }
-      const z = window.getComputedStyle(t), h = parseFloat(z.maxHeight);
-      if (!Number.isFinite(h) || h <= 0) {
+      const z = window.getComputedStyle(t), f = parseFloat(z.maxHeight);
+      if (!Number.isFinite(f) || f <= 0) {
         e(Y)[l] = !1;
         return;
       }
-      const j = 12;
-      e(Y)[l] = t.scrollHeight > h + j;
+      const A = 12;
+      e(Y)[l] = t.scrollHeight > f + A;
     }, s = () => {
       a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(u);
     };
     s();
-    const w = new ResizeObserver(s);
-    return w.observe(t), {
+    const L = new ResizeObserver(s);
+    return L.observe(t), {
       destroy() {
-        a !== void 0 && cancelAnimationFrame(a), w.disconnect(), delete e(Y)[l];
+        a !== void 0 && cancelAnimationFrame(a), L.disconnect(), delete e(Y)[l];
       }
     };
   };
   J(() => {
-    e(q) > e(je) - 1 && S(q, 0);
+    e(q) > e(Ae) - 1 && k(q, 0);
   }), J(() => {
-    S(X, e(f) ? ae : e(I), !0);
+    k(X, e(x) ? ae : e(I), !0);
   }), J(() => {
-    if (!e(f) || !e(le))
+    if (!e(x) || !e(le))
       return;
     const t = new IntersectionObserver(
       (l) => {
-        l.some((a) => a.isIntersecting) && S(X, Math.min(e(H).length, e(X) + ae), !0);
+        l.some((a) => a.isIntersecting) && k(X, Math.min(e(j).length, e(X) + ae), !0);
       },
       { rootMargin: "200px" }
     );
     return t.observe(e(le)), () => t.disconnect();
   });
-  const Re = (t) => {
-    S(q, Math.floor(t / e(I)), !0);
+  const Ve = (t) => {
+    k(q, Math.floor(t / e(I)), !0);
   };
   J(() => {
     const t = window.matchMedia("(max-width: 767px)"), l = (a) => {
-      S(f, a.matches, !0);
+      k(x, a.matches, !0);
     };
-    return S(f, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+    return k(x, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
   });
-  const Ve = (t) => {
-    if (Q()(t), !e(f)) {
-      Ee(K(t)), S(m, t, !0);
+  const Be = (t) => {
+    if (Q()(t), !e(x)) {
+      Ie(K(t)), k(b, t, !0);
       return;
     }
     const l = e(Z) !== t.id;
-    l && Ee(K(t)), S(Z, l ? t.id : void 0, !0);
+    l && Ie(K(t)), k(Z, l ? t.id : void 0, !0);
   }, ve = () => {
-    S(m, void 0);
-  }, Be = (t) => {
-    t.target === t.currentTarget && ve();
+    k(b, void 0);
   }, Ke = (t) => {
+    t.target === t.currentTarget && ve();
+  }, qe = (t) => {
     t.key === "Escape" && ve();
   };
   J(() => {
-    if (!e(m))
+    if (!e(b))
       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 U();
+      return N();
     },
     set apiEndpoint(t = "") {
-      U(t), g();
+      N(t), _();
     },
     get userSession() {
-      return N();
+      return D();
     },
     set userSession(t = "") {
-      N(t), g();
+      D(t), _();
     },
     get locale() {
-      return k();
+      return w();
     },
     set locale(t = "") {
-      k(t), g();
+      w(t), _();
     },
     get onLevelLoaded() {
-      return D();
+      return H();
     },
     set onLevelLoaded(t = (l) => {
     }) {
-      D(t), g();
+      H(t), _();
     },
     get onSeeMore() {
       return Q();
     },
     set onSeeMore(t = (l) => {
     }) {
-      Q(t), g();
+      Q(t), _();
     },
     get limitItem() {
-      return v();
+      return o();
     },
     set limitItem(t = W) {
-      v(t), g();
+      o(t), _();
     },
     get translationUrl() {
       return ee();
     },
     set translationUrl(t) {
-      ee(t), g();
+      ee(t), _();
     }
-  }, fe = kt(), de = xe(fe), ce = d(de), Ze = d(ce);
+  }, he = St(), de = be(he), ce = M(de), Je = M(ce);
   {
-    var Je = (t) => {
-      var l = we(), a = xe(l);
-      ke(a, 17, () => ({ length: e(Fe) }), vt, (u, s, w, z) => {
-        var h = gt();
-        x(u, h);
-      }), x(t, l);
-    }, We = (t) => {
-      var l = we(), a = xe(l);
-      ke(a, 17, () => e(Ae), (u) => u.id, (u, s) => {
-        var w = ft();
+    var We = (t) => {
+      var l = ke(), a = be(l);
+      Se(a, 17, () => ({ length: e(Fe) }), dt, (u, s, L, z) => {
+        var f = xt();
+        p(u, f);
+      }), p(t, l);
+    }, Ge = (t) => {
+      var l = ke(), a = be(l);
+      Se(a, 17, () => e(Pe), (u) => u.id, (u, s) => {
+        var L = ht();
         let z;
-        var h = d(w), j = d(h), A = b(j, 2), P = d(A), ye = d(P, !0);
-        r(P);
-        var $ = b(P, 2), _e = d($, !0);
-        r($), r(A);
-        var ue = b(A, 2);
+        var f = M(L), A = M(f), P = g(A, 2), $ = M(P), ye = U($, !0), _e = g($, 2), ue = U(_e, !0);
+        h(P);
+        var pe = g(P, 2);
         {
-          var pe = (c) => {
-            var o = ze(), O = d(o, !0);
-            r(o), R((T) => V(O, T), [() => y()("current")]), x(c, o);
+          var ge = (v) => {
+            var r = Ce(), O = U(r, !0);
+            F((T) => V(O, T), [() => d()("current")]), p(v, r);
           };
-          M(ue, (c) => {
-            e(s).id === e(oe) && c(pe);
+          S(pe, (v) => {
+            e(s).id === e(oe) && v(ge);
           });
         }
-        r(h);
-        var ne = b(h, 2);
+        h(f);
+        var ne = g(f, 2);
         {
-          var ge = (c) => {
-            var o = xt();
+          var xe = (v) => {
+            var r = bt();
             let O;
-            Me(o, () => e(s).presentation.description, !0), r(o), ut(o, (T, tt) => re == null ? void 0 : re(T, tt), () => e(s).id), R(() => O = Se(o, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
-              "loyalty-level__benefits--collapsed": e(f) && e(Z) !== e(s).id
-            })), x(c, o);
+            Ee(r, () => e(s).presentation.description, !0), h(r), pt(r, (T, lt) => re == null ? void 0 : re(T, lt), () => e(s).id), F(() => O = Me(r, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
+              "loyalty-level__benefits--collapsed": e(x) && e(Z) !== e(s).id
+            })), p(v, r);
           };
-          M(ne, (c) => {
-            var o;
-            (o = e(s).presentation) != null && o.description && c(ge);
+          S(ne, (v) => {
+            var r;
+            (r = e(s).presentation) != null && r.description && v(xe);
           });
         }
-        var _ = b(ne, 2);
+        var c = g(ne, 2);
         {
-          var i = (c) => {
-            var o = bt(), O = d(o, !0);
-            r(o), R((T) => V(O, T), [
-              () => e(Z) === e(s).id ? y()("seeLess") : y()("seeMore")
-            ]), se("click", o, () => Ve(e(s))), x(c, o);
+          var i = (v) => {
+            var r = ft(), O = U(r, !0);
+            F((T) => V(O, T), [
+              () => e(Z) === e(s).id ? d()("seeLess") : d()("seeMore")
+            ]), se("click", r, () => Be(e(s))), p(v, r);
           };
-          M(_, (c) => {
-            (!e(f) || e(Y)[e(s).id] || e(Z) === e(s).id) && c(i);
+          S(c, (v) => {
+            (!e(x) || e(Y)[e(s).id] || e(Z) === e(s).id) && v(i);
           });
         }
-        r(w), R(
-          (c, o, O) => {
+        h(L), F(
+          (v, r, O) => {
             var T;
-            z = Se(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
+            z = Me(L, 1, "loyalty-level__card svelte-nbxilv", null, z, {
               "loyalty-level__card--current": e(s).id === e(oe),
               "loyalty-level__card--expanded": e(Z) === e(s).id
-            }), ie(j, "src", ((T = e(s).presentation) == null ? void 0 : T.asset) || Ie), ie(j, "alt", c), V(ye, o), V(_e, O);
+            }), ie(A, "src", ((T = e(s).presentation) == null ? void 0 : T.asset) || ze), ie(A, "alt", v), V(ye, r), V(ue, O);
           },
           [
             () => K(e(s)),
             () => K(e(s)),
-            () => y()("startingLevel", {
+            () => d()("startingLevel", {
               values: { points: e(s).firstEntryPoints.toLocaleString() }
             })
           ]
-        ), x(u, w);
-      }), x(t, l);
+        ), p(u, L);
+      }), p(t, l);
     };
-    M(Ze, (t) => {
-      e(be) ? t(Je) : t(We, -1);
+    S(Je, (t) => {
+      e(fe) ? t(We) : t(Ge, -1);
     });
   }
-  r(ce);
-  var me = b(ce, 2);
+  h(ce);
+  var me = g(ce, 2);
   {
-    var Ge = (t) => {
+    var Qe = (t) => {
       {
         let l = C(() => e(q) * e(I));
-        dt(t, {
+        ct(t, {
           get offset() {
             return e(l);
           },
@@ -353,100 +351,96 @@ function Ue(B, n) {
             return e(I);
           },
           get total() {
-            return e(H).length;
+            return e(j).length;
           },
-          onPageChange: Re,
+          onPageChange: Ve,
           get locale() {
-            return k();
+            return w();
           }
         });
       }
     };
-    M(me, (t) => {
-      !e(be) && !e(f) && t(Ge);
+    S(me, (t) => {
+      !e(fe) && !e(x) && t(Qe);
     });
   }
-  var Qe = b(me, 2);
+  var Xe = g(me, 2);
   {
-    var Xe = (t) => {
+    var Ye = (t) => {
       var l = mt();
-      ct(l, (a) => S(le, a), () => e(le)), x(t, l);
+      yt(l, (a) => k(le, a), () => e(le)), p(t, l);
     };
-    M(Qe, (t) => {
-      e(f) && e(X) < e(H).length && t(Xe);
+    S(Xe, (t) => {
+      e(x) && e(X) < e(j).length && t(Ye);
     });
   }
-  r(de);
-  var Ye = b(de, 2);
+  h(de);
+  var $e = g(de, 2);
   {
-    var $e = (t) => {
-      var l = wt(), a = d(l), u = d(a), s = d(u);
-      r(u);
-      var w = b(u, 2), z = d(w), h = d(z);
+    var et = (t) => {
+      var l = kt(), a = M(l), u = M(a), s = U(u), L = g(u, 2), z = M(L), f = M(z);
       {
-        var j = (_) => {
-          var i = ht();
-          R(
-            (c) => {
-              ie(i, "src", e(m).presentation.asset || Ie), ie(i, "alt", c);
+        var A = (c) => {
+          var i = Lt();
+          F(
+            (v) => {
+              ie(i, "src", e(b).presentation.asset || ze), ie(i, "alt", v);
             },
-            [() => K(e(m))]
-          ), x(_, i);
+            [() => K(e(b))]
+          ), p(c, i);
         };
-        M(h, (_) => {
+        S(f, (c) => {
           var i;
-          (i = e(m).presentation) != null && i.asset && _(j);
+          (i = e(b).presentation) != null && i.asset && c(A);
         });
       }
-      var A = b(h, 2), P = d(A), ye = d(P, !0);
-      r(P);
-      var $ = b(P, 2), _e = d($, !0);
-      r($), r(A);
-      var ue = b(A, 2);
+      var P = g(f, 2), $ = M(P), ye = U($, !0), _e = g($, 2), ue = U(_e, !0);
+      h(P);
+      var pe = g(P, 2);
       {
-        var pe = (_) => {
-          var i = ze(), c = d(i, !0);
-          r(i), R((o) => V(c, o), [() => y()("current")]), x(_, i);
+        var ge = (c) => {
+          var i = Ce(), v = U(i, !0);
+          F((r) => V(v, r), [() => d()("current")]), p(c, i);
         };
-        M(ue, (_) => {
-          e(m).id === e(oe) && _(pe);
+        S(pe, (c) => {
+          e(b).id === e(oe) && c(ge);
         });
       }
-      r(z);
-      var ne = b(z, 2);
+      h(z);
+      var ne = g(z, 2);
       {
-        var ge = (_) => {
-          var i = Lt();
-          Me(i, () => e(m).presentation.description, !0), r(i), x(_, i);
+        var xe = (c) => {
+          var i = wt();
+          Ee(i, () => e(b).presentation.description, !0), h(i), p(c, i);
         };
-        M(ne, (_) => {
+        S(ne, (c) => {
           var i;
-          (i = e(m).presentation) != null && i.description && _(ge);
+          (i = e(b).presentation) != null && i.description && c(xe);
         });
       }
-      r(w), r(a), r(l), R(
-        (_, i) => {
-          V(ye, _), V(_e, i);
+      h(L), h(a), h(l), F(
+        (c, i) => {
+          V(ye, c), V(ue, i);
         },
         [
-          () => K(e(m)),
-          () => y()("startingLevel", {
-            values: { points: e(m).firstEntryPoints.toLocaleString() }
+          () => K(e(b)),
+          () => d()("startingLevel", {
+            values: { points: e(b).firstEntryPoints.toLocaleString() }
           })
         ]
-      ), se("click", l, Be), se("keydown", l, Ke), se("click", s, ve), x(t, l);
+      ), se("click", l, Ke), se("keydown", l, qe), se("click", s, ve), p(t, l);
     };
-    M(Ye, (t) => {
-      e(m) && t($e);
+    S($e, (t) => {
+      e(b) && t(et);
     });
   }
-  x(B, fe);
-  var et = Te(qe);
-  return G(), et;
+  p(B, he);
+  var tt = Ue(Ze);
+  return G(), tt;
 }
-lt(["click", "keydown"]);
-Ce(
-  Ue,
+nt(["click", "keydown"]);
+Oe(
+  Ne,
   {
     apiEndpoint: {},
     userSession: {},
@@ -460,79 +454,79 @@ Ce(
   [],
   { mode: "open" }
 );
-function Ne(B, n) {
-  Oe(n, !0);
-  let y = p(n, "apiEndpoint", 7, ""), L = p(n, "userSession", 7, ""), G = p(n, "locale", 7, ""), U = p(n, "onLevelLoaded"), N = p(n, "onSeeMore"), k = p(n, "limitItem", 7, W), D = p(n, "translationUrl");
+function De(B, n) {
+  Te(n, !0);
+  let d = y(n, "apiEndpoint", 7, ""), m = y(n, "userSession", 7, ""), G = y(n, "locale", 7, ""), N = y(n, "onLevelLoaded"), D = y(n, "onSeeMore"), w = y(n, "limitItem", 7, W), H = y(n, "translationUrl");
   var Q = {
     get apiEndpoint() {
-      return y();
+      return d();
     },
-    set apiEndpoint(v = "") {
-      y(v), g();
+    set apiEndpoint(o = "") {
+      d(o), _();
     },
     get userSession() {
-      return L();
+      return m();
     },
-    set userSession(v = "") {
-      L(v), g();
+    set userSession(o = "") {
+      m(o), _();
     },
     get locale() {
       return G();
     },
-    set locale(v = "") {
-      G(v), g();
+    set locale(o = "") {
+      G(o), _();
     },
     get onLevelLoaded() {
-      return U();
+      return N();
     },
-    set onLevelLoaded(v) {
-      U(v), g();
+    set onLevelLoaded(o) {
+      N(o), _();
     },
     get onSeeMore() {
-      return N();
+      return D();
     },
-    set onSeeMore(v) {
-      N(v), g();
+    set onSeeMore(o) {
+      D(o), _();
     },
     get limitItem() {
-      return k();
+      return w();
     },
-    set limitItem(v = W) {
-      k(v), g();
+    set limitItem(o = W) {
+      w(o), _();
     },
     get translationUrl() {
-      return D();
+      return H();
     },
-    set translationUrl(v) {
-      D(v), g();
+    set translationUrl(o) {
+      H(o), _();
     }
   };
-  return Ue(B, {
+  return Ne(B, {
     get apiEndpoint() {
-      return y();
+      return d();
     },
     get userSession() {
-      return L();
+      return m();
     },
     get locale() {
       return G();
     },
     get onLevelLoaded() {
-      return U();
+      return N();
     },
     get onSeeMore() {
-      return N();
+      return D();
     },
     get limitItem() {
-      return k();
+      return w();
     },
     get translationUrl() {
-      return D();
+      return H();
     }
-  }), Te(Q);
+  }), Ue(Q);
 }
-customElements.define("loyalty-level", Ce(
-  Ne,
+customElements.define("loyalty-level", Oe(
+  De,
   {
     apiEndpoint: {},
     userSession: {},
@@ -545,11 +539,11 @@ customElements.define("loyalty-level", Ce(
   [],
   []
 ));
-const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ne
+  default: De
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ue as L,
-  Et as a
+  Ne as L,
+  It as a
 };