@everymatrix/player-elevate-points-history 1.53.0 → 1.53.11

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, 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-0b23f85a.js';
+import { r as registerInstance, c as createEvent, h as h$1, g as getElement, a as getAssetPath, F as Fragment } from './index-0dc7e971.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-b370b44a.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];
     }
@@ -63,14 +71,14 @@ const BonusPaginationLimits = class {
         }
     }
     renderStylingWrapper() {
-        return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
+        return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
     }
     render() {
-        return h("div", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate$1('pageLimitLabel', this.language)), h("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', class: 'PaginationArea' }, this.pageLimits.map((pageLimit) => {
-            return (h("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
+        return h$1("div", { key: '57f5e61ee287f72d0427a2e4f646e37c6b9358b9', class: 'PaginationWrapper' }, h$1("span", { key: '5f82b19fcf269086659b3faa475d9967b2af57fa', class: 'NoOfItemsToDisplayMessage' }, translate$1('pageLimitLabel', this.language)), h$1("ul", { key: '559c2d5378a352691583567579a8e681d092ddd3', class: 'PaginationArea' }, this.pageLimits.map((pageLimit) => {
+            return (h$1("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
                     this.onPageLimitClicked(pageLimit);
                 } }, pageLimit));
-        })), h("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
+        })), h$1("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
     }
 };
 BonusPaginationLimits.style = BonusPaginationLimitsStyle0;
@@ -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;
     }
@@ -168,14 +206,14 @@ const BonusPaginationNav = class {
         this.reloadPageEmitter.emit({ offset, limit: this.limit, tableId: this.tableId });
     }
     renderPageList() {
-        return h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
-            return (h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
+        return h$1("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
+            return (h$1("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
                     this.goTo(page);
                 } }, page));
         }));
     }
     renderStylingWrapper() {
-        return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
+        return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
     }
     /**
      *
@@ -253,23 +291,23 @@ const BonusPaginationNav = class {
     render() {
         const startOffset = (this.currentPage - 1) * this.limit + 1;
         const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
-        return h("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
+        return h$1("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h$1("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
             values: {
                 start: startOffset,
                 end: endOffset,
                 total: this.total
             }
-        })), h("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
-            h("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+        })), h$1("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
+            h$1("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(1);
                 } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
-            h("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+            h$1("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.currentPage - 1);
                 } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
-            h("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
+            h$1("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.currentPage + 1);
                 } }, translate('nextPage', this.language)), this.arrowsActive &&
-            h("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
+            h$1("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
                     this.goTo(this.endPageIndex + 1);
                 } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
     }
@@ -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
@@ -344,7 +390,7 @@ const GeneralStylingWrapper = class {
         return await Promise.all(promises);
     }
     render() {
-        return (h("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
+        return (h$1("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h$1("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
     }
     get el() { return getElement(this); }
 };
@@ -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 });
@@ -860,9 +920,9 @@ const PlayerElevatePointcard = class {
     render() {
         const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
         const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-        return (h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, h(PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
+        return (h$1("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, h$1("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h$1("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h$1("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), h$1("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h$1("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (h$1(Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, h$1("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, h$1(PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h$1("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, h$1("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h$1("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, h$1(PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h$1("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
                 this.onDetailsClick();
-            } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
+            } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h$1("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
     }
     static get watchers() { return {
         "session": ["onSessionOrEndpointChange"],
@@ -965,43 +1025,43 @@ const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ?
 
 const WalletItem = ({ locale, wallet, walletType }) => {
     if (walletType === WalletType.history) {
-        return h("div", { class: "RecordContainer" },
+        return h$1("div", { class: "RecordContainer" },
             wallet.payload &&
-                h("div", { class: "Row" },
-                    h("div", { class: "Title" }, wallet.payload.displayName),
-                    h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                        h("span", { class: "HistoryPoints" },
+                h$1("div", { class: "Row" },
+                    h$1("div", { class: "Title" }, wallet.payload.displayName),
+                    h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
+                        h$1("span", { class: "HistoryPoints" },
                             Math.abs(wallet.points),
                             " ",
                             locale.coins))),
-            h("div", { class: "Row" },
-                h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
+            h$1("div", { class: "Row" },
+                h$1("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
                 !wallet.payload &&
-                    h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                        h("span", { class: "HistoryPoints" },
+                    h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
+                        h$1("span", { class: "HistoryPoints" },
                             Math.abs(wallet.points),
                             " ",
                             locale.coins))),
-            h("div", { class: "Row" },
-                h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
+            h$1("div", { class: "Row" },
+                h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
     }
     else {
-        return (h("div", { class: "RecordContainer" },
-            h("div", { class: `Row ${wallet.pointType}` },
-                h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
-                h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
-                    h("span", { class: "Points" },
+        return (h$1("div", { class: "RecordContainer" },
+            h$1("div", { class: `Row ${wallet.pointType}` },
+                h$1("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
+                h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
+                    h$1("span", { class: "Points" },
                         getAmountConfig(wallet.points).symbol,
                         " ",
                         wallet.points))),
-            h("div", { class: "Row" },
-                h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
+            h$1("div", { class: "Row" },
+                h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
     }
 };
-const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null,
-    h("div", { class: "Records" }, wallets.map(wallet => h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
-    h("div", { class: "PaginationContainer" },
-        h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
+const renderWallets = (locale, wallets, pageSetting) => wallets && (h$1(Fragment, null,
+    h$1("div", { class: "Records" }, wallets.map(wallet => h$1(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
+    h$1("div", { class: "PaginationContainer" },
+        h$1("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
 const getAmountConfig = (amount) => {
     if (amount > 0) {
         return {
@@ -1045,33 +1105,511 @@ const menuSvg = `<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns
 </svg>
 `;
 
-const renderTopBar = (locale, type, pageSetting) => h("div", { class: "TopBarContainer" },
-    h("div", { class: "BackImageContainer" },
-        h("span", { class: "BackImage", innerHTML: backSvg })),
-    h("div", { class: "TitleContainer" },
-        h("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
-        h("div", { class: 'Limits' },
-            h("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
-    h("div", null,
-        h("span", { class: "MenuImage", innerHTML: menuSvg })));
+const renderTopBar = (locale, type, pageSetting) => h$1("div", { class: "TopBarContainer" },
+    h$1("div", { class: "BackImageContainer" },
+        h$1("span", { class: "BackImage", innerHTML: backSvg })),
+    h$1("div", { class: "TitleContainer" },
+        h$1("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
+        h$1("div", { class: 'Limits' },
+            h$1("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
+    h$1("div", null,
+        h$1("span", { class: "MenuImage", innerHTML: menuSvg })));
 
-const renderTabs = (locale, type, onChangeTab) => h("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
+const renderTabs = (locale, type, onChangeTab) => h$1("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
     const isActive = key === type;
     const cssActive = isActive ? 'active' : '';
-    return (h("div", null,
-        h("div", { class: `TabText ${cssActive}`, onClick: () => {
+    return (h$1("div", null,
+        h$1("div", { class: `TabText ${cssActive}`, onClick: () => {
                 onChangeTab(key);
             } }, locale.tabTitle[key]),
-        h("div", { class: `TabBorderBottom ${cssActive}` })));
+        h$1("div", { class: `TabBorderBottom ${cssActive}` })));
 }));
 
-var GeneralAnimationLoadingCczQRHih = {};
-
-(function (exports) {
-var V=Object.defineProperty,z=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(N)for(var n of N(t))q.call(t,n)&&x(e,n,t[n]);return e},M=(e,t)=>z(e,F(t));var $=(e,t,n)=>x(e,typeof t!="symbol"?t+"":t,n);var T=(e,t,n)=>new Promise((s,l)=>{var i=o=>{try{u(n.next(o));}catch(r){l(r);}},c=o=>{try{u(n.throw(o));}catch(r){l(r);}},u=o=>o.done?s(o.value):Promise.resolve(o.value).then(i,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function _(){}function H(e){return e()}function B(){return Object.create(null)}function b(e){e.forEach(H);}function I(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const s=Y(e);if(!s.getElementById(t)){const l=L("style");l.id=t,l.textContent=n,Z(s,l);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function U(e,t,n){e.insertBefore(t,n||null);}function C(e){e.parentNode&&e.parentNode.removeChild(e);}function L(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let j;function g(e){j=e;}const h=[],k=[];let p=[];const R=[],it=Promise.resolve();let v=!1;function st(){v||(v=!0,it.then(y));}function E(e){p.push(e);}const w=new Set;let a=0;function y(){if(a!==0)return;const e=j;do{try{for(;a<h.length;){const t=h[a];a++,g(t),rt(t.$$);}}catch(t){throw h.length=0,a=0,t}for(g(null),h.length=0,a=0;k.length;)k.pop()();for(let t=0;t<p.length;t+=1){const n=p[t];w.has(n)||(w.add(n),n());}p.length=0;}while(h.length);for(;R.length;)R.pop()();v=!1,w.clear(),g(e);}function rt(e){if(e.fragment!==null){e.update(),b(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(E);}}function lt(e){const t=[],n=[];p.forEach(s=>e.indexOf(s)===-1?t.push(s):n.push(s)),n.forEach(s=>s()),p=t;}const ct=new Set;function ot(e,t){e&&e.i&&(ct.delete(e),e.i(t));}function ut(e,t,n){const{fragment:s,after_update:l}=e.$$;s&&s.m(t,n),E(()=>{const i=e.$$.on_mount.map(H).filter(I);e.$$.on_destroy?e.$$.on_destroy.push(...i):b(i),e.$$.on_mount=[];}),l.forEach(E);}function dt(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),b(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function $t(e,t){e.$$.dirty[0]===-1&&(h.push(e),st(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ft(e,t,n,s,l,i,c=null,u=[-1]){const o=j;g(e);const r=e.$$={fragment:null,ctx:[],props:i,update:_,not_equal:l,bound:B(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:B(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(r.root);let f=!1;if(r.ctx=n?n(e,t.props||{},(d,O,...S)=>{const A=S.length?S[0]:O;return r.ctx&&l(r.ctx[d],r.ctx[d]=A)&&(!r.skip_bound&&r.bound[d]&&r.bound[d](A),f&&$t(e,d)),O}):[],r.update(),f=!0,b(r.before_update),r.fragment=s?s(r.ctx):!1,t.target){if(t.hydrate){const d=et(t.target);r.fragment&&r.fragment.l(d),d.forEach(C);}else r.fragment&&r.fragment.c();t.intro&&ot(e.$$.fragment),ut(e,t.target,t.anchor),y();}g(o);}let D;typeof HTMLElement=="function"&&(D=class extends HTMLElement{constructor(t,n,s){super();$(this,"$$ctor");$(this,"$$s");$(this,"$$c");$(this,"$$cn",!1);$(this,"$$d",{});$(this,"$$r",!1);$(this,"$$p_d",{});$(this,"$$l",{});$(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,s&&this.attachShadow({mode:"open"});}addEventListener(t,n,s){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const l=this.$$c.$on(t,n);this.$$l_u.set(n,l);}super.addEventListener(t,n,s);}removeEventListener(t,n,s){if(super.removeEventListener(t,n,s),this.$$c){const l=this.$$l_u.get(n);l&&(l(),this.$$l_u.delete(n));}}connectedCallback(){return T(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(i){return ()=>{let c;return {c:function(){c=L("slot"),i!=="default"&&tt(c,"name",i);},m:function(r,f){U(r,c,f);},d:function(r){r&&C(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},s=nt(this);for(const i of this.$$s)i in s&&(n[i]=[t(i)]);for(const i of this.attributes){const c=this.$$g_p(i.name);c in this.$$d||(this.$$d[c]=m(c,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]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:M(P({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const l=()=>{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 c=m(i,this.$$d[i],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,c);}this.$$r=!1;};this.$$c.$$.after_update.push(l),l();for(const i in this.$$l)for(const c of this.$$l[i]){const u=this.$$c.$on(i,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,s){var l;this.$$r||(t=this.$$g_p(t),this.$$d[t]=m(t,s,this.$$p_d,"toProp"),(l=this.$$c)==null||l.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function m(e,t,n,s){var i;const l=(i=n[e])==null?void 0:i.type;if(t=l==="Boolean"&&typeof t!="boolean"?t!=null:t,!s||!n[e])return t;if(s==="toAttribute")switch(l){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(l){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function at(e,t,n,s,l,i){let c=class extends D{constructor(){super(e,n,l),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var r;o=m(u,o,t),this.$$d[u]=o,(r=this.$$c)==null||r.$set({[u]:o});}});}),s.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class ht{constructor(){$(this,"$$");$(this,"$$set");}$destroy(){dt(this,1),this.$destroy=_;}$on(t,n){if(!I(n))return _;const s=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return s.push(n),()=>{const l=s.indexOf(n);l!==-1&&s.splice(l,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const _t="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(_t);function pt(e){X(e,"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 gt(e){let t;return {c(){t=L("div"),t.innerHTML='<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,s){U(n,t,s),e[3](t);},p:_,i:_,o:_,d(n){n&&C(t),e[3](null);}}}function mt(e,t,n){let{clientstyling:s=""}=t,{clientstylingurl:l=""}=t,i;const c=()=>{let r=document.createElement("style");r.innerHTML=s,i.appendChild(r);},u=()=>{let r=new URL(l),f=document.createElement("style");fetch(r.href).then(d=>d.text()).then(d=>{f.innerHTML=d,setTimeout(()=>{i.appendChild(f);},1),setTimeout(()=>{},500);});};function o(r){k[r?"unshift":"push"](()=>{i=r,n(0,i);});}return e.$$set=r=>{"clientstyling"in r&&n(1,s=r.clientstyling),"clientstylingurl"in r&&n(2,l=r.clientstylingurl);},e.$$.update=()=>{e.$$.dirty&3&&s&&i&&c(),e.$$.dirty&5&&l&&i&&u();},[i,s,l,o]}class J extends ht{constructor(t){super(),ft(this,t,mt,gt,K,{clientstyling:1,clientstylingurl:2},pt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),y();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),y();}}at(J,{clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=J;
-}(GeneralAnimationLoadingCczQRHih));
+function a() {
+}
+function N(t) {
+  return t();
+}
+function A() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function y(t) {
+  t.forEach(N);
+}
+function P(t) {
+  return typeof t == "function";
+}
+function B(t, e) {
+  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
+}
+function R(t) {
+  return Object.keys(t).length === 0;
+}
+function H(t, e) {
+  t.appendChild(e);
+}
+function I(t, e, n) {
+  const s = U(t);
+  if (!s.getElementById(e)) {
+    const i = v("style");
+    i.id = e, i.textContent = n, D(s, i);
+  }
+}
+function U(t) {
+  if (!t) return document;
+  const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
+  return e && /** @type {ShadowRoot} */
+  e.host ? (
+    /** @type {ShadowRoot} */
+    e
+  ) : t.ownerDocument;
+}
+function D(t, e) {
+  return H(
+    /** @type {Document} */
+    t.head || t,
+    e
+  ), e.sheet;
+}
+function M(t, e, n) {
+  t.insertBefore(e, n || null);
+}
+function E(t) {
+  t.parentNode && t.parentNode.removeChild(t);
+}
+function v(t) {
+  return document.createElement(t);
+}
+function G(t, e, n) {
+  n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
+}
+function J(t) {
+  return Array.from(t.childNodes);
+}
+function V(t) {
+  const e = {};
+  return t.childNodes.forEach(
+    /** @param {Element} node */
+    (n) => {
+      e[n.slot || "default"] = !0;
+    }
+  ), e;
+}
+let C;
+function p(t) {
+  C = t;
+}
+const f = [], x = [];
+let h = [];
+const S = [], z = /* @__PURE__ */ Promise.resolve();
+let w = !1;
+function F() {
+  w || (w = !0, z.then(m));
+}
+function k(t) {
+  h.push(t);
+}
+const b = /* @__PURE__ */ new Set();
+let $ = 0;
+function m() {
+  if ($ !== 0)
+    return;
+  const t = C;
+  do {
+    try {
+      for (; $ < f.length; ) {
+        const e = f[$];
+        $++, p(e), q(e.$$);
+      }
+    } catch (e) {
+      throw f.length = 0, $ = 0, e;
+    }
+    for (p(null), f.length = 0, $ = 0; x.length; ) x.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);
+}
+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) {
+  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));
+}
+function X(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 = [];
+  }), i.forEach(k);
+}
+function Y(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 = []);
+}
+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 tt(t, e, n, s, i, l, u = null, c = [-1]) {
+  const o = C;
+  p(t);
+  const r = t.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: l,
+    update: a,
+    not_equal: i,
+    bound: A(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(e.context || (o ? o.$$.context : [])),
+    // everything else
+    callbacks: A(),
+    dirty: c,
+    skip_bound: !1,
+    root: e.target || o.$$.root
+  };
+  u && u(r.root);
+  let _ = !1;
+  if (r.ctx = 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(r.ctx), e.target) {
+    if (e.hydrate) {
+      const d = J(e.target);
+      r.fragment && r.fragment.l(d), d.forEach(E);
+    } else
+      r.fragment && r.fragment.c();
+    e.intro && W(t.$$.fragment), X(t, e.target, e.anchor), m();
+  }
+  p(o);
+}
+let T;
+typeof HTMLElement == "function" && (T = class extends HTMLElement {
+  /** The Svelte component constructor */
+  $$ctor;
+  /** Slots */
+  $$s;
+  /** The Svelte component instance */
+  $$c;
+  /** Whether or not the custom element is connected */
+  $$cn = !1;
+  /** Component props data */
+  $$d = {};
+  /** `true` if currently in the process of reflecting component props back to attributes */
+  $$r = !1;
+  /** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
+  $$p_d = {};
+  /** @type {Record<string, Function[]>} Event listeners */
+  $$l = {};
+  /** @type {Map<Function, Function>} Event listener unsubscribe functions */
+  $$l_u = /* @__PURE__ */ new Map();
+  constructor(t, e, n) {
+    super(), this.$$ctor = t, this.$$s = e, n && this.attachShadow({ mode: "open" });
+  }
+  addEventListener(t, e, n) {
+    if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(e), this.$$c) {
+      const s = this.$$c.$on(t, e);
+      this.$$l_u.set(e, s);
+    }
+    super.addEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    if (super.removeEventListener(t, e, n), this.$$c) {
+      const s = this.$$l_u.get(e);
+      s && (s(), this.$$l_u.delete(e));
+    }
+  }
+  async connectedCallback() {
+    if (this.$$cn = !0, !this.$$c) {
+      let t = function(i) {
+        return () => {
+          let l;
+          return {
+            c: function() {
+              l = v("slot"), i !== "default" && G(l, "name", i);
+            },
+            /**
+             * @param {HTMLElement} target
+             * @param {HTMLElement} [anchor]
+             */
+            m: function(o, r) {
+              M(o, l, r);
+            },
+            d: function(o) {
+              o && E(l);
+            }
+          };
+        };
+      };
+      if (await Promise.resolve(), !this.$$cn || this.$$c)
+        return;
+      const e = {}, n = V(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"));
+      }
+      for (const i in this.$$p_d)
+        !(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
+      this.$$c = new this.$$ctor({
+        target: this.shadowRoot || this,
+        props: {
+          ...this.$$d,
+          $$slots: e,
+          $$scope: {
+            ctx: []
+          }
+        }
+      });
+      const s = () => {
+        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(
+              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);
+          }
+        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);
+        }
+      this.$$l = {};
+    }
+  }
+  // We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
+  // and setting attributes through setAttribute etc, this is helpful
+  attributeChangedCallback(t, e, n) {
+    this.$$r || (t = this.$$g_p(t), this.$$d[t] = g(t, n, this.$$p_d, "toProp"), this.$$c?.$set({ [t]: this.$$d[t] }));
+  }
+  disconnectedCallback() {
+    this.$$cn = !1, Promise.resolve().then(() => {
+      !this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$c = void 0);
+    });
+  }
+  $$g_p(t) {
+    return Object.keys(this.$$p_d).find(
+      (e) => this.$$p_d[e].attribute === t || !this.$$p_d[e].attribute && e.toLowerCase() === t
+    ) || t;
+  }
+});
+function g(t, e, n, s) {
+  const i = n[t]?.type;
+  if (e = i === "Boolean" && typeof e != "boolean" ? e != null : e, !s || !n[t])
+    return e;
+  if (s === "toAttribute")
+    switch (i) {
+      case "Object":
+      case "Array":
+        return e == null ? null : JSON.stringify(e);
+      case "Boolean":
+        return e ? "" : null;
+      case "Number":
+        return e ?? null;
+      default:
+        return e;
+    }
+  else
+    switch (i) {
+      case "Object":
+      case "Array":
+        return e && JSON.parse(e);
+      case "Boolean":
+        return e;
+      case "Number":
+        return e != null ? +e : e;
+      default:
+        return e;
+    }
+}
+function et(t, e, n, s, i, l) {
+  let u = class extends T {
+    constructor() {
+      super(t, n, i), this.$$p_d = e;
+    }
+    static get observedAttributes() {
+      return Object.keys(e).map(
+        (c) => (e[c].attribute || c).toLowerCase()
+      );
+    }
+  };
+  return Object.keys(e).forEach((c) => {
+    Object.defineProperty(u.prototype, c, {
+      get() {
+        return this.$$c && c in this.$$c ? this.$$c[c] : this.$$d[c];
+      },
+      set(o) {
+        o = g(c, o, e), this.$$d[c] = o, this.$$c?.$set({ [c]: o });
+      }
+    });
+  }), s.forEach((c) => {
+    Object.defineProperty(u.prototype, c, {
+      get() {
+        return this.$$c?.[c];
+      }
+    });
+  }), t.element = /** @type {any} */
+  u, u;
+}
+class nt {
+  /**
+   * ### PRIVATE API
+   *
+   * Do not use, may change at any time
+   *
+   * @type {any}
+   */
+  $$ = void 0;
+  /**
+   * ### PRIVATE API
+   *
+   * Do not use, may change at any time
+   *
+   * @type {any}
+   */
+  $$set = void 0;
+  /** @returns {void} */
+  $destroy() {
+    Y(this, 1), this.$destroy = a;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(e, n) {
+    if (!P(n))
+      return a;
+    const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
+    return s.push(n), () => {
+      const i = s.indexOf(n);
+      i !== -1 && s.splice(i, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(e) {
+    this.$$set && !R(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+  }
+}
+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 rt(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>';
+    },
+    m(n, s) {
+      M(n, e, s), t[3](e);
+    },
+    p: a,
+    i: a,
+    o: a,
+    d(n) {
+      n && E(e), t[3](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);
+    });
+  }
+  return t.$$set = (r) => {
+    "clientstyling" in r && n(1, s = r.clientstyling), "clientstylingurl" in r && n(2, i = r.clientstylingurl);
+  }, t.$$.update = () => {
+    t.$$.dirty & /*clientstyling, customStylingContainer*/
+    3 && s && l && u(), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && i && l && c();
+  }, [l, s, i, o];
+}
+class ct extends nt {
+  constructor(e) {
+    super(), tt(this, e, lt, rt, B, { clientstyling: 1, clientstylingurl: 2 }, st);
+  }
+  get clientstyling() {
+    return this.$$.ctx[1];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), m();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[2];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), m();
+  }
+}
+et(ct, { clientstyling: {}, clientstylingurl: {} }, [], [], !0);
 
-if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCczQRHih).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
+function i(n) {
+  return function(...t) {
+    try {
+      return n.apply(this, t);
+    } catch (e) {
+      if (e instanceof DOMException && e.message.includes("has already been used with this registry") || e.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return !1;
+      throw e;
+    }
+  };
+}
+customElements.define = i(customElements.define);
+!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", ct.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;
@@ -1080,20 +1618,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) {
@@ -1114,11 +1668,11 @@ const PlayerElevatePointsHistory = class {
     }
     loadWallets(renderer) {
         if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
-            return h("general-animation-loading", null);
+            return h$1("general-animation-loading", null);
         }
         else {
             if (this.pointsWallets[this.type].wallets.length === 0) {
-                return (h("div", { class: "NoContent" }, this.locale.noContent));
+                return (h$1("div", { class: "NoContent" }, this.locale.noContent));
             }
             else {
                 return renderer();
@@ -1128,13 +1682,13 @@ const PlayerElevatePointsHistory = class {
     render() {
         var _a, _b;
         const pageSetting = this.getPageSettingByType(this.type);
-        return (h("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
+        return (h$1("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h$1("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
             // @ts-ignore
-            targetTranslations: translation, translationUrl: this.translationUrl }), h("player-elevate-pointcard", { key: 'c471ddeccbe8e18e15935c9d106bf8c52c80a6fb', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h("div", { key: '5fa700aaa6e0cffe6d3d9dd8366bf9a95bba3a14', class: "PlayerElevatePointsDetaisContainer" }, [
+            targetTranslations: translation, translationUrl: this.translationUrl }), h$1("player-elevate-pointcard", { key: 'c471ddeccbe8e18e15935c9d106bf8c52c80a6fb', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h$1("div", { key: '5fa700aaa6e0cffe6d3d9dd8366bf9a95bba3a14', class: "PlayerElevatePointsDetaisContainer" }, [
             renderTopBar(this.locale, this.type, pageSetting),
             renderTabs(this.locale, this.type, (type) => this.switchTab(type)),
             ((_a = this.pointsWallets[this.type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)
-                ? h("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
+                ? h$1("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h$1("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
                 : this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting))
         ])));
     }