@everymatrix/player-elevate-points-history 1.54.0 → 1.54.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bonus-pagination-limits_6.cjs.entry.js +484 -6
- package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.js +1 -1
- package/dist/esm/bonus-pagination-limits_6.entry.js +541 -63
- package/dist/player-elevate-points-history/{p-6c0e2e3f.entry.js → p-bb33b2db.entry.js} +1 -1
- package/dist/player-elevate-points-history/player-elevate-points-history.esm.js +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/player-elevate-points-history/player-elevate-points-history.d.ts +1 -1
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/player-elevate-points-history/.stencil/packages/stencil/player-elevate-points-history/stencil.config.dev.d.ts +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement, a as getAssetPath, F as Fragment } from './index-0dc7e971.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h as h$1, g as getElement, a as getAssetPath, F as Fragment } from './index-0dc7e971.js';
|
|
2
2
|
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';
|
|
3
3
|
|
|
4
4
|
const DEFAULT_LANGUAGE$1 = 'en';
|
|
@@ -71,14 +71,14 @@ const BonusPaginationLimits = class {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
renderStylingWrapper() {
|
|
74
|
-
return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
|
|
74
|
+
return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl });
|
|
75
75
|
}
|
|
76
76
|
render() {
|
|
77
|
-
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) => {
|
|
78
|
-
return (h("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
|
|
77
|
+
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) => {
|
|
78
|
+
return (h$1("li", { class: `${this.limit == pageLimit ? 'Active' : ''} PageSize Item`, onClick: () => {
|
|
79
79
|
this.onPageLimitClicked(pageLimit);
|
|
80
80
|
} }, pageLimit));
|
|
81
|
-
})), h("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
|
|
81
|
+
})), h$1("general-styling-wrapper", { key: 'a8b9632e7421318e330f33b9c1cc9eb7121e35e9', targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), this.renderStylingWrapper());
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
BonusPaginationLimits.style = BonusPaginationLimitsStyle0;
|
|
@@ -206,14 +206,14 @@ const BonusPaginationNav = class {
|
|
|
206
206
|
this.reloadPageEmitter.emit({ offset, limit: this.limit, tableId: this.tableId });
|
|
207
207
|
}
|
|
208
208
|
renderPageList() {
|
|
209
|
-
return h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
|
|
210
|
-
return (h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
|
|
209
|
+
return h$1("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
|
|
210
|
+
return (h$1("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
|
|
211
211
|
this.goTo(page);
|
|
212
212
|
} }, page));
|
|
213
213
|
}));
|
|
214
214
|
}
|
|
215
215
|
renderStylingWrapper() {
|
|
216
|
-
return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
|
|
216
|
+
return h$1("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
|
|
217
217
|
}
|
|
218
218
|
/**
|
|
219
219
|
*
|
|
@@ -291,23 +291,23 @@ const BonusPaginationNav = class {
|
|
|
291
291
|
render() {
|
|
292
292
|
const startOffset = (this.currentPage - 1) * this.limit + 1;
|
|
293
293
|
const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
|
|
294
|
-
return h("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
|
|
294
|
+
return h$1("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h$1("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
|
|
295
295
|
values: {
|
|
296
296
|
start: startOffset,
|
|
297
297
|
end: endOffset,
|
|
298
298
|
total: this.total
|
|
299
299
|
}
|
|
300
|
-
})), h("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
|
|
301
|
-
h("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
300
|
+
})), h$1("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
|
|
301
|
+
h$1("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
302
302
|
this.goTo(1);
|
|
303
303
|
} }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
|
|
304
|
-
h("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
304
|
+
h$1("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
305
305
|
this.goTo(this.currentPage - 1);
|
|
306
306
|
} }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
|
|
307
|
-
h("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
|
|
307
|
+
h$1("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
|
|
308
308
|
this.goTo(this.currentPage + 1);
|
|
309
309
|
} }, translate('nextPage', this.language)), this.arrowsActive &&
|
|
310
|
-
h("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
310
|
+
h$1("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
311
311
|
this.goTo(this.endPageIndex + 1);
|
|
312
312
|
} }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
|
|
313
313
|
}
|
|
@@ -390,7 +390,7 @@ const GeneralStylingWrapper = class {
|
|
|
390
390
|
return await Promise.all(promises);
|
|
391
391
|
}
|
|
392
392
|
render() {
|
|
393
|
-
return (h("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
|
|
393
|
+
return (h$1("div", { key: '4d3414408c7662f88331dbe655966237f74d6958', class: "StyleShell" }, h$1("slot", { key: '1d004644d84602c4314bdf5dfc26b55b160f57df', name: "mainContent" })));
|
|
394
394
|
}
|
|
395
395
|
get el() { return getElement(this); }
|
|
396
396
|
};
|
|
@@ -920,9 +920,9 @@ const PlayerElevatePointcard = class {
|
|
|
920
920
|
render() {
|
|
921
921
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
922
922
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
923
|
-
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: () => {
|
|
923
|
+
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: () => {
|
|
924
924
|
this.onDetailsClick();
|
|
925
|
-
} }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
925
|
+
} }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h$1("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
926
926
|
}
|
|
927
927
|
static get watchers() { return {
|
|
928
928
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1025,43 +1025,43 @@ const getUriByWalletType = (type) => `/v1/elevate/${type == WalletType.history ?
|
|
|
1025
1025
|
|
|
1026
1026
|
const WalletItem = ({ locale, wallet, walletType }) => {
|
|
1027
1027
|
if (walletType === WalletType.history) {
|
|
1028
|
-
return h("div", { class: "RecordContainer" },
|
|
1028
|
+
return h$1("div", { class: "RecordContainer" },
|
|
1029
1029
|
wallet.payload &&
|
|
1030
|
-
h("div", { class: "Row" },
|
|
1031
|
-
h("div", { class: "Title" }, wallet.payload.displayName),
|
|
1032
|
-
h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1033
|
-
h("span", { class: "HistoryPoints" },
|
|
1030
|
+
h$1("div", { class: "Row" },
|
|
1031
|
+
h$1("div", { class: "Title" }, wallet.payload.displayName),
|
|
1032
|
+
h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1033
|
+
h$1("span", { class: "HistoryPoints" },
|
|
1034
1034
|
Math.abs(wallet.points),
|
|
1035
1035
|
" ",
|
|
1036
1036
|
locale.coins))),
|
|
1037
|
-
h("div", { class: "Row" },
|
|
1038
|
-
h("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
|
|
1037
|
+
h$1("div", { class: "Row" },
|
|
1038
|
+
h$1("div", { class: wallet.payload ? 'PointType' : 'Title' }, locale.pointType[wallet.pointType] || wallet.pointType),
|
|
1039
1039
|
!wallet.payload &&
|
|
1040
|
-
h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1041
|
-
h("span", { class: "HistoryPoints" },
|
|
1040
|
+
h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1041
|
+
h$1("span", { class: "HistoryPoints" },
|
|
1042
1042
|
Math.abs(wallet.points),
|
|
1043
1043
|
" ",
|
|
1044
1044
|
locale.coins))),
|
|
1045
|
-
h("div", { class: "Row" },
|
|
1046
|
-
h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
|
|
1045
|
+
h$1("div", { class: "Row" },
|
|
1046
|
+
h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified)))));
|
|
1047
1047
|
}
|
|
1048
1048
|
else {
|
|
1049
|
-
return (h("div", { class: "RecordContainer" },
|
|
1050
|
-
h("div", { class: `Row ${wallet.pointType}` },
|
|
1051
|
-
h("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
|
|
1052
|
-
h("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1053
|
-
h("span", { class: "Points" },
|
|
1049
|
+
return (h$1("div", { class: "RecordContainer" },
|
|
1050
|
+
h$1("div", { class: `Row ${wallet.pointType}` },
|
|
1051
|
+
h$1("div", { class: "Title" }, locale.pointType[wallet.pointType] || wallet.pointType),
|
|
1052
|
+
h$1("div", { class: `Amount ${getAmountConfig(wallet.points).class}` },
|
|
1053
|
+
h$1("span", { class: "Points" },
|
|
1054
1054
|
getAmountConfig(wallet.points).symbol,
|
|
1055
1055
|
" ",
|
|
1056
1056
|
wallet.points))),
|
|
1057
|
-
h("div", { class: "Row" },
|
|
1058
|
-
h("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
|
|
1057
|
+
h$1("div", { class: "Row" },
|
|
1058
|
+
h$1("div", { class: "DateTime" }, formatDate(new Date(wallet.modified))))));
|
|
1059
1059
|
}
|
|
1060
1060
|
};
|
|
1061
|
-
const renderWallets = (locale, wallets, pageSetting) => wallets && (h(Fragment, null,
|
|
1062
|
-
h("div", { class: "Records" }, wallets.map(wallet => h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
|
|
1063
|
-
h("div", { class: "PaginationContainer" },
|
|
1064
|
-
h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
|
|
1061
|
+
const renderWallets = (locale, wallets, pageSetting) => wallets && (h$1(Fragment, null,
|
|
1062
|
+
h$1("div", { class: "Records" }, wallets.map(wallet => h$1(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId }))),
|
|
1063
|
+
h$1("div", { class: "PaginationContainer" },
|
|
1064
|
+
h$1("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, displayPageNumbers: pageSetting.displayPageNumbers, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
|
|
1065
1065
|
const getAmountConfig = (amount) => {
|
|
1066
1066
|
if (amount > 0) {
|
|
1067
1067
|
return {
|
|
@@ -1105,33 +1105,511 @@ const menuSvg = `<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns
|
|
|
1105
1105
|
</svg>
|
|
1106
1106
|
`;
|
|
1107
1107
|
|
|
1108
|
-
const renderTopBar = (locale, type, pageSetting) => h("div", { class: "TopBarContainer" },
|
|
1109
|
-
h("div", { class: "BackImageContainer" },
|
|
1110
|
-
h("span", { class: "BackImage", innerHTML: backSvg })),
|
|
1111
|
-
h("div", { class: "TitleContainer" },
|
|
1112
|
-
h("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
|
|
1113
|
-
h("div", { class: 'Limits' },
|
|
1114
|
-
h("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
|
|
1115
|
-
h("div", null,
|
|
1116
|
-
h("span", { class: "MenuImage", innerHTML: menuSvg })));
|
|
1108
|
+
const renderTopBar = (locale, type, pageSetting) => h$1("div", { class: "TopBarContainer" },
|
|
1109
|
+
h$1("div", { class: "BackImageContainer" },
|
|
1110
|
+
h$1("span", { class: "BackImage", innerHTML: backSvg })),
|
|
1111
|
+
h$1("div", { class: "TitleContainer" },
|
|
1112
|
+
h$1("div", { class: "Title", title: locale.barTitle[type] }, locale.barTitle[type]),
|
|
1113
|
+
h$1("div", { class: 'Limits' },
|
|
1114
|
+
h$1("bonus-pagination-limits", { pageLimitOptions: pageSetting.pageLimitOptions, limit: pageSetting.limit }))),
|
|
1115
|
+
h$1("div", null,
|
|
1116
|
+
h$1("span", { class: "MenuImage", innerHTML: menuSvg })));
|
|
1117
1117
|
|
|
1118
|
-
const renderTabs = (locale, type, onChangeTab) => h("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
|
|
1118
|
+
const renderTabs = (locale, type, onChangeTab) => h$1("div", { class: "Tabs Row" }, Object.keys(WalletType).map(key => {
|
|
1119
1119
|
const isActive = key === type;
|
|
1120
1120
|
const cssActive = isActive ? 'active' : '';
|
|
1121
|
-
return (h("div", null,
|
|
1122
|
-
h("div", { class: `TabText ${cssActive}`, onClick: () => {
|
|
1121
|
+
return (h$1("div", null,
|
|
1122
|
+
h$1("div", { class: `TabText ${cssActive}`, onClick: () => {
|
|
1123
1123
|
onChangeTab(key);
|
|
1124
1124
|
} }, locale.tabTitle[key]),
|
|
1125
|
-
h("div", { class: `TabBorderBottom ${cssActive}` })));
|
|
1125
|
+
h$1("div", { class: `TabBorderBottom ${cssActive}` })));
|
|
1126
1126
|
}));
|
|
1127
1127
|
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
}
|
|
1128
|
+
function a() {
|
|
1129
|
+
}
|
|
1130
|
+
function N(t) {
|
|
1131
|
+
return t();
|
|
1132
|
+
}
|
|
1133
|
+
function A() {
|
|
1134
|
+
return /* @__PURE__ */ Object.create(null);
|
|
1135
|
+
}
|
|
1136
|
+
function y(t) {
|
|
1137
|
+
t.forEach(N);
|
|
1138
|
+
}
|
|
1139
|
+
function P(t) {
|
|
1140
|
+
return typeof t == "function";
|
|
1141
|
+
}
|
|
1142
|
+
function B(t, e) {
|
|
1143
|
+
return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
|
|
1144
|
+
}
|
|
1145
|
+
function R(t) {
|
|
1146
|
+
return Object.keys(t).length === 0;
|
|
1147
|
+
}
|
|
1148
|
+
function H(t, e) {
|
|
1149
|
+
t.appendChild(e);
|
|
1150
|
+
}
|
|
1151
|
+
function I(t, e, n) {
|
|
1152
|
+
const s = U(t);
|
|
1153
|
+
if (!s.getElementById(e)) {
|
|
1154
|
+
const i = v("style");
|
|
1155
|
+
i.id = e, i.textContent = n, D(s, i);
|
|
1156
|
+
}
|
|
1157
|
+
}
|
|
1158
|
+
function U(t) {
|
|
1159
|
+
if (!t) return document;
|
|
1160
|
+
const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
|
|
1161
|
+
return e && /** @type {ShadowRoot} */
|
|
1162
|
+
e.host ? (
|
|
1163
|
+
/** @type {ShadowRoot} */
|
|
1164
|
+
e
|
|
1165
|
+
) : t.ownerDocument;
|
|
1166
|
+
}
|
|
1167
|
+
function D(t, e) {
|
|
1168
|
+
return H(
|
|
1169
|
+
/** @type {Document} */
|
|
1170
|
+
t.head || t,
|
|
1171
|
+
e
|
|
1172
|
+
), e.sheet;
|
|
1173
|
+
}
|
|
1174
|
+
function M(t, e, n) {
|
|
1175
|
+
t.insertBefore(e, n || null);
|
|
1176
|
+
}
|
|
1177
|
+
function E(t) {
|
|
1178
|
+
t.parentNode && t.parentNode.removeChild(t);
|
|
1179
|
+
}
|
|
1180
|
+
function v(t) {
|
|
1181
|
+
return document.createElement(t);
|
|
1182
|
+
}
|
|
1183
|
+
function G(t, e, n) {
|
|
1184
|
+
n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
|
|
1185
|
+
}
|
|
1186
|
+
function J(t) {
|
|
1187
|
+
return Array.from(t.childNodes);
|
|
1188
|
+
}
|
|
1189
|
+
function V(t) {
|
|
1190
|
+
const e = {};
|
|
1191
|
+
return t.childNodes.forEach(
|
|
1192
|
+
/** @param {Element} node */
|
|
1193
|
+
(n) => {
|
|
1194
|
+
e[n.slot || "default"] = !0;
|
|
1195
|
+
}
|
|
1196
|
+
), e;
|
|
1197
|
+
}
|
|
1198
|
+
let C;
|
|
1199
|
+
function p(t) {
|
|
1200
|
+
C = t;
|
|
1201
|
+
}
|
|
1202
|
+
const f = [], x = [];
|
|
1203
|
+
let h = [];
|
|
1204
|
+
const S = [], z = /* @__PURE__ */ Promise.resolve();
|
|
1205
|
+
let w = !1;
|
|
1206
|
+
function F() {
|
|
1207
|
+
w || (w = !0, z.then(m));
|
|
1208
|
+
}
|
|
1209
|
+
function k(t) {
|
|
1210
|
+
h.push(t);
|
|
1211
|
+
}
|
|
1212
|
+
const b = /* @__PURE__ */ new Set();
|
|
1213
|
+
let $ = 0;
|
|
1214
|
+
function m() {
|
|
1215
|
+
if ($ !== 0)
|
|
1216
|
+
return;
|
|
1217
|
+
const t = C;
|
|
1218
|
+
do {
|
|
1219
|
+
try {
|
|
1220
|
+
for (; $ < f.length; ) {
|
|
1221
|
+
const e = f[$];
|
|
1222
|
+
$++, p(e), q(e.$$);
|
|
1223
|
+
}
|
|
1224
|
+
} catch (e) {
|
|
1225
|
+
throw f.length = 0, $ = 0, e;
|
|
1226
|
+
}
|
|
1227
|
+
for (p(null), f.length = 0, $ = 0; x.length; ) x.pop()();
|
|
1228
|
+
for (let e = 0; e < h.length; e += 1) {
|
|
1229
|
+
const n = h[e];
|
|
1230
|
+
b.has(n) || (b.add(n), n());
|
|
1231
|
+
}
|
|
1232
|
+
h.length = 0;
|
|
1233
|
+
} while (f.length);
|
|
1234
|
+
for (; S.length; )
|
|
1235
|
+
S.pop()();
|
|
1236
|
+
w = !1, b.clear(), p(t);
|
|
1237
|
+
}
|
|
1238
|
+
function q(t) {
|
|
1239
|
+
if (t.fragment !== null) {
|
|
1240
|
+
t.update(), y(t.before_update);
|
|
1241
|
+
const e = t.dirty;
|
|
1242
|
+
t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(k);
|
|
1243
|
+
}
|
|
1244
|
+
}
|
|
1245
|
+
function K(t) {
|
|
1246
|
+
const e = [], n = [];
|
|
1247
|
+
h.forEach((s) => t.indexOf(s) === -1 ? e.push(s) : n.push(s)), n.forEach((s) => s()), h = e;
|
|
1248
|
+
}
|
|
1249
|
+
const Q = /* @__PURE__ */ new Set();
|
|
1250
|
+
function W(t, e) {
|
|
1251
|
+
t && t.i && (Q.delete(t), t.i(e));
|
|
1252
|
+
}
|
|
1253
|
+
function X(t, e, n) {
|
|
1254
|
+
const { fragment: s, after_update: i } = t.$$;
|
|
1255
|
+
s && s.m(e, n), k(() => {
|
|
1256
|
+
const l = t.$$.on_mount.map(N).filter(P);
|
|
1257
|
+
t.$$.on_destroy ? t.$$.on_destroy.push(...l) : y(l), t.$$.on_mount = [];
|
|
1258
|
+
}), i.forEach(k);
|
|
1259
|
+
}
|
|
1260
|
+
function Y(t, e) {
|
|
1261
|
+
const n = t.$$;
|
|
1262
|
+
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 = []);
|
|
1263
|
+
}
|
|
1264
|
+
function Z(t, e) {
|
|
1265
|
+
t.$$.dirty[0] === -1 && (f.push(t), F(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
|
|
1266
|
+
}
|
|
1267
|
+
function tt(t, e, n, s, i, l, u = null, c = [-1]) {
|
|
1268
|
+
const o = C;
|
|
1269
|
+
p(t);
|
|
1270
|
+
const r = t.$$ = {
|
|
1271
|
+
fragment: null,
|
|
1272
|
+
ctx: [],
|
|
1273
|
+
// state
|
|
1274
|
+
props: l,
|
|
1275
|
+
update: a,
|
|
1276
|
+
not_equal: i,
|
|
1277
|
+
bound: A(),
|
|
1278
|
+
// lifecycle
|
|
1279
|
+
on_mount: [],
|
|
1280
|
+
on_destroy: [],
|
|
1281
|
+
on_disconnect: [],
|
|
1282
|
+
before_update: [],
|
|
1283
|
+
after_update: [],
|
|
1284
|
+
context: new Map(e.context || (o ? o.$$.context : [])),
|
|
1285
|
+
// everything else
|
|
1286
|
+
callbacks: A(),
|
|
1287
|
+
dirty: c,
|
|
1288
|
+
skip_bound: !1,
|
|
1289
|
+
root: e.target || o.$$.root
|
|
1290
|
+
};
|
|
1291
|
+
u && u(r.root);
|
|
1292
|
+
let _ = !1;
|
|
1293
|
+
if (r.ctx = n(t, e.props || {}, (d, L, ...j) => {
|
|
1294
|
+
const O = j.length ? j[0] : L;
|
|
1295
|
+
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;
|
|
1296
|
+
}), r.update(), _ = !0, y(r.before_update), r.fragment = s(r.ctx), e.target) {
|
|
1297
|
+
if (e.hydrate) {
|
|
1298
|
+
const d = J(e.target);
|
|
1299
|
+
r.fragment && r.fragment.l(d), d.forEach(E);
|
|
1300
|
+
} else
|
|
1301
|
+
r.fragment && r.fragment.c();
|
|
1302
|
+
e.intro && W(t.$$.fragment), X(t, e.target, e.anchor), m();
|
|
1303
|
+
}
|
|
1304
|
+
p(o);
|
|
1305
|
+
}
|
|
1306
|
+
let T;
|
|
1307
|
+
typeof HTMLElement == "function" && (T = class extends HTMLElement {
|
|
1308
|
+
/** The Svelte component constructor */
|
|
1309
|
+
$$ctor;
|
|
1310
|
+
/** Slots */
|
|
1311
|
+
$$s;
|
|
1312
|
+
/** The Svelte component instance */
|
|
1313
|
+
$$c;
|
|
1314
|
+
/** Whether or not the custom element is connected */
|
|
1315
|
+
$$cn = !1;
|
|
1316
|
+
/** Component props data */
|
|
1317
|
+
$$d = {};
|
|
1318
|
+
/** `true` if currently in the process of reflecting component props back to attributes */
|
|
1319
|
+
$$r = !1;
|
|
1320
|
+
/** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
|
|
1321
|
+
$$p_d = {};
|
|
1322
|
+
/** @type {Record<string, Function[]>} Event listeners */
|
|
1323
|
+
$$l = {};
|
|
1324
|
+
/** @type {Map<Function, Function>} Event listener unsubscribe functions */
|
|
1325
|
+
$$l_u = /* @__PURE__ */ new Map();
|
|
1326
|
+
constructor(t, e, n) {
|
|
1327
|
+
super(), this.$$ctor = t, this.$$s = e, n && this.attachShadow({ mode: "open" });
|
|
1328
|
+
}
|
|
1329
|
+
addEventListener(t, e, n) {
|
|
1330
|
+
if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(e), this.$$c) {
|
|
1331
|
+
const s = this.$$c.$on(t, e);
|
|
1332
|
+
this.$$l_u.set(e, s);
|
|
1333
|
+
}
|
|
1334
|
+
super.addEventListener(t, e, n);
|
|
1335
|
+
}
|
|
1336
|
+
removeEventListener(t, e, n) {
|
|
1337
|
+
if (super.removeEventListener(t, e, n), this.$$c) {
|
|
1338
|
+
const s = this.$$l_u.get(e);
|
|
1339
|
+
s && (s(), this.$$l_u.delete(e));
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
async connectedCallback() {
|
|
1343
|
+
if (this.$$cn = !0, !this.$$c) {
|
|
1344
|
+
let t = function(i) {
|
|
1345
|
+
return () => {
|
|
1346
|
+
let l;
|
|
1347
|
+
return {
|
|
1348
|
+
c: function() {
|
|
1349
|
+
l = v("slot"), i !== "default" && G(l, "name", i);
|
|
1350
|
+
},
|
|
1351
|
+
/**
|
|
1352
|
+
* @param {HTMLElement} target
|
|
1353
|
+
* @param {HTMLElement} [anchor]
|
|
1354
|
+
*/
|
|
1355
|
+
m: function(o, r) {
|
|
1356
|
+
M(o, l, r);
|
|
1357
|
+
},
|
|
1358
|
+
d: function(o) {
|
|
1359
|
+
o && E(l);
|
|
1360
|
+
}
|
|
1361
|
+
};
|
|
1362
|
+
};
|
|
1363
|
+
};
|
|
1364
|
+
if (await Promise.resolve(), !this.$$cn || this.$$c)
|
|
1365
|
+
return;
|
|
1366
|
+
const e = {}, n = V(this);
|
|
1367
|
+
for (const i of this.$$s)
|
|
1368
|
+
i in n && (e[i] = [t(i)]);
|
|
1369
|
+
for (const i of this.attributes) {
|
|
1370
|
+
const l = this.$$g_p(i.name);
|
|
1371
|
+
l in this.$$d || (this.$$d[l] = g(l, i.value, this.$$p_d, "toProp"));
|
|
1372
|
+
}
|
|
1373
|
+
for (const i in this.$$p_d)
|
|
1374
|
+
!(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
|
|
1375
|
+
this.$$c = new this.$$ctor({
|
|
1376
|
+
target: this.shadowRoot || this,
|
|
1377
|
+
props: {
|
|
1378
|
+
...this.$$d,
|
|
1379
|
+
$$slots: e,
|
|
1380
|
+
$$scope: {
|
|
1381
|
+
ctx: []
|
|
1382
|
+
}
|
|
1383
|
+
}
|
|
1384
|
+
});
|
|
1385
|
+
const s = () => {
|
|
1386
|
+
this.$$r = !0;
|
|
1387
|
+
for (const i in this.$$p_d)
|
|
1388
|
+
if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
|
|
1389
|
+
const l = g(
|
|
1390
|
+
i,
|
|
1391
|
+
this.$$d[i],
|
|
1392
|
+
this.$$p_d,
|
|
1393
|
+
"toAttribute"
|
|
1394
|
+
);
|
|
1395
|
+
l == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, l);
|
|
1396
|
+
}
|
|
1397
|
+
this.$$r = !1;
|
|
1398
|
+
};
|
|
1399
|
+
this.$$c.$$.after_update.push(s), s();
|
|
1400
|
+
for (const i in this.$$l)
|
|
1401
|
+
for (const l of this.$$l[i]) {
|
|
1402
|
+
const u = this.$$c.$on(i, l);
|
|
1403
|
+
this.$$l_u.set(l, u);
|
|
1404
|
+
}
|
|
1405
|
+
this.$$l = {};
|
|
1406
|
+
}
|
|
1407
|
+
}
|
|
1408
|
+
// We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
|
|
1409
|
+
// and setting attributes through setAttribute etc, this is helpful
|
|
1410
|
+
attributeChangedCallback(t, e, n) {
|
|
1411
|
+
this.$$r || (t = this.$$g_p(t), this.$$d[t] = g(t, n, this.$$p_d, "toProp"), this.$$c?.$set({ [t]: this.$$d[t] }));
|
|
1412
|
+
}
|
|
1413
|
+
disconnectedCallback() {
|
|
1414
|
+
this.$$cn = !1, Promise.resolve().then(() => {
|
|
1415
|
+
!this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$c = void 0);
|
|
1416
|
+
});
|
|
1417
|
+
}
|
|
1418
|
+
$$g_p(t) {
|
|
1419
|
+
return Object.keys(this.$$p_d).find(
|
|
1420
|
+
(e) => this.$$p_d[e].attribute === t || !this.$$p_d[e].attribute && e.toLowerCase() === t
|
|
1421
|
+
) || t;
|
|
1422
|
+
}
|
|
1423
|
+
});
|
|
1424
|
+
function g(t, e, n, s) {
|
|
1425
|
+
const i = n[t]?.type;
|
|
1426
|
+
if (e = i === "Boolean" && typeof e != "boolean" ? e != null : e, !s || !n[t])
|
|
1427
|
+
return e;
|
|
1428
|
+
if (s === "toAttribute")
|
|
1429
|
+
switch (i) {
|
|
1430
|
+
case "Object":
|
|
1431
|
+
case "Array":
|
|
1432
|
+
return e == null ? null : JSON.stringify(e);
|
|
1433
|
+
case "Boolean":
|
|
1434
|
+
return e ? "" : null;
|
|
1435
|
+
case "Number":
|
|
1436
|
+
return e ?? null;
|
|
1437
|
+
default:
|
|
1438
|
+
return e;
|
|
1439
|
+
}
|
|
1440
|
+
else
|
|
1441
|
+
switch (i) {
|
|
1442
|
+
case "Object":
|
|
1443
|
+
case "Array":
|
|
1444
|
+
return e && JSON.parse(e);
|
|
1445
|
+
case "Boolean":
|
|
1446
|
+
return e;
|
|
1447
|
+
case "Number":
|
|
1448
|
+
return e != null ? +e : e;
|
|
1449
|
+
default:
|
|
1450
|
+
return e;
|
|
1451
|
+
}
|
|
1452
|
+
}
|
|
1453
|
+
function et(t, e, n, s, i, l) {
|
|
1454
|
+
let u = class extends T {
|
|
1455
|
+
constructor() {
|
|
1456
|
+
super(t, n, i), this.$$p_d = e;
|
|
1457
|
+
}
|
|
1458
|
+
static get observedAttributes() {
|
|
1459
|
+
return Object.keys(e).map(
|
|
1460
|
+
(c) => (e[c].attribute || c).toLowerCase()
|
|
1461
|
+
);
|
|
1462
|
+
}
|
|
1463
|
+
};
|
|
1464
|
+
return Object.keys(e).forEach((c) => {
|
|
1465
|
+
Object.defineProperty(u.prototype, c, {
|
|
1466
|
+
get() {
|
|
1467
|
+
return this.$$c && c in this.$$c ? this.$$c[c] : this.$$d[c];
|
|
1468
|
+
},
|
|
1469
|
+
set(o) {
|
|
1470
|
+
o = g(c, o, e), this.$$d[c] = o, this.$$c?.$set({ [c]: o });
|
|
1471
|
+
}
|
|
1472
|
+
});
|
|
1473
|
+
}), s.forEach((c) => {
|
|
1474
|
+
Object.defineProperty(u.prototype, c, {
|
|
1475
|
+
get() {
|
|
1476
|
+
return this.$$c?.[c];
|
|
1477
|
+
}
|
|
1478
|
+
});
|
|
1479
|
+
}), t.element = /** @type {any} */
|
|
1480
|
+
u, u;
|
|
1481
|
+
}
|
|
1482
|
+
class nt {
|
|
1483
|
+
/**
|
|
1484
|
+
* ### PRIVATE API
|
|
1485
|
+
*
|
|
1486
|
+
* Do not use, may change at any time
|
|
1487
|
+
*
|
|
1488
|
+
* @type {any}
|
|
1489
|
+
*/
|
|
1490
|
+
$$ = void 0;
|
|
1491
|
+
/**
|
|
1492
|
+
* ### PRIVATE API
|
|
1493
|
+
*
|
|
1494
|
+
* Do not use, may change at any time
|
|
1495
|
+
*
|
|
1496
|
+
* @type {any}
|
|
1497
|
+
*/
|
|
1498
|
+
$$set = void 0;
|
|
1499
|
+
/** @returns {void} */
|
|
1500
|
+
$destroy() {
|
|
1501
|
+
Y(this, 1), this.$destroy = a;
|
|
1502
|
+
}
|
|
1503
|
+
/**
|
|
1504
|
+
* @template {Extract<keyof Events, string>} K
|
|
1505
|
+
* @param {K} type
|
|
1506
|
+
* @param {((e: Events[K]) => void) | null | undefined} callback
|
|
1507
|
+
* @returns {() => void}
|
|
1508
|
+
*/
|
|
1509
|
+
$on(e, n) {
|
|
1510
|
+
if (!P(n))
|
|
1511
|
+
return a;
|
|
1512
|
+
const s = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
|
|
1513
|
+
return s.push(n), () => {
|
|
1514
|
+
const i = s.indexOf(n);
|
|
1515
|
+
i !== -1 && s.splice(i, 1);
|
|
1516
|
+
};
|
|
1517
|
+
}
|
|
1518
|
+
/**
|
|
1519
|
+
* @param {Partial<Props>} props
|
|
1520
|
+
* @returns {void}
|
|
1521
|
+
*/
|
|
1522
|
+
$set(e) {
|
|
1523
|
+
this.$$set && !R(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
|
|
1524
|
+
}
|
|
1525
|
+
}
|
|
1526
|
+
const it = "4";
|
|
1527
|
+
typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(it);
|
|
1528
|
+
function st(t) {
|
|
1529
|
+
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)}}");
|
|
1530
|
+
}
|
|
1531
|
+
function rt(t) {
|
|
1532
|
+
let e;
|
|
1533
|
+
return {
|
|
1534
|
+
c() {
|
|
1535
|
+
e = v("div"), e.innerHTML = '<section class="LoaderContainer" part="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
|
|
1536
|
+
},
|
|
1537
|
+
m(n, s) {
|
|
1538
|
+
M(n, e, s), t[3](e);
|
|
1539
|
+
},
|
|
1540
|
+
p: a,
|
|
1541
|
+
i: a,
|
|
1542
|
+
o: a,
|
|
1543
|
+
d(n) {
|
|
1544
|
+
n && E(e), t[3](null);
|
|
1545
|
+
}
|
|
1546
|
+
};
|
|
1547
|
+
}
|
|
1548
|
+
function lt(t, e, n) {
|
|
1549
|
+
let { clientstyling: s = "" } = e, { clientstylingurl: i = "" } = e, l;
|
|
1550
|
+
const u = () => {
|
|
1551
|
+
let r = document.createElement("style");
|
|
1552
|
+
r.innerHTML = s, l.appendChild(r);
|
|
1553
|
+
}, c = () => {
|
|
1554
|
+
let r = new URL(i), _ = document.createElement("style");
|
|
1555
|
+
fetch(r.href).then((d) => d.text()).then((d) => {
|
|
1556
|
+
_.innerHTML = d, setTimeout(
|
|
1557
|
+
() => {
|
|
1558
|
+
l.appendChild(_);
|
|
1559
|
+
},
|
|
1560
|
+
1
|
|
1561
|
+
), setTimeout(
|
|
1562
|
+
() => {
|
|
1563
|
+
},
|
|
1564
|
+
500
|
|
1565
|
+
);
|
|
1566
|
+
});
|
|
1567
|
+
};
|
|
1568
|
+
function o(r) {
|
|
1569
|
+
x[r ? "unshift" : "push"](() => {
|
|
1570
|
+
l = r, n(0, l);
|
|
1571
|
+
});
|
|
1572
|
+
}
|
|
1573
|
+
return t.$$set = (r) => {
|
|
1574
|
+
"clientstyling" in r && n(1, s = r.clientstyling), "clientstylingurl" in r && n(2, i = r.clientstylingurl);
|
|
1575
|
+
}, t.$$.update = () => {
|
|
1576
|
+
t.$$.dirty & /*clientstyling, customStylingContainer*/
|
|
1577
|
+
3 && s && l && u(), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
|
|
1578
|
+
5 && i && l && c();
|
|
1579
|
+
}, [l, s, i, o];
|
|
1580
|
+
}
|
|
1581
|
+
class ct extends nt {
|
|
1582
|
+
constructor(e) {
|
|
1583
|
+
super(), tt(this, e, lt, rt, B, { clientstyling: 1, clientstylingurl: 2 }, st);
|
|
1584
|
+
}
|
|
1585
|
+
get clientstyling() {
|
|
1586
|
+
return this.$$.ctx[1];
|
|
1587
|
+
}
|
|
1588
|
+
set clientstyling(e) {
|
|
1589
|
+
this.$$set({ clientstyling: e }), m();
|
|
1590
|
+
}
|
|
1591
|
+
get clientstylingurl() {
|
|
1592
|
+
return this.$$.ctx[2];
|
|
1593
|
+
}
|
|
1594
|
+
set clientstylingurl(e) {
|
|
1595
|
+
this.$$set({ clientstylingurl: e }), m();
|
|
1596
|
+
}
|
|
1597
|
+
}
|
|
1598
|
+
et(ct, { clientstyling: {}, clientstylingurl: {} }, [], [], !0);
|
|
1133
1599
|
|
|
1134
|
-
|
|
1600
|
+
function i(n) {
|
|
1601
|
+
return function(...t) {
|
|
1602
|
+
try {
|
|
1603
|
+
return n.apply(this, t);
|
|
1604
|
+
} catch (e) {
|
|
1605
|
+
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"))
|
|
1606
|
+
return !1;
|
|
1607
|
+
throw e;
|
|
1608
|
+
}
|
|
1609
|
+
};
|
|
1610
|
+
}
|
|
1611
|
+
customElements.define = i(customElements.define);
|
|
1612
|
+
!customElements.get("general-animation-loading") && customElements.define("general-animation-loading", ct.element);
|
|
1135
1613
|
|
|
1136
1614
|
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}";
|
|
1137
1615
|
const PlayerElevatePointsHistoryStyle0 = playerElevatePointsHistoryCss;
|
|
@@ -1190,11 +1668,11 @@ const PlayerElevatePointsHistory = class {
|
|
|
1190
1668
|
}
|
|
1191
1669
|
loadWallets(renderer) {
|
|
1192
1670
|
if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
|
|
1193
|
-
return h("general-animation-loading", null);
|
|
1671
|
+
return h$1("general-animation-loading", null);
|
|
1194
1672
|
}
|
|
1195
1673
|
else {
|
|
1196
1674
|
if (this.pointsWallets[this.type].wallets.length === 0) {
|
|
1197
|
-
return (h("div", { class: "NoContent" }, this.locale.noContent));
|
|
1675
|
+
return (h$1("div", { class: "NoContent" }, this.locale.noContent));
|
|
1198
1676
|
}
|
|
1199
1677
|
else {
|
|
1200
1678
|
return renderer();
|
|
@@ -1204,13 +1682,13 @@ const PlayerElevatePointsHistory = class {
|
|
|
1204
1682
|
render() {
|
|
1205
1683
|
var _a, _b;
|
|
1206
1684
|
const pageSetting = this.getPageSettingByType(this.type);
|
|
1207
|
-
return (h("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
|
|
1685
|
+
return (h$1("main", { key: 'a92c0b154fec4d3ce8b8e919b9af5ebd80f1d125' }, h$1("general-styling-wrapper", { key: '5095ab265d71f9e74f6f049b7b0b212ae11bc4da', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
|
|
1208
1686
|
// @ts-ignore
|
|
1209
|
-
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" }, [
|
|
1687
|
+
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" }, [
|
|
1210
1688
|
renderTopBar(this.locale, this.type, pageSetting),
|
|
1211
1689
|
renderTabs(this.locale, this.type, (type) => this.switchTab(type)),
|
|
1212
1690
|
((_a = this.pointsWallets[this.type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)
|
|
1213
|
-
? h("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
|
|
1691
|
+
? h$1("div", { class: 'ReloadMsg' }, this.locale['reloadMsgWhenError'], h$1("a", { class: 'Reload', onClick: () => { this.updateWallets(); } }, this.locale['reload']))
|
|
1214
1692
|
: this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting))
|
|
1215
1693
|
])));
|
|
1216
1694
|
}
|