@everymatrix/loyalty-level 0.1.15 → 0.1.18

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

@@ -1,4 +1,4 @@
-import { d as nt, c as Oe, p as Te, a as at, b as p, s as it, e as Le, u as J, f as st, g as ot, h as rt, i as F, j as we, M as ie, k as e, l as S, m as be, n as M, o as g, q as Ue, I as W, r as C, t as E, v as x, w as vt, x as v, y as i, z as b, A as ke, B as Se, C as dt, L as ct, D as yt, E as R, F as V, G as se, H as _t, $ as ut, J as Me, K as oe, N as Ee, O as pt, P as Ie } from "./LoyaltyPagination-AkFiJmin.js";
+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";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -16,14 +16,14 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = B(customElements.define), import("./LoyaltyPagination-AkFiJmin.js").then((n) => n.Q).then((n) => {
+  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);
   }).catch((n) => {
     console.error("BOOT ERROR:", n);
   });
 }
-const xt = {
+const pt = {
   en: {
     startingLevel: "Starting Level: {points} points",
     seeMore: "See More",
@@ -73,12 +73,12 @@ const xt = {
     current: "Jelenlegi",
     next: "Következő"
   }
-}, 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 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>'), 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>'), 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 = {
+}, 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 = {
   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(
+  @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(
         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%,
@@ -104,50 +104,50 @@ const Mt = {
     }
   }`
 };
-function Ne(B, n) {
-  Te(n, !0), at(B, Mt);
-  const y = () => _t(ut, "$_", L), [L, G] = vt(), U = p(n, "apiEndpoint", 7, ""), N = p(n, "userSession", 7, ""), k = p(n, "locale", 7, ""), j = p(n, "onLevelLoaded", 7, (t) => {
+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) => {
-  }), d = p(n, "limitItem", 7, W), te = p(n, "translationUrl");
-  it({ withLocale: k(), translations: {} });
+  }), v = p(n, "limitItem", 7, W), ee = p(n, "translationUrl");
+  at({ withLocale: k(), translations: {} });
   const De = () => {
-    let t = new URL(te(), window.location.href);
+    let t = new URL(ee(), window.location.href);
     fetch(t.href).then((l) => l.json()).then((l) => {
       Object.keys(l).forEach((a) => {
-        Le(a, l[a]);
+        he(a, l[a]);
       });
     }).catch((l) => {
       console.log("loyalty level translation url err:", l);
     });
   };
-  Object.entries(xt).forEach(([t, l]) => {
-    Le(t, l);
+  Object.entries(pt).forEach(([t, l]) => {
+    he(t, l);
   }), J(() => {
     var t;
     st((t = k()) != null ? t : "en");
-  }), ot(() => {
-    te() && De();
+  }), it(() => {
+    ee() && De();
   });
   const He = (t) => {
-    j()(t);
-  }, le = rt(() => ({
+    D()(t);
+  }, te = ot(() => ({
     apiEndpoint: U(),
     userSession: N(),
     locale: k(),
     loadLevels: !0,
     onLevelLoaded: He
-  })), re = C(() => {
+  })), oe = C(() => {
     var t;
-    return (t = le.playerElevateLevel) == null ? void 0 : t.id;
-  }), I = C(() => typeof d() == "number" ? d() : parseInt(d(), W) || W), D = C(() => {
+    return (t = te.playerElevateLevel) == null ? void 0 : t.id;
+  }), I = C(() => typeof v() == "number" ? v() : parseInt(v(), W) || W), H = C(() => {
     var t;
-    return [...(t = le.levels) != null ? t : []].sort((l, a) => l.firstEntryPoints < a.firstEntryPoints ? -1 : 1);
+    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(we(ie)), ne = F(void 0), Z = F(void 0), m = F(void 0), Y = F(we({}));
-  const Ae = C(() => Math.max(1, Math.ceil(e(D).length / e(I)))), Pe = C(() => e(f) ? e(D).slice(0, e(X)) : e(D).slice(e(q) * e(I), e(q) * e(I) + e(I))), Fe = C(() => e(D).length > 0 && !!le.playerElevateLevel), fe = C(() => le.loading && !e(Fe)), Re = C(() => e(f) ? ie : e(I)), ve = (t, l) => {
+  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 a;
     const u = () => {
       if (!e(f)) {
@@ -159,8 +159,8 @@ function Ne(B, n) {
         e(Y)[l] = !1;
         return;
       }
-      const H = 12;
-      e(Y)[l] = t.scrollHeight > h + H;
+      const j = 12;
+      e(Y)[l] = t.scrollHeight > h + j;
     }, s = () => {
       a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(u);
     };
@@ -173,21 +173,21 @@ function Ne(B, n) {
     };
   };
   J(() => {
-    e(q) > e(Ae) - 1 && S(q, 0);
+    e(q) > e(je) - 1 && S(q, 0);
   }), J(() => {
-    S(X, e(f) ? ie : e(I), !0);
+    S(X, e(f) ? ae : e(I), !0);
   }), J(() => {
-    if (!e(f) || !e(ne))
+    if (!e(f) || !e(le))
       return;
     const t = new IntersectionObserver(
       (l) => {
-        l.some((a) => a.isIntersecting) && S(X, Math.min(e(D).length, e(X) + ie), !0);
+        l.some((a) => a.isIntersecting) && S(X, Math.min(e(H).length, e(X) + ae), !0);
       },
       { rootMargin: "200px" }
     );
-    return t.observe(e(ne)), () => t.disconnect();
+    return t.observe(e(le)), () => t.disconnect();
   });
-  const Ve = (t) => {
+  const Re = (t) => {
     S(q, Math.floor(t / e(I)), !0);
   };
   J(() => {
@@ -196,19 +196,19 @@ function Ne(B, n) {
     };
     return S(f, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
   });
-  const Be = (t) => {
+  const Ve = (t) => {
     if (Q()(t), !e(f)) {
-      Ie(K(t)), S(m, t, !0);
+      Ee(K(t)), S(m, t, !0);
       return;
     }
     const l = e(Z) !== t.id;
-    l && Ie(K(t)), S(Z, l ? t.id : void 0, !0);
-  }, de = () => {
+    l && Ee(K(t)), S(Z, l ? t.id : void 0, !0);
+  }, ve = () => {
     S(m, void 0);
+  }, Be = (t) => {
+    t.target === t.currentTarget && ve();
   }, Ke = (t) => {
-    t.target === t.currentTarget && de();
-  }, qe = (t) => {
-    t.key === "Escape" && de();
+    t.key === "Escape" && ve();
   };
   J(() => {
     if (!e(m))
@@ -218,112 +218,112 @@ function Ne(B, n) {
       document.body.style.overflow = t;
     };
   });
-  var Ze = {
+  var qe = {
     get apiEndpoint() {
       return U();
     },
     set apiEndpoint(t = "") {
-      U(t), x();
+      U(t), g();
     },
     get userSession() {
       return N();
     },
     set userSession(t = "") {
-      N(t), x();
+      N(t), g();
     },
     get locale() {
       return k();
     },
     set locale(t = "") {
-      k(t), x();
+      k(t), g();
     },
     get onLevelLoaded() {
-      return j();
+      return D();
     },
     set onLevelLoaded(t = (l) => {
     }) {
-      j(t), x();
+      D(t), g();
     },
     get onSeeMore() {
       return Q();
     },
     set onSeeMore(t = (l) => {
     }) {
-      Q(t), x();
+      Q(t), g();
     },
     get limitItem() {
-      return d();
+      return v();
     },
     set limitItem(t = W) {
-      d(t), x();
+      v(t), g();
     },
     get translationUrl() {
-      return te();
+      return ee();
     },
     set translationUrl(t) {
-      te(t), x();
+      ee(t), g();
     }
-  }, me = St(), ce = be(me), ye = v(ce), Je = v(ye);
+  }, fe = kt(), de = xe(fe), ce = d(de), Ze = d(ce);
   {
-    var We = (t) => {
-      var l = ke(), a = be(l);
-      Se(a, 17, () => ({ length: e(Re) }), dt, (u, s, w, z) => {
+    var Je = (t) => {
+      var l = we(), a = xe(l);
+      ke(a, 17, () => ({ length: e(Fe) }), vt, (u, s, w, z) => {
         var h = gt();
-        g(u, h);
-      }), g(t, l);
-    }, Ge = (t) => {
-      var l = ke(), a = be(l);
-      Se(a, 17, () => e(Pe), (u) => u.id, (u, s) => {
-        var w = mt();
+        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();
         let z;
-        var h = v(w), H = v(h), $ = b(H, 2), A = v($), P = v(A), _e = v(P, !0);
-        i(P);
-        var ue = b(P, 2);
+        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 pe = (c) => {
-            var r = Ce(), O = v(r, !0);
-            i(r), R((T) => V(O, T), [() => y()("current")]), g(c, r);
+            var o = ze(), O = d(o, !0);
+            r(o), R((T) => V(O, T), [() => y()("current")]), x(c, o);
           };
           M(ue, (c) => {
-            e(s).id === e(re) && c(pe);
+            e(s).id === e(oe) && c(pe);
           });
         }
-        i(A);
-        var ee = b(A, 2), xe = v(ee, !0);
-        i(ee), i($), i(h);
-        var ae = b(h, 2);
+        r(h);
+        var ne = b(h, 2);
         {
           var ge = (c) => {
-            var r = bt();
+            var o = xt();
             let O;
-            Ee(r, () => e(s).presentation.description, !0), i(r), pt(r, (T, lt) => ve == null ? void 0 : ve(T, lt), () => e(s).id), R(() => O = Me(r, 1, "loyalty-level__benefits svelte-nbxilv", null, 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
-            })), g(c, r);
+            })), x(c, o);
           };
-          M(ae, (c) => {
-            var r;
-            (r = e(s).presentation) != null && r.description && c(ge);
+          M(ne, (c) => {
+            var o;
+            (o = e(s).presentation) != null && o.description && c(ge);
           });
         }
-        var _ = b(ae, 2);
+        var _ = b(ne, 2);
         {
-          var o = (c) => {
-            var r = ft(), O = v(r, !0);
-            i(r), R((T) => V(O, T), [
+          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", r, () => Be(e(s))), g(c, r);
+            ]), se("click", o, () => Ve(e(s))), x(c, o);
           };
           M(_, (c) => {
-            (!e(f) || e(Y)[e(s).id] || e(Z) === e(s).id) && c(o);
+            (!e(f) || e(Y)[e(s).id] || e(Z) === e(s).id) && c(i);
           });
         }
-        i(w), R(
-          (c, r, O) => {
+        r(w), R(
+          (c, o, O) => {
             var T;
-            z = Me(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
-              "loyalty-level__card--current": e(s).id === e(re),
+            z = Se(w, 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
-            }), oe(H, "src", ((T = e(s).presentation) == null ? void 0 : T.asset) || ze), oe(H, "alt", c), V(_e, r), V(xe, O);
+            }), ie(j, "src", ((T = e(s).presentation) == null ? void 0 : T.asset) || Ie), ie(j, "alt", c), V(ye, o), V(_e, O);
           },
           [
             () => K(e(s)),
@@ -332,20 +332,20 @@ function Ne(B, n) {
               values: { points: e(s).firstEntryPoints.toLocaleString() }
             })
           ]
-        ), g(u, w);
-      }), g(t, l);
+        ), x(u, w);
+      }), x(t, l);
     };
-    M(Je, (t) => {
-      e(fe) ? t(We) : t(Ge, -1);
+    M(Ze, (t) => {
+      e(be) ? t(Je) : t(We, -1);
     });
   }
-  i(ye);
-  var he = b(ye, 2);
+  r(ce);
+  var me = b(ce, 2);
   {
-    var Qe = (t) => {
+    var Ge = (t) => {
       {
         let l = C(() => e(q) * e(I));
-        ct(t, {
+        dt(t, {
           get offset() {
             return e(l);
           },
@@ -353,80 +353,80 @@ function Ne(B, n) {
             return e(I);
           },
           get total() {
-            return e(D).length;
+            return e(H).length;
           },
-          onPageChange: Ve,
+          onPageChange: Re,
           get locale() {
             return k();
           }
         });
       }
     };
-    M(he, (t) => {
-      !e(fe) && !e(f) && t(Qe);
+    M(me, (t) => {
+      !e(be) && !e(f) && t(Ge);
     });
   }
-  var Xe = b(he, 2);
+  var Qe = b(me, 2);
   {
-    var Ye = (t) => {
-      var l = ht();
-      yt(l, (a) => S(ne, a), () => e(ne)), g(t, l);
+    var Xe = (t) => {
+      var l = mt();
+      ct(l, (a) => S(le, a), () => e(le)), x(t, l);
     };
-    M(Xe, (t) => {
-      e(f) && e(X) < e(D).length && t(Ye);
+    M(Qe, (t) => {
+      e(f) && e(X) < e(H).length && t(Xe);
     });
   }
-  i(ce);
-  var $e = b(ce, 2);
+  r(de);
+  var Ye = b(de, 2);
   {
-    var et = (t) => {
-      var l = kt(), a = v(l), u = v(a), s = v(u);
-      i(u);
-      var w = b(u, 2), z = v(w), h = v(z);
+    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 H = (_) => {
-          var o = Lt();
+        var j = (_) => {
+          var i = ht();
           R(
             (c) => {
-              oe(o, "src", e(m).presentation.asset || ze), oe(o, "alt", c);
+              ie(i, "src", e(m).presentation.asset || Ie), ie(i, "alt", c);
             },
             [() => K(e(m))]
-          ), g(_, o);
+          ), x(_, i);
         };
         M(h, (_) => {
-          var o;
-          (o = e(m).presentation) != null && o.asset && _(H);
+          var i;
+          (i = e(m).presentation) != null && i.asset && _(j);
         });
       }
-      var $ = b(h, 2), A = v($), P = v(A), _e = v(P, !0);
-      i(P);
-      var ue = b(P, 2);
+      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 pe = (_) => {
-          var o = Ce(), c = v(o, !0);
-          i(o), R((r) => V(c, r), [() => y()("current")]), g(_, o);
+          var i = ze(), c = d(i, !0);
+          r(i), R((o) => V(c, o), [() => y()("current")]), x(_, i);
         };
         M(ue, (_) => {
-          e(m).id === e(re) && _(pe);
+          e(m).id === e(oe) && _(pe);
         });
       }
-      i(A);
-      var ee = b(A, 2), xe = v(ee, !0);
-      i(ee), i($), i(z);
-      var ae = b(z, 2);
+      r(z);
+      var ne = b(z, 2);
       {
         var ge = (_) => {
-          var o = wt();
-          Ee(o, () => e(m).presentation.description, !0), i(o), g(_, o);
+          var i = Lt();
+          Me(i, () => e(m).presentation.description, !0), r(i), x(_, i);
         };
-        M(ae, (_) => {
-          var o;
-          (o = e(m).presentation) != null && o.description && _(ge);
+        M(ne, (_) => {
+          var i;
+          (i = e(m).presentation) != null && i.description && _(ge);
         });
       }
-      i(w), i(a), i(l), R(
-        (_, o) => {
-          V(_e, _), V(xe, o);
+      r(w), r(a), r(l), R(
+        (_, i) => {
+          V(ye, _), V(_e, i);
         },
         [
           () => K(e(m)),
@@ -434,19 +434,19 @@ function Ne(B, n) {
             values: { points: e(m).firstEntryPoints.toLocaleString() }
           })
         ]
-      ), se("click", l, Ke), se("keydown", l, qe), se("click", s, de), g(t, l);
+      ), se("click", l, Be), se("keydown", l, Ke), se("click", s, ve), x(t, l);
     };
-    M($e, (t) => {
-      e(m) && t(et);
+    M(Ye, (t) => {
+      e(m) && t($e);
     });
   }
-  g(B, me);
-  var tt = Ue(Ze);
-  return G(), tt;
+  x(B, fe);
+  var et = Te(qe);
+  return G(), et;
 }
-nt(["click", "keydown"]);
-Oe(
-  Ne,
+lt(["click", "keydown"]);
+Ce(
+  Ue,
   {
     apiEndpoint: {},
     userSession: {},
@@ -460,54 +460,54 @@ Oe(
   [],
   { mode: "open" }
 );
-function je(B, n) {
-  Te(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), j = p(n, "translationUrl");
+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");
   var Q = {
     get apiEndpoint() {
       return y();
     },
-    set apiEndpoint(d = "") {
-      y(d), x();
+    set apiEndpoint(v = "") {
+      y(v), g();
     },
     get userSession() {
       return L();
     },
-    set userSession(d = "") {
-      L(d), x();
+    set userSession(v = "") {
+      L(v), g();
     },
     get locale() {
       return G();
     },
-    set locale(d = "") {
-      G(d), x();
+    set locale(v = "") {
+      G(v), g();
     },
     get onLevelLoaded() {
       return U();
     },
-    set onLevelLoaded(d) {
-      U(d), x();
+    set onLevelLoaded(v) {
+      U(v), g();
     },
     get onSeeMore() {
       return N();
     },
-    set onSeeMore(d) {
-      N(d), x();
+    set onSeeMore(v) {
+      N(v), g();
     },
     get limitItem() {
       return k();
     },
-    set limitItem(d = W) {
-      k(d), x();
+    set limitItem(v = W) {
+      k(v), g();
     },
     get translationUrl() {
-      return j();
+      return D();
     },
-    set translationUrl(d) {
-      j(d), x();
+    set translationUrl(v) {
+      D(v), g();
     }
   };
-  return Ne(B, {
+  return Ue(B, {
     get apiEndpoint() {
       return y();
     },
@@ -527,12 +527,12 @@ function je(B, n) {
       return k();
     },
     get translationUrl() {
-      return j();
+      return D();
     }
-  }), Ue(Q);
+  }), Te(Q);
 }
-customElements.define("loyalty-level", Oe(
-  je,
+customElements.define("loyalty-level", Ce(
+  Ne,
   {
     apiEndpoint: {},
     userSession: {},
@@ -545,11 +545,11 @@ customElements.define("loyalty-level", Oe(
   [],
   []
 ));
-const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: je
+  default: Ne
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ne as L,
-  It as a
+  Ue as L,
+  Et as a
 };