@everymatrix/player-elevate-card 1.49.2 → 1.50.1
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/general-styling-wrapper_5.cjs.entry.js +10 -10
- package/dist/cjs/{index-b1cf5517.js → index-fcb2d8d9.js} +30 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/player-elevate-card.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/player-elevate-card/player-elevate-card.css +1 -1
- package/dist/collection/components/player-elevate-card-data/player-elevate-card-data.css +16 -16
- package/dist/collection/components/player-elevate-card-data/player-elevate-card-data.js +5 -5
- package/dist/collection/components/player-elevate-loyaltycard/player-elevate-loyaltycard.css +4 -4
- package/dist/collection/components/player-elevate-pointcard/player-elevate-pointcard.css +2 -2
- package/dist/esm/general-styling-wrapper_5.entry.js +10 -10
- package/dist/esm/{index-cd7a4beb.js → index-94328d47.js} +30 -13
- package/dist/esm/loader.js +2 -2
- package/dist/esm/player-elevate-card.js +3 -3
- package/dist/player-elevate-card/p-8dfd18ff.js +2 -0
- package/dist/player-elevate-card/{p-a9ce0470.entry.js → p-ae1dcc58.entry.js} +1 -1
- package/dist/player-elevate-card/player-elevate-card.esm.js +1 -1
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/player-elevate-card/.stencil/packages/stencil/player-elevate-card/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/player-elevate-card/.stencil/packages/stencil/player-elevate-card/stencil.config.dev.d.ts +2 -0
- package/dist/types/stencil-public-runtime.d.ts +6 -0
- package/package.json +2 -2
- package/dist/player-elevate-card/p-ba534fa2.js +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-card/.stencil/packages/stencil/player-elevate-card/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/player-elevate-card/.stencil/packages/stencil/player-elevate-card/stencil.config.dev.d.ts +0 -2
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-fcb2d8d9.js');
|
|
6
6
|
|
|
7
7
|
const mergeTranslations = (url, target) => {
|
|
8
8
|
return new Promise((resolve) => {
|
|
@@ -2576,7 +2576,7 @@ const PlayerAvatar = (props) => {
|
|
|
2576
2576
|
badge);
|
|
2577
2577
|
};
|
|
2578
2578
|
|
|
2579
|
-
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(--
|
|
2579
|
+
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}";
|
|
2580
2580
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
2581
2581
|
|
|
2582
2582
|
const PlayerElevateCard = class {
|
|
@@ -2925,7 +2925,7 @@ function updateProgressSvg(progressElementRef, percent) {
|
|
|
2925
2925
|
svgElement.parentElement.style.opacity = '1';
|
|
2926
2926
|
}
|
|
2927
2927
|
|
|
2928
|
-
const playerElevateCardDataCss = ":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(--
|
|
2928
|
+
const playerElevateCardDataCss = ":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: 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}";
|
|
2929
2929
|
const PlayerElevateCardDataStyle0 = playerElevateCardDataCss;
|
|
2930
2930
|
|
|
2931
2931
|
const PlayerElevateCardData = class {
|
|
@@ -2979,13 +2979,13 @@ const PlayerElevateCardData = class {
|
|
|
2979
2979
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
2980
2980
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
2981
2981
|
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2982
|
-
if (daysToExpried
|
|
2982
|
+
if (daysToExpried <= 0) {
|
|
2983
2983
|
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2984
2984
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2985
|
+
if (hoursToExpired <= 0) {
|
|
2986
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2987
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
2988
|
+
}
|
|
2989
2989
|
}
|
|
2990
2990
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
2991
2991
|
expirationPoints: aboutToExpire.points,
|
|
@@ -3096,7 +3096,7 @@ const PlayerElevateCardData = class {
|
|
|
3096
3096
|
};
|
|
3097
3097
|
PlayerElevateCardData.style = PlayerElevateCardDataStyle0;
|
|
3098
3098
|
|
|
3099
|
-
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: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(--
|
|
3099
|
+
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: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}";
|
|
3100
3100
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
3101
3101
|
|
|
3102
3102
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -3174,7 +3174,7 @@ const PlayerElevateLoyaltycard = class {
|
|
|
3174
3174
|
};
|
|
3175
3175
|
PlayerElevateLoyaltycard.style = PlayerElevateLoyaltycardStyle0;
|
|
3176
3176
|
|
|
3177
|
-
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(--
|
|
3177
|
+
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}";
|
|
3178
3178
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
3179
3179
|
|
|
3180
3180
|
const PlayerElevatePointcard = class {
|
|
@@ -24,7 +24,7 @@ const NAMESPACE = 'player-elevate-card';
|
|
|
24
24
|
const BUILD = /* player-elevate-card */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
|
-
Stencil Client Platform v4.
|
|
27
|
+
Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
28
28
|
*/
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __export = (target, all) => {
|
|
@@ -428,17 +428,30 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
428
428
|
if (nonce != null) {
|
|
429
429
|
styleElm.setAttribute("nonce", nonce);
|
|
430
430
|
}
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
431
|
+
if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
|
|
432
|
+
if (styleContainerNode.nodeName === "HEAD") {
|
|
433
|
+
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
434
|
+
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
435
|
+
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
436
|
+
} else if ("host" in styleContainerNode) {
|
|
437
|
+
if (supportsConstructableStylesheets) {
|
|
438
|
+
const stylesheet = new CSSStyleSheet();
|
|
439
|
+
stylesheet.replaceSync(style);
|
|
440
|
+
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
441
|
+
} else {
|
|
442
|
+
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
443
|
+
if (existingStyleContainer) {
|
|
444
|
+
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
445
|
+
} else {
|
|
446
|
+
styleContainerNode.prepend(styleElm);
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
} else {
|
|
450
|
+
styleContainerNode.append(styleElm);
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
454
|
+
styleContainerNode.insertBefore(styleElm, null);
|
|
442
455
|
}
|
|
443
456
|
}
|
|
444
457
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
@@ -527,7 +540,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
527
540
|
if (memberName === "list") {
|
|
528
541
|
isProp = false;
|
|
529
542
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
530
|
-
elm
|
|
543
|
+
if (typeof elm.__lookupSetter__(memberName) === "function") {
|
|
544
|
+
elm[memberName] = n;
|
|
545
|
+
} else {
|
|
546
|
+
elm.setAttribute(memberName, n);
|
|
547
|
+
}
|
|
531
548
|
}
|
|
532
549
|
} else {
|
|
533
550
|
elm[memberName] = newValue;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-fcb2d8d9.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-fcb2d8d9.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-elevate-card.cjs.js', document.baseURI).href));
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.Dark {
|
|
25
|
-
color: var(--
|
|
25
|
+
color: var(--emw--color-gray150, #efefef);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.Light {
|
|
29
|
-
color: var(--
|
|
29
|
+
color: var(--emw--color-black, #0e0e0e);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
@container (min-width: 381px) {
|
|
@@ -84,24 +84,24 @@
|
|
|
84
84
|
white-space: nowrap;
|
|
85
85
|
}
|
|
86
86
|
.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {
|
|
87
|
-
box-shadow: -2px -2px 7px 0px var(--
|
|
88
|
-
background: linear-gradient(180deg, var(--
|
|
87
|
+
box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));
|
|
88
|
+
background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);
|
|
89
89
|
}
|
|
90
90
|
.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {
|
|
91
|
-
box-shadow: -2px -2px 7px 0px var(--
|
|
92
|
-
background: linear-gradient(180deg, var(--
|
|
91
|
+
box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));
|
|
92
|
+
background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);
|
|
93
93
|
}
|
|
94
94
|
.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {
|
|
95
|
-
box-shadow: -2px -2px 7px 0px var(--
|
|
96
|
-
background: linear-gradient(180deg, var(--
|
|
95
|
+
box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));
|
|
96
|
+
background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);
|
|
97
97
|
}
|
|
98
98
|
.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {
|
|
99
|
-
box-shadow: -2px -2px 7px 0px var(--
|
|
100
|
-
background: linear-gradient(180deg, var(--
|
|
99
|
+
box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));
|
|
100
|
+
background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);
|
|
101
101
|
}
|
|
102
102
|
.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {
|
|
103
|
-
box-shadow: -2px -2px 7px 0px var(--
|
|
104
|
-
background: linear-gradient(180deg, var(--
|
|
103
|
+
box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));
|
|
104
|
+
background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);
|
|
105
105
|
}
|
|
106
106
|
.Inner .LevelInfo .ElevateLevel {
|
|
107
107
|
display: flex;
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
margin-left: auto;
|
|
155
155
|
}
|
|
156
156
|
.Inner .Row .Redeem:hover {
|
|
157
|
-
color: var(--
|
|
157
|
+
color: var(--emw--elevate-color-redeem-hover, #00ABA4);
|
|
158
158
|
cursor: pointer;
|
|
159
159
|
}
|
|
160
160
|
.Inner .Row .RedeemButton:hover span {
|
|
@@ -167,11 +167,11 @@
|
|
|
167
167
|
display: flex;
|
|
168
168
|
align-items: center;
|
|
169
169
|
border-radius: 10px;
|
|
170
|
-
background: var(--
|
|
170
|
+
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%);
|
|
171
171
|
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
|
|
172
172
|
}
|
|
173
173
|
.Inner .Row .RedeemButton span {
|
|
174
|
-
color: var(--
|
|
174
|
+
color: var(--emw--color-white, #fff);
|
|
175
175
|
line-height: 18px;
|
|
176
176
|
font-size: 15px;
|
|
177
177
|
text-align: center;
|
|
@@ -188,5 +188,5 @@
|
|
|
188
188
|
font-size: small;
|
|
189
189
|
text-align: right;
|
|
190
190
|
font-weight: bold;
|
|
191
|
-
color: var(--
|
|
191
|
+
color: var(--emw--color-red, #9e595f);
|
|
192
192
|
}
|
|
@@ -51,13 +51,13 @@ export class PlayerElevateCardData {
|
|
|
51
51
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
52
52
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
53
53
|
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
54
|
-
if (daysToExpried
|
|
54
|
+
if (daysToExpried <= 0) {
|
|
55
55
|
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
56
56
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
if (hoursToExpired <= 0) {
|
|
58
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
59
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
60
|
+
}
|
|
61
61
|
}
|
|
62
62
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
63
63
|
expirationPoints: aboutToExpire.points,
|
package/dist/collection/components/player-elevate-loyaltycard/player-elevate-loyaltycard.css
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints {
|
|
27
27
|
text-align: left;
|
|
28
|
-
color: var(--
|
|
28
|
+
color: var(--emw--color-red-50, red);
|
|
29
29
|
}
|
|
30
30
|
.LoyaltyCard .Inner .PlayerAvatar .Avatar {
|
|
31
31
|
display: none;
|
|
@@ -50,10 +50,10 @@
|
|
|
50
50
|
}
|
|
51
51
|
.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName {
|
|
52
52
|
padding-left: 0;
|
|
53
|
-
font-size: var(--
|
|
53
|
+
font-size: var(--emw--elevate-fontsize-2xlarge, 21px);
|
|
54
54
|
position: relative;
|
|
55
55
|
width: auto;
|
|
56
|
-
color: var(--
|
|
56
|
+
color: var(--emw--elevate-color-levelname, #FFBD2B);
|
|
57
57
|
font-weight: bold;
|
|
58
58
|
}
|
|
59
59
|
.LoyaltyCard .PointsRange {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
.LoyaltyCard .NextLevelTip {
|
|
67
67
|
text-align: right;
|
|
68
68
|
font-size: 11px;
|
|
69
|
-
color: var(--
|
|
69
|
+
color: var(--emw--color-black, #000);
|
|
70
70
|
opacity: 0.8;
|
|
71
71
|
font-weight: bold;
|
|
72
72
|
}
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
text-align: center;
|
|
36
36
|
}
|
|
37
37
|
.PointsCard .Inner .DetailButton span {
|
|
38
|
-
color: var(--
|
|
38
|
+
color: var(--emw--color-gray-150, #6D6D6D);
|
|
39
39
|
}
|
|
40
40
|
.PointsCard .Inner .DetailButton span {
|
|
41
41
|
display: inline-block;
|
|
42
42
|
vertical-align: middle;
|
|
43
43
|
}
|
|
44
44
|
.PointsCard .Inner .DetailButton:hover span {
|
|
45
|
-
color: var(--
|
|
45
|
+
color: var(--emw--color-gray-150, #6D6D6D);
|
|
46
46
|
}
|
|
47
47
|
.PointsCard .Inner .LevelInfo {
|
|
48
48
|
gap: 15px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement, a as getAssetPath, F as Fragment, c as createEvent } from './index-
|
|
1
|
+
import { r as registerInstance, h, g as getElement, a as getAssetPath, F as Fragment, c as createEvent } from './index-94328d47.js';
|
|
2
2
|
|
|
3
3
|
const mergeTranslations = (url, target) => {
|
|
4
4
|
return new Promise((resolve) => {
|
|
@@ -2572,7 +2572,7 @@ const PlayerAvatar = (props) => {
|
|
|
2572
2572
|
badge);
|
|
2573
2573
|
};
|
|
2574
2574
|
|
|
2575
|
-
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(--
|
|
2575
|
+
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}";
|
|
2576
2576
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
2577
2577
|
|
|
2578
2578
|
const PlayerElevateCard = class {
|
|
@@ -2921,7 +2921,7 @@ function updateProgressSvg(progressElementRef, percent) {
|
|
|
2921
2921
|
svgElement.parentElement.style.opacity = '1';
|
|
2922
2922
|
}
|
|
2923
2923
|
|
|
2924
|
-
const playerElevateCardDataCss = ":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(--
|
|
2924
|
+
const playerElevateCardDataCss = ":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: 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}";
|
|
2925
2925
|
const PlayerElevateCardDataStyle0 = playerElevateCardDataCss;
|
|
2926
2926
|
|
|
2927
2927
|
const PlayerElevateCardData = class {
|
|
@@ -2975,13 +2975,13 @@ const PlayerElevateCardData = class {
|
|
|
2975
2975
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
2976
2976
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
2977
2977
|
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2978
|
-
if (daysToExpried
|
|
2978
|
+
if (daysToExpried <= 0) {
|
|
2979
2979
|
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2980
2980
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2981
|
+
if (hoursToExpired <= 0) {
|
|
2982
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2983
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
2984
|
+
}
|
|
2985
2985
|
}
|
|
2986
2986
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
2987
2987
|
expirationPoints: aboutToExpire.points,
|
|
@@ -3092,7 +3092,7 @@ const PlayerElevateCardData = class {
|
|
|
3092
3092
|
};
|
|
3093
3093
|
PlayerElevateCardData.style = PlayerElevateCardDataStyle0;
|
|
3094
3094
|
|
|
3095
|
-
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: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(--
|
|
3095
|
+
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: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}";
|
|
3096
3096
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
3097
3097
|
|
|
3098
3098
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -3170,7 +3170,7 @@ const PlayerElevateLoyaltycard = class {
|
|
|
3170
3170
|
};
|
|
3171
3171
|
PlayerElevateLoyaltycard.style = PlayerElevateLoyaltycardStyle0;
|
|
3172
3172
|
|
|
3173
|
-
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(--
|
|
3173
|
+
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}";
|
|
3174
3174
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
3175
3175
|
|
|
3176
3176
|
const PlayerElevatePointcard = class {
|
|
@@ -2,7 +2,7 @@ const NAMESPACE = 'player-elevate-card';
|
|
|
2
2
|
const BUILD = /* player-elevate-card */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -406,17 +406,30 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
406
406
|
if (nonce != null) {
|
|
407
407
|
styleElm.setAttribute("nonce", nonce);
|
|
408
408
|
}
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
409
|
+
if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
|
|
410
|
+
if (styleContainerNode.nodeName === "HEAD") {
|
|
411
|
+
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
412
|
+
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
413
|
+
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
414
|
+
} else if ("host" in styleContainerNode) {
|
|
415
|
+
if (supportsConstructableStylesheets) {
|
|
416
|
+
const stylesheet = new CSSStyleSheet();
|
|
417
|
+
stylesheet.replaceSync(style);
|
|
418
|
+
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
419
|
+
} else {
|
|
420
|
+
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
421
|
+
if (existingStyleContainer) {
|
|
422
|
+
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
423
|
+
} else {
|
|
424
|
+
styleContainerNode.prepend(styleElm);
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
} else {
|
|
428
|
+
styleContainerNode.append(styleElm);
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
432
|
+
styleContainerNode.insertBefore(styleElm, null);
|
|
420
433
|
}
|
|
421
434
|
}
|
|
422
435
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
@@ -505,7 +518,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
505
518
|
if (memberName === "list") {
|
|
506
519
|
isProp = false;
|
|
507
520
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
508
|
-
elm
|
|
521
|
+
if (typeof elm.__lookupSetter__(memberName) === "function") {
|
|
522
|
+
elm[memberName] = n;
|
|
523
|
+
} else {
|
|
524
|
+
elm.setAttribute(memberName, n);
|
|
525
|
+
}
|
|
509
526
|
}
|
|
510
527
|
} else {
|
|
511
528
|
elm[memberName] = newValue;
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-94328d47.js';
|
|
2
|
+
export { s as setNonce } from './index-94328d47.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-94328d47.js';
|
|
2
|
+
export { s as setNonce } from './index-94328d47.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="undefined"!=typeof window?window:{},u=f.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},d=e=>Promise.resolve(e),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],v=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&a.o?w(b):a.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(m),$(y),(p=m.length>0)&&a.raf(b)},w=e=>d().then(e),S=v(y,!0),g=e=>{const t=new URL(e,a.l);return t.origin!==f.location.origin?t.href:t.pathname},k={},j=e=>"object"==(e=typeof e)||"function"===e;function E(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>C,map:()=>M,ok:()=>O,unwrap:()=>A,unwrapErr:()=>T});var O=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function M(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return C(e.value);throw"should never get here"}var R,x,P,A=e=>{if(e.isOk)return e.value;throw e.value},T=e=>{if(e.isErr)return e.value;throw e.value},D=(e,t,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!j(o))&&(o+=""),i&&r?c[c.length-1].i+=o:c.push(i?H(null,o):o),r=i)};if(f(n),t){t.key&&(l=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,N);const u=H(e,null);return u.u=t,c.length>0&&(u.h=c),u.p=l,u.m=s,u},H=(e,t)=>({o:0,v:e,i:t,$:null,h:null,u:null,p:null,m:null}),L={},N={forEach:(e,t)=>e.map(U).forEach(t),map:(e,t)=>e.map(U).map(t).map(F)},U=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.m,vtag:e.v,vtext:e.i}),F=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),D(e.vtag,t,...e.vchildren||[])}const t=H(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.m=e.vname,t},W=e=>n(e).$hostElement$,q=(e,t,n)=>{const o=W(e);return{emit:e=>G(o,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},G=(e,t,n)=>{const o=a.ce(t,n);return e.dispatchEvent(o),o},I=new WeakMap,V=e=>"sc-"+e.S,_=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=B(n),s=B(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(f,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(J);t=t.replace(K,""),n&&a.rel(e,t,n,l),o&&a.ael(e,t,o,l)}}},z=/\s/,B=e=>e?e.split(z):[],J="Capture",K=RegExp(J+"$"),Q=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||k,s=t.u||k;for(const e of X(Object.keys(l)))e in s||_(o,e,l[e],void 0,n,t.o);for(const e of X(Object.keys(s)))_(o,e,l[e],s[e],n,t.o)};function X(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Y=!1,Z=!1,ee=!1,te=!1,ne=(e,t,n,o)=>{var l;const s=t.h[n];let i,r,c,f=0;if(Y||(ee=!0,"slot"===s.v&&(R&&o.classList.add(R+"-s"),s.o|=s.h?2:1)),null!==s.i)i=s.$=u.createTextNode(s.i);else if(1&s.o)i=s.$=u.createTextNode("");else if(i=s.$=u.createElement(!Y&&2&s.o?"slot-fb":s.v),Q(null,s,te),i.getRootNode().querySelector("body"),s.h)for(f=0;f<s.h.length;++f)r=ne(e,s,f,i),r&&i.appendChild(r);return i["s-hn"]=P,3&s.o&&(i["s-sr"]=!0,i["s-cr"]=x,i["s-sn"]=s.m||"",i["s-rf"]=null==(l=s.u)?void 0:l.ref,c=e&&e.h&&e.h[n],c&&c.v===s.v&&e.$&&oe(e.$,!1)),i},oe=(e,t)=>{a.o|=1;const n=Array.from(e.childNodes);for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==P&&o["s-ol"]&&(pe(ce(o),o,re(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ee=!0),t&&oe(o,t)}a.o&=-2},le=(e,t,n,o,l,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===P&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=ne(null,n,l,e),i&&(o[l].$=i,pe(r,i,re(t))))},se=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&(Z=!0,e["s-ol"]?e["s-ol"].remove():oe(e,!0),e.remove())}}},ie=(e,t,n=!1)=>!(e.v!==t.v||("slot"===e.v?"k"in e&&n&&8!==e.$.nodeType||e.m!==t.m:!n&&e.p!==t.p)),re=e=>e&&e["s-ol"]||e,ce=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,fe=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,i=t.i;let r;null===i?(("slot"!==t.v||Y)&&Q(e,t,te),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=t.length-1,d=t[0],h=t[a],p=o.length-1,m=o[0],y=o[p];for(;r<=a&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(ie(d,m,l))fe(d,m,l),d=t[++r],m=o[++c];else if(ie(h,y,l))fe(h,y,l),h=t[--a],y=o[--p];else if(ie(d,y,l))"slot"!==d.v&&"slot"!==y.v||oe(d.$.parentNode,!1),fe(d,y,l),pe(e,d.$,h.$.nextSibling),d=t[++r],y=o[--p];else if(ie(h,m,l))"slot"!==d.v&&"slot"!==y.v||oe(h.$.parentNode,!1),fe(h,m,l),pe(e,h.$,d.$),h=t[--a],m=o[++c];else{for(f=-1,u=r;u<=a;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){f=u;break}f>=0?(i=t[f],i.v!==m.v?s=ne(t&&t[c],n,f,e):(fe(i,m,l),t[f]=void 0,s=i.$),m=o[++c]):(s=ne(t&&t[c],n,c,e),m=o[++c]),s&&pe(ce(d.$),s,re(d.$))}r>a?le(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&se(t,r,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),le(o,null,t,s,0,s.length-1)):!n&&null!==l&&se(l,0,l.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:e.i!==i&&(o.data=i)},ue=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const o of t)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}ue(e)}},ae=[],de=e=>{let t,n,o;for(const l of e.childNodes){if(l["s-sr"]&&(t=l["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=l["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==l["s-hn"])if(he(t,e)){let n=ae.find((e=>e.j===t));Z=!0,t["s-sn"]=t["s-sn"]||e,n?(n.j["s-sh"]=l["s-hn"],n.O=l):(t["s-sh"]=l["s-hn"],ae.push({O:l,j:t})),t["s-sr"]&&ae.map((e=>{he(e.j,t["s-sn"])&&(n=ae.find((e=>e.j===t)),n&&!e.O&&(e.O=n.O))}))}else ae.some((e=>e.j===t))||ae.push({j:t})}1===l.nodeType&&de(l)}},he=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,pe=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),me=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},ye=(e,t)=>{if(e.o|=16,!(4&e.o))return me(e,e.M),S((()=>ve(e,t)));e.o|=512},ve=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return t&&(e.o|=256,e.R&&(e.R.map((([e,t])=>je(n,e,t))),e.R=void 0),o=je(n,"componentWillLoad")),$e(o,(()=>we(e,n,t)))},$e=(e,t)=>be(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),be=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,we=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.P,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=V(t),l=r.get(o);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let s,i=I.get(e=e.head||e);if(i||I.set(e,i=new Set),!i.has(o)){{s=u.createElement("style"),s.innerHTML=l;const o=null!=(n=a.A)?n:E(u);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(h){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);Se(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ge(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},Se=(e,t,n,o)=>{try{t=t.render&&t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{var o,l,s,i;const r=e.$hostElement$,c=e.P,f=e.T||H(null,null),d=(e=>e&&e.v===L)(t)?t:D(null,null,t);if(P=r.tagName,c.D&&(d.u=d.u||{},c.D.map((([e,t])=>d.u[t]=r[e]))),n&&d.u)for(const e of Object.keys(d.u))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(d.u[e]=r[e]);if(d.v=null,d.o|=4,e.T=d,d.$=f.$=r.shadowRoot||r,R=r["s-sc"],Y=!!(1&c.o),x=r["s-cr"],Z=!1,fe(f,d,n),a.o|=1,ee){de(d.$);for(const e of ae){const t=e.j;if(!t["s-ol"]){const e=u.createTextNode("");e["s-nr"]=t,pe(t.parentNode,t["s-ol"]=e,t)}}for(const e of ae){const t=e.j,r=e.O;if(r){const e=r.parentNode;let n=r.nextSibling;{let s=null==(o=t["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===t||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),pe(e,t,n),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof r["s-rf"]&&r["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}Z&&ue(d.$),a.o&=-2,ae.length=0,x=void 0})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},ge=e=>{const t=e.$hostElement$,n=e.M;je(e.t,"componentDidRender"),64&e.o||(e.o|=64,Ee(t),e.H(t),n||ke()),e.C&&(e.C(),e.C=void 0),512&e.o&&w((()=>ye(e,!1))),e.o&=-517},ke=()=>{Ee(u.documentElement),w((()=>G(f,"appload",{detail:{namespace:"player-elevate-card"}})))},je=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},Ee=e=>e.classList.add("hydrated"),Oe=(e,t,o)=>{var l,i;const r=e.prototype;if(t.L||t.N||e.watchers){e.watchers&&!t.N&&(t.N=e.watchers);const c=Object.entries(null!=(l=t.L)?l:{});if(c.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).U.get(t))(0,e)},set(o){((e,t,o,l)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.U.get(t),f=i.o,u=i.t;if(o=((e,t)=>null==e||j(e)?e:1&t?e+"":e)(o,l.L[t][0]),(!(8&f)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.U.set(t,o),u)){if(l.N&&128&f){const e=l.N[t];e&&e.map((e=>{try{u[e](o,c,t)}catch(e){s(e,r)}}))}2==(18&f)&&ye(i,!1)}})(this,e,o,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.N)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.N)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var l;const s=n[1]||e;return o.set(s,e),512&n[0]&&(null==(l=t.D)||l.push([e,s])),s}))]))}}return e},Ce=(e,o={})=>{var l;const d=[],p=o.exclude||[],m=f.customElements,y=u.head,v=y.querySelector("meta[charset]"),$=u.createElement("style"),b=[];let w,S=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",u.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((o=>{var l;const c={o:o[0],S:o[1],L:o[2],F:o[3]};4&c.o&&(g=!0),c.L=o[2],c.F=o[3],c.D=[],c.N=null!=(l=o[4])?l:{};const f=c.S,y=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,P:n,U:new Map};o.W=new Promise((e=>o.H=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,c),1&c.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Re(this,e,c.F)),w&&(clearTimeout(w),w=null),S?b.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.P,l=()=>{};if(1&t.o)Re(e,t,o.F),(null==t?void 0:t.t)||(null==t?void 0:t.W)&&t.W.then((()=>{}));else{t.o|=1,12&o.o&&(e=>{const t=e["s-cr"]=u.createComment("");t["s-cn"]=!0,pe(e,t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){me(t,t.M=n);break}}o.L&&Object.entries(o.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.q){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.q;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.G}" was not found`);o.isProxied||(n.N=o.watchers,Oe(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,t.o|=128,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=V(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);h&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.M,c=()=>ye(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.o)){const e=n(this);e.I&&(e.I.map((e=>e())),e.I=void 0),(null==e?void 0:e.t)||(null==e?void 0:e.W)&&e.W.then((()=>{}))}})()))}componentOnReady(){return n(this).W}};c.q=e[0],p.includes(f)||m.get(f)||(d.push(f),m.define(f,Oe(y,c,1)))}))})),d.length>0&&(g&&($.textContent+=c),$.textContent+=d.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(l=a.A)?l:E(u);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,v?v.nextSibling:y.firstChild)}S=!1,b.length?b.map((e=>e.connectedCallback())):a.jmp((()=>w=setTimeout(ke,30)))},Me=(e,t)=>t,Re=(e,t,n)=>{n&&n.map((([n,o,l])=>{const s=Pe(e,n),i=xe(t,l),r=Ae(n);a.ael(s,o,i,r),(t.I=t.I||[]).push((()=>a.rel(s,o,i,r)))}))},xe=(e,t)=>n=>{var o;try{256&e.o?null==(o=e.t)||o[t](n):(e.R=e.R||[]).push([t,n])}catch(e){s(e)}},Pe=(e,t)=>8&t?f:e,Ae=e=>({passive:!!(1&e),capture:!!(2&e)}),Te=e=>a.A=e;export{Me as F,g as a,Ce as b,q as c,W as g,D as h,d as p,o as r,Te as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as n,g as t,a as i,F as r,c as a}from"./p-ba534fa2.js";const o=class{constructor(n){e(this,n),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),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),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=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]?t[e]:{};for(let i in n[e])t[e][i]=n[e][i]})),e(!0)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr","hr"],d={en:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},"zh-hk":{redeem:"兑奖",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"明细",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},de:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},it:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},fr:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},es:{redeem:"Redeem"},tr:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Trebate ${pointsToReach} da dosegnete razinu ${levelName}",spendablePoints:"Bodovi za potrošit:",details:"Detalji",xp:"XP"},hu:{redeem:"Redeem"},pl:{redeem:"Redeem"},pt:{redeem:"Redeem"},sl:{redeem:"Redeem"},sr:{redeem:"Redeem"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function h(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function f(e){h(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===p(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"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))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function g(e){h(1,arguments);var n=f(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function x(e){h(1,arguments);var n=f(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var r=g(i),a=new Date(0);a.setUTCFullYear(t,0,4),a.setUTCHours(0,0,0,0);var o=g(a);return n.getTime()>=r.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var m={};function y(){return m}function b(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.weekStartsOn)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=f(e),g=p.getUTCDay(),x=(g<u?7:0)+g-u;return p.setUTCDate(p.getUTCDate()-x),p.setUTCHours(0,0,0,0),p}function w(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=f(e),u=c.getUTCFullYear(),p=y(),g=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:p.firstWeekContainsDate)&&void 0!==i?i:null===(l=p.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(g>=1&&g<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var x=new Date(0);x.setUTCFullYear(u+1,0,g),x.setUTCHours(0,0,0,0);var m=b(x,n),w=new Date(0);w.setUTCFullYear(u,0,g),w.setUTCHours(0,0,0,0);var P=b(w,n);return c.getTime()>=m.getTime()?u+1:c.getTime()>=P.getTime()?u:u-1}function P(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const E=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return P("yy"===n?i%100:i,n.length)},C=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):P(t+1,2)},k=function(e,n){return P(e.getUTCDate(),n.length)},I=function(e,n){return P(e.getUTCHours()%12||12,n.length)},L=function(e,n){return P(e.getUTCHours(),n.length)},D=function(e,n){return P(e.getUTCMinutes(),n.length)},B=function(e,n){return P(e.getUTCSeconds(),n.length)},M=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return P(Math.floor(i*Math.pow(10,t-3)),n.length)};var $={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return E(e,n)},Y:function(e,n,t,i){var r=w(e,i),a=r>0?r:1-r;return"YY"===n?P(a%100,2):"Yo"===n?t.ordinalNumber(a,{unit:"year"}):P(a,n.length)},R:function(e,n){return P(x(e),n.length)},u:function(e,n){return P(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return P(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return P(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return C(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return P(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var r=function(e,n){h(1,arguments);var t=f(e),i=b(t,n).getTime()-function(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),p=w(e,n),f=new Date(0);return f.setUTCFullYear(p,0,u),f.setUTCHours(0,0,0,0),b(f,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(r,{unit:"week"}):P(r,n.length)},I:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=g(n).getTime()-function(e){h(1,arguments);var n=x(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),g(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):P(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):k(e,n)},D:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):P(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(a);case"ee":return P(a,2);case"eo":return t.ordinalNumber(a,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(a);case"cc":return P(a,n.length);case"co":return t.ordinalNumber(a,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),r=0===i?7:i;switch(n){case"i":return String(r);case"ii":return P(r,n.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,r=e.getUTCHours();switch(i=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,r=e.getUTCHours();switch(i=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return I(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):L(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):D(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):B(e,n)},S:function(e,n){return M(e,n)},X:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(n){case"X":return S(r);case"XXXX":case"XX":return R(r);default:return R(r,":")}},x:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return S(r);case"xxxx":case"xx":return R(r);default:return R(r,":")}},O:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},z:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},t:function(e,n,t,i){return P(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return P((i._originalDate||e).getTime(),n.length)}};function T(e,n){var t=e>0?"-":"+",i=Math.abs(e),r=Math.floor(i/60),a=i%60;if(0===a)return t+String(r);var o=n||"";return t+String(r)+o+P(a,2)}function S(e,n){return e%60==0?(e>0?"-":"+")+P(Math.abs(e)/60,2):R(e,n)}function R(e,n){var t=n||"",i=e>0?"-":"+",r=Math.abs(e);return i+P(Math.floor(r/60),2)+t+P(r%60,2)}const _=$;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},A=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:A,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],r=i[1],a=i[2];if(!a)return O(e,n);switch(r){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(r,n)).replace("{{time}}",A(a,n))}};const z=N;function F(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var W=["D","DD"],G=["YY","YYYY"];function H(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var j={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 U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({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:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,a=null!=t&&t.width?String(t.width):r;i=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,r=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!r)return null;var a,o=r[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return a=e.valueCallback?e.valueCallback(l):l,{value:a=t.valueCallback?t.valueCallback(a):a,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,r=j[e];return i="string"==typeof r?r:1===n?r.one:r.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({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:Q({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:Q({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:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],r=e.match(X.parsePattern);if(!r)return null;var a=X.valueCallback?X.valueCallback(r[0]):r[0];return{value:a=n.valueCallback?n.valueCallback(a):a,rest:e.slice(i.length)}}),era:J({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:J({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(e){return e+1}}),month:J({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:J({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:J({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 Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,r,a,o,s,l,d,c,u,g,x,m,b,w,P,E,C,k;h(2,arguments);var I=String(n),L=y(),D=null!==(i=null!==(r=null==t?void 0:t.locale)&&void 0!==r?r:L.locale)&&void 0!==i?i:V,B=v(null!==(a=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:L.firstWeekContainsDate)&&void 0!==o?o:null===(u=L.locale)||void 0===u||null===(g=u.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==a?a:1);if(!(B>=1&&B<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var M=v(null!==(x=null!==(m=null!==(b=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(P=t.locale)||void 0===P||null===(E=P.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==b?b:L.weekStartsOn)&&void 0!==m?m:null===(C=L.locale)||void 0===C||null===(k=C.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==x?x:0);if(!(M>=0&&M<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!D.localize)throw new RangeError("locale must contain localize property");if(!D.formatLong)throw new RangeError("locale must contain formatLong property");var $=f(e);if(!function(e){if(h(1,arguments),!function(e){return h(1,arguments),e instanceof Date||"object"===p(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=f(e);return!isNaN(Number(n))}($))throw new RangeError("Invalid time value");var T=function(e,n){return h(2,arguments),function(e,n){h(2,arguments);var t=f(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}($,F($)),S={firstWeekContainsDate:B,weekStartsOn:M,locale:D,_originalDate:$};return I.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,z[n])(e,D.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var r,a,o=i[0];if("'"===o)return(a=(r=i).match(ee))?a[1].replace(ne,"'"):r;var s=_[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===G.indexOf(i)||H(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==W.indexOf(i))||H(i,n,String(e)),s(T,i,D.localize,S);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const re=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),ae=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:r})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",r))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",r))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),r=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:r}),t)},ce=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=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(r,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(de,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(ae,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(re,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function ue(e){h(1,arguments);var n=f(e);return n.setHours(0,0,0,0),n}function pe(e,n){return h(2,arguments),f(e).getTime()-f(n).getTime()}ce.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(--emfe-w-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}";var he={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function fe(e){return e?he[e]:he.trunc}const ve=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=a(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(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=f(e),i=f(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const t=e.aboutToExpire[0],i=function(e,n){h(2,arguments);var t=ue(e),i=ue(n),r=t.getTime()-F(t),a=i.getTime()-F(i);return Math.round((r-a)/864e5)}(new Date(t.expireTime),new Date);let r=0,a=0,o=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return 0==i&&(r=function(e,n,t){h(2,arguments);var i=pe(e,n)/36e5;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=r>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour"),0==r&&(a=function(e,n,t){h(2,arguments);var i=pe(e,n)/6e4;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=a>1?"pointsToBeExpiredMinutes":"pointsToBeExpiredMinute"),n=u(o,{expirationPoints:t.points,expireDay:Math.max(i,r,a)}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(r=e.data.spendableWallet)||void 0===r?void 0:r.total,l=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s),c=this.calcuatePointsToBeExpired(l);(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),p=e.querySelector("#filter_heart"),h=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),g=e.querySelector("#lock_box"),x=e.querySelector("#heart_box"),m=i-10;d.setAttribute("cx",`${m}`),v.setAttribute("x1",`${m}`),v.setAttribute("x2",`${m}`),f.setAttribute("x1",""+(m-6)),f.setAttribute("x2",""+(m-6+11.2)),h.setAttribute("x",""+(m-6)),p.setAttribute("x",""+(m-6-2)),u.setAttribute("x",""+(m-6-2-2)),c.setAttribute("x",""+(m-6-2-2-4)),g.setAttribute("x",""+(m-6)),x.setAttribute("x",""+(m-6)),t.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,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};ve.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(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emfe-w-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(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-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: 10px;\n background: var(--emfe-w-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(--emfe-w-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(--emfe-w-color-red, #9e595f);\n}';const ge=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.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,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),n("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},n("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},n(de,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},n(le,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},n(ae,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(ae,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),this.pointExpireString&&n("div",{key:"6ead0fa321a73f2f4ae69e1c424037b739c85994",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(re,{key:"53c623e1852fd47fddec758159c4bf6e82be1aaa"}),n("div",{key:"99894852a3f1751e80010fff0c1a841562963f6e",class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ge.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(--emfe-w-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(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";const xe=class{constructor(n){e(this,n),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=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),n("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},n("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},n(de,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints")),n("div",{key:"bae5dc76d00c98aed803601c19fe3bf1aa4418d5",class:"PointsTxt SPPoints"},n(ae,{key:"59d51bd37f44ed23108fc4356af41c01668354e3",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"3a923bea242ae5fa412f4448dca7277b3588621e",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"8803ae8d343885da58dfa04b9a4474ff473b5a74",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};xe.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(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emfe-w-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{o as general_styling_wrapper,ce as player_elevate_card,ve as player_elevate_card_data,ge as player_elevate_loyaltycard,xe as player_elevate_pointcard}
|
|
1
|
+
import{r as e,h as n,g as t,a as i,F as r,c as a}from"./p-8dfd18ff.js";const o=class{constructor(n){e(this,n),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),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),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=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]?t[e]:{};for(let i in n[e])t[e][i]=n[e][i]})),e(!0)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr","hr"],d={en:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},"zh-hk":{redeem:"兑奖",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"明细",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},de:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},it:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},fr:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},es:{redeem:"Redeem"},tr:{redeem:"Redeem",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Trebate ${pointsToReach} da dosegnete razinu ${levelName}",spendablePoints:"Bodovi za potrošit:",details:"Detalji",xp:"XP"},hu:{redeem:"Redeem"},pl:{redeem:"Redeem"},pt:{redeem:"Redeem"},sl:{redeem:"Redeem"},sr:{redeem:"Redeem"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function h(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function f(e){h(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===p(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"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))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function g(e){h(1,arguments);var n=f(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function x(e){h(1,arguments);var n=f(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var r=g(i),a=new Date(0);a.setUTCFullYear(t,0,4),a.setUTCHours(0,0,0,0);var o=g(a);return n.getTime()>=r.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var m={};function y(){return m}function b(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.weekStartsOn)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=f(e),g=p.getUTCDay(),x=(g<u?7:0)+g-u;return p.setUTCDate(p.getUTCDate()-x),p.setUTCHours(0,0,0,0),p}function w(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=f(e),u=c.getUTCFullYear(),p=y(),g=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:p.firstWeekContainsDate)&&void 0!==i?i:null===(l=p.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(g>=1&&g<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var x=new Date(0);x.setUTCFullYear(u+1,0,g),x.setUTCHours(0,0,0,0);var m=b(x,n),w=new Date(0);w.setUTCFullYear(u,0,g),w.setUTCHours(0,0,0,0);var P=b(w,n);return c.getTime()>=m.getTime()?u+1:c.getTime()>=P.getTime()?u:u-1}function P(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const E=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return P("yy"===n?i%100:i,n.length)},C=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):P(t+1,2)},k=function(e,n){return P(e.getUTCDate(),n.length)},I=function(e,n){return P(e.getUTCHours()%12||12,n.length)},L=function(e,n){return P(e.getUTCHours(),n.length)},D=function(e,n){return P(e.getUTCMinutes(),n.length)},B=function(e,n){return P(e.getUTCSeconds(),n.length)},M=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return P(Math.floor(i*Math.pow(10,t-3)),n.length)};var $={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return E(e,n)},Y:function(e,n,t,i){var r=w(e,i),a=r>0?r:1-r;return"YY"===n?P(a%100,2):"Yo"===n?t.ordinalNumber(a,{unit:"year"}):P(a,n.length)},R:function(e,n){return P(x(e),n.length)},u:function(e,n){return P(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return P(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return P(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return C(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return P(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var r=function(e,n){h(1,arguments);var t=f(e),i=b(t,n).getTime()-function(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),p=w(e,n),f=new Date(0);return f.setUTCFullYear(p,0,u),f.setUTCHours(0,0,0,0),b(f,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(r,{unit:"week"}):P(r,n.length)},I:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=g(n).getTime()-function(e){h(1,arguments);var n=x(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),g(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):P(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):k(e,n)},D:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):P(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(a);case"ee":return P(a,2);case"eo":return t.ordinalNumber(a,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(a);case"cc":return P(a,n.length);case"co":return t.ordinalNumber(a,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),r=0===i?7:i;switch(n){case"i":return String(r);case"ii":return P(r,n.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,r=e.getUTCHours();switch(i=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,r=e.getUTCHours();switch(i=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return I(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):L(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):D(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):B(e,n)},S:function(e,n){return M(e,n)},X:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(n){case"X":return S(r);case"XXXX":case"XX":return R(r);default:return R(r,":")}},x:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return S(r);case"xxxx":case"xx":return R(r);default:return R(r,":")}},O:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},z:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},t:function(e,n,t,i){return P(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return P((i._originalDate||e).getTime(),n.length)}};function T(e,n){var t=e>0?"-":"+",i=Math.abs(e),r=Math.floor(i/60),a=i%60;if(0===a)return t+String(r);var o=n||"";return t+String(r)+o+P(a,2)}function S(e,n){return e%60==0?(e>0?"-":"+")+P(Math.abs(e)/60,2):R(e,n)}function R(e,n){var t=n||"",i=e>0?"-":"+",r=Math.abs(e);return i+P(Math.floor(r/60),2)+t+P(r%60,2)}const _=$;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},A=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:A,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],r=i[1],a=i[2];if(!a)return O(e,n);switch(r){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(r,n)).replace("{{time}}",A(a,n))}};const z=N;function F(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var W=["D","DD"],G=["YY","YYYY"];function H(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var j={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 U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({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:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,a=null!=t&&t.width?String(t.width):r;i=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,r=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!r)return null;var a,o=r[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return a=e.valueCallback?e.valueCallback(l):l,{value:a=t.valueCallback?t.valueCallback(a):a,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,r=j[e];return i="string"==typeof r?r:1===n?r.one:r.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({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:Q({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:Q({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:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],r=e.match(X.parsePattern);if(!r)return null;var a=X.valueCallback?X.valueCallback(r[0]):r[0];return{value:a=n.valueCallback?n.valueCallback(a):a,rest:e.slice(i.length)}}),era:J({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:J({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(e){return e+1}}),month:J({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:J({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:J({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 Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,r,a,o,s,l,d,c,u,g,x,m,b,w,P,E,C,k;h(2,arguments);var I=String(n),L=y(),D=null!==(i=null!==(r=null==t?void 0:t.locale)&&void 0!==r?r:L.locale)&&void 0!==i?i:V,B=v(null!==(a=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:L.firstWeekContainsDate)&&void 0!==o?o:null===(u=L.locale)||void 0===u||null===(g=u.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==a?a:1);if(!(B>=1&&B<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var M=v(null!==(x=null!==(m=null!==(b=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(P=t.locale)||void 0===P||null===(E=P.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==b?b:L.weekStartsOn)&&void 0!==m?m:null===(C=L.locale)||void 0===C||null===(k=C.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==x?x:0);if(!(M>=0&&M<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!D.localize)throw new RangeError("locale must contain localize property");if(!D.formatLong)throw new RangeError("locale must contain formatLong property");var $=f(e);if(!function(e){if(h(1,arguments),!function(e){return h(1,arguments),e instanceof Date||"object"===p(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=f(e);return!isNaN(Number(n))}($))throw new RangeError("Invalid time value");var T=function(e,n){return h(2,arguments),function(e,n){h(2,arguments);var t=f(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}($,F($)),S={firstWeekContainsDate:B,weekStartsOn:M,locale:D,_originalDate:$};return I.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,z[n])(e,D.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var r,a,o=i[0];if("'"===o)return(a=(r=i).match(ee))?a[1].replace(ne,"'"):r;var s=_[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===G.indexOf(i)||H(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==W.indexOf(i))||H(i,n,String(e)),s(T,i,D.localize,S);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const re=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),ae=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:r})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",r))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",r))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),r=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:r}),t)},ce=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=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(r,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(de,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(ae,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(re,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function ue(e){h(1,arguments);var n=f(e);return n.setHours(0,0,0,0),n}function pe(e,n){return h(2,arguments),f(e).getTime()-f(n).getTime()}ce.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}";var he={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function fe(e){return e?he[e]:he.trunc}const ve=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=a(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(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=f(e),i=f(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const t=e.aboutToExpire[0],i=function(e,n){h(2,arguments);var t=ue(e),i=ue(n),r=t.getTime()-F(t),a=i.getTime()-F(i);return Math.round((r-a)/864e5)}(new Date(t.expireTime),new Date);let r=0,a=0,o=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return i<=0&&(r=function(e,n,t){h(2,arguments);var i=pe(e,n)/36e5;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=r>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour",r<=0&&(a=function(e,n,t){h(2,arguments);var i=pe(e,n)/6e4;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=a>1?"pointsToBeExpiredMinutes":"pointsToBeExpiredMinute")),n=u(o,{expirationPoints:t.points,expireDay:Math.max(i,r,a)}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(r=e.data.spendableWallet)||void 0===r?void 0:r.total,l=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s),c=this.calcuatePointsToBeExpired(l);(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),p=e.querySelector("#filter_heart"),h=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),g=e.querySelector("#lock_box"),x=e.querySelector("#heart_box"),m=i-10;d.setAttribute("cx",`${m}`),v.setAttribute("x1",`${m}`),v.setAttribute("x2",`${m}`),f.setAttribute("x1",""+(m-6)),f.setAttribute("x2",""+(m-6+11.2)),h.setAttribute("x",""+(m-6)),p.setAttribute("x",""+(m-6-2)),u.setAttribute("x",""+(m-6-2-2)),c.setAttribute("x",""+(m-6-2-2-4)),g.setAttribute("x",""+(m-6)),x.setAttribute("x",""+(m-6)),t.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,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};ve.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: 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 ge=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.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,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),n("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},n("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},n(de,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},n(le,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},n(ae,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(ae,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),this.pointExpireString&&n("div",{key:"6ead0fa321a73f2f4ae69e1c424037b739c85994",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(re,{key:"53c623e1852fd47fddec758159c4bf6e82be1aaa"}),n("div",{key:"99894852a3f1751e80010fff0c1a841562963f6e",class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ge.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}";const xe=class{constructor(n){e(this,n),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=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),n("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},n("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},n(de,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints")),n("div",{key:"bae5dc76d00c98aed803601c19fe3bf1aa4418d5",class:"PointsTxt SPPoints"},n(ae,{key:"59d51bd37f44ed23108fc4356af41c01668354e3",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"3a923bea242ae5fa412f4448dca7277b3588621e",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"8803ae8d343885da58dfa04b9a4474ff473b5a74",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};xe.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{o as general_styling_wrapper,ce as player_elevate_card,ve as player_elevate_card_data,ge as player_elevate_loyaltycard,xe as player_elevate_pointcard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-
|
|
1
|
+
import{p as e,b as a}from"./p-8dfd18ff.js";export{s as setNonce}from"./p-8dfd18ff.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),e(n)})().then((async e=>(await n(),a([["p-ae1dcc58",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}]]]],e))));
|
|
@@ -1015,6 +1015,8 @@ export declare namespace JSXBase {
|
|
|
1015
1015
|
autoPlay?: boolean;
|
|
1016
1016
|
autoplay?: boolean | string;
|
|
1017
1017
|
controls?: boolean;
|
|
1018
|
+
controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
|
|
1019
|
+
controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
|
|
1018
1020
|
crossOrigin?: string;
|
|
1019
1021
|
crossorigin?: string;
|
|
1020
1022
|
loop?: boolean;
|
|
@@ -1564,6 +1566,10 @@ export declare namespace JSXBase {
|
|
|
1564
1566
|
onSubmitCapture?: (event: Event) => void;
|
|
1565
1567
|
onInvalid?: (event: Event) => void;
|
|
1566
1568
|
onInvalidCapture?: (event: Event) => void;
|
|
1569
|
+
onBeforeToggle?: (event: Event) => void;
|
|
1570
|
+
onBeforeToggleCapture?: (event: Event) => void;
|
|
1571
|
+
onToggle?: (event: Event) => void;
|
|
1572
|
+
onToggleCapture?: (event: Event) => void;
|
|
1567
1573
|
onLoad?: (event: Event) => void;
|
|
1568
1574
|
onLoadCapture?: (event: Event) => void;
|
|
1569
1575
|
onError?: (event: Event) => void;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/player-elevate-card",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.50.1",
|
|
4
4
|
"main": "./dist/index.cjs.js",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"es2015": "./dist/esm/index.mjs",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"access": "public"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@everymatrix/general-styling-wrapper": "^1.
|
|
27
|
+
"@everymatrix/general-styling-wrapper": "^1.50.1",
|
|
28
28
|
"date-fns": "^2.30.0"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t=Object.defineProperty,e=new WeakMap,n=t=>e.get(t),o=(t,n)=>e.set(n.t=t,n),l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},d=t=>Promise.resolve(t),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),p=!1,m=[],v=[],y=(t,e)=>n=>{t.push(n),p||(p=!0,e&&4&a.o?w(b):a.raf(b))},$=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},b=()=>{$(m),$(v),(p=m.length>0)&&a.raf(b)},w=t=>d().then(t),g=y(v,!0),S=t=>{const e=new URL(t,a.l);return e.origin!==u.location.origin?e.href:e.pathname},k={},j=t=>"object"==(t=typeof t)||"function"===t;function E(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>C,map:()=>M,ok:()=>O,unwrap:()=>T,unwrapErr:()=>A});var O=t=>({isOk:!0,isErr:!1,value:t}),C=t=>({isOk:!1,isErr:!0,value:t});function M(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return C(t.value);throw"should never get here"}var R,x,P,T=t=>{if(t.isOk)return t.value;throw t.value},A=t=>{if(t.isErr)return t.value;throw t.value},L=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!j(o))&&(o+=""),r&&i?c[c.length-1].i+=o:c.push(r?N(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,D);const f=N(t,null);return f.u=e,c.length>0&&(f.h=c),f.p=l,f.m=s,f},N=(t,e)=>({o:0,v:t,i:e,$:null,h:null,u:null,p:null,m:null}),U={},D={forEach:(t,e)=>t.map(F).forEach(e),map:(t,e)=>t.map(F).map(e).map(H)},F=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.m,vtag:t.v,vtext:t.i}),H=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),L(t.vtag,e,...t.vchildren||[])}const e=N(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.m=t.vname,e},W=t=>n(t).$hostElement$,q=(t,e,n)=>{const o=W(t);return{emit:t=>G(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},G=(t,e,n)=>{const o=a.ce(e,n);return t.dispatchEvent(o),o},I=new WeakMap,V=t=>"sc-"+t.S,_=(t,e,n,o,s,r)=>{if(n!==o){let i=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=B(n),s=B(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if(i||"o"!==e[0]||"n"!==e[1]){const l=j(o);if((i||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]=o;else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||(t[e]=l)}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!i||4&r||s)&&!l&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(J);e=e.replace(K,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}}},z=/\s/,B=t=>t?t.split(z):[],J="Capture",K=RegExp(J+"$"),Q=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.u||k,s=e.u||k;for(const t of X(Object.keys(l)))t in s||_(o,t,l[t],void 0,n,e.o);for(const t of X(Object.keys(s)))_(o,t,l[t],s[t],n,e.o)};function X(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Y=!1,Z=!1,tt=!1,et=!1,nt=(t,e,n,o)=>{var l;const s=e.h[n];let r,i,c,u=0;if(Y||(tt=!0,"slot"===s.v&&(R&&o.classList.add(R+"-s"),s.o|=s.h?2:1)),null!==s.i)r=s.$=f.createTextNode(s.i);else if(1&s.o)r=s.$=f.createTextNode("");else if(r=s.$=f.createElement(!Y&&2&s.o?"slot-fb":s.v),Q(null,s,et),r.getRootNode().querySelector("body"),s.h)for(u=0;u<s.h.length;++u)i=nt(t,s,u,r),i&&r.appendChild(i);return r["s-hn"]=P,3&s.o&&(r["s-sr"]=!0,r["s-cr"]=x,r["s-sn"]=s.m||"",r["s-rf"]=null==(l=s.u)?void 0:l.ref,c=t&&t.h&&t.h[n],c&&c.v===s.v&&t.$&&ot(t.$,!1)),r},ot=(t,e)=>{a.o|=1;const n=Array.from(t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==P&&o["s-ol"]&&(pt(ct(o),o,it(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,tt=!0),e&&ot(o,e)}a.o&=-2},lt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===P&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=nt(null,n,l,t),r&&(o[l].$=r,pt(i,r,it(e))))},st=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;t&&(Z=!0,t["s-ol"]?t["s-ol"].remove():ot(t,!0),t.remove())}}},rt=(t,e,n=!1)=>!(t.v!==e.v||("slot"===t.v?"k"in t&&n&&8!==t.$.nodeType||t.m!==e.m:!n&&t.p!==e.p)),it=t=>t&&t["s-ol"]||t,ct=t=>(t["s-ol"]?t["s-ol"]:t).parentNode,ut=(t,e,n=!1)=>{const o=e.$=t.$,l=t.h,s=e.h,r=e.i;let i;null===r?(("slot"!==e.v||Y)&&Q(t,e,et),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,m=o[0],v=o[p];for(;i<=a&&c<=p;)if(null==d)d=e[++i];else if(null==h)h=e[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(rt(d,m,l))ut(d,m,l),d=e[++i],m=o[++c];else if(rt(h,v,l))ut(h,v,l),h=e[--a],v=o[--p];else if(rt(d,v,l))"slot"!==d.v&&"slot"!==v.v||ot(d.$.parentNode,!1),ut(d,v,l),pt(t,d.$,h.$.nextSibling),d=e[++i],v=o[--p];else if(rt(h,m,l))"slot"!==d.v&&"slot"!==v.v||ot(h.$.parentNode,!1),ut(h,m,l),pt(t,h.$,d.$),h=e[--a],m=o[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].p&&e[f].p===m.p){u=f;break}u>=0?(r=e[u],r.v!==m.v?s=nt(e&&e[c],n,u,t):(ut(r,m,l),e[u]=void 0,s=r.$),m=o[++c]):(s=nt(e&&e[c],n,c,t),m=o[++c]),s&&pt(ct(d.$),s,it(d.$))}i>a?lt(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&st(e,i,a)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),lt(o,null,e,s,0,s.length-1)):!n&&null!==l&&st(l,0,l.length-1)):(i=o["s-cr"])?i.parentNode.textContent=r:t.i!==r&&(o.data=r)},ft=t=>{const e=t.childNodes;for(const t of e)if(1===t.nodeType){if(t["s-sr"]){const n=t["s-sn"];t.hidden=!1;for(const o of e)if(o!==t)if(o["s-hn"]!==t["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){t.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){t.hidden=!0;break}}ft(t)}},at=[],dt=t=>{let e,n,o;for(const l of t.childNodes){if(l["s-sr"]&&(e=l["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;const t=l["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==l["s-hn"])if(ht(e,t)){let n=at.find((t=>t.j===e));Z=!0,e["s-sn"]=e["s-sn"]||t,n?(n.j["s-sh"]=l["s-hn"],n.O=l):(e["s-sh"]=l["s-hn"],at.push({O:l,j:e})),e["s-sr"]&&at.map((t=>{ht(t.j,e["s-sn"])&&(n=at.find((t=>t.j===e)),n&&!t.O&&(t.O=n.O))}))}else at.some((t=>t.j===e))||at.push({j:e})}1===l.nodeType&&dt(l)}},ht=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,pt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),mt=(t,e)=>{e&&!t.C&&e["s-p"]&&e["s-p"].push(new Promise((e=>t.C=e)))},vt=(t,e)=>{if(t.o|=16,!(4&t.o))return mt(t,t.M),g((()=>yt(t,e)));t.o|=512},yt=(t,e)=>{const n=t.t;if(!n)throw Error(`Can't render component <${t.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return e&&(t.o|=256,t.R&&(t.R.map((([t,e])=>jt(n,t,e))),t.R=void 0),o=jt(n,"componentWillLoad")),$t(o,(()=>wt(t,n,e)))},$t=(t,e)=>bt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),bt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,wt=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.P,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=V(e),l=i.get(o);if(t=11===t.nodeType?t:f,l)if("string"==typeof l){let s,r=I.get(t=t.head||t);if(r||I.set(t,r=new Set),!r.has(o)){{s=f.createElement("style"),s.innerHTML=l;const o=null!=(n=a.T)?n:E(f);null!=o&&s.setAttribute("nonce",o),(!(1&e.o)||1&e.o&&"HEAD"!==t.nodeName)&&t.insertBefore(s,t.querySelector("link"))}4&e.o&&(s.innerHTML+=c),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);gt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>St(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},gt=(t,e,n,o)=>{try{e=e.render&&e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.P,u=t.A||N(null,null),d=(t=>t&&t.v===U)(e)?e:L(null,null,e);if(P=i.tagName,c.L&&(d.u=d.u||{},c.L.map((([t,e])=>d.u[e]=i[t]))),n&&d.u)for(const t of Object.keys(d.u))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(d.u[t]=i[t]);if(d.v=null,d.o|=4,t.A=d,d.$=u.$=i.shadowRoot||i,R=i["s-sc"],Y=!!(1&c.o),x=i["s-cr"],Z=!1,ut(u,d,n),a.o|=1,tt){dt(d.$);for(const t of at){const e=t.j;if(!e["s-ol"]){const t=f.createTextNode("");t["s-nr"]=e,pt(e.parentNode,e["s-ol"]=t,e)}}for(const t of at){const e=t.j,i=t.O;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===o.parentNode){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==e.parentNode||e.nextSibling!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),pt(t,e,n),1===e.nodeType&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](e)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}Z&&ft(d.$),a.o&=-2,at.length=0,x=void 0})(t,e,o)}catch(e){s(e,t.$hostElement$)}return null},St=t=>{const e=t.$hostElement$,n=t.M;jt(t.t,"componentDidRender"),64&t.o||(t.o|=64,Et(e),t.N(e),n||kt()),t.C&&(t.C(),t.C=void 0),512&t.o&&w((()=>vt(t,!1))),t.o&=-517},kt=()=>{Et(f.documentElement),w((()=>G(u,"appload",{detail:{namespace:"player-elevate-card"}})))},jt=(t,e,n)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t)}},Et=t=>t.classList.add("hydrated"),Ot=(t,e,o)=>{var l,r;const i=t.prototype;if(e.U||e.D||t.watchers){t.watchers&&!e.D&&(e.D=t.watchers);const c=Object.entries(null!=(l=e.U)?l:{});if(c.map((([t,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(i,t,{get(){return((t,e)=>n(this).F.get(e))(0,t)},set(o){((t,e,o,l)=>{const r=n(t);if(!r)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.F.get(e),u=r.o,f=r.t;if(o=((t,e)=>null==t||j(t)?t:1&e?t+"":t)(o,l.U[e][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(r.F.set(e,o),f)){if(l.D&&128&u){const t=l.D[e];t&&t.map((t=>{try{f[t](o,c,e)}catch(t){s(t,i)}}))}2==(18&u)&&vt(r,!1)}})(this,t,o,e)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.D)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=e.D)?r:{}),...c.filter((([t,e])=>15&e[0])).map((([t,n])=>{var l;const s=n[1]||t;return o.set(s,t),512&n[0]&&(null==(l=e.L)||l.push([t,s])),s}))]))}}return t},Ct=(t,o={})=>{var l;const d=[],p=o.exclude||[],m=u.customElements,v=f.head,y=v.querySelector("meta[charset]"),$=f.createElement("style"),b=[];let w,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(t.map((t=>{t[1].map((o=>{var l;const c={o:o[0],S:o[1],U:o[2],H:o[3]};4&c.o&&(S=!0),c.U=o[2],c.H=o[3],c.L=[],c.D=null!=(l=o[4])?l:{};const u=c.S,v=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,n)=>{const o={o:0,$hostElement$:t,P:n,F:new Map};o.W=new Promise((t=>o.N=t)),t["s-p"]=[],t["s-rc"]=[],e.set(t,o)})(t=this,c),1&c.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){const t=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Rt(this,t,c.H)),w&&(clearTimeout(w),w=null),g?b.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.P,l=()=>{};if(1&e.o)Rt(t,e,o.H),(null==e?void 0:e.t)||(null==e?void 0:e.W)&&e.W.then((()=>{}));else{e.o|=1,12&o.o&&(t=>{const e=t["s-cr"]=f.createComment("");e["s-cn"]=!0,pt(t,e,t.firstChild)})(t);{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){mt(e,e.M=n);break}}o.U&&Object.entries(o.U).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.q){const t=(t=>{const e=t.S.replace(/-/g,"_"),n=t.q;if(!n)return;const o=r.get(n);return o?o[e]:import(`./${n}.entry.js`).then((t=>(r.set(n,t),t[e])),s)
|
|
2
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(t&&"then"in t){const e=()=>{};o=await t,e()}else o=t;if(!o)throw Error(`Constructor for "${n.S}#${e.G}" was not found`);o.isProxied||(n.D=o.watchers,Ot(o,n,2),o.isProxied=!0);const l=()=>{};e.o|=8;try{new o(e)}catch(t){s(t)}e.o&=-9,e.o|=128,l()}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=V(n);if(!i.has(e)){const o=()=>{};((t,e,n)=>{let o=i.get(t);h&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,i.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.M,c=()=>vt(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.o)){const t=n(this);t.I&&(t.I.map((t=>t())),t.I=void 0),(null==t?void 0:t.t)||(null==t?void 0:t.W)&&t.W.then((()=>{}))}})()))}componentOnReady(){return n(this).W}};c.q=t[0],p.includes(u)||m.get(u)||(d.push(u),m.define(u,Ot(v,c,1)))}))})),d.length>0&&(S&&($.textContent+=c),$.textContent+=d.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const t=null!=(l=a.T)?l:E(f);null!=t&&$.setAttribute("nonce",t),v.insertBefore($,y?y.nextSibling:v.firstChild)}g=!1,b.length?b.map((t=>t.connectedCallback())):a.jmp((()=>w=setTimeout(kt,30)))},Mt=(t,e)=>e,Rt=(t,e,n)=>{n&&n.map((([n,o,l])=>{const s=Pt(t,n),r=xt(e,l),i=Tt(n);a.ael(s,o,r,i),(e.I=e.I||[]).push((()=>a.rel(s,o,r,i)))}))},xt=(t,e)=>n=>{var o;try{256&t.o?null==(o=t.t)||o[e](n):(t.R=t.R||[]).push([e,n])}catch(t){s(t)}},Pt=(t,e)=>8&e?u:t,Tt=t=>({passive:!!(1&t),capture:!!(2&t)}),At=t=>a.T=t;export{Mt as F,S as a,Ct as b,q as c,W as g,L as h,d as p,o as r,At as s}
|