@everymatrix/loyalty-level 0.2.3 → 0.2.5

package/components/LoyaltyLevel-uSDbSl-J.js

@@ -0,0 +1,549 @@
+import { d as at, c as Oe, p as Te, a as nt, b as y, s as ot, e as Le, u as J, f as rt, g as st, h as it, i as R, j as we, M as ne, k as e, l as k, m as me, n as S, o as p, q as Ue, I as W, r as C, t as E, v as _, w as dt, x as M, y as x, z as g, A as ke, B as Se, C as ct, L as vt, D as yt, E as U, F, G as V, H as oe, J as _t, $ as ut, K as Me, N as re, O as Ee, P as pt, Q as Ie } from "./LoyaltyPagination-DwqIqlFP.js";
+typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+if (typeof window != "undefined") {
+  let B = function(a) {
+    return function(...c) {
+      try {
+        return a.apply(this, c);
+      } catch (b) {
+        if (b instanceof DOMException && b.message.includes("has already been used with this registry") || b instanceof Error && b.message.includes("Cannot define multiple custom elements with the same tag name"))
+          return !1;
+        throw b;
+      }
+    };
+  };
+  customElements.define = B(customElements.define), import("./LoyaltyPagination-DwqIqlFP.js").then((a) => a.R).then((a) => {
+    const c = a.default || a;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", c.element || c);
+  }).catch((a) => {
+    console.error("BOOT ERROR:", a);
+  });
+}
+const gt = {
+  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ő"
+  }
+}, 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 ft = E('<article class="loyalty-level__card loyalty-level__card--skeleton" aria-busy="true"><header class="loyalty-level__head"><span class="loyalty-level__skeleton loyalty-level__skeleton--badge"></span> <div class="loyalty-level__headings"><span class="loyalty-level__skeleton loyalty-level__skeleton--name"></span> <span class="loyalty-level__skeleton loyalty-level__skeleton--starting"></span></div></header> <span class="loyalty-level__skeleton loyalty-level__skeleton--action"></span></article>'), Ce = E('<span class="loyalty-level__tag"> </span>'), mt = E("<div></div>"), ht = E('<button class="loyalty-level__action" type="button"> </button>'), xt = E('<article><header class="loyalty-level__head"><img class="loyalty-level__badge"/> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!> <!></article>'), bt = E('<div class="loyalty-level__sentinel" aria-hidden="true"></div>'), Lt = E('<img class="loyalty-level__badge"/>'), wt = E('<div class="loyalty-level__benefits"></div>'), kt = E('<div class="loyalty-level__modal-overlay" role="presentation"><div class="loyalty-level__modal" role="dialog" aria-modal="true" tabindex="-1"><div class="loyalty-level__modal-close-wrapper"><button class="loyalty-level__modal-close" type="button" aria-label="close">×</button></div> <div class="loyalty-level__modal-content"><header class="loyalty-level__modal-head"><!> <div class="loyalty-level__headings"><span class="loyalty-level__name"> </span> <span class="loyalty-level__starting"> </span></div> <!></header> <!></div></div></div>'), St = E('<div class="loyalty-level"><div class="loyalty-level__grid"><!></div> <!> <!></div> <!>', 1);
+const Mt = {
+  hash: "svelte-nbxilv",
+  code: `
+  @layer loyalty-level-component {.loyalty-level {width:100%;box-sizing:border-box;}.loyalty-level__grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 326px), 1fr));gap:12px;align-items:stretch;}.loyalty-level__card {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 {max-height:none;overflow:visible;}.loyalty-level__head {display:flex;align-items:flex-start;gap:6px;}.loyalty-level__badge {width:40px;height:40px;flex-shrink:0;}.loyalty-level__headings {display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}.loyalty-level__name {color:var(--text-default, #ffffff);font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.4;}.loyalty-level__tag {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 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-level__benefits {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 .loyalty-level__benefits {flex:none;overflow:visible;}.loyalty-level__benefits ul {margin:0;padding-left:18px;list-style:disc;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__action {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 {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 {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 {padding:8px;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow:hidden;}.loyalty-level__modal-content .loyalty-level__benefits {flex:1 1 auto;min-height:0;overflow-y:auto;}.loyalty-level__modal-head {display:flex;align-items:flex-start;gap:12px;flex-shrink:0;}.loyalty-level__modal-close-wrapper {display:flex;justify-content:flex-end;flex-shrink:0;}.loyalty-level__modal-close {border:none;background:transparent;color:var(--icon-default, #b3becb);font-size:25px;line-height:1;cursor:pointer;}.loyalty-level__sentinel {width:100%;height:1px;}.loyalty-level__card--skeleton {pointer-events:none;justify-content:flex-start;height:180px;}.loyalty-level__skeleton {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: loyalty-level-shimmer 1.4s ease infinite;}.loyalty-level__skeleton--badge {width:40px;height:40px;flex-shrink:0;border-radius:6px;}.loyalty-level__skeleton--name {width:60%;height:16px;}.loyalty-level__skeleton--starting {width:40%;height:14px;}.loyalty-level__skeleton--action {margin-top:auto;width:100%;height:33px;border-radius:6px;}
+
+    @keyframes loyalty-level-shimmer {
+      0% {
+        background-position: 100% 50%;
+      }
+      100% {
+        background-position: 0 50%;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {.loyalty-level__skeleton {
+        animation: none;}
+    }
+
+    @media (max-width: 767px) {.loyalty-level__benefits {overflow-wrap:anywhere;word-break:break-word;}.loyalty-level__benefits--collapsed {max-height:calc(1.5em * 2);overflow:hidden;}.loyalty-level__benefits p {margin:0;}.loyalty-level__benefits ul,
+      .loyalty-level__benefits ol {margin:0;padding-left:18px;}.loyalty-level__benefits li {margin-bottom:6px;}.loyalty-level__benefits li:last-child {margin-bottom:0;}.loyalty-level__card--expanded {max-height:none;overflow:visible;}.loyalty-level__card--expanded .loyalty-level__benefits {flex:none;max-height:none;overflow:visible;}
+    }
+  }`
+};
+function Ne(B, a) {
+  Te(a, !0), nt(B, Mt);
+  const c = () => _t(ut, "$_", b), [b, G] = dt(), N = y(a, "apiEndpoint", 7, ""), D = y(a, "userSession", 7, ""), w = y(a, "locale", 7, ""), H = y(a, "onLevelLoaded", 7, (t) => {
+  }), Q = y(a, "onSeeMore", 7, (t) => {
+  }), s = y(a, "limitItem", 7, W), ee = y(a, "translationUrl");
+  ot({ withLocale: w(), translations: {} });
+  const He = () => {
+    let t = new URL(ee(), window.location.href);
+    fetch(t.href).then((l) => l.json()).then((l) => {
+      Object.keys(l).forEach((n) => {
+        Le(n, l[n]);
+      });
+    }).catch((l) => {
+      console.log("loyalty level translation url err:", l);
+    });
+  };
+  Object.entries(gt).forEach(([t, l]) => {
+    Le(t, l);
+  }), J(() => {
+    var t;
+    rt((t = w()) != null ? t : "en");
+  }), st(() => {
+    ee() && He();
+  });
+  const je = (t) => {
+    H()(t);
+  }, te = it(() => ({
+    apiEndpoint: N(),
+    userSession: D(),
+    locale: w(),
+    loadLevels: !0,
+    onLevelLoaded: je
+  })), se = C(() => {
+    var t;
+    return (t = te.playerElevateLevel) == null ? void 0 : t.id;
+  }), I = C(() => typeof s() == "number" ? s() : parseInt(s(), W) || W), j = C(() => {
+    var t;
+    return [...(t = te.levels) != null ? t : []].sort((l, n) => l.firstEntryPoints < n.firstEntryPoints ? -1 : 1);
+  }), K = (t) => {
+    var l, n, u;
+    return (u = (n = (l = t.presentation) == null ? void 0 : l.displayName) != null ? n : t.displayName) != null ? u : String(t.id);
+  };
+  let q = R(0), f = R(!1), X = R(we(ne)), le = R(void 0), Z = R(void 0), m = R(void 0), Y = R(we({}));
+  const Ae = C(() => Math.max(1, Math.ceil(e(j).length / e(I)))), Pe = C(() => e(f) ? e(j).slice(0, e(X)) : e(j).slice(e(q) * e(I), e(q) * e(I) + e(I))), Re = C(() => e(j).length > 0 && !!te.playerElevateLevel), he = C(() => te.loading && !e(Re)), Fe = C(() => e(f) ? ne : e(I)), ie = (t, l) => {
+    let n;
+    const u = () => {
+      if (!e(f)) {
+        e(Y)[l] = !1;
+        return;
+      }
+      const z = window.getComputedStyle(t), h = parseFloat(z.maxHeight);
+      if (!Number.isFinite(h) || h <= 0) {
+        e(Y)[l] = !1;
+        return;
+      }
+      const A = 12;
+      e(Y)[l] = t.scrollHeight > h + A;
+    }, o = () => {
+      n !== void 0 && cancelAnimationFrame(n), n = requestAnimationFrame(u);
+    };
+    o();
+    const L = new ResizeObserver(o);
+    return L.observe(t), {
+      destroy() {
+        n !== void 0 && cancelAnimationFrame(n), L.disconnect(), delete e(Y)[l];
+      }
+    };
+  };
+  J(() => {
+    e(q) > e(Ae) - 1 && k(q, 0);
+  }), J(() => {
+    k(X, e(f) ? ne : e(I), !0);
+  }), J(() => {
+    if (!e(f) || !e(le))
+      return;
+    const t = new IntersectionObserver(
+      (l) => {
+        l.some((n) => n.isIntersecting) && k(X, Math.min(e(j).length, e(X) + ne), !0);
+      },
+      { rootMargin: "200px" }
+    );
+    return t.observe(e(le)), () => t.disconnect();
+  });
+  const Ve = (t) => {
+    k(q, Math.floor(t / e(I)), !0);
+  };
+  J(() => {
+    const t = window.matchMedia("(max-width: 767px)"), l = (n) => {
+      k(f, n.matches, !0);
+    };
+    return k(f, t.matches, !0), t.addEventListener("change", l), () => t.removeEventListener("change", l);
+  });
+  const Be = (t) => {
+    if (Q()(t), !e(f)) {
+      Ie(K(t)), k(m, t, !0);
+      return;
+    }
+    const l = e(Z) !== t.id;
+    l && Ie(K(t)), k(Z, l ? t.id : void 0, !0);
+  }, de = () => {
+    k(m, void 0);
+  }, Ke = (t) => {
+    t.target === t.currentTarget && de();
+  }, qe = (t) => {
+    t.key === "Escape" && de();
+  };
+  J(() => {
+    if (!e(m))
+      return;
+    const t = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = t;
+    };
+  });
+  var Ze = {
+    get apiEndpoint() {
+      return N();
+    },
+    set apiEndpoint(t = "") {
+      N(t), _();
+    },
+    get userSession() {
+      return D();
+    },
+    set userSession(t = "") {
+      D(t), _();
+    },
+    get locale() {
+      return w();
+    },
+    set locale(t = "") {
+      w(t), _();
+    },
+    get onLevelLoaded() {
+      return H();
+    },
+    set onLevelLoaded(t = (l) => {
+    }) {
+      H(t), _();
+    },
+    get onSeeMore() {
+      return Q();
+    },
+    set onSeeMore(t = (l) => {
+    }) {
+      Q(t), _();
+    },
+    get limitItem() {
+      return s();
+    },
+    set limitItem(t = W) {
+      s(t), _();
+    },
+    get translationUrl() {
+      return ee();
+    },
+    set translationUrl(t) {
+      ee(t), _();
+    }
+  }, xe = St(), ce = me(xe), ve = M(ce), Je = M(ve);
+  {
+    var We = (t) => {
+      var l = ke(), n = me(l);
+      Se(n, 17, () => ({ length: e(Fe) }), ct, (u, o, L, z) => {
+        var h = ft();
+        p(u, h);
+      }), p(t, l);
+    }, Ge = (t) => {
+      var l = ke(), n = me(l);
+      Se(n, 17, () => e(Pe), (u) => u.id, (u, o) => {
+        var L = xt();
+        let z;
+        var h = M(L), A = M(h), P = g(A, 2), $ = M(P), ye = U($, !0), _e = g($, 2), ue = U(_e, !0);
+        x(P);
+        var pe = g(P, 2);
+        {
+          var ge = (d) => {
+            var i = Ce(), O = U(i, !0);
+            F((T) => V(O, T), [() => c()("current")]), p(d, i);
+          };
+          S(pe, (d) => {
+            e(o).id === e(se) && d(ge);
+          });
+        }
+        x(h);
+        var ae = g(h, 2);
+        {
+          var fe = (d) => {
+            var i = mt();
+            let O;
+            Ee(i, () => e(o).presentation.description, !0), x(i), pt(i, (T, lt) => ie == null ? void 0 : ie(T, lt), () => e(o).id), F(() => O = Me(i, 1, "loyalty-level__benefits", null, O, {
+              "loyalty-level__benefits--collapsed": e(f) && e(Z) !== e(o).id
+            })), p(d, i);
+          };
+          S(ae, (d) => {
+            var i;
+            (i = e(o).presentation) != null && i.description && d(fe);
+          });
+        }
+        var v = g(ae, 2);
+        {
+          var r = (d) => {
+            var i = ht(), O = U(i, !0);
+            F((T) => V(O, T), [
+              () => e(Z) === e(o).id ? c()("seeLess") : c()("seeMore")
+            ]), oe("click", i, () => Be(e(o))), p(d, i);
+          };
+          S(v, (d) => {
+            (!e(f) || e(Y)[e(o).id] || e(Z) === e(o).id) && d(r);
+          });
+        }
+        x(L), F(
+          (d, i, O) => {
+            var T;
+            z = Me(L, 1, "loyalty-level__card", null, z, {
+              "loyalty-level__card--current": e(o).id === e(se),
+              "loyalty-level__card--expanded": e(Z) === e(o).id
+            }), re(A, "src", ((T = e(o).presentation) == null ? void 0 : T.asset) || ze), re(A, "alt", d), V(ye, i), V(ue, O);
+          },
+          [
+            () => K(e(o)),
+            () => K(e(o)),
+            () => c()("startingLevel", {
+              values: { points: e(o).firstEntryPoints.toLocaleString() }
+            })
+          ]
+        ), p(u, L);
+      }), p(t, l);
+    };
+    S(Je, (t) => {
+      e(he) ? t(We) : t(Ge, -1);
+    });
+  }
+  x(ve);
+  var be = g(ve, 2);
+  {
+    var Qe = (t) => {
+      {
+        let l = C(() => e(q) * e(I));
+        vt(t, {
+          get offset() {
+            return e(l);
+          },
+          get limit() {
+            return e(I);
+          },
+          get total() {
+            return e(j).length;
+          },
+          onPageChange: Ve,
+          get locale() {
+            return w();
+          }
+        });
+      }
+    };
+    S(be, (t) => {
+      !e(he) && !e(f) && t(Qe);
+    });
+  }
+  var Xe = g(be, 2);
+  {
+    var Ye = (t) => {
+      var l = bt();
+      yt(l, (n) => k(le, n), () => e(le)), p(t, l);
+    };
+    S(Xe, (t) => {
+      e(f) && e(X) < e(j).length && t(Ye);
+    });
+  }
+  x(ce);
+  var $e = g(ce, 2);
+  {
+    var et = (t) => {
+      var l = kt(), n = M(l), u = M(n), o = U(u), L = g(u, 2), z = M(L), h = M(z);
+      {
+        var A = (v) => {
+          var r = Lt();
+          F(
+            (d) => {
+              re(r, "src", e(m).presentation.asset || ze), re(r, "alt", d);
+            },
+            [() => K(e(m))]
+          ), p(v, r);
+        };
+        S(h, (v) => {
+          var r;
+          (r = e(m).presentation) != null && r.asset && v(A);
+        });
+      }
+      var P = g(h, 2), $ = M(P), ye = U($, !0), _e = g($, 2), ue = U(_e, !0);
+      x(P);
+      var pe = g(P, 2);
+      {
+        var ge = (v) => {
+          var r = Ce(), d = U(r, !0);
+          F((i) => V(d, i), [() => c()("current")]), p(v, r);
+        };
+        S(pe, (v) => {
+          e(m).id === e(se) && v(ge);
+        });
+      }
+      x(z);
+      var ae = g(z, 2);
+      {
+        var fe = (v) => {
+          var r = wt();
+          Ee(r, () => e(m).presentation.description, !0), x(r), p(v, r);
+        };
+        S(ae, (v) => {
+          var r;
+          (r = e(m).presentation) != null && r.description && v(fe);
+        });
+      }
+      x(L), x(n), x(l), F(
+        (v, r) => {
+          V(ye, v), V(ue, r);
+        },
+        [
+          () => K(e(m)),
+          () => c()("startingLevel", {
+            values: { points: e(m).firstEntryPoints.toLocaleString() }
+          })
+        ]
+      ), oe("click", l, Ke), oe("keydown", l, qe), oe("click", o, de), p(t, l);
+    };
+    S($e, (t) => {
+      e(m) && t(et);
+    });
+  }
+  p(B, xe);
+  var tt = Ue(Ze);
+  return G(), tt;
+}
+at(["click", "keydown"]);
+Oe(
+  Ne,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function De(B, a) {
+  Te(a, !0);
+  let c = y(a, "apiEndpoint", 7, ""), b = y(a, "userSession", 7, ""), G = y(a, "locale", 7, ""), N = y(a, "onLevelLoaded"), D = y(a, "onSeeMore"), w = y(a, "limitItem", 7, W), H = y(a, "translationUrl");
+  var Q = {
+    get apiEndpoint() {
+      return c();
+    },
+    set apiEndpoint(s = "") {
+      c(s), _();
+    },
+    get userSession() {
+      return b();
+    },
+    set userSession(s = "") {
+      b(s), _();
+    },
+    get locale() {
+      return G();
+    },
+    set locale(s = "") {
+      G(s), _();
+    },
+    get onLevelLoaded() {
+      return N();
+    },
+    set onLevelLoaded(s) {
+      N(s), _();
+    },
+    get onSeeMore() {
+      return D();
+    },
+    set onSeeMore(s) {
+      D(s), _();
+    },
+    get limitItem() {
+      return w();
+    },
+    set limitItem(s = W) {
+      w(s), _();
+    },
+    get translationUrl() {
+      return H();
+    },
+    set translationUrl(s) {
+      H(s), _();
+    }
+  };
+  return Ne(B, {
+    get apiEndpoint() {
+      return c();
+    },
+    get userSession() {
+      return b();
+    },
+    get locale() {
+      return G();
+    },
+    get onLevelLoaded() {
+      return N();
+    },
+    get onSeeMore() {
+      return D();
+    },
+    get limitItem() {
+      return w();
+    },
+    get translationUrl() {
+      return H();
+    }
+  }), Ue(Q);
+}
+customElements.define("loyalty-level", Oe(
+  De,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    onLevelLoaded: {},
+    onSeeMore: {},
+    limitItem: {},
+    translationUrl: {}
+  },
+  [],
+  []
+));
+const It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: De
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ne as L,
+  It as a
+};