@everymatrix/loyalty-level 0.1.8 → 0.2.0

package/components/LoyaltyLevel-BadbJanh.js

@@ -0,0 +1,506 @@
+import { d as nt, c as Ie, p as Ce, a as at, b as y, s as st, e as we, u as R, f as it, g as ot, h as rt, i as H, j as vt, M as re, k as e, l as S, m as be, n as M, o as g, q as ze, I as F, r as f, t as m, v as _, w as dt, x as s, y as a, z as x, A as ke, B as Se, C as ct, L as yt, D as _t, E as K, F as N, G as ve, H as pt, $ as ut, J as gt, K as de, N as Me, O as xt } from "./LoyaltyPagination-DUL6ydRR.js";
+if (typeof window < "u") {
+  let D = function(n) {
+    return function(...r) {
+      try {
+        return n.apply(this, r);
+      } catch (h) {
+        if (h instanceof DOMException && h.message.includes("has already been used with this registry") || h instanceof Error && h.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw h;
+      }
+    };
+  };
+  customElements.define = D(customElements.define), import("./LoyaltyPagination-DUL6ydRR.js").then((n) => n.P).then((n) => {
+    const r = n.default || n;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", r.element || r);
+  }).catch((n) => {
+    console.error("BOOT ERROR:", n);
+  });
+}
+const bt = {
+  en: {
+    startingLevel: "Starting Level: {points} points",
+    seeMore: "See More",
+    seeLess: "See Less",
+    current: "Current",
+    next: "Next"
+  },
+  tr: {
+    startingLevel: "Başlangıç Seviyesi: {points} puan",
+    seeMore: "Daha Fazla",
+    seeLess: "Daha Az",
+    current: "Mevcut",
+    next: "Sonraki"
+  },
+  da: {
+    startingLevel: "Startniveau: {points} point",
+    seeMore: "Se mere",
+    seeLess: "Se mindre",
+    current: "Nuværende",
+    next: "Næste"
+  },
+  de: {
+    startingLevel: "Startlevel: {points} Punkte",
+    seeMore: "Mehr anzeigen",
+    seeLess: "Weniger anzeigen",
+    current: "Aktuell",
+    next: "Nächste"
+  },
+  nl: {
+    startingLevel: "Startniveau: {points} punten",
+    seeMore: "Meer tonen",
+    seeLess: "Minder tonen",
+    current: "Huidig",
+    next: "Volgende"
+  },
+  fr: {
+    startingLevel: "Niveau de départ : {points} points",
+    seeMore: "Voir plus",
+    seeLess: "Voir moins",
+    current: "Actuel",
+    next: "Suivant"
+  },
+  hu: {
+    startingLevel: "Kezdő szint: {points} pont",
+    seeMore: "Több megjelenítése",
+    seeLess: "Kevesebb megjelenítése",
+    current: "Jelenlegi",
+    next: "Következő"
+  }
+}, Ee = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
+var ft = m('<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>'), ht = m('<img class="loyalty-level__badge svelte-nbxilv"/>'), mt = m('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), Lt = m('<div class="loyalty-level__benefits svelte-nbxilv"></div>'), wt = m('<article><header class="loyalty-level__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> <!> <button class="loyalty-level__action svelte-nbxilv" type="button"> </button></article>'), kt = m('<div class="loyalty-level__sentinel svelte-nbxilv" aria-hidden="true"></div>'), St = m('<img class="loyalty-level__badge svelte-nbxilv"/>'), Mt = m('<span class="loyalty-level__tag svelte-nbxilv"> </span>'), Et = m('<div class="loyalty-level__benefits svelte-nbxilv"></div>'), It = m('<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>'), Ct = m('<div class="loyalty-level svelte-nbxilv"><div class="loyalty-level__grid svelte-nbxilv"><!></div> <!> <!></div> <!>', 1);
+const zt = {
+  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(
+        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%,
+        var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
+      );background-size:400% 100%;
+      animation: svelte-nbxilv-loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge.svelte-nbxilv {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name.svelte-nbxilv {width:60%;height:16px;}.loyalty-level__skeleton--starting.svelte-nbxilv {width:40%;height:14px;}.loyalty-level__skeleton--action.svelte-nbxilv {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes svelte-nbxilv-loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton.svelte-nbxilv {
+        animation: none;}
+    }
+  }`
+};
+function Oe(D, n) {
+  Ce(n, !0), at(D, zt);
+  const r = () => pt(ut, "$_", h), [h, Z] = dt(), z = y(n, "apiEndpoint", 7, ""), O = y(n, "userSession", 7, ""), L = y(n, "locale", 7, ""), U = y(n, "onLevelLoaded", 7, (t) => {
+  }), q = y(n, "onSeeMore", 7, (t) => {
+  }), i = y(n, "limitItem", 7, F), ee = y(n, "translationUrl");
+  st({ withLocale: L(), translations: {} });
+  const je = () => {
+    let t = new URL(ee(), window.location.href);
+    fetch(t.href).then((l) => l.json()).then((l) => {
+      Object.keys(l).forEach((v) => {
+        we(v, l[v]);
+      });
+    }).catch((l) => {
+      console.log("loyalty level translation url err:", l);
+    });
+  };
+  Object.entries(bt).forEach(([t, l]) => {
+    we(t, l);
+  }), R(() => {
+    it(L() ?? "en");
+  }), ot(() => {
+    ee() && je();
+  });
+  const Ne = (t) => {
+    U()(t);
+  }, te = rt(() => ({
+    apiEndpoint: z(),
+    userSession: O(),
+    locale: L(),
+    loadLevels: !0,
+    onLevelLoaded: Ne
+  })), le = f(() => te.playerElevateLevel?.id), w = f(() => typeof i() == "number" ? i() : parseInt(i(), F) || F), C = f(() => [...te.levels ?? []].sort((t, l) => t.firstEntryPoints < l.firstEntryPoints ? -1 : 1)), fe = f(() => e(C).findIndex((t) => t.id === e(le))), J = (t) => t.presentation?.displayName ?? t.displayName ?? String(t.id), De = (t) => e(fe) >= 0 && t <= e(fe);
+  let j = H(0), k = H(!1), G = H(vt(re)), ne = H(void 0), P = H(void 0), b = H(void 0);
+  const Pe = f(() => Math.max(1, Math.ceil(e(C).length / e(w)))), Te = f(() => e(k) ? e(C).slice(0, e(G)) : e(C).slice(e(j) * e(w), e(j) * e(w) + e(w))), Ae = f(() => e(C).length > 0 && !!te.playerElevateLevel), he = f(() => te.loading && !e(Ae)), Be = f(() => e(k) ? re : e(w));
+  R(() => {
+    e(j) > e(Pe) - 1 && S(j, 0);
+  }), R(() => {
+    S(G, e(k) ? re : e(w), !0);
+  }), R(() => {
+    if (!e(k) || !e(ne))
+      return;
+    const t = new IntersectionObserver(
+      (l) => {
+        l.some((v) => v.isIntersecting) && S(G, Math.min(e(C).length, e(G) + re), !0);
+      },
+      { rootMargin: "200px" }
+    );
+    return t.observe(e(ne)), () => t.disconnect();
+  });
+  const Ve = (t) => {
+    S(j, Math.floor(t / e(w)), !0);
+  };
+  R(() => {
+    const t = window.matchMedia("(max-width: 767px)"), l = (v) => {
+      S(k, v.matches, !0);
+    };
+    return S(k, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+  });
+  const Re = (t) => {
+    q()(t), e(P) !== t.id && xt(J(t)), e(k) ? S(P, e(P) === t.id ? void 0 : t.id, !0) : S(b, t, !0);
+  }, ce = () => {
+    S(b, void 0);
+  }, He = (t) => {
+    t.target === t.currentTarget && ce();
+  }, Ke = (t) => {
+    t.key === "Escape" && ce();
+  };
+  R(() => {
+    if (!e(b))
+      return;
+    const t = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = t;
+    };
+  });
+  const Fe = (t, l) => !!t.presentation?.description && (!De(l) || e(P) === t.id);
+  var Ze = {
+    get apiEndpoint() {
+      return z();
+    },
+    set apiEndpoint(t = "") {
+      z(t), _();
+    },
+    get userSession() {
+      return O();
+    },
+    set userSession(t = "") {
+      O(t), _();
+    },
+    get locale() {
+      return L();
+    },
+    set locale(t = "") {
+      L(t), _();
+    },
+    get onLevelLoaded() {
+      return U();
+    },
+    set onLevelLoaded(t = (l) => {
+    }) {
+      U(t), _();
+    },
+    get onSeeMore() {
+      return q();
+    },
+    set onSeeMore(t = (l) => {
+    }) {
+      q(t), _();
+    },
+    get limitItem() {
+      return i();
+    },
+    set limitItem(t = F) {
+      i(t), _();
+    },
+    get translationUrl() {
+      return ee();
+    },
+    set translationUrl(t) {
+      ee(t), _();
+    }
+  }, me = Ct(), ye = be(me), _e = s(ye), qe = s(_e);
+  {
+    var Je = (t) => {
+      var l = ke(), v = be(l);
+      Se(v, 17, () => ({ length: e(Be) }), ct, (E, d, T, A) => {
+        var I = ft();
+        g(E, I);
+      }), g(t, l);
+    }, Ge = (t) => {
+      var l = ke(), v = be(l);
+      Se(v, 19, () => e(Te), (E) => E.id, (E, d, T) => {
+        const A = f(() => e(k) ? e(T) : e(j) * e(w) + e(T));
+        var I = wt();
+        let ae;
+        var B = s(I), V = s(B);
+        {
+          var W = (p) => {
+            var u = ht();
+            K(
+              ($) => {
+                de(u, "src", e(d).presentation.asset || Ee), de(u, "alt", $);
+              },
+              [() => J(e(d))]
+            ), g(p, u);
+          };
+          M(V, (p) => {
+            e(d).presentation?.asset && p(W);
+          });
+        }
+        var se = x(V, 2), Q = s(se), X = s(Q), ie = s(X, !0);
+        a(X);
+        var pe = x(X, 2);
+        {
+          var ue = (p) => {
+            var u = mt(), $ = s(u, !0);
+            a(u), K((lt) => N($, lt), [() => r()("current")]), g(p, u);
+          };
+          M(pe, (p) => {
+            e(d).id === e(le) && p(ue);
+          });
+        }
+        a(Q);
+        var oe = x(Q, 2), c = s(oe, !0);
+        a(oe), a(se), a(B);
+        var o = x(B, 2);
+        {
+          var Y = (p) => {
+            var u = Lt();
+            Me(u, () => e(d).presentation?.description, !0), a(u), g(p, u);
+          }, ge = f(() => Fe(e(d), e(A)));
+          M(o, (p) => {
+            e(ge) && p(Y);
+          });
+        }
+        var xe = x(o, 2), tt = s(xe, !0);
+        a(xe), a(I), K(
+          (p, u, $) => {
+            ae = gt(I, 1, "loyalty-level__card svelte-nbxilv", null, ae, {
+              "loyalty-level__card--current": e(d).id === e(le),
+              "loyalty-level__card--expanded": e(P) === e(d).id
+            }), N(ie, p), N(c, u), N(tt, $);
+          },
+          [
+            () => J(e(d)),
+            () => r()("startingLevel", {
+              values: { points: e(d).firstEntryPoints.toLocaleString() }
+            }),
+            () => e(P) === e(d).id ? r()("seeLess") : r()("seeMore")
+          ]
+        ), ve("click", xe, () => Re(e(d))), g(E, I);
+      }), g(t, l);
+    };
+    M(qe, (t) => {
+      e(he) ? t(Je) : t(Ge, -1);
+    });
+  }
+  a(_e);
+  var Le = x(_e, 2);
+  {
+    var We = (t) => {
+      {
+        let l = f(() => e(j) * e(w));
+        yt(t, {
+          get offset() {
+            return e(l);
+          },
+          get limit() {
+            return e(w);
+          },
+          get total() {
+            return e(C).length;
+          },
+          onPageChange: Ve,
+          get locale() {
+            return L();
+          }
+        });
+      }
+    };
+    M(Le, (t) => {
+      !e(he) && !e(k) && t(We);
+    });
+  }
+  var Qe = x(Le, 2);
+  {
+    var Xe = (t) => {
+      var l = kt();
+      _t(l, (v) => S(ne, v), () => e(ne)), g(t, l);
+    };
+    M(Qe, (t) => {
+      e(k) && e(G) < e(C).length && t(Xe);
+    });
+  }
+  a(ye);
+  var Ye = x(ye, 2);
+  {
+    var $e = (t) => {
+      var l = It(), v = s(l), E = s(v), d = s(E);
+      a(E);
+      var T = x(E, 2), A = s(T), I = s(A);
+      {
+        var ae = (c) => {
+          var o = St();
+          K(
+            (Y) => {
+              de(o, "src", e(b).presentation.asset || Ee), de(o, "alt", Y);
+            },
+            [() => J(e(b))]
+          ), g(c, o);
+        };
+        M(I, (c) => {
+          e(b).presentation?.asset && c(ae);
+        });
+      }
+      var B = x(I, 2), V = s(B), W = s(V), se = s(W, !0);
+      a(W);
+      var Q = x(W, 2);
+      {
+        var X = (c) => {
+          var o = Mt(), Y = s(o, !0);
+          a(o), K((ge) => N(Y, ge), [() => r()("current")]), g(c, o);
+        };
+        M(Q, (c) => {
+          e(b).id === e(le) && c(X);
+        });
+      }
+      a(V);
+      var ie = x(V, 2), pe = s(ie, !0);
+      a(ie), a(B), a(A);
+      var ue = x(A, 2);
+      {
+        var oe = (c) => {
+          var o = Et();
+          Me(o, () => e(b).presentation.description, !0), a(o), g(c, o);
+        };
+        M(ue, (c) => {
+          e(b).presentation?.description && c(oe);
+        });
+      }
+      a(T), a(v), a(l), K(
+        (c, o) => {
+          N(se, c), N(pe, o);
+        },
+        [
+          () => J(e(b)),
+          () => r()("startingLevel", {
+            values: { points: e(b).firstEntryPoints.toLocaleString() }
+          })
+        ]
+      ), ve("click", l, He), ve("keydown", l, Ke), ve("click", d, ce), g(t, l);
+    };
+    M(Ye, (t) => {
+      e(b) && t($e);
+    });
+  }
+  g(D, me);
+  var et = ze(Ze);
+  return Z(), et;
+}
+nt(["click", "keydown"]);
+Ie(
+  Oe,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function Ue(D, n) {
+  Ce(n, !0);
+  let r = y(n, "apiEndpoint", 7, ""), h = y(n, "userSession", 7, ""), Z = y(n, "locale", 7, ""), z = y(n, "onLevelLoaded"), O = y(n, "onSeeMore"), L = y(n, "limitItem", 7, F), U = y(n, "translationUrl");
+  var q = {
+    get apiEndpoint() {
+      return r();
+    },
+    set apiEndpoint(i = "") {
+      r(i), _();
+    },
+    get userSession() {
+      return h();
+    },
+    set userSession(i = "") {
+      h(i), _();
+    },
+    get locale() {
+      return Z();
+    },
+    set locale(i = "") {
+      Z(i), _();
+    },
+    get onLevelLoaded() {
+      return z();
+    },
+    set onLevelLoaded(i) {
+      z(i), _();
+    },
+    get onSeeMore() {
+      return O();
+    },
+    set onSeeMore(i) {
+      O(i), _();
+    },
+    get limitItem() {
+      return L();
+    },
+    set limitItem(i = F) {
+      L(i), _();
+    },
+    get translationUrl() {
+      return U();
+    },
+    set translationUrl(i) {
+      U(i), _();
+    }
+  };
+  return Oe(D, {
+    get apiEndpoint() {
+      return r();
+    },
+    get userSession() {
+      return h();
+    },
+    get locale() {
+      return Z();
+    },
+    get onLevelLoaded() {
+      return z();
+    },
+    get onSeeMore() {
+      return O();
+    },
+    get limitItem() {
+      return L();
+    },
+    get translationUrl() {
+      return U();
+    }
+  }), ze(q);
+}
+customElements.define("loyalty-level", Ie(
+  Ue,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  []
+));
+const Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ue
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Oe as L,
+  Ut as a
+};