@everymatrix/loyalty-level 0.1.16 → 0.1.18

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

@@ -1,4 +1,4 @@
-import { d as nt, c as Ce, p as Oe, a as at, b as u, s as it, e as he, u as Z, f as st, g as ot, h as rt, i as P, j as Le, M as ie, k as e, l as S, m as ge, n as M, o as x, q as Te, I as J, r as C, t as E, v as p, w as vt, x as o, y as a, z as g, A as we, B as ke, C as dt, L as ct, D as yt, E as F, F as R, G as se, H as _t, $ as ut, J as Se, K as oe, N as Me, O as pt, P as Ee } from "./LoyaltyPagination-Brq9AlcI.js";
+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";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -16,14 +16,14 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = V(customElements.define), import("./LoyaltyPagination-Brq9AlcI.js").then((n) => n.Q).then((n) => {
+  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);
   }).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ő"
   }
-}, Ie = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
-var gt = E('<article class="loyalty-level__card loyalty-level__card--skeleton svelte-nbxilv" aria-busy="true"><header class="loyalty-level__head svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge svelte-nbxilv"></span> <div class="loyalty-level__headings svelte-nbxilv"><span class="loyalty-level__skeleton loyalty-level__skeleton--name svelte-nbxilv"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting svelte-nbxilv"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action svelte-nbxilv"></span></article>'), ze = E('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), bt = E("<div></div>"), ft = E('<button class="loyalty-level__action svelte-nbxilv" type="button"> </button>'), mt = E('<article><header class="loyalty-level__head svelte-nbxilv"><img class="loyalty-level__badge svelte-nbxilv"/> <div class="loyalty-level__headings svelte-nbxilv"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!> <!></article>'), ht = E('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'), Lt = E('<img class="loyalty-level__badge svelte-nbxilv"/>'), wt = E('<div class="loyalty-level__benefits svelte-nbxilv"></div>'), kt = E('<div class="loyalty-level__modal-overlay svelte-nbxilv" role="presentation"><div class="loyalty-level__modal svelte-nbxilv" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper svelte-nbxilv"><button class="loyalty-level__modal-close svelte-nbxilv" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content svelte-nbxilv"><header class="loyalty-level__modal-head svelte-nbxilv"><!> <div class="loyalty-level__headings svelte-nbxilv"><div class="loyalty-level__title-row svelte-nbxilv"><span class="loyalty-level__name svelte-nbxilv"> </span> <!></div> <span class="loyalty-level__starting svelte-nbxilv"> </span></div></header> <!></div></div></div>'), St = E('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>', 1);
-const Mt = {
+}, 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 = {
   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,41 +104,41 @@ const Mt = {
     }
   }`
 };
-function Ue(V, n) {
-  Oe(n, !0), at(V, Mt);
-  const c = () => _t(ut, "$_", h), [h, W] = vt(), T = u(n, "apiEndpoint", 7, ""), U = u(n, "userSession", 7, ""), k = u(n, "locale", 7, ""), N = u(n, "onLevelLoaded", 7, (t) => {
+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) => {
-  }), r = u(n, "limitItem", 7, J), te = u(n, "translationUrl");
-  it({ withLocale: k(), translations: {} });
-  const je = () => {
-    let t = new URL(te(), window.location.href);
+  }), o = u(n, "limitItem", 7, J), ee = u(n, "translationUrl");
+  at({ withLocale: k(), translations: {} });
+  const Ne = () => {
+    let t = new URL(ee(), window.location.href);
     fetch(t.href).then((l) => l.json()).then((l) => {
-      Object.keys(l).forEach((i) => {
-        he(i, l[i]);
+      Object.keys(l).forEach((a) => {
+        me(a, l[a]);
       });
     }).catch((l) => {
       console.log("loyalty level translation url err:", l);
     });
   };
-  Object.entries(xt).forEach(([t, l]) => {
-    he(t, l);
+  Object.entries(pt).forEach(([t, l]) => {
+    me(t, l);
   }), Z(() => {
     st(k() ?? "en");
-  }), ot(() => {
-    te() && je();
+  }), it(() => {
+    ee() && Ne();
   });
   const De = (t) => {
     N()(t);
-  }, le = rt(() => ({
+  }, te = ot(() => ({
     apiEndpoint: T(),
     userSession: U(),
     locale: k(),
     loadLevels: !0,
     onLevelLoaded: De
-  })), re = C(() => le.playerElevateLevel?.id), I = C(() => typeof r() == "number" ? r() : parseInt(r(), J) || J), j = C(() => [...le.levels ?? []].sort((t, l) => t.firstEntryPoints < l.firstEntryPoints ? -1 : 1)), B = (t) => t.presentation?.displayName ?? t.displayName ?? String(t.id);
-  let K = P(0), b = P(!1), Q = P(Le(ie)), ne = P(void 0), q = P(void 0), f = P(void 0), X = P(Le({}));
-  const He = C(() => Math.max(1, Math.ceil(e(j).length / e(I)))), Ae = C(() => e(b) ? e(j).slice(0, e(Q)) : e(j).slice(e(K) * e(I), e(K) * e(I) + e(I))), Pe = C(() => e(j).length > 0 && !!le.playerElevateLevel), be = C(() => le.loading && !e(Pe)), Fe = C(() => e(b) ? ie : e(I)), Re = (t, l) => {
-    let i;
+  })), 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) => {
+    let a;
     const L = () => {
       if (!e(b)) {
         e(X)[l] = !1;
@@ -149,56 +149,56 @@ function Ue(V, n) {
         e(X)[l] = !1;
         return;
       }
-      const D = 12;
-      e(X)[l] = t.scrollHeight > m + D;
+      const H = 12;
+      e(X)[l] = t.scrollHeight > m + H;
     }, s = () => {
-      i !== void 0 && cancelAnimationFrame(i), i = requestAnimationFrame(L);
+      a !== void 0 && cancelAnimationFrame(a), a = requestAnimationFrame(L);
     };
     s();
     const w = new ResizeObserver(s);
     return w.observe(t), {
       destroy() {
-        i !== void 0 && cancelAnimationFrame(i), w.disconnect(), delete e(X)[l];
+        a !== void 0 && cancelAnimationFrame(a), w.disconnect(), delete e(X)[l];
       }
     };
   };
   Z(() => {
     e(K) > e(He) - 1 && S(K, 0);
   }), Z(() => {
-    S(Q, e(b) ? ie : e(I), !0);
+    S(Q, e(b) ? ae : e(I), !0);
   }), Z(() => {
-    if (!e(b) || !e(ne))
+    if (!e(b) || !e(le))
       return;
     const t = new IntersectionObserver(
       (l) => {
-        l.some((i) => i.isIntersecting) && S(Q, Math.min(e(j).length, e(Q) + ie), !0);
+        l.some((a) => a.isIntersecting) && S(Q, Math.min(e(D).length, e(Q) + 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(K, Math.floor(t / e(I)), !0);
   };
   Z(() => {
-    const t = window.matchMedia("(max-width: 767px)"), l = (i) => {
-      S(b, i.matches, !0);
+    const t = window.matchMedia("(max-width: 767px)"), l = (a) => {
+      S(b, a.matches, !0);
     };
     return S(b, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
   });
-  const Be = (t) => {
+  const Ve = (t) => {
     if (G()(t), !e(b)) {
-      Ee(B(t)), S(f, t, !0);
+      Me(B(t)), S(f, t, !0);
       return;
     }
     const l = e(q) !== t.id;
-    l && Ee(B(t)), S(q, l ? t.id : void 0, !0);
-  }, ve = () => {
+    l && Me(B(t)), S(q, l ? t.id : void 0, !0);
+  }, re = () => {
     S(f, void 0);
+  }, Be = (t) => {
+    t.target === t.currentTarget && re();
   }, Ke = (t) => {
-    t.target === t.currentTarget && ve();
-  }, qe = (t) => {
-    t.key === "Escape" && ve();
+    t.key === "Escape" && re();
   };
   Z(() => {
     if (!e(f))
@@ -208,7 +208,7 @@ function Ue(V, n) {
       document.body.style.overflow = t;
     };
   });
-  var Ze = {
+  var qe = {
     get apiEndpoint() {
       return T();
     },
@@ -242,76 +242,76 @@ function Ue(V, n) {
       G(t), p();
     },
     get limitItem() {
-      return r();
+      return o();
     },
     set limitItem(t = J) {
-      r(t), p();
+      o(t), p();
     },
     get translationUrl() {
-      return te();
+      return ee();
     },
     set translationUrl(t) {
-      te(t), p();
+      ee(t), p();
     }
-  }, fe = St(), de = ge(fe), ce = o(de), Je = o(ce);
+  }, be = kt(), ve = ge(be), de = v(ve), Ze = v(de);
   {
-    var We = (t) => {
-      var l = we(), i = ge(l);
-      ke(i, 17, () => ({ length: e(Fe) }), dt, (L, s, w, z) => {
+    var Je = (t) => {
+      var l = Le(), a = ge(l);
+      we(a, 17, () => ({ length: e(Pe) }), vt, (L, s, w, z) => {
         var m = gt();
-        x(L, m);
-      }), x(t, l);
-    }, Ge = (t) => {
-      var l = we(), i = ge(l);
-      ke(i, 17, () => e(Ae), (L) => L.id, (L, s) => {
-        var w = mt();
+        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();
         let z;
-        var m = o(w), D = o(m), Y = g(D, 2), H = o(Y), A = o(H), ye = o(A, !0);
-        a(A);
-        var _e = g(A, 2);
+        var 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 ue = (d) => {
-            var v = ze(), O = o(v, !0);
-            a(v), F((ee) => R(O, ee), [() => c()("current")]), x(d, v);
+            var r = Ie(), O = v(r, !0);
+            i(r), F(($) => R(O, $), [() => c()("current")]), g(d, r);
           };
           M(_e, (d) => {
-            e(s).id === e(re) && d(ue);
+            e(s).id === e(oe) && d(ue);
           });
         }
-        a(H);
-        var $ = g(H, 2), pe = o($, !0);
-        a($), a(Y), a(m);
-        var ae = g(m, 2);
+        i(m);
+        var ne = x(m, 2);
         {
-          var xe = (d) => {
-            var v = bt();
+          var pe = (d) => {
+            var r = xt();
             let O;
-            Me(v, () => e(s).presentation.description, !0), a(v), pt(v, (ee, lt) => Re?.(ee, lt), () => e(s).id), F(() => O = Se(v, 1, "loyalty-level__benefits svelte-nbxilv", null, O, {
+            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
-            })), x(d, v);
+            })), g(d, r);
           };
-          M(ae, (d) => {
-            e(s).presentation?.description && d(xe);
+          M(ne, (d) => {
+            e(s).presentation?.description && d(pe);
           });
         }
-        var y = g(ae, 2);
+        var y = x(ne, 2);
         {
           var _ = (d) => {
-            var v = ft(), O = o(v, !0);
-            a(v), F((ee) => R(O, ee), [
+            var r = bt(), O = v(r, !0);
+            i(r), F(($) => R(O, $), [
               () => e(q) === e(s).id ? c()("seeLess") : c()("seeMore")
-            ]), se("click", v, () => Be(e(s))), x(d, v);
+            ]), se("click", r, () => Ve(e(s))), g(d, r);
           };
           M(y, (d) => {
             (!e(b) || e(X)[e(s).id] || e(q) === e(s).id) && d(_);
           });
         }
-        a(w), F(
-          (d, v, O) => {
-            z = Se(w, 1, "loyalty-level__card svelte-nbxilv", null, z, {
-              "loyalty-level__card--current": e(s).id === e(re),
+        i(w), F(
+          (d, r, O) => {
+            z = ke(w, 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
-            }), oe(D, "src", e(s).presentation?.asset || Ie), oe(D, "alt", d), R(ye, v), R(pe, O);
+            }), ie(H, "src", e(s).presentation?.asset || Ee), ie(H, "alt", d), R(ce, r), R(ye, O);
           },
           [
             () => B(e(s)),
@@ -320,20 +320,20 @@ function Ue(V, n) {
               values: { points: e(s).firstEntryPoints.toLocaleString() }
             })
           ]
-        ), x(L, w);
-      }), x(t, l);
+        ), g(L, w);
+      }), g(t, l);
     };
-    M(Je, (t) => {
-      e(be) ? t(We) : t(Ge, -1);
+    M(Ze, (t) => {
+      e(xe) ? t(Je) : t(We, -1);
     });
   }
-  a(ce);
-  var me = g(ce, 2);
+  i(de);
+  var fe = x(de, 2);
   {
-    var Qe = (t) => {
+    var Ge = (t) => {
       {
         let l = C(() => e(K) * e(I));
-        ct(t, {
+        dt(t, {
           get offset() {
             return e(l);
           },
@@ -341,78 +341,78 @@ function Ue(V, n) {
             return e(I);
           },
           get total() {
-            return e(j).length;
+            return e(D).length;
           },
-          onPageChange: Ve,
+          onPageChange: Re,
           get locale() {
             return k();
           }
         });
       }
     };
-    M(me, (t) => {
-      !e(be) && !e(b) && t(Qe);
+    M(fe, (t) => {
+      !e(xe) && !e(b) && t(Ge);
     });
   }
-  var Xe = g(me, 2);
+  var Qe = x(fe, 2);
   {
-    var Ye = (t) => {
-      var l = ht();
-      yt(l, (i) => S(ne, i), () => e(ne)), x(t, l);
+    var Xe = (t) => {
+      var l = mt();
+      ct(l, (a) => S(le, a), () => e(le)), g(t, l);
     };
-    M(Xe, (t) => {
-      e(b) && e(Q) < e(j).length && t(Ye);
+    M(Qe, (t) => {
+      e(b) && e(Q) < e(D).length && t(Xe);
     });
   }
-  a(de);
-  var $e = g(de, 2);
+  i(ve);
+  var Ye = x(ve, 2);
   {
-    var et = (t) => {
-      var l = kt(), i = o(l), L = o(i), s = o(L);
-      a(L);
-      var w = g(L, 2), z = o(w), m = o(z);
+    var $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 D = (y) => {
-          var _ = Lt();
+        var H = (y) => {
+          var _ = ht();
           F(
             (d) => {
-              oe(_, "src", e(f).presentation.asset || Ie), oe(_, "alt", d);
+              ie(_, "src", e(f).presentation.asset || Ee), ie(_, "alt", d);
             },
             [() => B(e(f))]
-          ), x(y, _);
+          ), g(y, _);
         };
         M(m, (y) => {
-          e(f).presentation?.asset && y(D);
+          e(f).presentation?.asset && y(H);
         });
       }
-      var Y = g(m, 2), H = o(Y), A = o(H), ye = o(A, !0);
-      a(A);
-      var _e = g(A, 2);
+      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 ue = (y) => {
-          var _ = ze(), d = o(_, !0);
-          a(_), F((v) => R(d, v), [() => c()("current")]), x(y, _);
+          var _ = Ie(), d = v(_, !0);
+          i(_), F((r) => R(d, r), [() => c()("current")]), g(y, _);
         };
         M(_e, (y) => {
-          e(f).id === e(re) && y(ue);
+          e(f).id === e(oe) && y(ue);
         });
       }
-      a(H);
-      var $ = g(H, 2), pe = o($, !0);
-      a($), a(Y), a(z);
-      var ae = g(z, 2);
+      i(z);
+      var ne = x(z, 2);
       {
-        var xe = (y) => {
-          var _ = wt();
-          Me(_, () => e(f).presentation.description, !0), a(_), x(y, _);
+        var pe = (y) => {
+          var _ = Lt();
+          Se(_, () => e(f).presentation.description, !0), i(_), g(y, _);
         };
-        M(ae, (y) => {
-          e(f).presentation?.description && y(xe);
+        M(ne, (y) => {
+          e(f).presentation?.description && y(pe);
         });
       }
-      a(w), a(i), a(l), F(
+      i(w), i(a), i(l), F(
         (y, _) => {
-          R(ye, y), R(pe, _);
+          R(ce, y), R(ye, _);
         },
         [
           () => B(e(f)),
@@ -420,19 +420,19 @@ function Ue(V, n) {
             values: { points: e(f).firstEntryPoints.toLocaleString() }
           })
         ]
-      ), se("click", l, Ke), se("keydown", l, qe), se("click", s, ve), x(t, l);
+      ), se("click", l, Be), se("keydown", l, Ke), se("click", s, re), g(t, l);
     };
-    M($e, (t) => {
-      e(f) && t(et);
+    M(Ye, (t) => {
+      e(f) && t($e);
     });
   }
-  x(V, fe);
-  var tt = Te(Ze);
-  return W(), tt;
+  g(V, be);
+  var et = Oe(qe);
+  return W(), et;
 }
-nt(["click", "keydown"]);
-Ce(
-  Ue,
+lt(["click", "keydown"]);
+ze(
+  Te,
   {
     apiEndpoint: {},
     userSession: {},
@@ -446,54 +446,54 @@ Ce(
   [],
   { mode: "open" }
 );
-function Ne(V, n) {
-  Oe(n, !0);
+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");
   var G = {
     get apiEndpoint() {
       return c();
     },
-    set apiEndpoint(r = "") {
-      c(r), p();
+    set apiEndpoint(o = "") {
+      c(o), p();
     },
     get userSession() {
       return h();
     },
-    set userSession(r = "") {
-      h(r), p();
+    set userSession(o = "") {
+      h(o), p();
     },
     get locale() {
       return W();
     },
-    set locale(r = "") {
-      W(r), p();
+    set locale(o = "") {
+      W(o), p();
     },
     get onLevelLoaded() {
       return T();
     },
-    set onLevelLoaded(r) {
-      T(r), p();
+    set onLevelLoaded(o) {
+      T(o), p();
     },
     get onSeeMore() {
       return U();
     },
-    set onSeeMore(r) {
-      U(r), p();
+    set onSeeMore(o) {
+      U(o), p();
     },
     get limitItem() {
       return k();
     },
-    set limitItem(r = J) {
-      k(r), p();
+    set limitItem(o = J) {
+      k(o), p();
     },
     get translationUrl() {
       return N();
     },
-    set translationUrl(r) {
-      N(r), p();
+    set translationUrl(o) {
+      N(o), p();
     }
   };
-  return Ue(V, {
+  return Te(V, {
     get apiEndpoint() {
       return c();
     },
@@ -515,10 +515,10 @@ function Ne(V, n) {
     get translationUrl() {
       return N();
     }
-  }), Te(G);
+  }), Oe(G);
 }
-customElements.define("loyalty-level", Ce(
-  Ne,
+customElements.define("loyalty-level", ze(
+  Ue,
   {
     apiEndpoint: {},
     userSession: {},
@@ -531,11 +531,11 @@ customElements.define("loyalty-level", Ce(
   [],
   []
 ));
-const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ne
+  default: Ue
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ue as L,
-  It as a
+  Te as L,
+  Et as a
 };