@everymatrix/player-elevate-points-history 1.55.0 → 1.56.0

package/dist/esm/bonus-pagination-limits_6.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h as h$1, g as getElement, a as getAssetPath, F as Fragment } from './index-7f3411b7.js';
-import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-3780b49a.js';
+import { r as registerInstance, c as createEvent, h as h$1, g as getElement, a as getAssetPath, F as Fragment } from './index-8008f845.js';
+import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-81ace8b1.js';
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
@@ -32,9 +32,17 @@ const BonusPaginationLimits = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.pageLimitChanged = createEvent(this, "pageLimitChanged", 7);
+        /**
+         * Language of the widget
+         */
         this.language = 'en';
+        /**
+         * Translation via url
+         */
         this.translationUrl = '';
-        this.pageLimitOptions = undefined;
+        /**
+         * Default limit for per page, default: 10
+         */
         this.limit = 10;
         this.pageLimits = [10, 25, 50];
     }
@@ -133,19 +141,49 @@ const BonusPaginationNav = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.reloadPageEmitter = createEvent(this, "reloadPageByType", 7);
+        /**
+         * The received length of dataset
+         */
         this.total = 1;
+        /**
+         * The received limit for the number of pages
+         */
         this.limit = 10;
+        /**
+         * The offset of dataset
+         */
         this.offset = 0;
+        /**
+         * The table id, use to identify which table listen the page change message
+         * when there is more than 1 table on same page
+         */
         this.tableId = 'default';
+        /**
+         * Language
+         */
         this.language = 'en';
+        /**
+         * Translation via url
+         */
         this.translationUrl = '';
+        /**
+         * Customize pagination: Activate pagination arrows
+         */
         this.arrowsActive = true;
+        /**
+         * Customize pagination: Activate pagination secondary arrows
+         */
         this.secondaryArrowsActive = true;
+        /**
+         * Customize pagination: Activate pagination numbered navigation
+         */
         this.displayPageNumbers = true;
-        this.displayRangeOfTotal = undefined;
+        /**
+         * The Nav Items count for the pagination, default: 5
+         * the value should be Odd, 5, 7
+         */
         this.navItemAccount = 5;
         this.endPageIndex = 0;
-        this.pagesArray = undefined;
         this.currentPage = 1;
         this.showAsEllipsisMid = !this.arrowsActive;
     }
@@ -298,6 +336,18 @@ const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
 const GeneralStylingWrapper = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Client custom styling via inline styles
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Translation via url
+         */
+        this.translationUrl = '';
         this.stylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
@@ -319,10 +369,6 @@ const GeneralStylingWrapper = class {
                 console.log('error ', err);
             });
         };
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.targetTranslations = undefined;
     }
     componentDidRender() {
         // start custom styling area
@@ -640,9 +686,6 @@ const PlayerElevateCardData = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.playerElevateLeveLoaded = createEvent(this, "playerElevateLeveLoaded", 7);
-        this.params = undefined;
-        this.playerElevateLevel = undefined;
-        this.pointExpireString = undefined;
     }
     handleWindowResizs() {
         this.initLevelProgressbar();
@@ -810,23 +853,40 @@ const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
 const PlayerElevatePointcard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.isPointDetailCard = this.buttonType === 'earningRule';
-        this.endpoint = undefined;
+        /**
+         * The style that widget shows,available value: Dark, Light
+         * Default: Dark
+         */
         this.theme = 'Dark';
-        this.session = undefined;
-        this.playerAvatarUrl = undefined;
+        /**
+         * Widget Language to show
+         */
         this.language = 'en';
-        this.playerName = undefined;
-        this.cardTitle = undefined;
+        /**
+         * Check if the card used in points details widget, default: 'earningRule'
+         * value: 'details'/'earningRule'
+         * It effected the button in card
+         * 'earningRule':  button text, 'earning rules', post 'BEEPointRulesClicked' when clicked
+         * 'details': button text, 'details', post 'BEEDetailsClicked' when clicked
+         */
         this.buttonType = 'earningRule';
+        /**
+         * datePattern
+         */
         this.dateFormat = 'yyyy-MM-dd';
+        /**
+         * Client custom styling via inline styles
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
+        /**
+         * Translation via url
+         */
         this.translationUrl = '';
-        this.pointExpireString = undefined;
-        this.playerElevateLevel = undefined;
-        this.elevateWalletTotal = undefined;
-        this.elevateSPTotal = undefined;
+        this.isPointDetailCard = this.buttonType === 'earningRule';
     }
     onSessionOrEndpointChange() {
         this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
@@ -1059,35 +1119,35 @@ const renderTabs = (locale, type, onChangeTab) => h$1("div", { class: "Tabs Row"
 
 function a() {
 }
-function N(t) {
+function M(t) {
   return t();
 }
-function A() {
+function O() {
   return /* @__PURE__ */ Object.create(null);
 }
 function y(t) {
-  t.forEach(N);
+  t.forEach(M);
 }
-function P(t) {
+function N(t) {
   return typeof t == "function";
 }
-function B(t, e) {
+function R(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
-function R(t) {
+function T(t) {
   return Object.keys(t).length === 0;
 }
 function H(t, e) {
   t.appendChild(e);
 }
-function I(t, e, n) {
-  const s = U(t);
+function U(t, e, n) {
+  const s = I(t);
   if (!s.getElementById(e)) {
     const i = v("style");
-    i.id = e, i.textContent = n, D(s, i);
+    i.id = e, i.textContent = n, z(s, i);
   }
 }
-function U(t) {
+function I(t) {
   if (!t) return document;
   const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
   return e && /** @type {ShadowRoot} */
@@ -1096,14 +1156,14 @@ function U(t) {
     e
   ) : t.ownerDocument;
 }
-function D(t, e) {
+function z(t, e) {
   return H(
     /** @type {Document} */
     t.head || t,
     e
   ), e.sheet;
 }
-function M(t, e, n) {
+function B(t, e, n) {
   t.insertBefore(e, n || null);
 }
 function E(t) {
@@ -1112,13 +1172,13 @@ function E(t) {
 function v(t) {
   return document.createElement(t);
 }
-function G(t, e, n) {
+function D(t, e, n) {
   n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
 }
-function J(t) {
+function F(t) {
   return Array.from(t.childNodes);
 }
-function V(t) {
+function G(t) {
   const e = {};
   return t.childNodes.forEach(
     /** @param {Element} node */
@@ -1127,116 +1187,123 @@ function V(t) {
     }
   ), e;
 }
-let C;
-function p(t) {
-  C = t;
+let p;
+function _(t) {
+  p = t;
+}
+function J() {
+  if (!p) throw new Error("Function called outside component initialization");
+  return p;
 }
-const f = [], x = [];
+function V(t) {
+  J().$$.on_mount.push(t);
+}
+const $ = [], w = [];
 let h = [];
-const S = [], z = /* @__PURE__ */ Promise.resolve();
-let w = !1;
-function F() {
-  w || (w = !0, z.then(m));
+const A = [], q = /* @__PURE__ */ Promise.resolve();
+let x = !1;
+function K() {
+  x || (x = !0, q.then(m));
 }
 function k(t) {
   h.push(t);
 }
 const b = /* @__PURE__ */ new Set();
-let $ = 0;
+let f = 0;
 function m() {
-  if ($ !== 0)
+  if (f !== 0)
     return;
-  const t = C;
+  const t = p;
   do {
     try {
-      for (; $ < f.length; ) {
-        const e = f[$];
-        $++, p(e), q(e.$$);
+      for (; f < $.length; ) {
+        const e = $[f];
+        f++, _(e), Q(e.$$);
       }
     } catch (e) {
-      throw f.length = 0, $ = 0, e;
+      throw $.length = 0, f = 0, e;
     }
-    for (p(null), f.length = 0, $ = 0; x.length; ) x.pop()();
+    for (_(null), $.length = 0, f = 0; w.length; ) w.pop()();
     for (let e = 0; e < h.length; e += 1) {
       const n = h[e];
       b.has(n) || (b.add(n), n());
     }
     h.length = 0;
-  } while (f.length);
-  for (; S.length; )
-    S.pop()();
-  w = !1, b.clear(), p(t);
+  } while ($.length);
+  for (; A.length; )
+    A.pop()();
+  x = !1, b.clear(), _(t);
 }
-function q(t) {
+function Q(t) {
   if (t.fragment !== null) {
     t.update(), y(t.before_update);
     const e = t.dirty;
     t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(k);
   }
 }
-function K(t) {
+function W(t) {
   const e = [], n = [];
   h.forEach((s) => t.indexOf(s) === -1 ? e.push(s) : n.push(s)), n.forEach((s) => s()), h = e;
 }
-const Q = /* @__PURE__ */ new Set();
-function W(t, e) {
-  t && t.i && (Q.delete(t), t.i(e));
+const X = /* @__PURE__ */ new Set();
+function Y(t, e) {
+  t && t.i && (X.delete(t), t.i(e));
 }
-function X(t, e, n) {
+function Z(t, e, n) {
   const { fragment: s, after_update: i } = t.$$;
   s && s.m(e, n), k(() => {
-    const l = t.$$.on_mount.map(N).filter(P);
-    t.$$.on_destroy ? t.$$.on_destroy.push(...l) : y(l), t.$$.on_mount = [];
+    const r = t.$$.on_mount.map(M).filter(N);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...r) : y(r), t.$$.on_mount = [];
   }), i.forEach(k);
 }
-function Y(t, e) {
+function tt(t, e) {
   const n = t.$$;
-  n.fragment !== null && (K(n.after_update), y(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
+  n.fragment !== null && (W(n.after_update), y(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
 }
-function Z(t, e) {
-  t.$$.dirty[0] === -1 && (f.push(t), F(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+function et(t, e) {
+  t.$$.dirty[0] === -1 && ($.push(t), K(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
 }
-function tt(t, e, n, s, i, l, u = null, c = [-1]) {
-  const o = C;
-  p(t);
-  const r = t.$$ = {
+function nt(t, e, n, s, i, r, o = null, l = [-1]) {
+  const c = p;
+  _(t);
+  const u = t.$$ = {
     fragment: null,
     ctx: [],
     // state
-    props: l,
+    props: r,
     update: a,
     not_equal: i,
-    bound: A(),
+    bound: O(),
     // lifecycle
     on_mount: [],
     on_destroy: [],
     on_disconnect: [],
     before_update: [],
     after_update: [],
-    context: new Map(e.context || (o ? o.$$.context : [])),
+    context: new Map(e.context || (c ? c.$$.context : [])),
     // everything else
-    callbacks: A(),
-    dirty: c,
+    callbacks: O(),
+    dirty: l,
     skip_bound: !1,
-    root: e.target || o.$$.root
+    root: e.target || c.$$.root
   };
-  u && u(r.root);
-  let _ = !1;
-  if (r.ctx = n ? n(t, e.props || {}, (d, L, ...j) => {
-    const O = j.length ? j[0] : L;
-    return r.ctx && i(r.ctx[d], r.ctx[d] = O) && (!r.skip_bound && r.bound[d] && r.bound[d](O), _ && Z(t, d)), L;
-  }) : [], r.update(), _ = !0, y(r.before_update), r.fragment = s ? s(r.ctx) : !1, e.target) {
+  o && o(u.root);
+  let L = !1;
+  if (u.ctx = n ? n(t, e.props || {}, (d, C, ...S) => {
+    const j = S.length ? S[0] : C;
+    return u.ctx && i(u.ctx[d], u.ctx[d] = j) && (!u.skip_bound && u.bound[d] && u.bound[d](j), L && et(t, d)), C;
+  }) : [], u.update(), L = !0, y(u.before_update), u.fragment = s ? s(u.ctx) : !1, e.target) {
     if (e.hydrate) {
-      const d = J(e.target);
-      r.fragment && r.fragment.l(d), d.forEach(E);
+      const d = F(e.target);
+      u.fragment && u.fragment.l(d), d.forEach(E);
     } else
-      r.fragment && r.fragment.c();
-    e.intro && W(t.$$.fragment), X(t, e.target, e.anchor), m();
+      u.fragment && u.fragment.c();
+    e.intro && Y(t.$$.fragment), Z(t, e.target, e.anchor), m();
   }
-  p(o);
+  _(c);
 }
-let T;
-typeof HTMLElement == "function" && (T = class extends HTMLElement {
+let P;
+typeof HTMLElement == "function" && (P = class extends HTMLElement {
   /** The Svelte component constructor */
   $$ctor;
   /** Slots */
@@ -1275,32 +1342,32 @@ typeof HTMLElement == "function" && (T = class extends HTMLElement {
     if (this.$$cn = !0, !this.$$c) {
       let t = function(i) {
         return () => {
-          let l;
+          let r;
           return {
             c: function() {
-              l = v("slot"), i !== "default" && G(l, "name", i);
+              r = v("slot"), i !== "default" && D(r, "name", i);
             },
             /**
              * @param {HTMLElement} target
              * @param {HTMLElement} [anchor]
              */
-            m: function(o, r) {
-              M(o, l, r);
+            m: function(c, u) {
+              B(c, r, u);
             },
-            d: function(o) {
-              o && E(l);
+            d: function(c) {
+              c && E(r);
             }
           };
         };
       };
       if (await Promise.resolve(), !this.$$cn || this.$$c)
         return;
-      const e = {}, n = V(this);
+      const e = {}, n = G(this);
       for (const i of this.$$s)
         i in n && (e[i] = [t(i)]);
       for (const i of this.attributes) {
-        const l = this.$$g_p(i.name);
-        l in this.$$d || (this.$$d[l] = g(l, i.value, this.$$p_d, "toProp"));
+        const r = this.$$g_p(i.name);
+        r in this.$$d || (this.$$d[r] = g(r, i.value, this.$$p_d, "toProp"));
       }
       for (const i in this.$$p_d)
         !(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
@@ -1318,21 +1385,21 @@ typeof HTMLElement == "function" && (T = class extends HTMLElement {
         this.$$r = !0;
         for (const i in this.$$p_d)
           if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
-            const l = g(
+            const r = g(
               i,
               this.$$d[i],
               this.$$p_d,
               "toAttribute"
             );
-            l == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, l);
+            r == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, r);
           }
         this.$$r = !1;
       };
       this.$$c.$$.after_update.push(s), s();
       for (const i in this.$$l)
-        for (const l of this.$$l[i]) {
-          const u = this.$$c.$on(i, l);
-          this.$$l_u.set(l, u);
+        for (const r of this.$$l[i]) {
+          const o = this.$$c.$on(i, r);
+          this.$$l_u.set(r, o);
         }
       this.$$l = {};
     }
@@ -1382,36 +1449,36 @@ function g(t, e, n, s) {
         return e;
     }
 }
-function et(t, e, n, s, i, l) {
-  let u = class extends T {
+function it(t, e, n, s, i, r) {
+  let o = class extends P {
     constructor() {
       super(t, n, i), this.$$p_d = e;
     }
     static get observedAttributes() {
       return Object.keys(e).map(
-        (c) => (e[c].attribute || c).toLowerCase()
+        (l) => (e[l].attribute || l).toLowerCase()
       );
     }
   };
-  return Object.keys(e).forEach((c) => {
-    Object.defineProperty(u.prototype, c, {
+  return Object.keys(e).forEach((l) => {
+    Object.defineProperty(o.prototype, l, {
       get() {
-        return this.$$c && c in this.$$c ? this.$$c[c] : this.$$d[c];
+        return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
       },
-      set(o) {
-        o = g(c, o, e), this.$$d[c] = o, this.$$c?.$set({ [c]: o });
+      set(c) {
+        c = g(l, c, e), this.$$d[l] = c, this.$$c?.$set({ [l]: c });
       }
     });
-  }), s.forEach((c) => {
-    Object.defineProperty(u.prototype, c, {
+  }), s.forEach((l) => {
+    Object.defineProperty(o.prototype, l, {
       get() {
-        return this.$$c?.[c];
+        return this.$$c?.[l];
       }
     });
   }), t.element = /** @type {any} */
-  u, u;
+  o, o;
 }
-class nt {
+class st {
   /**
    * ### PRIVATE API
    *
@@ -1430,7 +1497,7 @@ class nt {
   $$set = void 0;
   /** @returns {void} */
   $destroy() {
-    Y(this, 1), this.$destroy = a;
+    tt(this, 1), this.$destroy = a;
   }
   /**
    * @template {Extract<keyof Events, string>} K
@@ -1439,7 +1506,7 @@ class nt {
    * @returns {() => void}
    */
   $on(e, n) {
-    if (!P(n))
+    if (!N(n))
       return a;
     const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
     return s.push(n), () => {
@@ -1452,67 +1519,93 @@ class nt {
    * @returns {void}
    */
   $set(e) {
-    this.$$set && !R(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+    this.$$set && !T(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+  }
+}
+const rt = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(rt);
+function ct(t, e) {
+  if (t) {
+    const n = document.createElement("style");
+    n.innerHTML = e, t.appendChild(n);
+  }
+}
+function ot(t, e) {
+  const n = new URL(e);
+  fetch(n.href).then((s) => s.text()).then((s) => {
+    const i = document.createElement("style");
+    i.innerHTML = s, t && t.appendChild(i);
+  }).catch((s) => {
+    console.error("There was an error while trying to load client styling from URL", s);
+  });
+}
+function lt(t, e, n) {
+  if (window.emMessageBus) {
+    const s = document.createElement("style");
+    window.emMessageBus.subscribe(e, (i) => {
+      s.innerHTML = i, t && t.appendChild(s);
+    });
   }
 }
-const it = "4";
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(it);
-function st(t) {
-  I(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
+function ut(t) {
+  U(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
 }
-function rt(t) {
+function dt(t) {
   let e;
   return {
     c() {
-      e = v("div"), e.innerHTML = '<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
+      e = v("div"), e.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
     },
     m(n, s) {
-      M(n, e, s), t[3](e);
+      B(n, e, s), t[4](e);
     },
     p: a,
     i: a,
     o: a,
     d(n) {
-      n && E(e), t[3](null);
+      n && E(e), t[4](null);
     }
   };
 }
-function lt(t, e, n) {
-  let { clientstyling: s = "" } = e, { clientstylingurl: i = "" } = e, l;
-  const u = () => {
-    let r = document.createElement("style");
-    r.innerHTML = s, l.appendChild(r);
-  }, c = () => {
-    let r = new URL(i), _ = document.createElement("style");
-    fetch(r.href).then((d) => d.text()).then((d) => {
-      _.innerHTML = d, setTimeout(
-        () => {
-          l.appendChild(_);
-        },
-        1
-      ), setTimeout(
-        () => {
-        },
-        500
-      );
-    });
-  };
-  function o(r) {
-    x[r ? "unshift" : "push"](() => {
-      l = r, n(0, l);
+function ft(t, e, n) {
+  let { clientstyling: s = "" } = e, { clientstylingurl: i = "" } = e, { mbsource: r } = e, o;
+  V(() => () => {
+  });
+  function l(c) {
+    w[c ? "unshift" : "push"](() => {
+      o = c, n(0, o);
     });
   }
-  return t.$$set = (r) => {
-    "clientstyling" in r && n(1, s = r.clientstyling), "clientstylingurl" in r && n(2, i = r.clientstylingurl);
+  return t.$$set = (c) => {
+    "clientstyling" in c && n(1, s = c.clientstyling), "clientstylingurl" in c && n(2, i = c.clientstylingurl), "mbsource" in c && n(3, r = c.mbsource);
   }, t.$$.update = () => {
     t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && s && l && u(), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && i && l && c();
-  }, [l, s, i, o];
+    3 && s && o && ct(o, s), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && i && o && ot(o, i), t.$$.dirty & /*mbsource, customStylingContainer*/
+    9 && r && o && lt(o, `${r}.Style`);
+  }, [
+    o,
+    s,
+    i,
+    r,
+    l
+  ];
 }
-class ct extends nt {
+class $t extends st {
   constructor(e) {
-    super(), tt(this, e, lt, rt, B, { clientstyling: 1, clientstylingurl: 2 }, st);
+    super(), nt(
+      this,
+      e,
+      ft,
+      dt,
+      R,
+      {
+        clientstyling: 1,
+        clientstylingurl: 2,
+        mbsource: 3
+      },
+      ut
+    );
   }
   get clientstyling() {
     return this.$$.ctx[1];
@@ -1526,8 +1619,14 @@ class ct extends nt {
   set clientstylingurl(e) {
     this.$$set({ clientstylingurl: e }), m();
   }
+  get mbsource() {
+    return this.$$.ctx[3];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), m();
+  }
 }
-et(ct, { clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+it($t, { clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
 
 function i(n) {
   return function(...t) {
@@ -1541,7 +1640,7 @@ function i(n) {
   };
 }
 customElements.define = i(customElements.define);
-!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", ct.element);
+!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", $t.element);
 
 const playerElevatePointsHistoryCss = ":host{display:block}main{max-width:420px}main player-elevate-pointcard{width:100%;height:220px}.PlayerElevatePointsDetaisContainer{background:#FFFFFF;padding:20px 10px 0;margin-top:-100px;position:relative;min-height:360px}.PlayerElevatePointsDetaisContainer .ReloadMsg{padding:20px}.PlayerElevatePointsDetaisContainer .ReloadMsg a.Reload{cursor:pointer}.TitleContainer{font-size:20px;font-weight:500;line-height:25px;letter-spacing:0em;text-align:left;display:flex;justify-content:space-between}.TopBarContainer{display:flex;align-items:center;justify-content:space-between}.TopBarContainer .TitleContainer{width:100%}.TopBarContainer .Title{background:#303030;padding:5px 16px;color:#FFFFFF;box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.2509803922);border-radius:8px;width:fit-content;margin-left:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.PaginationContainer{display:flex;justify-content:center}.MonthStat{margin-top:25px;display:none;font-size:16px;font-weight:500;line-height:19px;letter-spacing:0px;text-align:left;color:#242424}.MonthStat .Amount{color:#53B65A}.BackImageContainer{width:35px;height:35px;flex:0 0 35px;border-radius:6px;text-align:center;line-height:35px;box-shadow:0px 4px 40px 0px rgba(138, 149, 158, 0.2);display:none}.Records{margin-top:16px}.MenuImage,.BackImage{cursor:pointer;display:none}.Row{display:flex;justify-content:space-between;align-items:center}.Row:nth-child(n+2){margin-top:3px}.Tabs.Row{justify-content:space-around;margin-top:20px}.Tabs.Row .TabText{font-size:16px;margin:10px 15px;color:#9C9C9C;cursor:pointer}.Tabs.Row .TabText.active{color:#242424;font-weight:600}.Tabs.Row .TabBorderBottom{height:5px;border-radius:4px;background:transparent}.Tabs.Row .TabBorderBottom.active{background:#242424}.RecordContainer{margin:5px 0;padding:10px;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);border-radius:5px}.RecordContainer .Title{color:#242424;font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .HistoryPoints{text-transform:lowercase}.RecordContainer .Amount{font-size:16px;font-weight:600;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Amount.Positive{color:#53B65A}.RecordContainer .Amount.Negative{color:#B41E2D}.RecordContainer .DateTime{color:#9C9C9C;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0px;text-align:left}.RecordContainer .Tag{font-size:12px;font-weight:500;line-height:14px;letter-spacing:0em;text-align:center;color:#767171;padding:8px 30px;border-radius:8px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922)}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
 const PlayerElevatePointsHistoryStyle0 = playerElevatePointsHistoryCss;
@@ -1550,20 +1649,36 @@ const PlayerElevatePointsHistory = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.paginationReset = createEvent(this, "paginationReset", 7);
-        this.playerAvatarUrl = undefined;
-        this.session = undefined;
-        this.endpoint = undefined;
-        this.limit = undefined;
+        /**
+         * Customize pagination: Activate pagination secondary arrows
+         */
         this.secondaryArrowsActive = true;
+        /**
+         * Customize pagination: Activate pagination numbered navigation
+         */
         this.displayPageNumbers = false;
+        /**
+         * Customize page list options, default: 10,25,50
+         */
         this.pageLimitOptions = '10,25,50';
+        /**
+         * Language of the widget
+         */
         this.language = 'en';
+        /**
+         * Client custom styling via string
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
+        /**
+         * translation via url
+         */
         this.translationUrl = '';
         this.locale = translation['en'];
         this.type = WalletType.spendable;
-        this.pageSetting = undefined;
         this.pointsWallets = {};
     }
     switchTab(type) {