@everymatrix/player-elevate-level 1.68.0 → 1.69.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-elevate-levels_8.cjs.entry.js +8 -3
- package/dist/cjs/{player-elevate-card-items-0956a039.js → player-elevate-card-items-87c795e4.js} +2 -0
- package/dist/cjs/player-elevate-card.cjs.entry.js +1 -1
- package/dist/cjs/player-elevate-pointcard.cjs.entry.js +3 -3
- package/dist/esm/bonus-elevate-levels_8.entry.js +8 -3
- package/dist/esm/{player-elevate-card-items-ba5222ab.js → player-elevate-card-items-a72d9079.js} +2 -1
- package/dist/esm/player-elevate-card.entry.js +1 -1
- package/dist/esm/player-elevate-pointcard.entry.js +3 -3
- package/dist/player-elevate-level/bonus-elevate-levels_8.entry.js +1 -1
- package/dist/player-elevate-level/{player-elevate-card-items-ba5222ab.js → player-elevate-card-items-a72d9079.js} +1 -1
- package/dist/player-elevate-level/player-elevate-card.entry.js +1 -1
- package/dist/player-elevate-level/player-elevate-pointcard.entry.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-fc200b31.js');
|
|
6
6
|
const locale_utils = require('./locale.utils-6b4c0dbd.js');
|
|
7
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
7
|
+
const playerElevateCardItems = require('./player-elevate-card-items-87c795e4.js');
|
|
8
8
|
|
|
9
9
|
const DEFAULT_LANGUAGE = 'en';
|
|
10
10
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr', 'tr'];
|
|
@@ -378,6 +378,10 @@ const mergeTranslations = (url, target) => {
|
|
|
378
378
|
});
|
|
379
379
|
});
|
|
380
380
|
resolve(true);
|
|
381
|
+
})
|
|
382
|
+
.catch(err => {
|
|
383
|
+
console.error("Failed to load translations:", err);
|
|
384
|
+
resolve(false);
|
|
381
385
|
});
|
|
382
386
|
});
|
|
383
387
|
};
|
|
@@ -923,7 +927,7 @@ const PlayerElevateLevel = class {
|
|
|
923
927
|
};
|
|
924
928
|
PlayerElevateLevel.style = PlayerElevateLevelStyle0;
|
|
925
929
|
|
|
926
|
-
const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:
|
|
930
|
+
const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";
|
|
927
931
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
928
932
|
|
|
929
933
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -992,7 +996,8 @@ const PlayerElevateLoyaltycard = class {
|
|
|
992
996
|
render() {
|
|
993
997
|
const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
|
|
994
998
|
const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
|
|
995
|
-
return (index.h("div", { key: '
|
|
999
|
+
return (index.h("div", { key: 'aa8f0d13a1e1d26ea7307d05fc50cda507172949', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '485075740ced316bf89f69359bdc8642dbb2af8f', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: '24dc58d3f4f6026b113239d1cc9ccfd316142ff9', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: locale_utils.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '0cbffe246628e3927bf76ce5b125b7419cafc25d', params: this.paramProxy }), index.h("div", { key: '36253daeadefe0b3ee2eb2eccb361e5033364202', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '49f97f2c1cafa39556c34432557e000690698105', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '4eab6948bc49da8f28acd5d85364246495f81af5' }, index.h("div", { key: '5f95c9bbafc6f20df602adf279cfcbd069ab2319', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '53c37a7676b053ea9447e833053aa13fb67e0392', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'ce9b24f9bf2b87878edd04ac75ec64545fa62711', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '79ab8fc735a7ddeb9b8786e3f832ec4188d5942f', class: 'CardCell ElevateLevel' }, index.h("span", { key: 'e7cf27215748ce93683ce95dde701dd991e6854b', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), index.h("div", { key: '0c4bfe25c728722d5e97e9728b642e3503940908', class: 'PointsRange' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'f2fba862e377beafb8e7a682503cfce682fb863f', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), index.h(playerElevateCardItems.PlayerPoints, { key: 'a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), index.h(playerElevateCardItems.PlayerLoyaltyProcess, { key: 'c185c3ac46e10ec9715fb081a05f9a8d4d8007f9' }), index.h("div", { key: 'd0f85005176bd8acc499cd8e5efe53b9ec2a3b80', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (index.h("div", { key: '763be6168567973ad3df88d116a97dd00d53a6d8', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
1000
|
+
index.h(playerElevateCardItems.LoyaltyLevelExpireDay, { key: '662982c38dd920149566a87503b5de1b123ee414', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
996
1001
|
}
|
|
997
1002
|
static get watchers() { return {
|
|
998
1003
|
"session": ["onSessionOrEndpointChange"],
|
package/dist/cjs/{player-elevate-card-items-0956a039.js → player-elevate-card-items-87c795e4.js}
RENAMED
|
@@ -2212,6 +2212,7 @@ const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (index.h("div",
|
|
|
2212
2212
|
} }, index.h("span", null, locale_utils.translate('redeem', language)))));
|
|
2213
2213
|
const PlayerNameDiv = (props) => (index.h("div", { class: 'CardCell PlayerName Txt' }, props.playerName));
|
|
2214
2214
|
const PlayerElevateLoyaltyLevel = (props) => (index.h("div", { class: 'CardCell ElevateLevel' }, index.h("span", { class: "LevelName", title: props.level }, props.level), props.expireTime && (index.h("div", { class: "CardCell ExpirationDate Txt" }, locale_utils.translate('expireOn', props.language), index.h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')), !props.hideInfo && (index.h("span", { class: "fa Info", style: { 'background': `url(${index.getAssetPath('../static/info.svg')})` } }, index.h("span", { class: "InfoTips", innerHTML: tipsInfoSvg })))))));
|
|
2215
|
+
const LoyaltyLevelExpireDay = (props) => (index.h("div", { class: 'CardCell ElevateLevel Expire' }, index.h("div", { class: "CardCell ExpirationDate Txt" }, locale_utils.translate('expireOn', props.language), index.h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')))));
|
|
2215
2216
|
const PlayerAvatar = (props) => {
|
|
2216
2217
|
const badge = props.loyaltyIconUrl
|
|
2217
2218
|
? index.h("img", { class: "Badge", src: props.loyaltyIconUrl })
|
|
@@ -2220,6 +2221,7 @@ const PlayerAvatar = (props) => {
|
|
|
2220
2221
|
return index.h("div", { class: "PlayerAvatar", style: { 'position': `${props.onlyBadge ? '' : 'relative'}` } }, !props.onlyBadge && index.h("img", { class: "Avatar", src: avatarSrc }), badge);
|
|
2221
2222
|
};
|
|
2222
2223
|
|
|
2224
|
+
exports.LoyaltyLevelExpireDay = LoyaltyLevelExpireDay;
|
|
2223
2225
|
exports.PlayerAvatar = PlayerAvatar;
|
|
2224
2226
|
exports.PlayerElevateCardRedeem = PlayerElevateCardRedeem;
|
|
2225
2227
|
exports.PlayerElevateLoyaltyLevel = PlayerElevateLoyaltyLevel;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-fc200b31.js');
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-87c795e4.js');
|
|
7
7
|
const locale_utils = require('./locale.utils-6b4c0dbd.js');
|
|
8
8
|
|
|
9
9
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-fc200b31.js');
|
|
6
6
|
const locale_utils = require('./locale.utils-6b4c0dbd.js');
|
|
7
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
7
|
+
const playerElevateCardItems = require('./player-elevate-card-items-87c795e4.js');
|
|
8
8
|
|
|
9
9
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
10
10
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -62,9 +62,9 @@ const PlayerElevatePointcard = class {
|
|
|
62
62
|
render() {
|
|
63
63
|
const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
|
|
64
64
|
const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
|
|
65
|
-
return (index.h("div", { key: '
|
|
65
|
+
return (index.h("div", { key: 'ab47a39fc8fa5562e2843755b6b935296f6952fd', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '8b9ce754eb082af8005b40915e9b2e861ec99287', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'f7d660116db83ce86b36a558441bf02bf74592e6', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: locale_utils.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: 'f42375d3631031e7ef8041ccabe62659858e6ac0', params: this.paramProxy }), index.h("div", { key: '0b5eb08baa589ed85c96e0c5731ea7d93c76d398', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: 'fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5' }, index.h("div", { key: 'ffe65be1e5d9f04a2c3711e9f61f56c95818244b', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '4947af0ebd6978f938d5f3f0185f8700a3506b75', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '2f0a7c4ef826f16472313cca974b4c208c33e83a', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '118eabd6511b72fbb7c78a0ee2d190b719d708ae', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : locale_utils.translate('spendablePoints', this.language)), index.h("div", { key: '5a15d9630c51f23024ddd5967ef8753bac746936', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: '7994e6b898d69a62ec8c4aeb0892a1c718104d7e', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '8d25c48516245dc067676278cd861193ca4863bd', class: "TC", onClick: () => {
|
|
66
66
|
this.onDetailsClick();
|
|
67
|
-
} }, locale_utils.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '
|
|
67
|
+
} }, locale_utils.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '6c221bd9a75643bce76e493addbb45cee6edf8b9', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
68
68
|
}
|
|
69
69
|
static get watchers() { return {
|
|
70
70
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, H as Host, g as getElement, a as getAssetPath, F as Fragment } from './index-625be212.js';
|
|
2
2
|
import { t as translateWithParams, T as TRANSLATIONS$1 } from './locale.utils-34e6f004.js';
|
|
3
|
-
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as
|
|
3
|
+
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, L as LoyaltyLevelExpireDay } from './player-elevate-card-items-a72d9079.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE = 'en';
|
|
6
6
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr', 'tr'];
|
|
@@ -374,6 +374,10 @@ const mergeTranslations = (url, target) => {
|
|
|
374
374
|
});
|
|
375
375
|
});
|
|
376
376
|
resolve(true);
|
|
377
|
+
})
|
|
378
|
+
.catch(err => {
|
|
379
|
+
console.error("Failed to load translations:", err);
|
|
380
|
+
resolve(false);
|
|
377
381
|
});
|
|
378
382
|
});
|
|
379
383
|
};
|
|
@@ -919,7 +923,7 @@ const PlayerElevateLevel = class {
|
|
|
919
923
|
};
|
|
920
924
|
PlayerElevateLevel.style = PlayerElevateLevelStyle0;
|
|
921
925
|
|
|
922
|
-
const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:
|
|
926
|
+
const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";
|
|
923
927
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
924
928
|
|
|
925
929
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -988,7 +992,8 @@ const PlayerElevateLoyaltycard = class {
|
|
|
988
992
|
render() {
|
|
989
993
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
990
994
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
991
|
-
return (h("div", { key: '
|
|
995
|
+
return (h("div", { key: 'aa8f0d13a1e1d26ea7307d05fc50cda507172949', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '485075740ced316bf89f69359bdc8642dbb2af8f', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '24dc58d3f4f6026b113239d1cc9ccfd316142ff9', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '0cbffe246628e3927bf76ce5b125b7419cafc25d', params: this.paramProxy }), h("div", { key: '36253daeadefe0b3ee2eb2eccb361e5033364202', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '49f97f2c1cafa39556c34432557e000690698105', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '4eab6948bc49da8f28acd5d85364246495f81af5' }, h("div", { key: '5f95c9bbafc6f20df602adf279cfcbd069ab2319', class: "PlayerImg" }, h(PlayerAvatar, { key: '53c37a7676b053ea9447e833053aa13fb67e0392', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'ce9b24f9bf2b87878edd04ac75ec64545fa62711', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '79ab8fc735a7ddeb9b8786e3f832ec4188d5942f', class: 'CardCell ElevateLevel' }, h("span", { key: 'e7cf27215748ce93683ce95dde701dd991e6854b', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h("div", { key: '0c4bfe25c728722d5e97e9728b642e3503940908', class: 'PointsRange' }, h(PlayerPoints, { key: 'f2fba862e377beafb8e7a682503cfce682fb863f', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: 'a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: 'c185c3ac46e10ec9715fb081a05f9a8d4d8007f9' }), h("div", { key: 'd0f85005176bd8acc499cd8e5efe53b9ec2a3b80', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '763be6168567973ad3df88d116a97dd00d53a6d8', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
996
|
+
h(LoyaltyLevelExpireDay, { key: '662982c38dd920149566a87503b5de1b123ee414', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
992
997
|
}
|
|
993
998
|
static get watchers() { return {
|
|
994
999
|
"session": ["onSessionOrEndpointChange"],
|
package/dist/esm/{player-elevate-card-items-ba5222ab.js → player-elevate-card-items-a72d9079.js}
RENAMED
|
@@ -2210,6 +2210,7 @@ const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (h("div", { cla
|
|
|
2210
2210
|
} }, h("span", null, translate('redeem', language)))));
|
|
2211
2211
|
const PlayerNameDiv = (props) => (h("div", { class: 'CardCell PlayerName Txt' }, props.playerName));
|
|
2212
2212
|
const PlayerElevateLoyaltyLevel = (props) => (h("div", { class: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: props.level }, props.level), props.expireTime && (h("div", { class: "CardCell ExpirationDate Txt" }, translate('expireOn', props.language), h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')), !props.hideInfo && (h("span", { class: "fa Info", style: { 'background': `url(${getAssetPath('../static/info.svg')})` } }, h("span", { class: "InfoTips", innerHTML: tipsInfoSvg })))))));
|
|
2213
|
+
const LoyaltyLevelExpireDay = (props) => (h("div", { class: 'CardCell ElevateLevel Expire' }, h("div", { class: "CardCell ExpirationDate Txt" }, translate('expireOn', props.language), h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')))));
|
|
2213
2214
|
const PlayerAvatar = (props) => {
|
|
2214
2215
|
const badge = props.loyaltyIconUrl
|
|
2215
2216
|
? h("img", { class: "Badge", src: props.loyaltyIconUrl })
|
|
@@ -2218,4 +2219,4 @@ const PlayerAvatar = (props) => {
|
|
|
2218
2219
|
return h("div", { class: "PlayerAvatar", style: { 'position': `${props.onlyBadge ? '' : 'relative'}` } }, !props.onlyBadge && h("img", { class: "Avatar", src: avatarSrc }), badge);
|
|
2219
2220
|
};
|
|
2220
2221
|
|
|
2221
|
-
export { PlayerAvatar as P,
|
|
2222
|
+
export { LoyaltyLevelExpireDay as L, PlayerAvatar as P, PlayerPoints as a, PlayerLoyaltyProcess as b, PlayerNameDiv as c, PlayerElevateLoyaltyLevel as d, PlayerElevateCardRedeem as e, getTimezoneOffsetInMilliseconds as g, requiredArgs as r, toDate as t };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-625be212.js';
|
|
2
|
-
import { P as PlayerAvatar,
|
|
2
|
+
import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items-a72d9079.js';
|
|
3
3
|
import { T as TRANSLATIONS } from './locale.utils-34e6f004.js';
|
|
4
4
|
|
|
5
5
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-625be212.js';
|
|
2
2
|
import { T as TRANSLATIONS, a as translate } from './locale.utils-34e6f004.js';
|
|
3
|
-
import { P as PlayerAvatar,
|
|
3
|
+
import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-a72d9079.js';
|
|
4
4
|
|
|
5
5
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
6
6
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -58,9 +58,9 @@ const PlayerElevatePointcard = class {
|
|
|
58
58
|
render() {
|
|
59
59
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
60
60
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: 'ab47a39fc8fa5562e2843755b6b935296f6952fd', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '8b9ce754eb082af8005b40915e9b2e861ec99287', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'f7d660116db83ce86b36a558441bf02bf74592e6', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'f42375d3631031e7ef8041ccabe62659858e6ac0', params: this.paramProxy }), h("div", { key: '0b5eb08baa589ed85c96e0c5731ea7d93c76d398', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: 'fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5' }, h("div", { key: 'ffe65be1e5d9f04a2c3711e9f61f56c95818244b', class: "PlayerImg" }, h(PlayerAvatar, { key: '4947af0ebd6978f938d5f3f0185f8700a3506b75', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '2f0a7c4ef826f16472313cca974b4c208c33e83a', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '118eabd6511b72fbb7c78a0ee2d190b719d708ae', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints', this.language)), h("div", { key: '5a15d9630c51f23024ddd5967ef8753bac746936', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '7994e6b898d69a62ec8c4aeb0892a1c718104d7e', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '8d25c48516245dc067676278cd861193ca4863bd', class: "TC", onClick: () => {
|
|
62
62
|
this.onDetailsClick();
|
|
63
|
-
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '
|
|
63
|
+
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '6c221bd9a75643bce76e493addbb45cee6edf8b9', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
64
64
|
}
|
|
65
65
|
static get watchers() { return {
|
|
66
66
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,c as n,H as i,g as a,a as l,F as s}from"./index-625be212.js";import{t as o,T as r}from"./locale.utils-34e6f004.js";import{r as d,t as h,g as c,P as v,a as p,b as f,c as g}from"./player-elevate-card-items-ba5222ab.js";const b=["ro","en","fr","hr","tr"],u={en:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},fr:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},hr:{level:"Razina",seeAll:"Vidi sve",privilegesFor:"Privilegije za",termsAndConditions:"Uvjeti i odredbe",noLevelsSet:"There is no level set",points:"Points"},ro:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},tr:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"}},y=(e,t)=>{const n=t;return u[void 0!==n&&(b.includes(n)||u[n])?n:"en"][e]},x=class{constructor(t){e(this,t),this.clientStyling="",this.clientStylingUrl="",this.endpoint=void 0,this.language="en",this.translationUrl="",this.selectedLevelId=void 0,this.showDefault=void 0,this.elevateLevelParamProxy=void 0,this.elevateLevels=[],this.currentLevel=void 0,this.errorMessage=void 0}selectedLevelChangedHandler(e){e.detail&&(this.currentLevel=Object.assign({},e.detail.level))}selectedLevelIdChangedHandler(){if(this.selectedLevelId&&this.elevateLevels){const e=this.elevateLevels.filter((e=>e.id==this.selectedLevelId))[0];this.currentLevel=Object.assign({},e)}}onSessionOrEndpointChange(){this.elevateLevelParamProxy=Object.assign(Object.assign({},this.elevateLevelParamProxy),{endpoint:this.endpoint,language:this.language})}elevateLevelsDataChangeHandler(e){e.detail&&(e.detail.currentLevel&&(this.currentLevel=Object.assign({},e.detail.currentLevel)),e.detail.elevateLevels&&(this.elevateLevels=[...e.detail.elevateLevels]),e.detail.clearError&&(this.errorMessage=null),e.detail.errorMessage&&e.detail.errorMessage.errorWhenLoadElevateLevels&&(this.errorMessage=y("loadElevateLevelErrorMessage",this.language)))}onTCClick(){window.postMessage({type:"termAndConditionClicked"},window.location.href)}componentWillLoad(){this.elevateLevelParamProxy={endpoint:this.endpoint,language:this.language,selectedLevelId:this.selectedLevelId,showDefault:this.showDefault}}render(){var e;return t("div",{key:"327b5cd6a3bc756ce0696a0f2a4081f35bad7316",class:"ElevateLevelContent"},t("elevate-levels-data",{key:"cf1ab9a55cdaf9eba688bd524cb4a83d63563e77",scopeParams:this.elevateLevelParamProxy}),t("div",{key:"9c85b9a805712db07c7c99ac2db843062997f667",class:"LevelContent"},(null===(e=this.elevateLevels)||void 0===e?void 0:e.length)?t("elevate-level-list",{language:this.language,selectedLevelId:this.selectedLevelId,levels:this.elevateLevels}):y("noLevelsSet",this.language),this.currentLevel&&t("elevate-level-presentation",{key:"57ea5391608a7c4c4f7eb7f130a8c9f982fe5045",elevateLevel:this.currentLevel})),this.errorMessage&&t("div",{key:"46121a28053608f8e9632a8a3976c0b33c4d5e72"},this.errorMessage),t("general-styling-wrapper",{key:"bdbaeee850d2ad84bf26fa81979ae662469a8b41",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:u,translationUrl:this.translationUrl}))}static get watchers(){return{selectedLevelId:["selectedLevelIdChangedHandler"],elevateLevels:["selectedLevelIdChangedHandler"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};var w;x.style=":host{display:block}.ElevateLevelContent{padding:20px;position:relative}.ElevateLevelContent .Privileges{padding-bottom:30px}.ElevateLevelContent .tc{position:absolute;right:10px;bottom:10px;text-align:right;display:none}",function(e){e[e.slideToRight=1]="slideToRight",e[e.slideToLeft=-1]="slideToLeft"}(w||(w={}));const m=class{constructor(t){var i;e(this,t),this.selectedLevelChanged=n(this,"selectedLevelChanged",7),this.minOffset=0,this.isMobile=!!((i=window.navigator.userAgent).toLowerCase().match(/android/i)||i.toLowerCase().match(/blackberry|bb/i)||i.toLowerCase().match(/iphone|ipad|ipod/i)||i.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.levels=void 0,this.language=void 0,this.selectedLevelId=void 0,this.isShowSliderButton=!1,this.touchPosStart=void 0,this.touchPosEnd=void 0,this.offset=0}onLevelClicked(e){this.selectedLevelChanged.emit({level:e}),this.selectedLevelId=e.id}levelsChangedHandler(){this.initOffsetOfLevelItems()}initOffsetOfLevelItems(){if(!this.levels||0==this.levels.length||!this.selectedLevelId)return;const e=this.levels.findIndex((e=>this.selectedLevelId==e.id));if(this.onLevelClicked(this.levels[-1==e?0:e]),this.levels.length<=this.moveCountForOneTouch)return;let t=Math.floor((-1==e?1:e+1)/this.moveCountForOneTouch)*this.moveCountForOneTouch*this.childElementWidth*-1;this.offset=t<=this.minOffset?this.minOffset:t>=0?0:t}onTouchStart(e){this.touchPosStart={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY}}onTouchMove(e){this.touchPosEnd={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY};const t=this.touchPosEnd.clientX-this.touchPosStart.clientX,n=this.touchPosEnd.clientY-this.touchPosStart.clientY;Math.abs(t)>Math.abs(n)&&this.slideTo(t>0?w.slideToRight:w.slideToLeft)}slideTo(e){let t=this.levelsElement.offsetLeft+this.childElementWidth*this.moveCountForOneTouch*e;if(t%this.childElementWidth!=0){const n=Math.floor(t/this.childElementWidth)*this.childElementWidth,i=Math.ceil(t/this.childElementWidth)*this.childElementWidth;t=e==w.slideToRight?n:i}this.offset=t<this.minOffset?this.minOffset:t>=0?0:t}initLevelSlider(){var e;if(!(null===(e=this.levelsElement)||void 0===e?void 0:e.firstElementChild))return void console.log("Widget[elevate-level-list] DOM is not ready.");this.isShowSliderButton=!this.isMobile&&this.levelsElement.clientWidth>this.levelsElement.parentElement.clientWidth,this.minOffset=this.levelsElement.parentElement.clientWidth-this.levelsElement.clientWidth,this.childElementWidth=this.levelsElement.firstElementChild.clientWidth,this.moveCountForOneTouch=Math.ceil(this.levelsElement.parentElement.clientWidth/this.childElementWidth)-1;const t=this.levelsElement.childElementCount;this.childElementWidth+=(this.levelsElement.clientWidth-this.childElementWidth*t)/(t-1)}debounce(e,t){{let n;return()=>{clearTimeout(n),n=setTimeout((()=>{e()}),t)}}}handleResize(){this.debounce(this.initLevelSlider.bind(this),200)()}componentDidRender(){this.host.componentOnReady().then((()=>{this.initLevelSlider()}))}render(){return t(i,{key:"d88d3434af89a0f8fd20a97735121fdf297905ab"},this.levels&&[t("div",{key:"cff36ba584e2474a65a1b95545b00937ecd06c8c",class:`SliderButton LeftButton ${0==this.offset?"Disabled":""} ${this.isShowSliderButton?"":"Hidden"}`,onClick:()=>this.slideTo(w.slideToRight)},t("svg",{key:"640b4dd9b26b4097d15623f3e9c6b14b9a60b37e",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"0a50ffc9319ad33ed61e4696c37a0bfe6090518c","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"314c5b4c5bbc0d50041a66fdf474441ea418345a",class:"LevelItemsWrapper"},t("div",{key:"ff1fb084aeb20319c36a3420e9eb8693ea81b144",style:{left:`${this.offset}px`},class:"LevelItems "+(this.isMobile?"Mobile":""),id:"levelItems",ref:e=>{this.levelsElement=e}},this.levels.map(((e,n)=>t("div",{class:"Item "+(this.selectedLevelId==e.id?"Active":""),onClick:this.onLevelClicked.bind(this,e)},t("img",{alt:`Presentation Icon for ${e.presentation.displayName}`,class:"LevelImg",src:e.presentation.asset}),t("span",{class:"LevelName",title:e.presentation.displayName},e.presentation.displayName),t("span",{class:"LevelPoints"},0==n?"":">",e.firstEntryPoints," ",y("points",this.language))))))),t("div",{key:"8dae638ca436c7e747a0f737028588ee5d040edd",class:`SliderButton RightButton ${this.offset<=this.minOffset?"Disabled":""} ${this.isShowSliderButton?"":"Hidden"}`,onClick:()=>this.slideTo(w.slideToLeft)},t("svg",{key:"bba16b49668567aaa41beedd9ea461d256c6812d",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"36a0b6f3ffe8b50ebea9a4ec1c01e3341c440949","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))])}get host(){return a(this)}static get watchers(){return{selectedLevelId:["levelsChangedHandler"]}}};m.style="elevate-level-list{display:flex;flex-direction:row}.LevelItemsWrapper{display:flex;flex:1;margin-top:10px;min-height:30px;transition-property:all;position:relative;height:138px;overflow-x:hidden}.Mobile.LevelItems{overflow-x:hidden}.LevelItems{overflow-x:auto;display:flex;flex-direction:row;gap:10px;left:0;position:absolute;transition:left 0.5s ease-in-out}.LevelItems .Item:hover,.LevelItems .Item.Active{background-color:var(--emw--color-gray-50, rgb(244, 244, 244));box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.25)}.LevelItems .Item{width:86px;height:125px;border-radius:15px;text-align:center;display:flex;flex-direction:column;cursor:pointer}.LevelItems .Item .LevelName{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LevelItems .Item .LevelPoints{color:var(--emw--color-gray-100, rgb(118, 113, 113));font-size:10px}.LevelItems .Item .LevelImg{width:65px;height:68px;margin:11px auto}.SliderButton{display:flex;width:29px;align-items:center;cursor:pointer}.SliderButton.Disabled svg{stroke:var(--emw--color-gray-50, #cbc5c5)}.SliderButton.Hidden{display:none}";const L=class{constructor(t){e(this,t),this.elevateLevel=void 0}render(){return t(i,{key:"16d128717e716f7ca7d3bb77fc3a2e67209318b6"},t("div",{key:"658657abdfc64844bd2af40562efe40385e1735a",class:"Row Desc"},t("h3",{key:"ec5871c2f810c8c120bf99510717381175bc1ef4"},this.elevateLevel.presentation.displayName),t("p",{key:"865915c6eea90295238fb47eaa91c8f968199ca5"},t("span",{key:"2b90c6c5d6957b73fc4a0f53d53da0ca023a4f0a",class:"TxtDesc",innerHTML:this.elevateLevel.presentation.description}))))}};L.style=":host{display:block}.PriviliegeList{padding-inline-start:5px}.PriviliegeList li{display:flex}.PriviliegeList li .Img{width:80px}.PriviliegeList li .Img img{width:60px;margin:10px}.PriviliegeList li .Content h4{text-transform:capitalize;margin-block-start:10px}";var I,k,C,E="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},P={exports:{}};I=P,k=P.exports,C=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if(void 0!==E)return E;throw new Error("unable to locate global object")}(),I.exports=k=C.fetch,C.fetch&&(k.default=C.fetch.bind(C)),k.Headers=C.Headers,k.Request=C.Request,k.Response=C.Response;const R=P.exports,T=class{constructor(t){e(this,t),this.elevateLevelsDataChange=n(this,"elevateLevelsDataChange",7),this.scopeParams=void 0}async componentWillRender(){if(!this.scopeParams.endpoint)return;let e=new URL(`${this.scopeParams.endpoint}/v1/elevate/levels?language=${this.scopeParams.language}`);await R(e.href).then((e=>e.json())).then((e=>{const t=e.data.sort(((e,t)=>e.firstEntryPoints<t.firstEntryPoints?-1:1));let n=this.scopeParams.selectedLevelId;if(!n&&this.scopeParams.showDefault&&t.length>0&&(n=t[0].id),n){const e=t.filter((e=>e.id==n))[0];this.elevateLevelsDataChange.emit({currentLevel:e})}this.elevateLevelsDataChange.emit({clearError:!0}),this.elevateLevelsDataChange.emit({elevateLevels:t})})).catch((e=>{this.elevateLevelsDataChange.emit({errorMessage:{type:"errorWhenLoadElevateLevels",err:e}}),console.error(e)}))}};T.style=":host{display:block}";const S=class{constructor(t){e(this,t),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.el.prepend(t)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(t=this.translationUrl,n=this.targetTranslations,new Promise((e=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((e=>{n[e]=n[e]||n.en,Object.keys(t[e]).forEach((i=>{n.en[i]&&(n[e][i]=n[e][i]||n.en[i],"object"==typeof t[e][i]?Object.keys(t[e][i]).forEach((a=>{n[e][i][a]=t[e][i][a]})):n[e][i]=t[e][i])}))})),e(!0)}))})));e.push(i)}var t,n;return await Promise.all(e)}render(){return t("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},t("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return a(this)}};function M(e){d(1,arguments);var t=h(e);return t.setHours(0,0,0,0),t}function _(e,t){return d(2,arguments),h(e).getTime()-h(t).getTime()}S.style=":host{display:block}";var D={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function B(e){return e?D[e]:D.trunc}const A=class{constructor(t){e(this,t),this.playerElevateLeveLoaded=n(this,"playerElevateLeveLoaded",7),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise(((t,n)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,t(!0)})).catch((e=>{n(e)}))))}calcuatePointsToBeExpired(e,t){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,t)=>function(e,t){d(2,arguments);var n=h(e),i=h(t);return n.getTime()<i.getTime()}(new Date(e.expireTime),new Date(t.expireTime))?-1:1));const i=e.aboutToExpire[0],a=function(e,t){d(2,arguments);var n=M(e),i=M(t),a=n.getTime()-c(n),l=i.getTime()-c(i);return Math.round((a-l)/864e5)}(new Date(i.expireTime),new Date);let l=0,s=0,r=0===a?`${t}Day`:t;return a<=0&&(l=function(e,t,n){d(2,arguments);var i=_(e,t)/36e5;return B(null==n?void 0:n.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),r=l>1?`${t}Hours`:`${t}Hour`,l<=0&&(s=function(e,t,n){d(2,arguments);var i=_(e,t)/6e4;return B(null==n?void 0:n.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),r=s>1?`${t}Minutes`:`${t}Minute`)),n=o(r,{expirationPoints:i.points,expireDay:Math.max(a,l,s),lang:this.params.language}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((t,n)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,a,l;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void n(!0);let s=e.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=s.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const o=null===(a=e.data.spendableWallet)||void 0===a?void 0:a.total,r=null===(l=e.data.loyaltyWallet)||void 0===l?void 0:l.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:o,loyaltyWalletTotal:r});let d=this.calcuatePointsToBeExpired(o,"coinsToBeExpired"),h=this.calcuatePointsToBeExpired(r,"pointsToBeExpired");(d||h)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:h}),t(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),n(!0)}))))}setLoyaltyProgress(e){!function(e,t){const n=e.querySelector("#total_level"),i=n.getBBox().width,a=t>1?1:t,l=a*i-17<0?0:a*i-17,s=e.querySelector("#current_level"),o=e.querySelector("#filter_current_level"),r=e.querySelector("#circle_current_level");n.setAttribute("viewbox",`0 0 ${l} 28`),s.setAttribute("width",`${l}`),r.setAttribute("cx",`${l<6.5?6.5:l}`),o.setAttribute("x",""+(l-8));const d=e.querySelector("#lock"),h=e.querySelector("#filter_heart_ball"),c=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),p=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),g=e.querySelector("#paint1_linear_lock"),b=e.querySelector("#lock_box"),u=e.querySelector("#heart_box"),y=i-10;d.setAttribute("cx",`${y}`),g.setAttribute("x1",`${y}`),g.setAttribute("x2",`${y}`),f.setAttribute("x1",""+(y-6)),f.setAttribute("x2",""+(y-6+11.2)),p.setAttribute("x",""+(y-6)),v.setAttribute("x",""+(y-6-2)),c.setAttribute("x",""+(y-6-2-2)),h.setAttribute("x",""+(y-6-2-2-4)),b.setAttribute("x",""+(y-6)),u.setAttribute("x",""+(y-6)),n.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,t)=>e.firstEntryPoints>t.firstEntryPoints?1:-1));const t=this.playerElevateLevel.loyaltyPoints;let n=0;this.levels.forEach(((e,i)=>{t>e.firstEntryPoints&&(n=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:n})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return a(this)}static get watchers(){return{params:["onParamsChanged"]}}};A.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const O=class{constructor(t){e(this,t),this.endpoint=void 0,this.session=void 0,this.playerAvatarUrl=void 0,this.language=void 0,this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.userLevelId=void 0}async setPlayerElevateLevelInfo(e){"playerElevateLeveLoaded"==e.type&&e.detail.elevateLevel&&(this.userLevelId=e.detail.elevateLevel.id)}render(){return t(i,{key:"8ff544f13c2709a4f5314e0c4e190ca70d9732ff"},t("div",{key:"90c75c6283ab1b7b83f5b9af8b163853852a5636",class:"PlayerElevateCard"},t("player-elevate-loyaltycard",{key:"be1ab26bc44443547364a64cc31e6bac42e8ba8e",playerName:this.playerName,dateFormat:this.dateFormat,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,clientStyling:`${this.clientStyling} .Outer{height: 185px}`,endpoint:this.endpoint,language:this.language,session:this.session})),t("div",{key:"d868908d61b3320a4c3751eab8cf8cdbd98c41c4",class:"ElevateLevelsInfo"},t("bonus-elevate-levels",{key:"715bc9c3d15e1ac07f4fc75217beeaa48875ec63",selectedLevelId:this.userLevelId,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,endpoint:this.endpoint})),t("general-styling-wrapper",{key:"0e40a6825499a6c44e04dadce2079d995ecb2702",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl}))}};O.style=":host{display:block}.PlayerElevateCard{height:160px;width:100%;overflow:hidden}.ElevateLevelsInfo{background-color:var(--emw--color-background, #e6e8ea)}";const $=class{constructor(t){e(this,t),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,t;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(t=this.playerElevateLevel)||void 0===t?void 0:t.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let t=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&t){const e=(t.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return o("tipsForNextLevel",{pointsToReach:e,levelName:t.name,lang:this.language})}return""}render(){const e=l("../static/card-ground.svg"),n=l("../static/card-ground-over.svg");return t("div",{key:"39295a651da66747a20554699bba5f96b8ad5c35",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"78c34fe054fc2459f8af3354116cd21a68ce01be",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:r,translationUrl:this.translationUrl}),t("player-elevate-card-data",{key:"b53e4b59d4ee55a2f567efa09afab3d72969e6e4",params:this.paramProxy}),t("div",{key:"1f3e504440bab2df3a181058fad7149c85c48c14",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},t("div",{key:"a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1",class:"Content Row"},this.playerElevateLevel&&t(s,{key:"5c104f5ba1a018219c6ed5f6e50af99b035a0344"},t("div",{key:"bd94591e6ab9298ab7c769fa48efaf314dc1a63b",class:"PlayerImg"},t(v,{key:"928849ce86d8c7a483eba7850efc83f8149bae43",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"37192c9b8502eb3c7d93914369df2d784c17e9f7",class:`LevelInfo ${this.playerElevateLevel.name}`},t(p,{key:"2684a177f4bb1053c4587fd4158666fb35ca23f4",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),t("div",{key:"173a37c63868f2d900c12af3ffc2d9a4a57550e4",class:"PointsRange"},t(f,{key:"a7111154f7dc547e0b05c70d24508bdd75c5d882",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),t(f,{key:"ad31574e7db81a7ecb7a06b28b1d4968cbcab93e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),t(g,{key:"88ddfdb326edfb1de9519da6b3d0e5b514725e27"}),t("div",{key:"b9c79555a8001bd2c754d7573df04016da235c84",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&t("div",{key:"02da725060c9db4a8c1c2e8bad3426894d7f8f2c",class:"PointsInfo ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};$.style=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";export{x as bonus_elevate_levels,m as elevate_level_list,L as elevate_level_presentation,T as elevate_levels_data,S as general_styling_wrapper,A as player_elevate_card_data,O as player_elevate_level,$ as player_elevate_loyaltycard}
|
|
1
|
+
import{r as e,h as t,c as n,H as i,g as a,a as l,F as s}from"./index-625be212.js";import{t as o,T as r}from"./locale.utils-34e6f004.js";import{r as d,t as h,g as c,P as v,a as f,b as p,L as g}from"./player-elevate-card-items-a72d9079.js";const b=["ro","en","fr","hr","tr"],u={en:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},fr:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},hr:{level:"Razina",seeAll:"Vidi sve",privilegesFor:"Privilegije za",termsAndConditions:"Uvjeti i odredbe",noLevelsSet:"There is no level set",points:"Points"},ro:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"},tr:{level:"level",seeAll:"See All",termsAndConditions:"Terms & Conditions",loadElevateLevelErrorMessage:"Error when load elevate levels",noLevelsSet:"There is no level set",points:"Points"}},y=(e,t)=>{const n=t;return u[void 0!==n&&(b.includes(n)||u[n])?n:"en"][e]},x=class{constructor(t){e(this,t),this.clientStyling="",this.clientStylingUrl="",this.endpoint=void 0,this.language="en",this.translationUrl="",this.selectedLevelId=void 0,this.showDefault=void 0,this.elevateLevelParamProxy=void 0,this.elevateLevels=[],this.currentLevel=void 0,this.errorMessage=void 0}selectedLevelChangedHandler(e){e.detail&&(this.currentLevel=Object.assign({},e.detail.level))}selectedLevelIdChangedHandler(){if(this.selectedLevelId&&this.elevateLevels){const e=this.elevateLevels.filter((e=>e.id==this.selectedLevelId))[0];this.currentLevel=Object.assign({},e)}}onSessionOrEndpointChange(){this.elevateLevelParamProxy=Object.assign(Object.assign({},this.elevateLevelParamProxy),{endpoint:this.endpoint,language:this.language})}elevateLevelsDataChangeHandler(e){e.detail&&(e.detail.currentLevel&&(this.currentLevel=Object.assign({},e.detail.currentLevel)),e.detail.elevateLevels&&(this.elevateLevels=[...e.detail.elevateLevels]),e.detail.clearError&&(this.errorMessage=null),e.detail.errorMessage&&e.detail.errorMessage.errorWhenLoadElevateLevels&&(this.errorMessage=y("loadElevateLevelErrorMessage",this.language)))}onTCClick(){window.postMessage({type:"termAndConditionClicked"},window.location.href)}componentWillLoad(){this.elevateLevelParamProxy={endpoint:this.endpoint,language:this.language,selectedLevelId:this.selectedLevelId,showDefault:this.showDefault}}render(){var e;return t("div",{key:"327b5cd6a3bc756ce0696a0f2a4081f35bad7316",class:"ElevateLevelContent"},t("elevate-levels-data",{key:"cf1ab9a55cdaf9eba688bd524cb4a83d63563e77",scopeParams:this.elevateLevelParamProxy}),t("div",{key:"9c85b9a805712db07c7c99ac2db843062997f667",class:"LevelContent"},(null===(e=this.elevateLevels)||void 0===e?void 0:e.length)?t("elevate-level-list",{language:this.language,selectedLevelId:this.selectedLevelId,levels:this.elevateLevels}):y("noLevelsSet",this.language),this.currentLevel&&t("elevate-level-presentation",{key:"57ea5391608a7c4c4f7eb7f130a8c9f982fe5045",elevateLevel:this.currentLevel})),this.errorMessage&&t("div",{key:"46121a28053608f8e9632a8a3976c0b33c4d5e72"},this.errorMessage),t("general-styling-wrapper",{key:"bdbaeee850d2ad84bf26fa81979ae662469a8b41",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:u,translationUrl:this.translationUrl}))}static get watchers(){return{selectedLevelId:["selectedLevelIdChangedHandler"],elevateLevels:["selectedLevelIdChangedHandler"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};var w;x.style=":host{display:block}.ElevateLevelContent{padding:20px;position:relative}.ElevateLevelContent .Privileges{padding-bottom:30px}.ElevateLevelContent .tc{position:absolute;right:10px;bottom:10px;text-align:right;display:none}",function(e){e[e.slideToRight=1]="slideToRight",e[e.slideToLeft=-1]="slideToLeft"}(w||(w={}));const m=class{constructor(t){var i;e(this,t),this.selectedLevelChanged=n(this,"selectedLevelChanged",7),this.minOffset=0,this.isMobile=!!((i=window.navigator.userAgent).toLowerCase().match(/android/i)||i.toLowerCase().match(/blackberry|bb/i)||i.toLowerCase().match(/iphone|ipad|ipod/i)||i.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),this.levels=void 0,this.language=void 0,this.selectedLevelId=void 0,this.isShowSliderButton=!1,this.touchPosStart=void 0,this.touchPosEnd=void 0,this.offset=0}onLevelClicked(e){this.selectedLevelChanged.emit({level:e}),this.selectedLevelId=e.id}levelsChangedHandler(){this.initOffsetOfLevelItems()}initOffsetOfLevelItems(){if(!this.levels||0==this.levels.length||!this.selectedLevelId)return;const e=this.levels.findIndex((e=>this.selectedLevelId==e.id));if(this.onLevelClicked(this.levels[-1==e?0:e]),this.levels.length<=this.moveCountForOneTouch)return;let t=Math.floor((-1==e?1:e+1)/this.moveCountForOneTouch)*this.moveCountForOneTouch*this.childElementWidth*-1;this.offset=t<=this.minOffset?this.minOffset:t>=0?0:t}onTouchStart(e){this.touchPosStart={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY}}onTouchMove(e){this.touchPosEnd={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY};const t=this.touchPosEnd.clientX-this.touchPosStart.clientX,n=this.touchPosEnd.clientY-this.touchPosStart.clientY;Math.abs(t)>Math.abs(n)&&this.slideTo(t>0?w.slideToRight:w.slideToLeft)}slideTo(e){let t=this.levelsElement.offsetLeft+this.childElementWidth*this.moveCountForOneTouch*e;if(t%this.childElementWidth!=0){const n=Math.floor(t/this.childElementWidth)*this.childElementWidth,i=Math.ceil(t/this.childElementWidth)*this.childElementWidth;t=e==w.slideToRight?n:i}this.offset=t<this.minOffset?this.minOffset:t>=0?0:t}initLevelSlider(){var e;if(!(null===(e=this.levelsElement)||void 0===e?void 0:e.firstElementChild))return void console.log("Widget[elevate-level-list] DOM is not ready.");this.isShowSliderButton=!this.isMobile&&this.levelsElement.clientWidth>this.levelsElement.parentElement.clientWidth,this.minOffset=this.levelsElement.parentElement.clientWidth-this.levelsElement.clientWidth,this.childElementWidth=this.levelsElement.firstElementChild.clientWidth,this.moveCountForOneTouch=Math.ceil(this.levelsElement.parentElement.clientWidth/this.childElementWidth)-1;const t=this.levelsElement.childElementCount;this.childElementWidth+=(this.levelsElement.clientWidth-this.childElementWidth*t)/(t-1)}debounce(e,t){{let n;return()=>{clearTimeout(n),n=setTimeout((()=>{e()}),t)}}}handleResize(){this.debounce(this.initLevelSlider.bind(this),200)()}componentDidRender(){this.host.componentOnReady().then((()=>{this.initLevelSlider()}))}render(){return t(i,{key:"d88d3434af89a0f8fd20a97735121fdf297905ab"},this.levels&&[t("div",{key:"cff36ba584e2474a65a1b95545b00937ecd06c8c",class:`SliderButton LeftButton ${0==this.offset?"Disabled":""} ${this.isShowSliderButton?"":"Hidden"}`,onClick:()=>this.slideTo(w.slideToRight)},t("svg",{key:"640b4dd9b26b4097d15623f3e9c6b14b9a60b37e",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"0a50ffc9319ad33ed61e4696c37a0bfe6090518c","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"}))),t("div",{key:"314c5b4c5bbc0d50041a66fdf474441ea418345a",class:"LevelItemsWrapper"},t("div",{key:"ff1fb084aeb20319c36a3420e9eb8693ea81b144",style:{left:`${this.offset}px`},class:"LevelItems "+(this.isMobile?"Mobile":""),id:"levelItems",ref:e=>{this.levelsElement=e}},this.levels.map(((e,n)=>t("div",{class:"Item "+(this.selectedLevelId==e.id?"Active":""),onClick:this.onLevelClicked.bind(this,e)},t("img",{alt:`Presentation Icon for ${e.presentation.displayName}`,class:"LevelImg",src:e.presentation.asset}),t("span",{class:"LevelName",title:e.presentation.displayName},e.presentation.displayName),t("span",{class:"LevelPoints"},0==n?"":">",e.firstEntryPoints," ",y("points",this.language))))))),t("div",{key:"8dae638ca436c7e747a0f737028588ee5d040edd",class:`SliderButton RightButton ${this.offset<=this.minOffset?"Disabled":""} ${this.isShowSliderButton?"":"Hidden"}`,onClick:()=>this.slideTo(w.slideToLeft)},t("svg",{key:"bba16b49668567aaa41beedd9ea461d256c6812d",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"36a0b6f3ffe8b50ebea9a4ec1c01e3341c440949","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})))])}get host(){return a(this)}static get watchers(){return{selectedLevelId:["levelsChangedHandler"]}}};m.style="elevate-level-list{display:flex;flex-direction:row}.LevelItemsWrapper{display:flex;flex:1;margin-top:10px;min-height:30px;transition-property:all;position:relative;height:138px;overflow-x:hidden}.Mobile.LevelItems{overflow-x:hidden}.LevelItems{overflow-x:auto;display:flex;flex-direction:row;gap:10px;left:0;position:absolute;transition:left 0.5s ease-in-out}.LevelItems .Item:hover,.LevelItems .Item.Active{background-color:var(--emw--color-gray-50, rgb(244, 244, 244));box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.25)}.LevelItems .Item{width:86px;height:125px;border-radius:15px;text-align:center;display:flex;flex-direction:column;cursor:pointer}.LevelItems .Item .LevelName{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LevelItems .Item .LevelPoints{color:var(--emw--color-gray-100, rgb(118, 113, 113));font-size:10px}.LevelItems .Item .LevelImg{width:65px;height:68px;margin:11px auto}.SliderButton{display:flex;width:29px;align-items:center;cursor:pointer}.SliderButton.Disabled svg{stroke:var(--emw--color-gray-50, #cbc5c5)}.SliderButton.Hidden{display:none}";const L=class{constructor(t){e(this,t),this.elevateLevel=void 0}render(){return t(i,{key:"16d128717e716f7ca7d3bb77fc3a2e67209318b6"},t("div",{key:"658657abdfc64844bd2af40562efe40385e1735a",class:"Row Desc"},t("h3",{key:"ec5871c2f810c8c120bf99510717381175bc1ef4"},this.elevateLevel.presentation.displayName),t("p",{key:"865915c6eea90295238fb47eaa91c8f968199ca5"},t("span",{key:"2b90c6c5d6957b73fc4a0f53d53da0ca023a4f0a",class:"TxtDesc",innerHTML:this.elevateLevel.presentation.description}))))}};L.style=":host{display:block}.PriviliegeList{padding-inline-start:5px}.PriviliegeList li{display:flex}.PriviliegeList li .Img{width:80px}.PriviliegeList li .Img img{width:60px;margin:10px}.PriviliegeList li .Content h4{text-transform:capitalize;margin-block-start:10px}";var I,k,C,E="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},P={exports:{}};I=P,k=P.exports,C=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if(void 0!==E)return E;throw new Error("unable to locate global object")}(),I.exports=k=C.fetch,C.fetch&&(k.default=C.fetch.bind(C)),k.Headers=C.Headers,k.Request=C.Request,k.Response=C.Response;const R=P.exports,T=class{constructor(t){e(this,t),this.elevateLevelsDataChange=n(this,"elevateLevelsDataChange",7),this.scopeParams=void 0}async componentWillRender(){if(!this.scopeParams.endpoint)return;let e=new URL(`${this.scopeParams.endpoint}/v1/elevate/levels?language=${this.scopeParams.language}`);await R(e.href).then((e=>e.json())).then((e=>{const t=e.data.sort(((e,t)=>e.firstEntryPoints<t.firstEntryPoints?-1:1));let n=this.scopeParams.selectedLevelId;if(!n&&this.scopeParams.showDefault&&t.length>0&&(n=t[0].id),n){const e=t.filter((e=>e.id==n))[0];this.elevateLevelsDataChange.emit({currentLevel:e})}this.elevateLevelsDataChange.emit({clearError:!0}),this.elevateLevelsDataChange.emit({elevateLevels:t})})).catch((e=>{this.elevateLevelsDataChange.emit({errorMessage:{type:"errorWhenLoadElevateLevels",err:e}}),console.error(e)}))}};T.style=":host{display:block}";const S=class{constructor(t){e(this,t),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.el.prepend(t)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(t=this.translationUrl,n=this.targetTranslations,new Promise((e=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((e=>{n[e]=n[e]||n.en,Object.keys(t[e]).forEach((i=>{n.en[i]&&(n[e][i]=n[e][i]||n.en[i],"object"==typeof t[e][i]?Object.keys(t[e][i]).forEach((a=>{n[e][i][a]=t[e][i][a]})):n[e][i]=t[e][i])}))})),e(!0)})).catch((t=>{console.error("Failed to load translations:",t),e(!1)}))})));e.push(i)}var t,n;return await Promise.all(e)}render(){return t("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},t("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return a(this)}};function M(e){d(1,arguments);var t=h(e);return t.setHours(0,0,0,0),t}function _(e,t){return d(2,arguments),h(e).getTime()-h(t).getTime()}S.style=":host{display:block}";var D={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function B(e){return e?D[e]:D.trunc}const A=class{constructor(t){e(this,t),this.playerElevateLeveLoaded=n(this,"playerElevateLeveLoaded",7),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise(((t,n)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,t(!0)})).catch((e=>{n(e)}))))}calcuatePointsToBeExpired(e,t){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,t)=>function(e,t){d(2,arguments);var n=h(e),i=h(t);return n.getTime()<i.getTime()}(new Date(e.expireTime),new Date(t.expireTime))?-1:1));const i=e.aboutToExpire[0],a=function(e,t){d(2,arguments);var n=M(e),i=M(t),a=n.getTime()-c(n),l=i.getTime()-c(i);return Math.round((a-l)/864e5)}(new Date(i.expireTime),new Date);let l=0,s=0,r=0===a?`${t}Day`:t;return a<=0&&(l=function(e,t,n){d(2,arguments);var i=_(e,t)/36e5;return B(null==n?void 0:n.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),r=l>1?`${t}Hours`:`${t}Hour`,l<=0&&(s=function(e,t,n){d(2,arguments);var i=_(e,t)/6e4;return B(null==n?void 0:n.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),r=s>1?`${t}Minutes`:`${t}Minute`)),n=o(r,{expirationPoints:i.points,expireDay:Math.max(a,l,s),lang:this.params.language}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((t,n)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,a,l;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void n(!0);let s=e.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=s.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const o=null===(a=e.data.spendableWallet)||void 0===a?void 0:a.total,r=null===(l=e.data.loyaltyWallet)||void 0===l?void 0:l.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:o,loyaltyWalletTotal:r});let d=this.calcuatePointsToBeExpired(o,"coinsToBeExpired"),h=this.calcuatePointsToBeExpired(r,"pointsToBeExpired");(d||h)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:h}),t(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),n(!0)}))))}setLoyaltyProgress(e){!function(e,t){const n=e.querySelector("#total_level"),i=n.getBBox().width,a=t>1?1:t,l=a*i-17<0?0:a*i-17,s=e.querySelector("#current_level"),o=e.querySelector("#filter_current_level"),r=e.querySelector("#circle_current_level");n.setAttribute("viewbox",`0 0 ${l} 28`),s.setAttribute("width",`${l}`),r.setAttribute("cx",`${l<6.5?6.5:l}`),o.setAttribute("x",""+(l-8));const d=e.querySelector("#lock"),h=e.querySelector("#filter_heart_ball"),c=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),f=e.querySelector("#filter_lock"),p=e.querySelector("#paint0_linear_ball"),g=e.querySelector("#paint1_linear_lock"),b=e.querySelector("#lock_box"),u=e.querySelector("#heart_box"),y=i-10;d.setAttribute("cx",`${y}`),g.setAttribute("x1",`${y}`),g.setAttribute("x2",`${y}`),p.setAttribute("x1",""+(y-6)),p.setAttribute("x2",""+(y-6+11.2)),f.setAttribute("x",""+(y-6)),v.setAttribute("x",""+(y-6-2)),c.setAttribute("x",""+(y-6-2-2)),h.setAttribute("x",""+(y-6-2-2-4)),b.setAttribute("x",""+(y-6)),u.setAttribute("x",""+(y-6)),n.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,t)=>e.firstEntryPoints>t.firstEntryPoints?1:-1));const t=this.playerElevateLevel.loyaltyPoints;let n=0;this.levels.forEach(((e,i)=>{t>e.firstEntryPoints&&(n=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:n})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return a(this)}static get watchers(){return{params:["onParamsChanged"]}}};A.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const O=class{constructor(t){e(this,t),this.endpoint=void 0,this.session=void 0,this.playerAvatarUrl=void 0,this.language=void 0,this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.userLevelId=void 0}async setPlayerElevateLevelInfo(e){"playerElevateLeveLoaded"==e.type&&e.detail.elevateLevel&&(this.userLevelId=e.detail.elevateLevel.id)}render(){return t(i,{key:"8ff544f13c2709a4f5314e0c4e190ca70d9732ff"},t("div",{key:"90c75c6283ab1b7b83f5b9af8b163853852a5636",class:"PlayerElevateCard"},t("player-elevate-loyaltycard",{key:"be1ab26bc44443547364a64cc31e6bac42e8ba8e",playerName:this.playerName,dateFormat:this.dateFormat,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,clientStyling:`${this.clientStyling} .Outer{height: 185px}`,endpoint:this.endpoint,language:this.language,session:this.session})),t("div",{key:"d868908d61b3320a4c3751eab8cf8cdbd98c41c4",class:"ElevateLevelsInfo"},t("bonus-elevate-levels",{key:"715bc9c3d15e1ac07f4fc75217beeaa48875ec63",selectedLevelId:this.userLevelId,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,endpoint:this.endpoint})),t("general-styling-wrapper",{key:"0e40a6825499a6c44e04dadce2079d995ecb2702",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl}))}};O.style=":host{display:block}.PlayerElevateCard{height:160px;width:100%;overflow:hidden}.ElevateLevelsInfo{background-color:var(--emw--color-background, #e6e8ea)}";const $=class{constructor(t){e(this,t),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,t;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(t=this.playerElevateLevel)||void 0===t?void 0:t.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let t=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&t){const e=(t.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return o("tipsForNextLevel",{pointsToReach:e,levelName:t.name,lang:this.language})}return""}render(){const e=l("../static/card-ground.svg"),n=l("../static/card-ground-over.svg");return t("div",{key:"aa8f0d13a1e1d26ea7307d05fc50cda507172949",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"485075740ced316bf89f69359bdc8642dbb2af8f",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"24dc58d3f4f6026b113239d1cc9ccfd316142ff9",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:r,translationUrl:this.translationUrl}),t("player-elevate-card-data",{key:"0cbffe246628e3927bf76ce5b125b7419cafc25d",params:this.paramProxy}),t("div",{key:"36253daeadefe0b3ee2eb2eccb361e5033364202",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},t("div",{key:"49f97f2c1cafa39556c34432557e000690698105",class:"Content Row"},this.playerElevateLevel&&t(s,{key:"4eab6948bc49da8f28acd5d85364246495f81af5"},t("div",{key:"5f95c9bbafc6f20df602adf279cfcbd069ab2319",class:"PlayerImg"},t(v,{key:"53c37a7676b053ea9447e833053aa13fb67e0392",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"ce9b24f9bf2b87878edd04ac75ec64545fa62711",class:`LevelInfo ${this.playerElevateLevel.name}`},t("div",{key:"79ab8fc735a7ddeb9b8786e3f832ec4188d5942f",class:"CardCell ElevateLevel"},t("span",{key:"e7cf27215748ce93683ce95dde701dd991e6854b",class:"LevelName",title:this.playerElevateLevel.name},this.playerElevateLevel.name)),t("div",{key:"0c4bfe25c728722d5e97e9728b642e3503940908",class:"PointsRange"},t(f,{key:"f2fba862e377beafb8e7a682503cfce682fb863f",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),t(f,{key:"a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),t(p,{key:"c185c3ac46e10ec9715fb081a05f9a8d4d8007f9"}),t("div",{key:"d0f85005176bd8acc499cd8e5efe53b9ec2a3b80",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&t("div",{key:"763be6168567973ad3df88d116a97dd00d53a6d8",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),this.playerElevateLevel.expireTime&&t(g,{key:"662982c38dd920149566a87503b5de1b123ee414",expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language})))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};$.style=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}";export{x as bonus_elevate_levels,m as elevate_level_list,L as elevate_level_presentation,T as elevate_levels_data,S as general_styling_wrapper,A as player_elevate_card_data,O as player_elevate_level,$ as player_elevate_loyaltycard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,a as i}from"./index-625be212.js";import{a as n}from"./locale.utils-34e6f004.js";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function a(t){if(null===t||!0===t||!1===t)return NaN;var i=Number(t);return isNaN(i)?i:i<0?Math.ceil(i):Math.floor(i)}function r(t,i){if(i.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+i.length+" present")}function I(t){r(1,arguments);var i=Object.prototype.toString.call(t);return t instanceof Date||"object"===e(t)&&"[object Date]"===i?new Date(t.getTime()):"number"==typeof t||"[object Number]"===i?new Date(t):("string"!=typeof t&&"[object String]"!==i||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}var M={};function u(){return M}function o(t){var i=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return i.setUTCFullYear(t.getFullYear()),t.getTime()-i.getTime()}function w(t){r(1,arguments);var i=I(t),n=i.getUTCDay(),e=(n<1?7:0)+n-1;return i.setUTCDate(i.getUTCDate()-e),i.setUTCHours(0,0,0,0),i}function g(t){r(1,arguments);var i=I(t),n=i.getUTCFullYear(),e=new Date(0);e.setUTCFullYear(n+1,0,4),e.setUTCHours(0,0,0,0);var a=w(e),M=new Date(0);M.setUTCFullYear(n,0,4),M.setUTCHours(0,0,0,0);var u=w(M);return i.getTime()>=a.getTime()?n+1:i.getTime()>=u.getTime()?n:n-1}function s(t,i){var n,e,M,o,w,g,s,C;r(1,arguments);var A=u(),c=a(null!==(n=null!==(e=null!==(M=null!==(o=null==i?void 0:i.weekStartsOn)&&void 0!==o?o:null==i||null===(w=i.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.weekStartsOn)&&void 0!==M?M:A.weekStartsOn)&&void 0!==e?e:null===(s=A.locale)||void 0===s||null===(C=s.options)||void 0===C?void 0:C.weekStartsOn)&&void 0!==n?n:0);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var d=I(t),l=d.getUTCDay(),L=(l<c?7:0)+l-c;return d.setUTCDate(d.getUTCDate()-L),d.setUTCHours(0,0,0,0),d}function C(t,i){var n,e,M,o,w,g,C,A;r(1,arguments);var c=I(t),d=c.getUTCFullYear(),l=u(),L=a(null!==(n=null!==(e=null!==(M=null!==(o=null==i?void 0:i.firstWeekContainsDate)&&void 0!==o?o:null==i||null===(w=i.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==M?M:l.firstWeekContainsDate)&&void 0!==e?e:null===(C=l.locale)||void 0===C||null===(A=C.options)||void 0===A?void 0:A.firstWeekContainsDate)&&void 0!==n?n:1);if(!(L>=1&&L<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var j=new Date(0);j.setUTCFullYear(d+1,0,L),j.setUTCHours(0,0,0,0);var m=s(j,i),D=new Date(0);D.setUTCFullYear(d,0,L),D.setUTCHours(0,0,0,0);var N=s(D,i);return c.getTime()>=m.getTime()?d+1:c.getTime()>=N.getTime()?d:d-1}function A(t,i){for(var n=t<0?"-":"",e=Math.abs(t).toString();e.length<i;)e="0"+e;return n+e}const c=function(t,i){var n=t.getUTCFullYear(),e=n>0?n:1-n;return A("yy"===i?e%100:e,i.length)},d=function(t,i){var n=t.getUTCMonth();return"M"===i?String(n+1):A(n+1,2)},l=function(t,i){return A(t.getUTCDate(),i.length)},L=function(t,i){return A(t.getUTCHours()%12||12,i.length)},j=function(t,i){return A(t.getUTCHours(),i.length)},m=function(t,i){return A(t.getUTCMinutes(),i.length)},D=function(t,i){return A(t.getUTCSeconds(),i.length)},N=function(t,i){var n=i.length,e=t.getUTCMilliseconds();return A(Math.floor(e*Math.pow(10,n-3)),i.length)};var y={G:function(t,i,n){var e=t.getUTCFullYear()>0?1:0;switch(i){case"G":case"GG":case"GGG":return n.era(e,{width:"abbreviated"});case"GGGGG":return n.era(e,{width:"narrow"});default:return n.era(e,{width:"wide"})}},y:function(t,i,n){if("yo"===i){var e=t.getUTCFullYear();return n.ordinalNumber(e>0?e:1-e,{unit:"year"})}return c(t,i)},Y:function(t,i,n,e){var a=C(t,e),r=a>0?a:1-a;return"YY"===i?A(r%100,2):"Yo"===i?n.ordinalNumber(r,{unit:"year"}):A(r,i.length)},R:function(t,i){return A(g(t),i.length)},u:function(t,i){return A(t.getUTCFullYear(),i.length)},Q:function(t,i,n){var e=Math.ceil((t.getUTCMonth()+1)/3);switch(i){case"Q":return String(e);case"QQ":return A(e,2);case"Qo":return n.ordinalNumber(e,{unit:"quarter"});case"QQQ":return n.quarter(e,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(e,{width:"narrow",context:"formatting"});default:return n.quarter(e,{width:"wide",context:"formatting"})}},q:function(t,i,n){var e=Math.ceil((t.getUTCMonth()+1)/3);switch(i){case"q":return String(e);case"qq":return A(e,2);case"qo":return n.ordinalNumber(e,{unit:"quarter"});case"qqq":return n.quarter(e,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(e,{width:"narrow",context:"standalone"});default:return n.quarter(e,{width:"wide",context:"standalone"})}},M:function(t,i,n){var e=t.getUTCMonth();switch(i){case"M":case"MM":return d(t,i);case"Mo":return n.ordinalNumber(e+1,{unit:"month"});case"MMM":return n.month(e,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(e,{width:"narrow",context:"formatting"});default:return n.month(e,{width:"wide",context:"formatting"})}},L:function(t,i,n){var e=t.getUTCMonth();switch(i){case"L":return String(e+1);case"LL":return A(e+1,2);case"Lo":return n.ordinalNumber(e+1,{unit:"month"});case"LLL":return n.month(e,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(e,{width:"narrow",context:"standalone"});default:return n.month(e,{width:"wide",context:"standalone"})}},w:function(t,i,n,e){var M=function(t,i){r(1,arguments);var n=I(t),e=s(n,i).getTime()-function(t,i){var n,e,I,M,o,w,g,A;r(1,arguments);var c=u(),d=a(null!==(n=null!==(e=null!==(I=null!==(M=null==i?void 0:i.firstWeekContainsDate)&&void 0!==M?M:null==i||null===(o=i.locale)||void 0===o||null===(w=o.options)||void 0===w?void 0:w.firstWeekContainsDate)&&void 0!==I?I:c.firstWeekContainsDate)&&void 0!==e?e:null===(g=c.locale)||void 0===g||null===(A=g.options)||void 0===A?void 0:A.firstWeekContainsDate)&&void 0!==n?n:1),l=C(t,i),L=new Date(0);return L.setUTCFullYear(l,0,d),L.setUTCHours(0,0,0,0),s(L,i)}(n,i).getTime();return Math.round(e/6048e5)+1}(t,e);return"wo"===i?n.ordinalNumber(M,{unit:"week"}):A(M,i.length)},I:function(t,i,n){var e=function(t){r(1,arguments);var i=I(t),n=w(i).getTime()-function(t){r(1,arguments);var i=g(t),n=new Date(0);return n.setUTCFullYear(i,0,4),n.setUTCHours(0,0,0,0),w(n)}(i).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===i?n.ordinalNumber(e,{unit:"week"}):A(e,i.length)},d:function(t,i,n){return"do"===i?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):l(t,i)},D:function(t,i,n){var e=function(t){r(1,arguments);var i=I(t),n=i.getTime();i.setUTCMonth(0,1),i.setUTCHours(0,0,0,0);var e=i.getTime();return Math.floor((n-e)/864e5)+1}(t);return"Do"===i?n.ordinalNumber(e,{unit:"dayOfYear"}):A(e,i.length)},E:function(t,i,n){var e=t.getUTCDay();switch(i){case"E":case"EE":case"EEE":return n.day(e,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(e,{width:"short",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})}},e:function(t,i,n,e){var a=t.getUTCDay(),r=(a-e.weekStartsOn+8)%7||7;switch(i){case"e":return String(r);case"ee":return A(r,2);case"eo":return n.ordinalNumber(r,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(t,i,n,e){var a=t.getUTCDay(),r=(a-e.weekStartsOn+8)%7||7;switch(i){case"c":return String(r);case"cc":return A(r,i.length);case"co":return n.ordinalNumber(r,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(t,i,n){var e=t.getUTCDay(),a=0===e?7:e;switch(i){case"i":return String(a);case"ii":return A(a,i.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(e,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(e,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(e,{width:"short",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})}},a:function(t,i,n){var e=t.getUTCHours()/12>=1?"pm":"am";switch(i){case"a":case"aa":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},b:function(t,i,n){var e,a=t.getUTCHours();switch(e=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",i){case"b":case"bb":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},B:function(t,i,n){var e,a=t.getUTCHours();switch(e=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",i){case"B":case"BB":case"BBB":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},h:function(t,i,n){if("ho"===i){var e=t.getUTCHours()%12;return 0===e&&(e=12),n.ordinalNumber(e,{unit:"hour"})}return L(t,i)},H:function(t,i,n){return"Ho"===i?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):j(t,i)},K:function(t,i,n){var e=t.getUTCHours()%12;return"Ko"===i?n.ordinalNumber(e,{unit:"hour"}):A(e,i.length)},k:function(t,i,n){var e=t.getUTCHours();return 0===e&&(e=24),"ko"===i?n.ordinalNumber(e,{unit:"hour"}):A(e,i.length)},m:function(t,i,n){return"mo"===i?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):m(t,i)},s:function(t,i,n){return"so"===i?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):D(t,i)},S:function(t,i){return N(t,i)},X:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();if(0===a)return"Z";switch(i){case"X":return h(a);case"XXXX":case"XX":return v(a);default:return v(a,":")}},x:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"x":return h(a);case"xxxx":case"xx":return v(a);default:return v(a,":")}},O:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"O":case"OO":case"OOO":return"GMT"+b(a,":");default:return"GMT"+v(a,":")}},z:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"z":case"zz":case"zzz":return"GMT"+b(a,":");default:return"GMT"+v(a,":")}},t:function(t,i,n,e){return A(Math.floor((e._originalDate||t).getTime()/1e3),i.length)},T:function(t,i,n,e){return A((e._originalDate||t).getTime(),i.length)}};function b(t,i){var n=t>0?"-":"+",e=Math.abs(t),a=Math.floor(e/60),r=e%60;if(0===r)return n+String(a);var I=i||"";return n+String(a)+I+A(r,2)}function h(t,i){return t%60==0?(t>0?"-":"+")+A(Math.abs(t)/60,2):v(t,i)}function v(t,i){var n=i||"",e=t>0?"-":"+",a=Math.abs(t);return e+A(Math.floor(a/60),2)+n+A(a%60,2)}const z=y;var f=function(t,i){switch(t){case"P":return i.date({width:"short"});case"PP":return i.date({width:"medium"});case"PPP":return i.date({width:"long"});default:return i.date({width:"full"})}},T=function(t,i){switch(t){case"p":return i.time({width:"short"});case"pp":return i.time({width:"medium"});case"ppp":return i.time({width:"long"});default:return i.time({width:"full"})}},Z={p:T,P:function(t,i){var n,e=t.match(/(P+)(p+)?/)||[],a=e[1],r=e[2];if(!r)return f(t,i);switch(a){case"P":n=i.dateTime({width:"short"});break;case"PP":n=i.dateTime({width:"medium"});break;case"PPP":n=i.dateTime({width:"long"});break;default:n=i.dateTime({width:"full"})}return n.replace("{{date}}",f(a,i)).replace("{{time}}",T(r,i))}};const x=Z;var S=["D","DD"],G=["YY","YYYY"];function W(t,i,n){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(i,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(i,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(i,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(i,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var Y={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function P(t){return function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=i.width?String(i.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}var Q,k={date:P({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:P({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:P({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},E={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function p(t){return function(i,n){var e;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&t.formattingValues){var a=t.defaultFormattingWidth||t.defaultWidth,r=null!=n&&n.width?String(n.width):a;e=t.formattingValues[r]||t.formattingValues[a]}else{var I=t.defaultWidth,M=null!=n&&n.width?String(n.width):t.defaultWidth;e=t.values[M]||t.values[I]}return e[t.argumentCallback?t.argumentCallback(i):i]}}function V(t){return function(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=n.width,a=i.match(e&&t.matchPatterns[e]||t.matchPatterns[t.defaultMatchWidth]);if(!a)return null;var r,I=a[0],M=e&&t.parsePatterns[e]||t.parsePatterns[t.defaultParseWidth],u=Array.isArray(M)?function(t){for(var i=0;i<t.length;i++)if(t[i].test(I))return i}(M):function(t){for(var i in t)if(t.hasOwnProperty(i)&&t[i].test(I))return i}(M);return r=t.valueCallback?t.valueCallback(u):u,{value:r=n.valueCallback?n.valueCallback(r):r,rest:i.slice(I.length)}}}const X={code:"en-US",formatDistance:function(t,i,n){var e,a=Y[t];return e="string"==typeof a?a:1===i?a.one:a.other.replace("{{count}}",i.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+e:e+" ago":e},formatLong:k,formatRelative:function(t){return E[t]},localize:{ordinalNumber:function(t){var i=Number(t),n=i%100;if(n>20||n<10)switch(n%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:p({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:p({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:p({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:p({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:p({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Q={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.match(Q.matchPattern);if(!n)return null;var e=n[0],a=t.match(Q.parsePattern);if(!a)return null;var r=Q.valueCallback?Q.valueCallback(a[0]):a[0];return{value:r=i.valueCallback?i.valueCallback(r):r,rest:t.slice(e.length)}}),era:V({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:V({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:V({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:V({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:V({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var U=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,B=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,J=/^'([^]*?)'?$/,R=/''/g,O=/[a-zA-Z]/;function H(t,i,n){var M,w,g,s,C,A,c,d,l,L,j,m,D,N,y,b,h,v;r(2,arguments);var f=String(i),T=u(),Z=null!==(M=null!==(w=null==n?void 0:n.locale)&&void 0!==w?w:T.locale)&&void 0!==M?M:X,Y=a(null!==(g=null!==(s=null!==(C=null!==(A=null==n?void 0:n.firstWeekContainsDate)&&void 0!==A?A:null==n||null===(c=n.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==C?C:T.firstWeekContainsDate)&&void 0!==s?s:null===(l=T.locale)||void 0===l||null===(L=l.options)||void 0===L?void 0:L.firstWeekContainsDate)&&void 0!==g?g:1);if(!(Y>=1&&Y<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var P=a(null!==(j=null!==(m=null!==(D=null!==(N=null==n?void 0:n.weekStartsOn)&&void 0!==N?N:null==n||null===(y=n.locale)||void 0===y||null===(b=y.options)||void 0===b?void 0:b.weekStartsOn)&&void 0!==D?D:T.weekStartsOn)&&void 0!==m?m:null===(h=T.locale)||void 0===h||null===(v=h.options)||void 0===v?void 0:v.weekStartsOn)&&void 0!==j?j:0);if(!(P>=0&&P<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!Z.localize)throw new RangeError("locale must contain localize property");if(!Z.formatLong)throw new RangeError("locale must contain formatLong property");var Q=I(t);if(!function(t){if(r(1,arguments),!function(t){return r(1,arguments),t instanceof Date||"object"===e(t)&&"[object Date]"===Object.prototype.toString.call(t)}(t)&&"number"!=typeof t)return!1;var i=I(t);return!isNaN(Number(i))}(Q))throw new RangeError("Invalid time value");var k=function(t,i){return r(2,arguments),function(t,i){r(2,arguments);var n=I(t).getTime(),e=a(i);return new Date(n+e)}(t,-a(i))}(Q,o(Q)),E={firstWeekContainsDate:Y,weekStartsOn:P,locale:Z,_originalDate:Q};return f.match(B).map((function(t){var i=t[0];return"p"===i||"P"===i?(0,x[i])(t,Z.formatLong):t})).join("").match(U).map((function(e){if("''"===e)return"'";var a,r,I=e[0];if("'"===I)return(r=(a=e).match(J))?r[1].replace(R,"'"):a;var M=z[I];if(M)return null!=n&&n.useAdditionalWeekYearTokens||-1===G.indexOf(e)||W(e,i,String(t)),null!=n&&n.useAdditionalDayOfYearTokens||!(-1!==S.indexOf(e))||W(e,i,String(t)),M(k,e,Z.localize,E);if(I.match(O))throw new RangeError("Format string contains an unescaped latin alphabet character `"+I+"`");return e})).join("")}const F=()=>t("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyOCIgc3R5bGU9Im9wYWNpdHk6IDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB5PSIxMiIgeD0iMiIgd2lkdGg9IjEwMCUiIGlkPSJ0b3RhbF9sZXZlbCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KICAgIDxyZWN0IHk9IjEyIiAgeD0iMiIgaWQ9ImN1cnJlbnRfbGV2ZWwiIHdpZHRoPSI2NCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9jdXJyZW50X2xldmVsKSI+CiAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlX2N1cnJlbnRfbGV2ZWwiIGN4PSI3NC41IiBjeT0iMTQuNSIgcj0iNi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9oZWFydF9iYWxsKSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9iYWxsKSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjE2OSIgY3k9IjE0IiByPSIxMCIgaWQ9ImxvY2siIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl9iYWxsKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyX2hlYXJ0KSI+CiAgICAgICAgICA8c3ZnIHg9IjAiIHk9IjQiIGlkPSJsb2NrX2JveCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yMTcgNi40MjQ0MmMtMC43MTMsLTAuNTc0LC0xLjMwNCwtMS4wODMsLTEuOTI4LC0xLjYyMmMtMC4zNDgsLTAuMjk5LC0wLjcwNywtMC42MTEsLTEuMTAxLC0wLjk0M2wtMC4wMTMsLTAuMDFjMCwwLC0wLjAyMywtMC4wMTcsLTAuMDQsLTAuMDI3bC0wLjE2NywtMC4wOTVsLTAuMTUsMC4xMmMwLDAsLTAuMDE1LDAuMDEyLC0wLjAyNCwwLjAyYy0wLjM5MSwwLjMzLC0wLjc0OSwwLjY0LC0xLjA5NCwwLjkzOWMtMC42MjIsMC41MzksLTEuMjExLDEuMDQ4LC0xLjkyNCwxLjYyNGMtMS44MTYsMS40NjMsLTMuNTk4LDMuMjYzLC0zLjAzMyw1LjUwNmMwLjQwNCwxLjYwMSwyLjEwNCwyLjkwNSwzLjc4OSwyLjkwNWMwLjIxMSwwLDAuNDIzLC0wLjAyLDAuNjI2LC0wLjA2MWMwLjI4NiwtMC4wNTgsMC41NzIsLTAuMTQ1LDAuODY0LC0wLjI2NWMtMC4wNzksMC45NjIsLTAuNDEzLDEuODY0LC0wLjg4MSwyLjM2OWwtMC40MjMsMC40NTloMC42MzNjMC42MzMsMCwxLjAxOCwtMC4wMDcsMS4zNTYsLTAuMDEzYzAuMjQ4LC0wLjAwNCwwLjQ2MiwtMC4wMDgsMC43MiwtMC4wMDhjMC4zMzUsMCwwLjcwOSwwLjAwNiwxLjIxNSwwLjAyMWwwLjY4NiwwLjAybC0wLjQ3NCwtMC40ODNjLTAuNTA0LC0wLjUxNCwtMC44NDcsLTEuNDAzLC0wLjkyMywtMi4zODVjMC4zMTEsMC4xMzIsMC42MTYsMC4yMjcsMC45MTYsMC4yODdjMC4yMDQsMC4wMzksMC40MTEsMC4wNTksMC42MjMsMC4wNTljMS42ODcsMCwzLjM4NiwtMS4zMDQsMy43ODksLTIuOTA5YzAuNTYsLTIuMjQzLC0xLjIyNCwtNC4wNDEsLTMuMDQyLC01LjUwNHYtMC4wMDR6IiBmaWxsPSIjOTMzQ0JGIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjcyNyw2Ljk4NDU5Yy0xLjAwNCwtMC44MywtMS43NDEsLTEuNTE1LC0yLjcyMywtMi4zNjVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDcsLTAuMDA2Yy0wLjAwMiwwLC0wLjAwNCwwLjAwNCwtMC4wMDYsMC4wMDZjLTAuOTgsMC44NSwtMS43MTUsMS41MzcsLTIuNzIxLDIuMzY3Yy0xLjQ1NSwxLjIwMiwtMy4xMjYsMi44MjEsLTIuNjM4LDQuODFjMC4zNywxLjUxMSwyLjA5MSwyLjc1MSwzLjY2NSwyLjQzYzAuMzg5LC0wLjA4LDAuNzUsLTAuMjI0LDEuMDk0LC0wLjQwMmMwLDAuMTE2LC0wLjAwNCwwLjIzMywtMC4wMTIsMC4zNTNjLTAuMDY0LDAuOTkxLC0wLjM5OCwxLjg5MiwtMC44NiwyLjQwMWMxLjQ4MSwwLDEuNDgxLC0wLjA0MywyLjk2MSwwYy0wLjQ4MSwtMC41MDMsLTAuODM0LC0xLjM4MiwtMC45LC0yLjQwMWMtMC4wMDgsLTAuMTI3LC0wLjAxMiwtMC4yNTMsLTAuMDEyLC0wLjM3OGMwLjM1NywwLjE5LDAuNzMzLDAuMzQyLDEuMTQsMC40MjVjMS41NzQsMC4zMTksMy4yOTIsLTAuOTIyLDMuNjYxLC0yLjQzM2MwLjQ4NiwtMS45OTIsLTEuMTg5LC0zLjYwOSwtMi42NDQsCiAgICAgICAgICAgIC00LjgwOWwwLjAwMiwwLjAwMnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl9sb2NrKSIvPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4yNTUsNy41NTFjLTAuODQ0LC0wLjcxNiwtMS40NjIsLTEuMzA5LC0yLjI4NiwtMi4wNDVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDYsLTAuMDA2YzAsMCwtMC4wMDQsMC4wMDQsLTAuMDA2LDAuMDA2Yy0wLjgyNCwwLjczNiwtMS40NCwxLjMyOSwtMi4yODQsMi4wNDdjLTAuOTE5LDAuNzgyLC0xLjk0LDEuNzY5LC0yLjIxNCwyLjk0M2MtMC4xMTUsMC4wMjEsLTAuOTE0LDAuMDQ0LC0wLjkxNCwwLjA0NGwwLjg4NywwLjA4M2MtMC4wMzksMC4yMDYsLTAuMDU1LDAuNDE4LC0wLjA0MSwwLjYzOGMwLjA4NywtMS4zNzEsMS4yNSwtMi41MDcsMi4yODIsLTMuMzg0YzAuODQ0LC0wLjcxOCwxLjQ2MiwtMS4zMTMsMi4yODQsLTIuMDQ3YzAuMDAyLC0wLjAwMiwwLjAwNCwtMC4wMDQsMC4wMDYsLTAuMDA2YzAuMDAyLDAsMC4wMDQsMC4wMDQsMC4wMDYsMC4wMDRjMC44MjQsMC43MzQsMS40NDIsMS4zMjksMi4yODYsMi4wNDVjMS4wMzQsMC44NzksMi4xOTgsMi4wMTMsMi4yODYsMy4zODZjMC4wOTMsLTEuNTE3LC0xLjE3MywtMi43NjEsLTIuMjg2LC0zLjcwOHoiIGZpbGw9IiM5MDQwQzkiLz4KICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfbG9jaykiPgogICAgICA8c3ZnIHg9IjEwMCUiIHk9IjkiIGlkPSJoZWFydF9ib3giPgogICAgICAgIDxwYXRoIGQ9Ik03LDZjLTAuMTksLTAuMDAyLC0wLjM3NywwLjA1MiwtMC41MzQsMC4xNTRjLTAuMTU4LDAuMTAzLC0wLjI3OCwwLjI1LC0wLjM0NiwwLjQyYy0wLjA2OSwwLjE3MSwtMC4wODEsMC4zNTcsLTAuMDM1LDAuNTM1YzAuMDQ2LDAuMTc3LDAuMTQ3LDAuMzM3LDAuMjksMC40NTd2MC44MzRjMCwwLjE1OSwwLjA2NiwwLjMxMiwwLjE4MywwLjQyNGMwLjExNywwLjExMywwLjI3NiwwLjE3NiwwLjQ0MiwwLjE3NmMwLjE2NiwwLDAuMzI1LC0wLjA2MywwLjQ0MiwtMC4xNzZjMC4xMTcsLTAuMTEyLDAuMTgzLC0wLjI2NSwwLjE4MywtMC40MjR2LTAuODM0YzAuMTQzLC0wLjEyLDAuMjQ0LC0wLjI4LDAuMjksLTAuNDU3YzAuMDQ2LC0wLjE3OCwwLjAzNCwtMC4zNjQsLTAuMDM1LC0wLjUzNWMtMC4wNjgsLTAuMTcsLTAuMTg4LC0wLjMxNywtMC4zNDYsLTAuNDJjLTAuMTU3LC0wLjEwMiwtMC4zNDQsLTAuMTU2LC0wLjUzNCwtMC4xNTR6bTMuMTI1LC0yLjR2LTEuMmMwLC0wLjc5NiwtMC4zMjksLTEuNTU5LC0wLjkxNSwtMi4xMjFjLTAuNTg2LC0wLjU2MywtMS4zODEsLTAuODc5LC0yLjIxLC0wLjg3OWMtMC44MjksMCwtMS42MjQsMC4zMTYsLTIuMjEsMC44NzljLTAuNTg2LDAuNTYyLC0wLjkxNSwxLjMyNSwtMC45MTUsMi4xMjF2MS4yYy0wLjQ5NywwLC0wLjk3NCwwLjE5LC0xLjMyNiwwLjUyN2MtMC4zNTEsMC4zMzgsLTAuNTQ5LDAuNzk2LC0wLjU0OSwxLjI3M3Y0LjJjMCwwLjQ3NywwLjE5OCwwLjkzNSwwLjU0OSwxLjI3M2MwLjM1MiwwLjMzNywwLjgyOSwwLjUyNywxLjMyNiwwLjUyN2g2LjI1YzAuNDk3LDAsMC45NzQsLTAuMTksMS4zMjYsLTAuNTI3YzAuMzUxLC0wLjMzOCwwLjU0OSwtMC43OTYsMC41NDksLTEuMjczdi00LjJjMCwtMC40NzcsLTAuMTk4LC0wLjkzNSwtMC41NDksLTEuMjczYy0wLjM1MiwtMC4zMzcsLTAuODI5LC0wLjUyNywtMS4zMjYsLTAuNTI3em0tNSwtMS4yYzAsLTAuNDc3LDAuMTk4LC0wLjkzNSwwLjU0OSwtMS4yNzNjMC4zNTIsLTAuMzM3LDAuODI5LC0wLjUyNywxLjMyNiwtMC41MjdjMC40OTcsMCwwLjk3NCwwLjE5LDEuMzI2LDAuNTI3YzAuMzUxLDAuMzM4LDAuNTQ5LDAuNzk2LDAuNTQ5LDEuMjczdjEuMmgtMy43NXYtMS4yem01LjYyNSw3LjJjMCwwLjE1OSwtMC4wNjYsMC4zMTIsLTAuMTgzLDAuNDI0Yy0wLjExNywwLjExMywtMC4yNzYsMC4xNzYsLTAuNDQyLDAuMTc2aC02LjI1Yy0wLjE2NiwwLC0wLjMyNSwtMC4wNjMsLTAuNDQyLC0wLjE3NmMtMC4xMTcsLTAuMTEyLC0wLjE4MywtMC4yNjUsLTAuMTgzLC0wLjQyNHYtNC4yYzAsLTAuMTU5LDAuMDY2LC0wLjMxMiwwLjE4MywtMC40MjRjMC4xMTcsLTAuMTEzLDAuMjc2LC0wLjE3NiwwLjQ0MiwtMC4xNzZoNi4yNWMwLjE2NiwwLDAuMzI1LDAuMDYzLDAuNDQyLDAuMTc2YzAuMTE3LDAuMTEyLDAuMTgzLDAuMjY1LDAuMTgzLDAuNDI0djQuMnoiIGZpbGw9IndoaXRlIi8+CiAgICAgIDwvc3ZnPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2N1cnJlbnRfbGV2ZWwiIHg9IjY0IiB5PSI0IiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzMwNV8yMyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9oZWFydF9iYWxsIiB4PSIxNTUiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0Lz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMDVfMjMiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2JhbGwiIHg9IjE1OSIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2hlYXJ0IiB4PSIxNjEuNjM2IiB5PSI1LjcyNzI3IiB3aWR0aD0iMTQuNzI3MSIgaGVpZ2h0PSIxNS42MzY0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9sb2NrIiB4PSI1MCIgeT0iNyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl9iYWxsIiB4MT0iMTYzIiB5MT0iNiIgeDI9IjE3NC4yIiB5Mj0iMjIuNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTQ2QUQ3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VGQUJFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyX2xvY2siIHgxPSIxMDAlIiB5MT0iMTguNDA1NiIgeDI9IjE2OS4wMDIiIHkyPSIxMC4yODQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MTRGRDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDY3OUQ4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg=="}),K=({loyaltyPoints:i,spendablePoints:e,pointExpireString:a,language:r})=>t("div",{class:"PointsInfo"},i&&i>=0&&t("div",{class:"Points"},i," ",t("sub",{class:"XP"},n("xp",r))),e&&t("div",{class:"Points"},e," ",t("sub",{class:"XP"},n("sp",r))),a&&t("div",{class:"ExpirationPoints"},a," ")),q=({language:i,onRedeemClick:e})=>t("div",{class:"CardCell Redeem"},t("div",{class:"RedeemButton",onClick:()=>{e()}},t("span",null,n("redeem",i)))),$=i=>t("div",{class:"CardCell PlayerName Txt"},i.playerName),_=e=>t("div",{class:"CardCell ElevateLevel"},t("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&t("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",e.language),t("span",{class:"ExpireTime"},H(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&t("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},t("span",{class:"InfoTips",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMTI2IDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI0Ml80MjMxKSI+CjxyZWN0IHg9IjI0IiB5PSIyMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9IjM2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDI0QzI0IDIxLjc5MDkgMjUuNzkwOSAyMCAyOCAyMEg2NFY1NkgyOEMyNS43OTA5IDU2IDI0IDU0LjIwOTEgMjQgNTJWMjRaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxwYXRoIGQ9Ik01MSA1NkgzN0w0My4yNDc0IDYzLjEzOTlDNDMuNjQ1OCA2My41OTUyIDQ0LjM1NDIgNjMuNTk1MiA0NC43NTI2IDYzLjEzOTlMNTEgNTZaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxjaXJjbGUgY3g9IjQ0IiBjeT0iMzgiIHI9IjciIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00My45NDA1IDM0QzQ0LjU0NTYgMzQgNDUuMDM2MiAzNC40OTA2IDQ1LjAzNjIgMzUuMDk1N0M0NS4wMzYyIDM1LjcwMDkgNDQuNTQ1NiAzNi4xOTE1IDQzLjk0MDUgMzYuMTkxNUM0My4zMzUzIDM2LjE5MTUgNDIuODQ0NyAzNS43MDA5IDQyLjg0NDcgMzUuMDk1N0M0Mi44NDQ3IDM0LjQ5MDYgNDMuMzM1MyAzNCA0My45NDA1IDM0WiIgZmlsbD0iIzQ2NDY0NiIvPgo8cGF0aCBkPSJNNDUuODgwMSA0MS4zNzM3QzQ1Ljg4MDEgNDEuNzYxNyA0NS41NjI2IDQyLjA3OTEgNDUuMTc0NiA0Mi4wNzkxSDQ0LjMyMzNINDMuNTUxSDQyLjcwNTVDNDIuMzE3NSA0Mi4wNzkxIDQyIDQxLjc2MTcgNDIgNDEuMzczN1Y0MS4zNTc1QzQyIDQwLjk2OTUgNDIuMzE3NSA0MC42NTIxIDQyLjcwNTUgNDAuNjUyMUg0Mi44NDU1VjM3Ljg3MTRINDIuMzUyOEM0Mi4xNTg4IDM3Ljg3MTQgNDIgMzcuNzEyNyA0MiAzNy41MTg3VjM3LjQ5MzZDNDIgMzcuMjk5NiA0Mi4xNTg4IDM3LjE0MDkgNDIuMzUyOCAzNy4xNDA5SDQzLjU1MUg0NC4wMzFINDQuMzIzM0M0NC43MTEzIDM3LjE0MDkgNDUuMDI4NyAzNy40NTgzIDQ1LjAyODcgMzcuODQ2M1Y0MC42NTIxSDQ1LjE3NDZDNDUuNTYyNiA0MC42NTIxIDQ1Ljg4MDEgNDAuOTY5NiA0NS44ODAxIDQxLjM1NzZWNDEuMzczN1oiIGZpbGw9IiM0NjQ2NDYiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI0Ml80MjMxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkxLjQ4MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo="})))),tt=n=>{const e=n.loyaltyIconUrl?t("img",{class:"Badge",src:n.loyaltyIconUrl}):n.hideIfNull?"":t("div",{class:"Badge"}),a=n.playerAvatarUrl||i("../static/user.svg");return t("div",{class:"PlayerAvatar",style:{position:n.onlyBadge?"":"relative"}},!n.onlyBadge&&t("img",{class:"Avatar",src:a}),e)};export{tt as P,_ as a,K as b,F as c,$ as d,q as e,o as g,r,I as t}
|
|
1
|
+
import{h as t,a as i}from"./index-625be212.js";import{a as n}from"./locale.utils-34e6f004.js";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function a(t){if(null===t||!0===t||!1===t)return NaN;var i=Number(t);return isNaN(i)?i:i<0?Math.ceil(i):Math.floor(i)}function r(t,i){if(i.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+i.length+" present")}function I(t){r(1,arguments);var i=Object.prototype.toString.call(t);return t instanceof Date||"object"===e(t)&&"[object Date]"===i?new Date(t.getTime()):"number"==typeof t||"[object Number]"===i?new Date(t):("string"!=typeof t&&"[object String]"!==i||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}var M={};function u(){return M}function o(t){var i=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return i.setUTCFullYear(t.getFullYear()),t.getTime()-i.getTime()}function w(t){r(1,arguments);var i=I(t),n=i.getUTCDay(),e=(n<1?7:0)+n-1;return i.setUTCDate(i.getUTCDate()-e),i.setUTCHours(0,0,0,0),i}function g(t){r(1,arguments);var i=I(t),n=i.getUTCFullYear(),e=new Date(0);e.setUTCFullYear(n+1,0,4),e.setUTCHours(0,0,0,0);var a=w(e),M=new Date(0);M.setUTCFullYear(n,0,4),M.setUTCHours(0,0,0,0);var u=w(M);return i.getTime()>=a.getTime()?n+1:i.getTime()>=u.getTime()?n:n-1}function s(t,i){var n,e,M,o,w,g,s,C;r(1,arguments);var A=u(),c=a(null!==(n=null!==(e=null!==(M=null!==(o=null==i?void 0:i.weekStartsOn)&&void 0!==o?o:null==i||null===(w=i.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.weekStartsOn)&&void 0!==M?M:A.weekStartsOn)&&void 0!==e?e:null===(s=A.locale)||void 0===s||null===(C=s.options)||void 0===C?void 0:C.weekStartsOn)&&void 0!==n?n:0);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var d=I(t),l=d.getUTCDay(),L=(l<c?7:0)+l-c;return d.setUTCDate(d.getUTCDate()-L),d.setUTCHours(0,0,0,0),d}function C(t,i){var n,e,M,o,w,g,C,A;r(1,arguments);var c=I(t),d=c.getUTCFullYear(),l=u(),L=a(null!==(n=null!==(e=null!==(M=null!==(o=null==i?void 0:i.firstWeekContainsDate)&&void 0!==o?o:null==i||null===(w=i.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==M?M:l.firstWeekContainsDate)&&void 0!==e?e:null===(C=l.locale)||void 0===C||null===(A=C.options)||void 0===A?void 0:A.firstWeekContainsDate)&&void 0!==n?n:1);if(!(L>=1&&L<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var j=new Date(0);j.setUTCFullYear(d+1,0,L),j.setUTCHours(0,0,0,0);var m=s(j,i),D=new Date(0);D.setUTCFullYear(d,0,L),D.setUTCHours(0,0,0,0);var y=s(D,i);return c.getTime()>=m.getTime()?d+1:c.getTime()>=y.getTime()?d:d-1}function A(t,i){for(var n=t<0?"-":"",e=Math.abs(t).toString();e.length<i;)e="0"+e;return n+e}const c=function(t,i){var n=t.getUTCFullYear(),e=n>0?n:1-n;return A("yy"===i?e%100:e,i.length)},d=function(t,i){var n=t.getUTCMonth();return"M"===i?String(n+1):A(n+1,2)},l=function(t,i){return A(t.getUTCDate(),i.length)},L=function(t,i){return A(t.getUTCHours()%12||12,i.length)},j=function(t,i){return A(t.getUTCHours(),i.length)},m=function(t,i){return A(t.getUTCMinutes(),i.length)},D=function(t,i){return A(t.getUTCSeconds(),i.length)},y=function(t,i){var n=i.length,e=t.getUTCMilliseconds();return A(Math.floor(e*Math.pow(10,n-3)),i.length)};var N={G:function(t,i,n){var e=t.getUTCFullYear()>0?1:0;switch(i){case"G":case"GG":case"GGG":return n.era(e,{width:"abbreviated"});case"GGGGG":return n.era(e,{width:"narrow"});default:return n.era(e,{width:"wide"})}},y:function(t,i,n){if("yo"===i){var e=t.getUTCFullYear();return n.ordinalNumber(e>0?e:1-e,{unit:"year"})}return c(t,i)},Y:function(t,i,n,e){var a=C(t,e),r=a>0?a:1-a;return"YY"===i?A(r%100,2):"Yo"===i?n.ordinalNumber(r,{unit:"year"}):A(r,i.length)},R:function(t,i){return A(g(t),i.length)},u:function(t,i){return A(t.getUTCFullYear(),i.length)},Q:function(t,i,n){var e=Math.ceil((t.getUTCMonth()+1)/3);switch(i){case"Q":return String(e);case"QQ":return A(e,2);case"Qo":return n.ordinalNumber(e,{unit:"quarter"});case"QQQ":return n.quarter(e,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(e,{width:"narrow",context:"formatting"});default:return n.quarter(e,{width:"wide",context:"formatting"})}},q:function(t,i,n){var e=Math.ceil((t.getUTCMonth()+1)/3);switch(i){case"q":return String(e);case"qq":return A(e,2);case"qo":return n.ordinalNumber(e,{unit:"quarter"});case"qqq":return n.quarter(e,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(e,{width:"narrow",context:"standalone"});default:return n.quarter(e,{width:"wide",context:"standalone"})}},M:function(t,i,n){var e=t.getUTCMonth();switch(i){case"M":case"MM":return d(t,i);case"Mo":return n.ordinalNumber(e+1,{unit:"month"});case"MMM":return n.month(e,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(e,{width:"narrow",context:"formatting"});default:return n.month(e,{width:"wide",context:"formatting"})}},L:function(t,i,n){var e=t.getUTCMonth();switch(i){case"L":return String(e+1);case"LL":return A(e+1,2);case"Lo":return n.ordinalNumber(e+1,{unit:"month"});case"LLL":return n.month(e,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(e,{width:"narrow",context:"standalone"});default:return n.month(e,{width:"wide",context:"standalone"})}},w:function(t,i,n,e){var M=function(t,i){r(1,arguments);var n=I(t),e=s(n,i).getTime()-function(t,i){var n,e,I,M,o,w,g,A;r(1,arguments);var c=u(),d=a(null!==(n=null!==(e=null!==(I=null!==(M=null==i?void 0:i.firstWeekContainsDate)&&void 0!==M?M:null==i||null===(o=i.locale)||void 0===o||null===(w=o.options)||void 0===w?void 0:w.firstWeekContainsDate)&&void 0!==I?I:c.firstWeekContainsDate)&&void 0!==e?e:null===(g=c.locale)||void 0===g||null===(A=g.options)||void 0===A?void 0:A.firstWeekContainsDate)&&void 0!==n?n:1),l=C(t,i),L=new Date(0);return L.setUTCFullYear(l,0,d),L.setUTCHours(0,0,0,0),s(L,i)}(n,i).getTime();return Math.round(e/6048e5)+1}(t,e);return"wo"===i?n.ordinalNumber(M,{unit:"week"}):A(M,i.length)},I:function(t,i,n){var e=function(t){r(1,arguments);var i=I(t),n=w(i).getTime()-function(t){r(1,arguments);var i=g(t),n=new Date(0);return n.setUTCFullYear(i,0,4),n.setUTCHours(0,0,0,0),w(n)}(i).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===i?n.ordinalNumber(e,{unit:"week"}):A(e,i.length)},d:function(t,i,n){return"do"===i?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):l(t,i)},D:function(t,i,n){var e=function(t){r(1,arguments);var i=I(t),n=i.getTime();i.setUTCMonth(0,1),i.setUTCHours(0,0,0,0);var e=i.getTime();return Math.floor((n-e)/864e5)+1}(t);return"Do"===i?n.ordinalNumber(e,{unit:"dayOfYear"}):A(e,i.length)},E:function(t,i,n){var e=t.getUTCDay();switch(i){case"E":case"EE":case"EEE":return n.day(e,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(e,{width:"short",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})}},e:function(t,i,n,e){var a=t.getUTCDay(),r=(a-e.weekStartsOn+8)%7||7;switch(i){case"e":return String(r);case"ee":return A(r,2);case"eo":return n.ordinalNumber(r,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(t,i,n,e){var a=t.getUTCDay(),r=(a-e.weekStartsOn+8)%7||7;switch(i){case"c":return String(r);case"cc":return A(r,i.length);case"co":return n.ordinalNumber(r,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(t,i,n){var e=t.getUTCDay(),a=0===e?7:e;switch(i){case"i":return String(a);case"ii":return A(a,i.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(e,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(e,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(e,{width:"short",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})}},a:function(t,i,n){var e=t.getUTCHours()/12>=1?"pm":"am";switch(i){case"a":case"aa":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},b:function(t,i,n){var e,a=t.getUTCHours();switch(e=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",i){case"b":case"bb":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},B:function(t,i,n){var e,a=t.getUTCHours();switch(e=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",i){case"B":case"BB":case"BBB":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})}},h:function(t,i,n){if("ho"===i){var e=t.getUTCHours()%12;return 0===e&&(e=12),n.ordinalNumber(e,{unit:"hour"})}return L(t,i)},H:function(t,i,n){return"Ho"===i?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):j(t,i)},K:function(t,i,n){var e=t.getUTCHours()%12;return"Ko"===i?n.ordinalNumber(e,{unit:"hour"}):A(e,i.length)},k:function(t,i,n){var e=t.getUTCHours();return 0===e&&(e=24),"ko"===i?n.ordinalNumber(e,{unit:"hour"}):A(e,i.length)},m:function(t,i,n){return"mo"===i?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):m(t,i)},s:function(t,i,n){return"so"===i?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):D(t,i)},S:function(t,i){return y(t,i)},X:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();if(0===a)return"Z";switch(i){case"X":return h(a);case"XXXX":case"XX":return v(a);default:return v(a,":")}},x:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"x":return h(a);case"xxxx":case"xx":return v(a);default:return v(a,":")}},O:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"O":case"OO":case"OOO":return"GMT"+b(a,":");default:return"GMT"+v(a,":")}},z:function(t,i,n,e){var a=(e._originalDate||t).getTimezoneOffset();switch(i){case"z":case"zz":case"zzz":return"GMT"+b(a,":");default:return"GMT"+v(a,":")}},t:function(t,i,n,e){return A(Math.floor((e._originalDate||t).getTime()/1e3),i.length)},T:function(t,i,n,e){return A((e._originalDate||t).getTime(),i.length)}};function b(t,i){var n=t>0?"-":"+",e=Math.abs(t),a=Math.floor(e/60),r=e%60;if(0===r)return n+String(a);var I=i||"";return n+String(a)+I+A(r,2)}function h(t,i){return t%60==0?(t>0?"-":"+")+A(Math.abs(t)/60,2):v(t,i)}function v(t,i){var n=i||"",e=t>0?"-":"+",a=Math.abs(t);return e+A(Math.floor(a/60),2)+n+A(a%60,2)}const T=N;var z=function(t,i){switch(t){case"P":return i.date({width:"short"});case"PP":return i.date({width:"medium"});case"PPP":return i.date({width:"long"});default:return i.date({width:"full"})}},f=function(t,i){switch(t){case"p":return i.time({width:"short"});case"pp":return i.time({width:"medium"});case"ppp":return i.time({width:"long"});default:return i.time({width:"full"})}},Z={p:f,P:function(t,i){var n,e=t.match(/(P+)(p+)?/)||[],a=e[1],r=e[2];if(!r)return z(t,i);switch(a){case"P":n=i.dateTime({width:"short"});break;case"PP":n=i.dateTime({width:"medium"});break;case"PPP":n=i.dateTime({width:"long"});break;default:n=i.dateTime({width:"full"})}return n.replace("{{date}}",z(a,i)).replace("{{time}}",f(r,i))}};const x=Z;var S=["D","DD"],G=["YY","YYYY"];function W(t,i,n){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(i,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(i,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(i,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(i,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var Y={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function P(t){return function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=i.width?String(i.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}var Q,p={date:P({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:P({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:P({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},E={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function k(t){return function(i,n){var e;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&t.formattingValues){var a=t.defaultFormattingWidth||t.defaultWidth,r=null!=n&&n.width?String(n.width):a;e=t.formattingValues[r]||t.formattingValues[a]}else{var I=t.defaultWidth,M=null!=n&&n.width?String(n.width):t.defaultWidth;e=t.values[M]||t.values[I]}return e[t.argumentCallback?t.argumentCallback(i):i]}}function V(t){return function(i){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=n.width,a=i.match(e&&t.matchPatterns[e]||t.matchPatterns[t.defaultMatchWidth]);if(!a)return null;var r,I=a[0],M=e&&t.parsePatterns[e]||t.parsePatterns[t.defaultParseWidth],u=Array.isArray(M)?function(t){for(var i=0;i<t.length;i++)if(t[i].test(I))return i}(M):function(t){for(var i in t)if(t.hasOwnProperty(i)&&t[i].test(I))return i}(M);return r=t.valueCallback?t.valueCallback(u):u,{value:r=n.valueCallback?n.valueCallback(r):r,rest:i.slice(I.length)}}}const X={code:"en-US",formatDistance:function(t,i,n){var e,a=Y[t];return e="string"==typeof a?a:1===i?a.one:a.other.replace("{{count}}",i.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+e:e+" ago":e},formatLong:p,formatRelative:function(t){return E[t]},localize:{ordinalNumber:function(t){var i=Number(t),n=i%100;if(n>20||n<10)switch(n%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:k({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:k({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:k({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:k({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:k({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Q={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.match(Q.matchPattern);if(!n)return null;var e=n[0],a=t.match(Q.parsePattern);if(!a)return null;var r=Q.valueCallback?Q.valueCallback(a[0]):a[0];return{value:r=i.valueCallback?i.valueCallback(r):r,rest:t.slice(e.length)}}),era:V({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:V({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:V({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:V({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:V({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var U=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,B=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,J=/^'([^]*?)'?$/,R=/''/g,O=/[a-zA-Z]/;function H(t,i,n){var M,w,g,s,C,A,c,d,l,L,j,m,D,y,N,b,h,v;r(2,arguments);var z=String(i),f=u(),Z=null!==(M=null!==(w=null==n?void 0:n.locale)&&void 0!==w?w:f.locale)&&void 0!==M?M:X,Y=a(null!==(g=null!==(s=null!==(C=null!==(A=null==n?void 0:n.firstWeekContainsDate)&&void 0!==A?A:null==n||null===(c=n.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==C?C:f.firstWeekContainsDate)&&void 0!==s?s:null===(l=f.locale)||void 0===l||null===(L=l.options)||void 0===L?void 0:L.firstWeekContainsDate)&&void 0!==g?g:1);if(!(Y>=1&&Y<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var P=a(null!==(j=null!==(m=null!==(D=null!==(y=null==n?void 0:n.weekStartsOn)&&void 0!==y?y:null==n||null===(N=n.locale)||void 0===N||null===(b=N.options)||void 0===b?void 0:b.weekStartsOn)&&void 0!==D?D:f.weekStartsOn)&&void 0!==m?m:null===(h=f.locale)||void 0===h||null===(v=h.options)||void 0===v?void 0:v.weekStartsOn)&&void 0!==j?j:0);if(!(P>=0&&P<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!Z.localize)throw new RangeError("locale must contain localize property");if(!Z.formatLong)throw new RangeError("locale must contain formatLong property");var Q=I(t);if(!function(t){if(r(1,arguments),!function(t){return r(1,arguments),t instanceof Date||"object"===e(t)&&"[object Date]"===Object.prototype.toString.call(t)}(t)&&"number"!=typeof t)return!1;var i=I(t);return!isNaN(Number(i))}(Q))throw new RangeError("Invalid time value");var p=function(t,i){return r(2,arguments),function(t,i){r(2,arguments);var n=I(t).getTime(),e=a(i);return new Date(n+e)}(t,-a(i))}(Q,o(Q)),E={firstWeekContainsDate:Y,weekStartsOn:P,locale:Z,_originalDate:Q};return z.match(B).map((function(t){var i=t[0];return"p"===i||"P"===i?(0,x[i])(t,Z.formatLong):t})).join("").match(U).map((function(e){if("''"===e)return"'";var a,r,I=e[0];if("'"===I)return(r=(a=e).match(J))?r[1].replace(R,"'"):a;var M=T[I];if(M)return null!=n&&n.useAdditionalWeekYearTokens||-1===G.indexOf(e)||W(e,i,String(t)),null!=n&&n.useAdditionalDayOfYearTokens||!(-1!==S.indexOf(e))||W(e,i,String(t)),M(p,e,Z.localize,E);if(I.match(O))throw new RangeError("Format string contains an unescaped latin alphabet character `"+I+"`");return e})).join("")}const F=()=>t("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyOCIgc3R5bGU9Im9wYWNpdHk6IDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB5PSIxMiIgeD0iMiIgd2lkdGg9IjEwMCUiIGlkPSJ0b3RhbF9sZXZlbCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KICAgIDxyZWN0IHk9IjEyIiAgeD0iMiIgaWQ9ImN1cnJlbnRfbGV2ZWwiIHdpZHRoPSI2NCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9jdXJyZW50X2xldmVsKSI+CiAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlX2N1cnJlbnRfbGV2ZWwiIGN4PSI3NC41IiBjeT0iMTQuNSIgcj0iNi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9oZWFydF9iYWxsKSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9iYWxsKSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjE2OSIgY3k9IjE0IiByPSIxMCIgaWQ9ImxvY2siIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl9iYWxsKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyX2hlYXJ0KSI+CiAgICAgICAgICA8c3ZnIHg9IjAiIHk9IjQiIGlkPSJsb2NrX2JveCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yMTcgNi40MjQ0MmMtMC43MTMsLTAuNTc0LC0xLjMwNCwtMS4wODMsLTEuOTI4LC0xLjYyMmMtMC4zNDgsLTAuMjk5LC0wLjcwNywtMC42MTEsLTEuMTAxLC0wLjk0M2wtMC4wMTMsLTAuMDFjMCwwLC0wLjAyMywtMC4wMTcsLTAuMDQsLTAuMDI3bC0wLjE2NywtMC4wOTVsLTAuMTUsMC4xMmMwLDAsLTAuMDE1LDAuMDEyLC0wLjAyNCwwLjAyYy0wLjM5MSwwLjMzLC0wLjc0OSwwLjY0LC0xLjA5NCwwLjkzOWMtMC42MjIsMC41MzksLTEuMjExLDEuMDQ4LC0xLjkyNCwxLjYyNGMtMS44MTYsMS40NjMsLTMuNTk4LDMuMjYzLC0zLjAzMyw1LjUwNmMwLjQwNCwxLjYwMSwyLjEwNCwyLjkwNSwzLjc4OSwyLjkwNWMwLjIxMSwwLDAuNDIzLC0wLjAyLDAuNjI2LC0wLjA2MWMwLjI4NiwtMC4wNTgsMC41NzIsLTAuMTQ1LDAuODY0LC0wLjI2NWMtMC4wNzksMC45NjIsLTAuNDEzLDEuODY0LC0wLjg4MSwyLjM2OWwtMC40MjMsMC40NTloMC42MzNjMC42MzMsMCwxLjAxOCwtMC4wMDcsMS4zNTYsLTAuMDEzYzAuMjQ4LC0wLjAwNCwwLjQ2MiwtMC4wMDgsMC43MiwtMC4wMDhjMC4zMzUsMCwwLjcwOSwwLjAwNiwxLjIxNSwwLjAyMWwwLjY4NiwwLjAybC0wLjQ3NCwtMC40ODNjLTAuNTA0LC0wLjUxNCwtMC44NDcsLTEuNDAzLC0wLjkyMywtMi4zODVjMC4zMTEsMC4xMzIsMC42MTYsMC4yMjcsMC45MTYsMC4yODdjMC4yMDQsMC4wMzksMC40MTEsMC4wNTksMC42MjMsMC4wNTljMS42ODcsMCwzLjM4NiwtMS4zMDQsMy43ODksLTIuOTA5YzAuNTYsLTIuMjQzLC0xLjIyNCwtNC4wNDEsLTMuMDQyLC01LjUwNHYtMC4wMDR6IiBmaWxsPSIjOTMzQ0JGIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjcyNyw2Ljk4NDU5Yy0xLjAwNCwtMC44MywtMS43NDEsLTEuNTE1LC0yLjcyMywtMi4zNjVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDcsLTAuMDA2Yy0wLjAwMiwwLC0wLjAwNCwwLjAwNCwtMC4wMDYsMC4wMDZjLTAuOTgsMC44NSwtMS43MTUsMS41MzcsLTIuNzIxLDIuMzY3Yy0xLjQ1NSwxLjIwMiwtMy4xMjYsMi44MjEsLTIuNjM4LDQuODFjMC4zNywxLjUxMSwyLjA5MSwyLjc1MSwzLjY2NSwyLjQzYzAuMzg5LC0wLjA4LDAuNzUsLTAuMjI0LDEuMDk0LC0wLjQwMmMwLDAuMTE2LC0wLjAwNCwwLjIzMywtMC4wMTIsMC4zNTNjLTAuMDY0LDAuOTkxLC0wLjM5OCwxLjg5MiwtMC44NiwyLjQwMWMxLjQ4MSwwLDEuNDgxLC0wLjA0MywyLjk2MSwwYy0wLjQ4MSwtMC41MDMsLTAuODM0LC0xLjM4MiwtMC45LC0yLjQwMWMtMC4wMDgsLTAuMTI3LC0wLjAxMiwtMC4yNTMsLTAuMDEyLC0wLjM3OGMwLjM1NywwLjE5LDAuNzMzLDAuMzQyLDEuMTQsMC40MjVjMS41NzQsMC4zMTksMy4yOTIsLTAuOTIyLDMuNjYxLC0yLjQzM2MwLjQ4NiwtMS45OTIsLTEuMTg5LC0zLjYwOSwtMi42NDQsCiAgICAgICAgICAgIC00LjgwOWwwLjAwMiwwLjAwMnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl9sb2NrKSIvPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4yNTUsNy41NTFjLTAuODQ0LC0wLjcxNiwtMS40NjIsLTEuMzA5LC0yLjI4NiwtMi4wNDVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDYsLTAuMDA2YzAsMCwtMC4wMDQsMC4wMDQsLTAuMDA2LDAuMDA2Yy0wLjgyNCwwLjczNiwtMS40NCwxLjMyOSwtMi4yODQsMi4wNDdjLTAuOTE5LDAuNzgyLC0xLjk0LDEuNzY5LC0yLjIxNCwyLjk0M2MtMC4xMTUsMC4wMjEsLTAuOTE0LDAuMDQ0LC0wLjkxNCwwLjA0NGwwLjg4NywwLjA4M2MtMC4wMzksMC4yMDYsLTAuMDU1LDAuNDE4LC0wLjA0MSwwLjYzOGMwLjA4NywtMS4zNzEsMS4yNSwtMi41MDcsMi4yODIsLTMuMzg0YzAuODQ0LC0wLjcxOCwxLjQ2MiwtMS4zMTMsMi4yODQsLTIuMDQ3YzAuMDAyLC0wLjAwMiwwLjAwNCwtMC4wMDQsMC4wMDYsLTAuMDA2YzAuMDAyLDAsMC4wMDQsMC4wMDQsMC4wMDYsMC4wMDRjMC44MjQsMC43MzQsMS40NDIsMS4zMjksMi4yODYsMi4wNDVjMS4wMzQsMC44NzksMi4xOTgsMi4wMTMsMi4yODYsMy4zODZjMC4wOTMsLTEuNTE3LC0xLjE3MywtMi43NjEsLTIuMjg2LC0zLjcwOHoiIGZpbGw9IiM5MDQwQzkiLz4KICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfbG9jaykiPgogICAgICA8c3ZnIHg9IjEwMCUiIHk9IjkiIGlkPSJoZWFydF9ib3giPgogICAgICAgIDxwYXRoIGQ9Ik03LDZjLTAuMTksLTAuMDAyLC0wLjM3NywwLjA1MiwtMC41MzQsMC4xNTRjLTAuMTU4LDAuMTAzLC0wLjI3OCwwLjI1LC0wLjM0NiwwLjQyYy0wLjA2OSwwLjE3MSwtMC4wODEsMC4zNTcsLTAuMDM1LDAuNTM1YzAuMDQ2LDAuMTc3LDAuMTQ3LDAuMzM3LDAuMjksMC40NTd2MC44MzRjMCwwLjE1OSwwLjA2NiwwLjMxMiwwLjE4MywwLjQyNGMwLjExNywwLjExMywwLjI3NiwwLjE3NiwwLjQ0MiwwLjE3NmMwLjE2NiwwLDAuMzI1LC0wLjA2MywwLjQ0MiwtMC4xNzZjMC4xMTcsLTAuMTEyLDAuMTgzLC0wLjI2NSwwLjE4MywtMC40MjR2LTAuODM0YzAuMTQzLC0wLjEyLDAuMjQ0LC0wLjI4LDAuMjksLTAuNDU3YzAuMDQ2LC0wLjE3OCwwLjAzNCwtMC4zNjQsLTAuMDM1LC0wLjUzNWMtMC4wNjgsLTAuMTcsLTAuMTg4LC0wLjMxNywtMC4zNDYsLTAuNDJjLTAuMTU3LC0wLjEwMiwtMC4zNDQsLTAuMTU2LC0wLjUzNCwtMC4xNTR6bTMuMTI1LC0yLjR2LTEuMmMwLC0wLjc5NiwtMC4zMjksLTEuNTU5LC0wLjkxNSwtMi4xMjFjLTAuNTg2LC0wLjU2MywtMS4zODEsLTAuODc5LC0yLjIxLC0wLjg3OWMtMC44MjksMCwtMS42MjQsMC4zMTYsLTIuMjEsMC44NzljLTAuNTg2LDAuNTYyLC0wLjkxNSwxLjMyNSwtMC45MTUsMi4xMjF2MS4yYy0wLjQ5NywwLC0wLjk3NCwwLjE5LC0xLjMyNiwwLjUyN2MtMC4zNTEsMC4zMzgsLTAuNTQ5LDAuNzk2LC0wLjU0OSwxLjI3M3Y0LjJjMCwwLjQ3NywwLjE5OCwwLjkzNSwwLjU0OSwxLjI3M2MwLjM1MiwwLjMzNywwLjgyOSwwLjUyNywxLjMyNiwwLjUyN2g2LjI1YzAuNDk3LDAsMC45NzQsLTAuMTksMS4zMjYsLTAuNTI3YzAuMzUxLC0wLjMzOCwwLjU0OSwtMC43OTYsMC41NDksLTEuMjczdi00LjJjMCwtMC40NzcsLTAuMTk4LC0wLjkzNSwtMC41NDksLTEuMjczYy0wLjM1MiwtMC4zMzcsLTAuODI5LC0wLjUyNywtMS4zMjYsLTAuNTI3em0tNSwtMS4yYzAsLTAuNDc3LDAuMTk4LC0wLjkzNSwwLjU0OSwtMS4yNzNjMC4zNTIsLTAuMzM3LDAuODI5LC0wLjUyNywxLjMyNiwtMC41MjdjMC40OTcsMCwwLjk3NCwwLjE5LDEuMzI2LDAuNTI3YzAuMzUxLDAuMzM4LDAuNTQ5LDAuNzk2LDAuNTQ5LDEuMjczdjEuMmgtMy43NXYtMS4yem01LjYyNSw3LjJjMCwwLjE1OSwtMC4wNjYsMC4zMTIsLTAuMTgzLDAuNDI0Yy0wLjExNywwLjExMywtMC4yNzYsMC4xNzYsLTAuNDQyLDAuMTc2aC02LjI1Yy0wLjE2NiwwLC0wLjMyNSwtMC4wNjMsLTAuNDQyLC0wLjE3NmMtMC4xMTcsLTAuMTEyLC0wLjE4MywtMC4yNjUsLTAuMTgzLC0wLjQyNHYtNC4yYzAsLTAuMTU5LDAuMDY2LC0wLjMxMiwwLjE4MywtMC40MjRjMC4xMTcsLTAuMTEzLDAuMjc2LC0wLjE3NiwwLjQ0MiwtMC4xNzZoNi4yNWMwLjE2NiwwLDAuMzI1LDAuMDYzLDAuNDQyLDAuMTc2YzAuMTE3LDAuMTEyLDAuMTgzLDAuMjY1LDAuMTgzLDAuNDI0djQuMnoiIGZpbGw9IndoaXRlIi8+CiAgICAgIDwvc3ZnPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2N1cnJlbnRfbGV2ZWwiIHg9IjY0IiB5PSI0IiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzMwNV8yMyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9oZWFydF9iYWxsIiB4PSIxNTUiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0Lz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMDVfMjMiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2JhbGwiIHg9IjE1OSIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2hlYXJ0IiB4PSIxNjEuNjM2IiB5PSI1LjcyNzI3IiB3aWR0aD0iMTQuNzI3MSIgaGVpZ2h0PSIxNS42MzY0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9sb2NrIiB4PSI1MCIgeT0iNyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl9iYWxsIiB4MT0iMTYzIiB5MT0iNiIgeDI9IjE3NC4yIiB5Mj0iMjIuNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTQ2QUQ3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VGQUJFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyX2xvY2siIHgxPSIxMDAlIiB5MT0iMTguNDA1NiIgeDI9IjE2OS4wMDIiIHkyPSIxMC4yODQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MTRGRDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDY3OUQ4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg=="}),K=({loyaltyPoints:i,spendablePoints:e,pointExpireString:a,language:r})=>t("div",{class:"PointsInfo"},i&&i>=0&&t("div",{class:"Points"},i," ",t("sub",{class:"XP"},n("xp",r))),e&&t("div",{class:"Points"},e," ",t("sub",{class:"XP"},n("sp",r))),a&&t("div",{class:"ExpirationPoints"},a," ")),q=({language:i,onRedeemClick:e})=>t("div",{class:"CardCell Redeem"},t("div",{class:"RedeemButton",onClick:()=>{e()}},t("span",null,n("redeem",i)))),$=i=>t("div",{class:"CardCell PlayerName Txt"},i.playerName),_=e=>t("div",{class:"CardCell ElevateLevel"},t("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&t("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",e.language),t("span",{class:"ExpireTime"},H(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&t("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},t("span",{class:"InfoTips",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMTI2IDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI0Ml80MjMxKSI+CjxyZWN0IHg9IjI0IiB5PSIyMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9IjM2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDI0QzI0IDIxLjc5MDkgMjUuNzkwOSAyMCAyOCAyMEg2NFY1NkgyOEMyNS43OTA5IDU2IDI0IDU0LjIwOTEgMjQgNTJWMjRaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxwYXRoIGQ9Ik01MSA1NkgzN0w0My4yNDc0IDYzLjEzOTlDNDMuNjQ1OCA2My41OTUyIDQ0LjM1NDIgNjMuNTk1MiA0NC43NTI2IDYzLjEzOTlMNTEgNTZaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxjaXJjbGUgY3g9IjQ0IiBjeT0iMzgiIHI9IjciIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00My45NDA1IDM0QzQ0LjU0NTYgMzQgNDUuMDM2MiAzNC40OTA2IDQ1LjAzNjIgMzUuMDk1N0M0NS4wMzYyIDM1LjcwMDkgNDQuNTQ1NiAzNi4xOTE1IDQzLjk0MDUgMzYuMTkxNUM0My4zMzUzIDM2LjE5MTUgNDIuODQ0NyAzNS43MDA5IDQyLjg0NDcgMzUuMDk1N0M0Mi44NDQ3IDM0LjQ5MDYgNDMuMzM1MyAzNCA0My45NDA1IDM0WiIgZmlsbD0iIzQ2NDY0NiIvPgo8cGF0aCBkPSJNNDUuODgwMSA0MS4zNzM3QzQ1Ljg4MDEgNDEuNzYxNyA0NS41NjI2IDQyLjA3OTEgNDUuMTc0NiA0Mi4wNzkxSDQ0LjMyMzNINDMuNTUxSDQyLjcwNTVDNDIuMzE3NSA0Mi4wNzkxIDQyIDQxLjc2MTcgNDIgNDEuMzczN1Y0MS4zNTc1QzQyIDQwLjk2OTUgNDIuMzE3NSA0MC42NTIxIDQyLjcwNTUgNDAuNjUyMUg0Mi44NDU1VjM3Ljg3MTRINDIuMzUyOEM0Mi4xNTg4IDM3Ljg3MTQgNDIgMzcuNzEyNyA0MiAzNy41MTg3VjM3LjQ5MzZDNDIgMzcuMjk5NiA0Mi4xNTg4IDM3LjE0MDkgNDIuMzUyOCAzNy4xNDA5SDQzLjU1MUg0NC4wMzFINDQuMzIzM0M0NC43MTEzIDM3LjE0MDkgNDUuMDI4NyAzNy40NTgzIDQ1LjAyODcgMzcuODQ2M1Y0MC42NTIxSDQ1LjE3NDZDNDUuNTYyNiA0MC42NTIxIDQ1Ljg4MDEgNDAuOTY5NiA0NS44ODAxIDQxLjM1NzZWNDEuMzczN1oiIGZpbGw9IiM0NjQ2NDYiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI0Ml80MjMxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkxLjQ4MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo="})))),tt=i=>t("div",{class:"CardCell ElevateLevel Expire"},t("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",i.language),t("span",{class:"ExpireTime"},H(new Date(i.expireTime),i.dateFormat||"yyyy-MM-dd")))),it=n=>{const e=n.loyaltyIconUrl?t("img",{class:"Badge",src:n.loyaltyIconUrl}):n.hideIfNull?"":t("div",{class:"Badge"}),a=n.playerAvatarUrl||i("../static/user.svg");return t("div",{class:"PlayerAvatar",style:{position:n.onlyBadge?"":"relative"}},!n.onlyBadge&&t("img",{class:"Avatar",src:a}),e)};export{tt as L,it as P,K as a,F as b,$ as c,_ as d,q as e,o as g,r,I as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as n,h as a,F as t}from"./index-625be212.js";import{P as i,
|
|
1
|
+
import{r as e,a as n,h as a,F as t}from"./index-625be212.js";import{P as i,a as s,c as r,d,b as o,e as c}from"./player-elevate-card-items-a72d9079.js";import{T as l}from"./locale.utils-34e6f004.js";const h=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=n("../static/card-ground.svg"),h=n("../static/card-ground-over.svg");return a("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},a("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},a("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:l,translationUrl:this.translationUrl}),a("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),a("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${h}`}},this.playerElevateLevel&&a(t,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},a("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},a("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},a(i,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),a(s,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&a("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),a("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},a(r,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),a(d,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),a(o,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),a(c,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};h.style="@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";export{h as player_elevate_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a,h as t,F as i}from"./index-625be212.js";import{T as n,a as s}from"./locale.utils-34e6f004.js";import{P as
|
|
1
|
+
import{r as e,a,h as t,F as i}from"./index-625be212.js";import{T as n,a as s}from"./locale.utils-34e6f004.js";import{P as r,a as o}from"./player-elevate-card-items-a72d9079.js";const d=class{constructor(a){e(this,a),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=a("../static/card-ground.svg"),d=a("../static/card-ground-over.svg");return t("div",{key:"ab47a39fc8fa5562e2843755b6b935296f6952fd",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"8b9ce754eb082af8005b40915e9b2e861ec99287",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"f7d660116db83ce86b36a558441bf02bf74592e6",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:n,translationUrl:this.translationUrl}),t("player-elevate-card-data",{key:"f42375d3631031e7ef8041ccabe62659858e6ac0",params:this.paramProxy}),t("div",{key:"0b5eb08baa589ed85c96e0c5731ea7d93c76d398",class:"OuterCover Inner",style:{backgroundImage:`url(${d}`}},t("div",{key:"3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426",class:"Content Row"},this.playerElevateLevel&&t(i,{key:"fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5"},t("div",{key:"ffe65be1e5d9f04a2c3711e9f61f56c95818244b",class:"PlayerImg"},t(r,{key:"4947af0ebd6978f938d5f3f0185f8700a3506b75",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"2f0a7c4ef826f16472313cca974b4c208c33e83a",class:`LevelInfo ${this.playerElevateLevel.name}`},t("div",{key:"118eabd6511b72fbb7c78a0ee2d190b719d708ae",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:s("spendablePoints",this.language)),t("div",{key:"5a15d9630c51f23024ddd5967ef8753bac746936",class:"PointsTxt SPPoints"},t(o,{key:"7994e6b898d69a62ec8c4aeb0892a1c718104d7e",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),t("a",{key:"8d25c48516245dc067676278cd861193ca4863bd",class:"TC",onClick:()=>{this.onDetailsClick()}},s("termAndConditions",this.language))),this.pointExpireString&&t("div",{key:"6c221bd9a75643bce76e493addbb45cee6edf8b9",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};d.style=":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";export{d as player_elevate_pointcard}
|