@everymatrix/loyalty-level 0.1.13 → 0.1.15

package/components/{LoyaltyLevel-B5_3ZDfi.js → LoyaltyLevel-BYjJyH6R.js}

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