@everymatrix/gamification-dropdown 1.42.0 → 1.43.1

package/dist/cjs/gamification-dropdown_4.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4aa14dda.js');
-const playerElevateCardItems = require('./player-elevate-card-items-8d5a2468.js');
+const playerElevateCardItems = require('./player-elevate-card-items-1cb6488c.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['de', 'en', 'hr'];
@@ -54,7 +54,7 @@ const translate = (key, customLang, values) => {
   return translation;
 };
 
-const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
+const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
 
 const GamificationDropdown = class {
   constructor(hostRef) {
@@ -100,6 +100,10 @@ const GamificationDropdown = class {
         console.log('error ', err);
       });
     };
+    this.navigateToGamification = () => {
+      window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
+      this.isOpen = false;
+    };
     this.handleOutsideClick = (event) => {
       const path = event.composedPath();
       if (!path.includes(this.el)) {
@@ -176,8 +180,8 @@ const GamificationDropdown = class {
       return (index.h("div", { ref: el => this.stylingContainer = el, class: "GamificationDropdownContainer" }, index.h("button", { class: `GamificationDropdownButton ${this.isOpen ? 'IsOpen' : ''}`, type: "button", onClick: (e) => this.handleDropdownClick(e), title: typeof this.loyaltyPoints === 'number'
           ? String(this.loyaltyPoints)
           : translate('gamificationNoPoints', this.language) }, typeof this.loyaltyPoints === 'number'
-        ? `${Math.floor(this.loyaltyPoints)} XP`
-        : '...', index.h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, index.h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (index.h("div", { class: "GamificationDropdown" }, index.h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
+        ? `${this.loyaltyPoints} XP`
+        : '...', index.h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, index.h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (index.h("div", { class: "GamificationDropdown", onClick: this.navigateToGamification }, index.h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
     }
   }
   get el() { return index.getElement(this); }
@@ -664,7 +668,7 @@ const PlayerElevateCardData = class {
 };
 PlayerElevateCardData.style = playerElevateCardDataCss;
 
-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{width:100%}.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 .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
+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{width:100%}.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 .Row{padding-top:3px;padding-bottom:5px}.LoyaltyCard .ExpireTime{margin-left:5px}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
 
 const PlayerElevateLoyaltycard = class {
   constructor(hostRef) {
@@ -738,7 +742,7 @@ const PlayerElevateLoyaltycard = class {
   render() {
     const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
     const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
-    return (index.h("div", { class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { params: this.paramProxy }), index.h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, null, index.h("div", { class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h(playerElevateCardItems.PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (index.h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), index.h(playerElevateCardItems.PlayerLoyaltyProcess, null), index.h("div", { class: "NextLevelTip" }, this.getNextLevelTips())))))))));
+    return (index.h("div", { class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { params: this.paramProxy }), index.h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, null, index.h("div", { class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { class: 'CardCell ElevateLevel' }, index.h("span", { class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), index.h(playerElevateCardItems.PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (index.h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), index.h(playerElevateCardItems.PlayerLoyaltyProcess, null), index.h("div", { class: "Row NextLevelTip" }, this.getNextLevelTips()), this.playerElevateLevel.expireTime && (index.h("div", { class: "Row CardCell ExpirationDate Txt" }, playerElevateCardItems.translate('expireOn', this.language), index.h("span", { class: "ExpireTime" }, playerElevateCardItems.format(new Date(this.playerElevateLevel.expireTime), this.dateFormat || 'yyyy-MM-dd'))))))))))));
   }
   static get watchers() { return {
     "session": ["onSessionOrEndpointChange"],

package/dist/cjs/{player-elevate-card-items-8d5a2468.js → player-elevate-card-items-1cb6488c.js}

@@ -2369,6 +2369,7 @@ exports.PlayerLoyaltyProcess = PlayerLoyaltyProcess;
 exports.PlayerNameDiv = PlayerNameDiv;
 exports.PlayerPoints = PlayerPoints;
 exports.TRANSLATIONS = TRANSLATIONS;
+exports.format = format;
 exports.getTimezoneOffsetInMilliseconds = getTimezoneOffsetInMilliseconds;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;

package/dist/cjs/player-elevate-card.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4aa14dda.js');
-const playerElevateCardItems = require('./player-elevate-card-items-8d5a2468.js');
+const playerElevateCardItems = require('./player-elevate-card-items-1cb6488c.js');
 
 const playerElevateCardCss = "@container (max-width: 270px) {\n  .Card .Inner {\n    flex-direction: column;\n  }\n  .Card .Inner .Content {\n    padding: 9px;\n  }\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}";
 

package/dist/cjs/player-elevate-pointcard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4aa14dda.js');
-const playerElevateCardItems = require('./player-elevate-card-items-8d5a2468.js');
+const playerElevateCardItems = require('./player-elevate-card-items-1cb6488c.js');
 
 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(--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}";
 

package/dist/collection/components/gamification-dropdown/gamification-dropdown.css

@@ -10,6 +10,7 @@
   left: 0;
   z-index: 999;
   overflow: hidden;
+  cursor: pointer;
 }
 
 .GamificationDropdownButton {

package/dist/collection/components/gamification-dropdown/gamification-dropdown.js

@@ -44,6 +44,10 @@ export class GamificationDropdown {
         console.log('error ', err);
       });
     };
+    this.navigateToGamification = () => {
+      window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
+      this.isOpen = false;
+    };
     this.handleOutsideClick = (event) => {
       const path = event.composedPath();
       if (!path.includes(this.el)) {
@@ -122,12 +126,12 @@ export class GamificationDropdown {
             ? String(this.loyaltyPoints)
             : translate('gamificationNoPoints', this.language) },
           typeof this.loyaltyPoints === 'number'
-            ? `${Math.floor(this.loyaltyPoints)} XP`
+            ? `${this.loyaltyPoints} XP`
             : '...',
           h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' },
             h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" },
               h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))),
-        this.isOpen && (h("div", { class: "GamificationDropdown" },
+        this.isOpen && (h("div", { class: "GamificationDropdown", onClick: this.navigateToGamification },
           h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
     }
   }

package/dist/components/gamification-dropdown.js

@@ -52,7 +52,7 @@ const translate = (key, customLang, values) => {
   return translation;
 };
 
-const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
+const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
 
 const GamificationDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -100,6 +100,10 @@ const GamificationDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
         console.log('error ', err);
       });
     };
+    this.navigateToGamification = () => {
+      window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
+      this.isOpen = false;
+    };
     this.handleOutsideClick = (event) => {
       const path = event.composedPath();
       if (!path.includes(this.el)) {
@@ -176,8 +180,8 @@ const GamificationDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       return (h("div", { ref: el => this.stylingContainer = el, class: "GamificationDropdownContainer" }, h("button", { class: `GamificationDropdownButton ${this.isOpen ? 'IsOpen' : ''}`, type: "button", onClick: (e) => this.handleDropdownClick(e), title: typeof this.loyaltyPoints === 'number'
           ? String(this.loyaltyPoints)
           : translate('gamificationNoPoints', this.language) }, typeof this.loyaltyPoints === 'number'
-        ? `${Math.floor(this.loyaltyPoints)} XP`
-        : '...', h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (h("div", { class: "GamificationDropdown" }, h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
+        ? `${this.loyaltyPoints} XP`
+        : '...', h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (h("div", { class: "GamificationDropdown", onClick: this.navigateToGamification }, h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
     }
   }
   get el() { return this; }

package/dist/components/player-elevate-card-data2.js

@@ -629,4 +629,4 @@ function defineCustomElement() {
   } });
 }
 
-export { PlayerElevateCardData as P, TRANSLATIONS as T, _typeof as _, toDate as a, translate as b, defineCustomElement as d, getTimezoneOffsetInMilliseconds as g, requiredArgs as r, translateWithParams as t };
+export { PlayerElevateCardData as P, TRANSLATIONS as T, _typeof as _, translate as a, toDate as b, defineCustomElement as d, getTimezoneOffsetInMilliseconds as g, requiredArgs as r, translateWithParams as t };

package/dist/components/player-elevate-card-items.js

@@ -1,5 +1,5 @@
 import { h, getAssetPath } from '@stencil/core/internal/client';
-import { r as requiredArgs, a as toDate, _ as _typeof, g as getTimezoneOffsetInMilliseconds, b as translate } from './player-elevate-card-data2.js';
+import { r as requiredArgs, b as toDate, _ as _typeof, g as getTimezoneOffsetInMilliseconds, a as translate } from './player-elevate-card-data2.js';
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -2146,4 +2146,4 @@ const PlayerAvatar = (props) => {
     badge);
 };
 
-export { PlayerAvatar as P, PlayerElevateLoyaltyLevel as a, PlayerPoints as b, PlayerLoyaltyProcess as c, PlayerNameDiv as d, PlayerElevateCardRedeem as e };
+export { PlayerAvatar as P, PlayerPoints as a, PlayerLoyaltyProcess as b, PlayerNameDiv as c, PlayerElevateLoyaltyLevel as d, PlayerElevateCardRedeem as e, format as f };

package/dist/components/player-elevate-card.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
-import { P as PlayerAvatar, b as PlayerPoints, d as PlayerNameDiv, a as PlayerElevateLoyaltyLevel, c as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items.js';
+import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items.js';
 import { T as TRANSLATIONS, d as defineCustomElement$2 } from './player-elevate-card-data2.js';
 import { d as defineCustomElement$3 } from './general-styling-wrapper2.js';
 

package/dist/components/player-elevate-loyaltycard2.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
-import { P as PlayerAvatar, a as PlayerElevateLoyaltyLevel, b as PlayerPoints, c as PlayerLoyaltyProcess } from './player-elevate-card-items.js';
-import { t as translateWithParams, T as TRANSLATIONS, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
+import { P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, f as format } from './player-elevate-card-items.js';
+import { t as translateWithParams, T as TRANSLATIONS, a as translate, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
 import { d as defineCustomElement$2 } from './general-styling-wrapper2.js';
 
-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{width:100%}.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 .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
+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{width:100%}.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 .Row{padding-top:3px;padding-bottom:5px}.LoyaltyCard .ExpireTime{margin-left:5px}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
 
 const PlayerElevateLoyaltycard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -79,7 +79,7 @@ const PlayerElevateLoyaltycard = /*@__PURE__*/ proxyCustomElement(class extends
   render() {
     const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
     const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-    return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { params: this.paramProxy }), h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "NextLevelTip" }, this.getNextLevelTips())))))))));
+    return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { params: this.paramProxy }), h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { class: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "Row NextLevelTip" }, this.getNextLevelTips()), this.playerElevateLevel.expireTime && (h("div", { class: "Row CardCell ExpirationDate Txt" }, translate('expireOn', this.language), h("span", { class: "ExpireTime" }, format(new Date(this.playerElevateLevel.expireTime), this.dateFormat || 'yyyy-MM-dd'))))))))))));
   }
   static get watchers() { return {
     "session": ["onSessionOrEndpointChange"],

package/dist/components/player-elevate-pointcard.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, getAssetPath, h, Fragment } from '@stencil/core/internal/client';
-import { T as TRANSLATIONS, b as translate, d as defineCustomElement$2 } from './player-elevate-card-data2.js';
-import { P as PlayerAvatar, b as PlayerPoints } from './player-elevate-card-items.js';
+import { T as TRANSLATIONS, a as translate, d as defineCustomElement$2 } from './player-elevate-card-data2.js';
+import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items.js';
 import { d as defineCustomElement$3 } from './general-styling-wrapper2.js';
 
 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(--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}";

package/dist/esm/gamification-dropdown_4.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-a803f08b.js';
-import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$1, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-11fa1dc1.js';
+import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$1, P as PlayerAvatar, b as PlayerPoints, c as PlayerLoyaltyProcess, d as translate$1, f as format } from './player-elevate-card-items-5bf07fe3.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['de', 'en', 'hr'];
@@ -50,7 +50,7 @@ const translate = (key, customLang, values) => {
   return translation;
 };
 
-const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
+const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";
 
 const GamificationDropdown = class {
   constructor(hostRef) {
@@ -96,6 +96,10 @@ const GamificationDropdown = class {
         console.log('error ', err);
       });
     };
+    this.navigateToGamification = () => {
+      window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
+      this.isOpen = false;
+    };
     this.handleOutsideClick = (event) => {
       const path = event.composedPath();
       if (!path.includes(this.el)) {
@@ -172,8 +176,8 @@ const GamificationDropdown = class {
       return (h("div", { ref: el => this.stylingContainer = el, class: "GamificationDropdownContainer" }, h("button", { class: `GamificationDropdownButton ${this.isOpen ? 'IsOpen' : ''}`, type: "button", onClick: (e) => this.handleDropdownClick(e), title: typeof this.loyaltyPoints === 'number'
           ? String(this.loyaltyPoints)
           : translate('gamificationNoPoints', this.language) }, typeof this.loyaltyPoints === 'number'
-        ? `${Math.floor(this.loyaltyPoints)} XP`
-        : '...', h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (h("div", { class: "GamificationDropdown" }, h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
+        ? `${this.loyaltyPoints} XP`
+        : '...', h("span", { class: this.isOpen ? 'TriangleActive' : 'TriangleInactive' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, h("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && (h("div", { class: "GamificationDropdown", onClick: this.navigateToGamification }, h("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })))));
     }
   }
   get el() { return getElement(this); }
@@ -660,7 +664,7 @@ const PlayerElevateCardData = class {
 };
 PlayerElevateCardData.style = playerElevateCardDataCss;
 
-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{width:100%}.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 .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
+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{width:100%}.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 .Row{padding-top:3px;padding-bottom:5px}.LoyaltyCard .ExpireTime{margin-left:5px}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
 
 const PlayerElevateLoyaltycard = class {
   constructor(hostRef) {
@@ -734,7 +738,7 @@ const PlayerElevateLoyaltycard = class {
   render() {
     const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
     const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
-    return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), h("player-elevate-card-data", { params: this.paramProxy }), h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "NextLevelTip" }, this.getNextLevelTips())))))))));
+    return (h("div", { class: `ElevateCardWrapper ${this.theme}` }, h("div", { class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl }), h("player-elevate-card-data", { params: this.paramProxy }), h("div", { class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, null, h("div", { class: "PlayerImg" }, h(PlayerAvatar, { onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { class: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h(PlayerPoints, { loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (h("div", { class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h(PlayerLoyaltyProcess, null), h("div", { class: "Row NextLevelTip" }, this.getNextLevelTips()), this.playerElevateLevel.expireTime && (h("div", { class: "Row CardCell ExpirationDate Txt" }, translate$1('expireOn', this.language), h("span", { class: "ExpireTime" }, format(new Date(this.playerElevateLevel.expireTime), this.dateFormat || 'yyyy-MM-dd'))))))))))));
   }
   static get watchers() { return {
     "session": ["onSessionOrEndpointChange"],

package/dist/esm/{player-elevate-card-items-11fa1dc1.js → player-elevate-card-items-5bf07fe3.js}

@@ -2360,4 +2360,4 @@ const PlayerAvatar = (props) => {
     badge);
 };
 
-export { PlayerAvatar as P, TRANSLATIONS as T, translateWithParams as a, PlayerElevateLoyaltyLevel as b, PlayerPoints as c, PlayerLoyaltyProcess as d, PlayerNameDiv as e, PlayerElevateCardRedeem as f, getTimezoneOffsetInMilliseconds as g, translate as h, requiredArgs as r, toDate as t };
+export { PlayerAvatar as P, TRANSLATIONS as T, translateWithParams as a, PlayerPoints as b, PlayerLoyaltyProcess as c, translate as d, PlayerNameDiv as e, format as f, getTimezoneOffsetInMilliseconds as g, PlayerElevateLoyaltyLevel as h, PlayerElevateCardRedeem as i, requiredArgs as r, toDate as t };

package/dist/esm/player-elevate-card.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-a803f08b.js';
-import { T as TRANSLATIONS, P as PlayerAvatar, c as PlayerPoints, e as PlayerNameDiv, b as PlayerElevateLoyaltyLevel, d as PlayerLoyaltyProcess, f as PlayerElevateCardRedeem } from './player-elevate-card-items-11fa1dc1.js';
+import { T as TRANSLATIONS, P as PlayerAvatar, b as PlayerPoints, e as PlayerNameDiv, h as PlayerElevateLoyaltyLevel, c as PlayerLoyaltyProcess, i as PlayerElevateCardRedeem } from './player-elevate-card-items-5bf07fe3.js';
 
 const playerElevateCardCss = "@container (max-width: 270px) {\n  .Card .Inner {\n    flex-direction: column;\n  }\n  .Card .Inner .Content {\n    padding: 9px;\n  }\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}";
 

package/dist/esm/player-elevate-pointcard.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-a803f08b.js';
-import { T as TRANSLATIONS, P as PlayerAvatar, h as translate, c as PlayerPoints } from './player-elevate-card-items-11fa1dc1.js';
+import { T as TRANSLATIONS, P as PlayerAvatar, d as translate, b as PlayerPoints } from './player-elevate-card-items-5bf07fe3.js';
 
 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(--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}";
 

package/dist/gamification-dropdown/gamification-dropdown.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./p-1bea1936.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((e=>l([["p-d95f8a76",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],stylingAppends:[32],loyaltyPoints:[32]}],[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"]]],[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"]]]]],["p-3440095c",[[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"]]]]],["p-0296e4e5",[[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"]]]]]],e)));
+import{p as e,b as l}from"./p-1bea1936.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((e=>l([["p-ccfbbe92",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],stylingAppends:[32],loyaltyPoints:[32]}],[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"]]],[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"]]]]],["p-cdf41413",[[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"]]]]],["p-bf29bfd4",[[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"]]]]]],e)));

package/dist/gamification-dropdown/{p-e734000d.js → p-727c8663.js}

@@ -1 +1 @@
-import{h as e,a as i}from"./p-1bea1936.js";function t(e){return(t="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})(e)}function n(e){if(null===e||!0===e||!1===e)return NaN;var i=Number(e);return isNaN(i)?i:i<0?Math.ceil(i):Math.floor(i)}function r(e,i){if(i.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+i.length+" present")}function a(e){r(1,arguments);var i=Object.prototype.toString.call(e);return e instanceof Date||"object"===t(e)&&"[object Date]"===i?new Date(e.getTime()):"number"==typeof e||"[object Number]"===i?new Date(e):("string"!=typeof e&&"[object String]"!==i||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function o(e,i){r(2,arguments);var t=a(e).getTime(),o=n(i);return new Date(t+o)}var s={};function I(){return s}function M(e){var i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),e.getTime()-i.getTime()}function u(e){return r(1,arguments),e instanceof Date||"object"===t(e)&&"[object Date]"===Object.prototype.toString.call(e)}function w(e){if(r(1,arguments),!u(e)&&"number"!=typeof e)return!1;var i=a(e);return!isNaN(Number(i))}function g(e,i){r(2,arguments);var t=n(i);return o(e,-t)}function d(e){r(1,arguments);var i=1,t=a(e),n=t.getUTCDay(),o=(n<i?7:0)+n-i;return t.setUTCDate(t.getUTCDate()-o),t.setUTCHours(0,0,0,0),t}function C(e){r(1,arguments);var i=a(e),t=i.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(t+1,0,4),n.setUTCHours(0,0,0,0);var o=d(n),s=new Date(0);s.setUTCFullYear(t,0,4),s.setUTCHours(0,0,0,0);var I=d(s);return i.getTime()>=o.getTime()?t+1:i.getTime()>=I.getTime()?t:t-1}function c(e){r(1,arguments);var i=C(e),t=new Date(0);t.setUTCFullYear(i,0,4),t.setUTCHours(0,0,0,0);var n=d(t);return n}function A(e,i){var t,o,s,M,u,w,g,d;r(1,arguments);var C=I(),c=n(null!==(t=null!==(o=null!==(s=null!==(M=null==i?void 0:i.weekStartsOn)&&void 0!==M?M:null==i||null===(u=i.locale)||void 0===u||null===(w=u.options)||void 0===w?void 0:w.weekStartsOn)&&void 0!==s?s:C.weekStartsOn)&&void 0!==o?o:null===(g=C.locale)||void 0===g||null===(d=g.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var A=a(e),l=A.getUTCDay(),L=(l<c?7:0)+l-c;return A.setUTCDate(A.getUTCDate()-L),A.setUTCHours(0,0,0,0),A}function l(e,i){var t,o,s,M,u,w,g,d;r(1,arguments);var C=a(e),c=C.getUTCFullYear(),l=I(),L=n(null!==(t=null!==(o=null!==(s=null!==(M=null==i?void 0:i.firstWeekContainsDate)&&void 0!==M?M:null==i||null===(u=i.locale)||void 0===u||null===(w=u.options)||void 0===w?void 0:w.firstWeekContainsDate)&&void 0!==s?s:l.firstWeekContainsDate)&&void 0!==o?o:null===(g=l.locale)||void 0===g||null===(d=g.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(L>=1&&L<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var m=new Date(0);m.setUTCFullYear(c+1,0,L),m.setUTCHours(0,0,0,0);var D=A(m,i),y=new Date(0);y.setUTCFullYear(c,0,L),y.setUTCHours(0,0,0,0);var j=A(y,i);return C.getTime()>=D.getTime()?c+1:C.getTime()>=j.getTime()?c:c-1}function L(e,i){var t,a,o,s,M,u,w,g;r(1,arguments);var d=I(),C=n(null!==(t=null!==(a=null!==(o=null!==(s=null==i?void 0:i.firstWeekContainsDate)&&void 0!==s?s:null==i||null===(M=i.locale)||void 0===M||null===(u=M.options)||void 0===u?void 0:u.firstWeekContainsDate)&&void 0!==o?o:d.firstWeekContainsDate)&&void 0!==a?a:null===(w=d.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==t?t:1),c=l(e,i),L=new Date(0);L.setUTCFullYear(c,0,C),L.setUTCHours(0,0,0,0);var m=A(L,i);return m}function m(e,i){for(var t=e<0?"-":"",n=Math.abs(e).toString();n.length<i;)n="0"+n;return t+n}var D={G:function(e,i,t){var n=e.getUTCFullYear()>0?1:0;switch(i){case"G":case"GG":case"GGG":return t.era(n,{width:"abbreviated"});case"GGGGG":return t.era(n,{width:"narrow"});case"GGGG":default:return t.era(n,{width:"wide"})}},y:function(e,i,t){if("yo"===i){var n=e.getUTCFullYear();return t.ordinalNumber(n>0?n:1-n,{unit:"year"})}return function(e,i){var t=e.getUTCFullYear(),n=t>0?t:1-t;return m("yy"===i?n%100:n,i.length)}(e,i)},Y:function(e,i,t,n){var r=l(e,n),a=r>0?r:1-r;return"YY"===i?m(a%100,2):"Yo"===i?t.ordinalNumber(a,{unit:"year"}):m(a,i.length)},R:function(e,i){return m(C(e),i.length)},u:function(e,i){return m(e.getUTCFullYear(),i.length)},Q:function(e,i,t){var n=Math.ceil((e.getUTCMonth()+1)/3);switch(i){case"Q":return String(n);case"QQ":return m(n,2);case"Qo":return t.ordinalNumber(n,{unit:"quarter"});case"QQQ":return t.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,i,t){var n=Math.ceil((e.getUTCMonth()+1)/3);switch(i){case"q":return String(n);case"qq":return m(n,2);case"qo":return t.ordinalNumber(n,{unit:"quarter"});case"qqq":return t.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,i,t){var n=e.getUTCMonth();switch(i){case"M":case"MM":return function(e,i){var t=e.getUTCMonth();return"M"===i?String(t+1):m(t+1,2)}(e,i);case"Mo":return t.ordinalNumber(n+1,{unit:"month"});case"MMM":return t.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(n,{width:"wide",context:"formatting"})}},L:function(e,i,t){var n=e.getUTCMonth();switch(i){case"L":return String(n+1);case"LL":return m(n+1,2);case"Lo":return t.ordinalNumber(n+1,{unit:"month"});case"LLL":return t.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(n,{width:"wide",context:"standalone"})}},w:function(e,i,t,n){var o=function(e,i){r(1,arguments);var t=a(e),n=A(t,i).getTime()-L(t,i).getTime();return Math.round(n/6048e5)+1}(e,n);return"wo"===i?t.ordinalNumber(o,{unit:"week"}):m(o,i.length)},I:function(e,i,t){var n=function(e){r(1,arguments);var i=a(e),t=d(i).getTime()-c(i).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===i?t.ordinalNumber(n,{unit:"week"}):m(n,i.length)},d:function(e,i,t){return"do"===i?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):function(e,i){return m(e.getUTCDate(),i.length)}(e,i)},D:function(e,i,t){var n=function(e){r(1,arguments);var i=a(e),t=i.getTime();i.setUTCMonth(0,1),i.setUTCHours(0,0,0,0);var n=i.getTime();return Math.floor((t-n)/864e5)+1}(e);return"Do"===i?t.ordinalNumber(n,{unit:"dayOfYear"}):m(n,i.length)},E:function(e,i,t){var n=e.getUTCDay();switch(i){case"E":case"EE":case"EEE":return t.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(n,{width:"short",context:"formatting"});case"EEEE":default:return t.day(n,{width:"wide",context:"formatting"})}},e:function(e,i,t,n){var r=e.getUTCDay(),a=(r-n.weekStartsOn+8)%7||7;switch(i){case"e":return String(a);case"ee":return m(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"});case"eeee":default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,i,t,n){var r=e.getUTCDay(),a=(r-n.weekStartsOn+8)%7||7;switch(i){case"c":return String(a);case"cc":return m(a,i.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"});case"cccc":default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,i,t){var n=e.getUTCDay(),r=0===n?7:n;switch(i){case"i":return String(r);case"ii":return m(r,i.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(n,{width:"short",context:"formatting"});case"iiii":default:return t.day(n,{width:"wide",context:"formatting"})}},a:function(e,i,t){var n=e.getUTCHours()/12>=1?"pm":"am";switch(i){case"a":case"aa":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,i,t){var n,r=e.getUTCHours();switch(n=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",i){case"b":case"bb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,i,t){var n,r=e.getUTCHours();switch(n=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",i){case"B":case"BB":case"BBB":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,i,t){if("ho"===i){var n=e.getUTCHours()%12;return 0===n&&(n=12),t.ordinalNumber(n,{unit:"hour"})}return function(e,i){return m(e.getUTCHours()%12||12,i.length)}(e,i)},H:function(e,i,t){return"Ho"===i?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):function(e,i){return m(e.getUTCHours(),i.length)}(e,i)},K:function(e,i,t){var n=e.getUTCHours()%12;return"Ko"===i?t.ordinalNumber(n,{unit:"hour"}):m(n,i.length)},k:function(e,i,t){var n=e.getUTCHours();return 0===n&&(n=24),"ko"===i?t.ordinalNumber(n,{unit:"hour"}):m(n,i.length)},m:function(e,i,t){return"mo"===i?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):function(e,i){return m(e.getUTCMinutes(),i.length)}(e,i)},s:function(e,i,t){return"so"===i?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):function(e,i){return m(e.getUTCSeconds(),i.length)}(e,i)},S:function(e,i){return function(e,i){var t=i.length,n=e.getUTCMilliseconds();return m(Math.floor(n*Math.pow(10,t-3)),i.length)}(e,i)},X:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(i){case"X":return j(r);case"XXXX":case"XX":return N(r);case"XXXXX":case"XXX":default:return N(r,":")}},x:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"x":return j(r);case"xxxx":case"xx":return N(r);case"xxxxx":case"xxx":default:return N(r,":")}},O:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"O":case"OO":case"OOO":return"GMT"+y(r,":");case"OOOO":default:return"GMT"+N(r,":")}},z:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"z":case"zz":case"zzz":return"GMT"+y(r,":");case"zzzz":default:return"GMT"+N(r,":")}},t:function(e,i,t,n){return m(Math.floor((n._originalDate||e).getTime()/1e3),i.length)},T:function(e,i,t,n){return m((n._originalDate||e).getTime(),i.length)}};function y(e,i){var t=e>0?"-":"+",n=Math.abs(e),r=Math.floor(n/60),a=n%60;if(0===a)return t+String(r);var o=i||"";return t+String(r)+o+m(a,2)}function j(e,i){return e%60==0?(e>0?"-":"+")+m(Math.abs(e)/60,2):N(e,i)}function N(e,i){var t=i||"",n=e>0?"-":"+",r=Math.abs(e);return n+m(Math.floor(r/60),2)+t+m(r%60,2)}var x=function(e,i){switch(e){case"P":return i.date({width:"short"});case"PP":return i.date({width:"medium"});case"PPP":return i.date({width:"long"});case"PPPP":default:return i.date({width:"full"})}},h=function(e,i){switch(e){case"p":return i.time({width:"short"});case"pp":return i.time({width:"medium"});case"ppp":return i.time({width:"long"});case"pppp":default:return i.time({width:"full"})}},b={p:h,P:function(e,i){var t,n=e.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return x(e,i);switch(r){case"P":t=i.dateTime({width:"short"});break;case"PP":t=i.dateTime({width:"medium"});break;case"PPP":t=i.dateTime({width:"long"});break;case"PPPP":default:t=i.dateTime({width:"full"})}return t.replace("{{date}}",x(r,i)).replace("{{time}}",h(a,i))}},v=["D","DD"],p=["YY","YYYY"];function T(e){return-1!==v.indexOf(e)}function z(e){return-1!==p.indexOf(e)}function f(e,i,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(i,"`) 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(i,"`) 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(i,"`) 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(i,"`) 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 Z={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function P(e){return function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=i.width?String(i.width):e.defaultWidth,n=e.formats[t]||e.formats[e.defaultWidth];return n}}var S={date:P({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:P({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:P({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},G={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function W(e){return function(i,t){var n;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;n=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;n=e.values[s]||e.values[o]}return n[e.argumentCallback?e.argumentCallback(i):i]}}function Y(e){return function(i){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],a=i.match(r);if(!a)return null;var o,s=a[0],I=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],M=Array.isArray(I)?Q(I,(function(e){return e.test(s)})):E(I,(function(e){return e.test(s)}));o=e.valueCallback?e.valueCallback(M):M,o=t.valueCallback?t.valueCallback(o):o;var u=i.slice(s.length);return{value:o,rest:u}}}function E(e,i){for(var t in e)if(e.hasOwnProperty(t)&&i(e[t]))return t}function Q(e,i){for(var t=0;t<e.length;t++)if(i(e[t]))return t}var k,X={code:"en-US",formatDistance:function(e,i,t){var n,r=Z[e];return n="string"==typeof r?r:1===i?r.one:r.other.replace("{{count}}",i.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+n:n+" ago":n},formatLong:S,formatRelative:function(e){return G[e]},localize:{ordinalNumber:function(e){var i=Number(e),t=i%100;if(t>20||t<10)switch(t%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:W({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:W({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:W({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:W({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:W({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:(k={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(k.matchPattern);if(!t)return null;var n=t[0],r=e.match(k.parsePattern);if(!r)return null;var a=k.valueCallback?k.valueCallback(r[0]):r[0];a=i.valueCallback?i.valueCallback(a):a;var o=e.slice(n.length);return{value:a,rest:o}}),era:Y({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:Y({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:Y({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:Y({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:Y({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}},B=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,R=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,V=/^'([^]*?)'?$/,U=/''/g,J=/[a-zA-Z]/;function O(e){var i=e.match(V);return i?i[1].replace(U,"'"):e}const H=["ro","en"],F={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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},es:{redeem:"Redeem"},tr:{redeem:"Redeem"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",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"}},$=(e,i)=>{const t=i;return F[void 0!==t&&H.includes(t)?t:"en"][e]},K=(e,i)=>{const t=i.lang;let n=F[void 0!==t&&H.includes(t)?t:"en"][e];return i?(Object.keys(i).forEach((e=>{n=n.replace(new RegExp("\\${"+e+"}","gm"),i[e])})),n):F[void 0!==t&&H.includes(t)?t:"en"][e]},q=()=>e("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyOCIgc3R5bGU9Im9wYWNpdHk6IDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB5PSIxMiIgeD0iMiIgd2lkdGg9IjEwMCUiIGlkPSJ0b3RhbF9sZXZlbCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KICAgIDxyZWN0IHk9IjEyIiAgeD0iMiIgaWQ9ImN1cnJlbnRfbGV2ZWwiIHdpZHRoPSI2NCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9jdXJyZW50X2xldmVsKSI+CiAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlX2N1cnJlbnRfbGV2ZWwiIGN4PSI3NC41IiBjeT0iMTQuNSIgcj0iNi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9oZWFydF9iYWxsKSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9iYWxsKSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjE2OSIgY3k9IjE0IiByPSIxMCIgaWQ9ImxvY2siIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl9iYWxsKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyX2hlYXJ0KSI+CiAgICAgICAgICA8c3ZnIHg9IjAiIHk9IjQiIGlkPSJsb2NrX2JveCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yMTcgNi40MjQ0MmMtMC43MTMsLTAuNTc0LC0xLjMwNCwtMS4wODMsLTEuOTI4LC0xLjYyMmMtMC4zNDgsLTAuMjk5LC0wLjcwNywtMC42MTEsLTEuMTAxLC0wLjk0M2wtMC4wMTMsLTAuMDFjMCwwLC0wLjAyMywtMC4wMTcsLTAuMDQsLTAuMDI3bC0wLjE2NywtMC4wOTVsLTAuMTUsMC4xMmMwLDAsLTAuMDE1LDAuMDEyLC0wLjAyNCwwLjAyYy0wLjM5MSwwLjMzLC0wLjc0OSwwLjY0LC0xLjA5NCwwLjkzOWMtMC42MjIsMC41MzksLTEuMjExLDEuMDQ4LC0xLjkyNCwxLjYyNGMtMS44MTYsMS40NjMsLTMuNTk4LDMuMjYzLC0zLjAzMyw1LjUwNmMwLjQwNCwxLjYwMSwyLjEwNCwyLjkwNSwzLjc4OSwyLjkwNWMwLjIxMSwwLDAuNDIzLC0wLjAyLDAuNjI2LC0wLjA2MWMwLjI4NiwtMC4wNTgsMC41NzIsLTAuMTQ1LDAuODY0LC0wLjI2NWMtMC4wNzksMC45NjIsLTAuNDEzLDEuODY0LC0wLjg4MSwyLjM2OWwtMC40MjMsMC40NTloMC42MzNjMC42MzMsMCwxLjAxOCwtMC4wMDcsMS4zNTYsLTAuMDEzYzAuMjQ4LC0wLjAwNCwwLjQ2MiwtMC4wMDgsMC43MiwtMC4wMDhjMC4zMzUsMCwwLjcwOSwwLjAwNiwxLjIxNSwwLjAyMWwwLjY4NiwwLjAybC0wLjQ3NCwtMC40ODNjLTAuNTA0LC0wLjUxNCwtMC44NDcsLTEuNDAzLC0wLjkyMywtMi4zODVjMC4zMTEsMC4xMzIsMC42MTYsMC4yMjcsMC45MTYsMC4yODdjMC4yMDQsMC4wMzksMC40MTEsMC4wNTksMC42MjMsMC4wNTljMS42ODcsMCwzLjM4NiwtMS4zMDQsMy43ODksLTIuOTA5YzAuNTYsLTIuMjQzLC0xLjIyNCwtNC4wNDEsLTMuMDQyLC01LjUwNHYtMC4wMDR6IiBmaWxsPSIjOTMzQ0JGIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjcyNyw2Ljk4NDU5Yy0xLjAwNCwtMC44MywtMS43NDEsLTEuNTE1LC0yLjcyMywtMi4zNjVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDcsLTAuMDA2Yy0wLjAwMiwwLC0wLjAwNCwwLjAwNCwtMC4wMDYsMC4wMDZjLTAuOTgsMC44NSwtMS43MTUsMS41MzcsLTIuNzIxLDIuMzY3Yy0xLjQ1NSwxLjIwMiwtMy4xMjYsMi44MjEsLTIuNjM4LDQuODFjMC4zNywxLjUxMSwyLjA5MSwyLjc1MSwzLjY2NSwyLjQzYzAuMzg5LC0wLjA4LDAuNzUsLTAuMjI0LDEuMDk0LC0wLjQwMmMwLDAuMTE2LC0wLjAwNCwwLjIzMywtMC4wMTIsMC4zNTNjLTAuMDY0LDAuOTkxLC0wLjM5OCwxLjg5MiwtMC44NiwyLjQwMWMxLjQ4MSwwLDEuNDgxLC0wLjA0MywyLjk2MSwwYy0wLjQ4MSwtMC41MDMsLTAuODM0LC0xLjM4MiwtMC45LC0yLjQwMWMtMC4wMDgsLTAuMTI3LC0wLjAxMiwtMC4yNTMsLTAuMDEyLC0wLjM3OGMwLjM1NywwLjE5LDAuNzMzLDAuMzQyLDEuMTQsMC40MjVjMS41NzQsMC4zMTksMy4yOTIsLTAuOTIyLDMuNjYxLC0yLjQzM2MwLjQ4NiwtMS45OTIsLTEuMTg5LC0zLjYwOSwtMi42NDQsCiAgICAgICAgICAgIC00LjgwOWwwLjAwMiwwLjAwMnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl9sb2NrKSIvPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4yNTUsNy41NTFjLTAuODQ0LC0wLjcxNiwtMS40NjIsLTEuMzA5LC0yLjI4NiwtMi4wNDVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDYsLTAuMDA2YzAsMCwtMC4wMDQsMC4wMDQsLTAuMDA2LDAuMDA2Yy0wLjgyNCwwLjczNiwtMS40NCwxLjMyOSwtMi4yODQsMi4wNDdjLTAuOTE5LDAuNzgyLC0xLjk0LDEuNzY5LC0yLjIxNCwyLjk0M2MtMC4xMTUsMC4wMjEsLTAuOTE0LDAuMDQ0LC0wLjkxNCwwLjA0NGwwLjg4NywwLjA4M2MtMC4wMzksMC4yMDYsLTAuMDU1LDAuNDE4LC0wLjA0MSwwLjYzOGMwLjA4NywtMS4zNzEsMS4yNSwtMi41MDcsMi4yODIsLTMuMzg0YzAuODQ0LC0wLjcxOCwxLjQ2MiwtMS4zMTMsMi4yODQsLTIuMDQ3YzAuMDAyLC0wLjAwMiwwLjAwNCwtMC4wMDQsMC4wMDYsLTAuMDA2YzAuMDAyLDAsMC4wMDQsMC4wMDQsMC4wMDYsMC4wMDRjMC44MjQsMC43MzQsMS40NDIsMS4zMjksMi4yODYsMi4wNDVjMS4wMzQsMC44NzksMi4xOTgsMi4wMTMsMi4yODYsMy4zODZjMC4wOTMsLTEuNTE3LC0xLjE3MywtMi43NjEsLTIuMjg2LC0zLjcwOHoiIGZpbGw9IiM5MDQwQzkiLz4KICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfbG9jaykiPgogICAgICA8c3ZnIHg9IjEwMCUiIHk9IjkiIGlkPSJoZWFydF9ib3giPgogICAgICAgIDxwYXRoIGQ9Ik03LDZjLTAuMTksLTAuMDAyLC0wLjM3NywwLjA1MiwtMC41MzQsMC4xNTRjLTAuMTU4LDAuMTAzLC0wLjI3OCwwLjI1LC0wLjM0NiwwLjQyYy0wLjA2OSwwLjE3MSwtMC4wODEsMC4zNTcsLTAuMDM1LDAuNTM1YzAuMDQ2LDAuMTc3LDAuMTQ3LDAuMzM3LDAuMjksMC40NTd2MC44MzRjMCwwLjE1OSwwLjA2NiwwLjMxMiwwLjE4MywwLjQyNGMwLjExNywwLjExMywwLjI3NiwwLjE3NiwwLjQ0MiwwLjE3NmMwLjE2NiwwLDAuMzI1LC0wLjA2MywwLjQ0MiwtMC4xNzZjMC4xMTcsLTAuMTEyLDAuMTgzLC0wLjI2NSwwLjE4MywtMC40MjR2LTAuODM0YzAuMTQzLC0wLjEyLDAuMjQ0LC0wLjI4LDAuMjksLTAuNDU3YzAuMDQ2LC0wLjE3OCwwLjAzNCwtMC4zNjQsLTAuMDM1LC0wLjUzNWMtMC4wNjgsLTAuMTcsLTAuMTg4LC0wLjMxNywtMC4zNDYsLTAuNDJjLTAuMTU3LC0wLjEwMiwtMC4zNDQsLTAuMTU2LC0wLjUzNCwtMC4xNTR6bTMuMTI1LC0yLjR2LTEuMmMwLC0wLjc5NiwtMC4zMjksLTEuNTU5LC0wLjkxNSwtMi4xMjFjLTAuNTg2LC0wLjU2MywtMS4zODEsLTAuODc5LC0yLjIxLC0wLjg3OWMtMC44MjksMCwtMS42MjQsMC4zMTYsLTIuMjEsMC44NzljLTAuNTg2LDAuNTYyLC0wLjkxNSwxLjMyNSwtMC45MTUsMi4xMjF2MS4yYy0wLjQ5NywwLC0wLjk3NCwwLjE5LC0xLjMyNiwwLjUyN2MtMC4zNTEsMC4zMzgsLTAuNTQ5LDAuNzk2LC0wLjU0OSwxLjI3M3Y0LjJjMCwwLjQ3NywwLjE5OCwwLjkzNSwwLjU0OSwxLjI3M2MwLjM1MiwwLjMzNywwLjgyOSwwLjUyNywxLjMyNiwwLjUyN2g2LjI1YzAuNDk3LDAsMC45NzQsLTAuMTksMS4zMjYsLTAuNTI3YzAuMzUxLC0wLjMzOCwwLjU0OSwtMC43OTYsMC41NDksLTEuMjczdi00LjJjMCwtMC40NzcsLTAuMTk4LC0wLjkzNSwtMC41NDksLTEuMjczYy0wLjM1MiwtMC4zMzcsLTAuODI5LC0wLjUyNywtMS4zMjYsLTAuNTI3em0tNSwtMS4yYzAsLTAuNDc3LDAuMTk4LC0wLjkzNSwwLjU0OSwtMS4yNzNjMC4zNTIsLTAuMzM3LDAuODI5LC0wLjUyNywxLjMyNiwtMC41MjdjMC40OTcsMCwwLjk3NCwwLjE5LDEuMzI2LDAuNTI3YzAuMzUxLDAuMzM4LDAuNTQ5LDAuNzk2LDAuNTQ5LDEuMjczdjEuMmgtMy43NXYtMS4yem01LjYyNSw3LjJjMCwwLjE1OSwtMC4wNjYsMC4zMTIsLTAuMTgzLDAuNDI0Yy0wLjExNywwLjExMywtMC4yNzYsMC4xNzYsLTAuNDQyLDAuMTc2aC02LjI1Yy0wLjE2NiwwLC0wLjMyNSwtMC4wNjMsLTAuNDQyLC0wLjE3NmMtMC4xMTcsLTAuMTEyLC0wLjE4MywtMC4yNjUsLTAuMTgzLC0wLjQyNHYtNC4yYzAsLTAuMTU5LDAuMDY2LC0wLjMxMiwwLjE4MywtMC40MjRjMC4xMTcsLTAuMTEzLDAuMjc2LC0wLjE3NiwwLjQ0MiwtMC4xNzZoNi4yNWMwLjE2NiwwLDAuMzI1LDAuMDYzLDAuNDQyLDAuMTc2YzAuMTE3LDAuMTEyLDAuMTgzLDAuMjY1LDAuMTgzLDAuNDI0djQuMnoiIGZpbGw9IndoaXRlIi8+CiAgICAgIDwvc3ZnPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2N1cnJlbnRfbGV2ZWwiIHg9IjY0IiB5PSI0IiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzMwNV8yMyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9oZWFydF9iYWxsIiB4PSIxNTUiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0Lz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMDVfMjMiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2JhbGwiIHg9IjE1OSIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2hlYXJ0IiB4PSIxNjEuNjM2IiB5PSI1LjcyNzI3IiB3aWR0aD0iMTQuNzI3MSIgaGVpZ2h0PSIxNS42MzY0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9sb2NrIiB4PSI1MCIgeT0iNyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl9iYWxsIiB4MT0iMTYzIiB5MT0iNiIgeDI9IjE3NC4yIiB5Mj0iMjIuNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTQ2QUQ3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VGQUJFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyX2xvY2siIHgxPSIxMDAlIiB5MT0iMTguNDA1NiIgeDI9IjE2OS4wMDIiIHkyPSIxMC4yODQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MTRGRDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDY3OUQ4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg=="}),_=({loyaltyPoints:i,spendablePoints:t,pointExpireString:n,language:r})=>e("div",{class:"PointsInfo"},i&&e("div",{class:"Points"},i," ",e("sub",{class:"XP"},$("xp",r))),t&&e("div",{class:"Points"},t," ",e("sub",{class:"XP"},$("sp",r))),n&&e("div",{class:"ExpirationPoints"},n," ")),ee=({language:i,onRedeemClick:t})=>e("div",{class:"CardCell Redeem"},e("div",{class:"RedeemButton",onClick:()=>{t()}},e("span",null,$("redeem",i)))),ie=i=>e("div",{class:"CardCell PlayerName Txt"},i.playerName),te=t=>e("div",{class:"CardCell ElevateLevel"},e("span",{class:"LevelName",title:t.level},t.level),t.expireTime&&e("div",{class:"CardCell ExpirationDate Txt"},$("expireOn",t.language),e("span",{class:"ExpireTime"},function(e,i,t){var o,s,u,d,C,c,A,l,L,m,y,j,N,x,h,v,p,Z;r(2,arguments);var P=String(i),S=I(),G=null!==(o=null!==(s=null==t?void 0:t.locale)&&void 0!==s?s:S.locale)&&void 0!==o?o:X,W=n(null!==(u=null!==(d=null!==(C=null!==(c=null==t?void 0:t.firstWeekContainsDate)&&void 0!==c?c:null==t||null===(A=t.locale)||void 0===A||null===(l=A.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==C?C:S.firstWeekContainsDate)&&void 0!==d?d:null===(L=S.locale)||void 0===L||null===(m=L.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==u?u:1);if(!(W>=1&&W<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var Y=n(null!==(y=null!==(j=null!==(N=null!==(x=null==t?void 0:t.weekStartsOn)&&void 0!==x?x:null==t||null===(h=t.locale)||void 0===h||null===(v=h.options)||void 0===v?void 0:v.weekStartsOn)&&void 0!==N?N:S.weekStartsOn)&&void 0!==j?j:null===(p=S.locale)||void 0===p||null===(Z=p.options)||void 0===Z?void 0:Z.weekStartsOn)&&void 0!==y?y:0);if(!(Y>=0&&Y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!G.localize)throw new RangeError("locale must contain localize property");if(!G.formatLong)throw new RangeError("locale must contain formatLong property");var E=a(e);if(!w(E))throw new RangeError("Invalid time value");var Q=M(E),k=g(E,Q),V={firstWeekContainsDate:W,weekStartsOn:Y,locale:G,_originalDate:E};return P.match(R).map((function(e){var i=e[0];return"p"===i||"P"===i?(0,b[i])(e,G.formatLong):e})).join("").match(B).map((function(n){if("''"===n)return"'";var r=n[0];if("'"===r)return O(n);var a=D[r];if(a)return null!=t&&t.useAdditionalWeekYearTokens||!z(n)||f(n,i,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!T(n)||f(n,i,String(e)),a(k,n,G.localize,V);if(r.match(J))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return n})).join("")}(new Date(t.expireTime),t.dateFormat||"yyyy-MM-dd")),!t.hideInfo&&e("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},e("span",{class:"InfoTips",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMTI2IDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI0Ml80MjMxKSI+CjxyZWN0IHg9IjI0IiB5PSIyMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9IjM2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDI0QzI0IDIxLjc5MDkgMjUuNzkwOSAyMCAyOCAyMEg2NFY1NkgyOEMyNS43OTA5IDU2IDI0IDU0LjIwOTEgMjQgNTJWMjRaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxwYXRoIGQ9Ik01MSA1NkgzN0w0My4yNDc0IDYzLjEzOTlDNDMuNjQ1OCA2My41OTUyIDQ0LjM1NDIgNjMuNTk1MiA0NC43NTI2IDYzLjEzOTlMNTEgNTZaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxjaXJjbGUgY3g9IjQ0IiBjeT0iMzgiIHI9IjciIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00My45NDA1IDM0QzQ0LjU0NTYgMzQgNDUuMDM2MiAzNC40OTA2IDQ1LjAzNjIgMzUuMDk1N0M0NS4wMzYyIDM1LjcwMDkgNDQuNTQ1NiAzNi4xOTE1IDQzLjk0MDUgMzYuMTkxNUM0My4zMzUzIDM2LjE5MTUgNDIuODQ0NyAzNS43MDA5IDQyLjg0NDcgMzUuMDk1N0M0Mi44NDQ3IDM0LjQ5MDYgNDMuMzM1MyAzNCA0My45NDA1IDM0WiIgZmlsbD0iIzQ2NDY0NiIvPgo8cGF0aCBkPSJNNDUuODgwMSA0MS4zNzM3QzQ1Ljg4MDEgNDEuNzYxNyA0NS41NjI2IDQyLjA3OTEgNDUuMTc0NiA0Mi4wNzkxSDQ0LjMyMzNINDMuNTUxSDQyLjcwNTVDNDIuMzE3NSA0Mi4wNzkxIDQyIDQxLjc2MTcgNDIgNDEuMzczN1Y0MS4zNTc1QzQyIDQwLjk2OTUgNDIuMzE3NSA0MC42NTIxIDQyLjcwNTUgNDAuNjUyMUg0Mi44NDU1VjM3Ljg3MTRINDIuMzUyOEM0Mi4xNTg4IDM3Ljg3MTQgNDIgMzcuNzEyNyA0MiAzNy41MTg3VjM3LjQ5MzZDNDIgMzcuMjk5NiA0Mi4xNTg4IDM3LjE0MDkgNDIuMzUyOCAzNy4xNDA5SDQzLjU1MUg0NC4wMzFINDQuMzIzM0M0NC43MTEzIDM3LjE0MDkgNDUuMDI4NyAzNy40NTgzIDQ1LjAyODcgMzcuODQ2M1Y0MC42NTIxSDQ1LjE3NDZDNDUuNTYyNiA0MC42NTIxIDQ1Ljg4MDEgNDAuOTY5NiA0NS44ODAxIDQxLjM1NzZWNDEuMzczN1oiIGZpbGw9IiM0NjQ2NDYiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI0Ml80MjMxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkxLjQ4MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo="})))),ne=t=>{const n=t.loyaltyIconUrl?e("img",{class:"Badge",src:t.loyaltyIconUrl}):t.hideIfNull?"":e("div",{class:"Badge"}),r=t.playerAvatarUrl||i("../static/user.svg");return e("div",{class:"PlayerAvatar",style:{position:t.onlyBadge?"":"relative"}},!t.onlyBadge&&e("img",{class:"Avatar",src:r}),n)};export{ne as P,F as T,K as a,te as b,_ as c,q as d,ie as e,ee as f,M as g,$ as h,r,a as t}
+import{h as e,a as i}from"./p-1bea1936.js";function t(e){return(t="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})(e)}function n(e){if(null===e||!0===e||!1===e)return NaN;var i=Number(e);return isNaN(i)?i:i<0?Math.ceil(i):Math.floor(i)}function r(e,i){if(i.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+i.length+" present")}function a(e){r(1,arguments);var i=Object.prototype.toString.call(e);return e instanceof Date||"object"===t(e)&&"[object Date]"===i?new Date(e.getTime()):"number"==typeof e||"[object Number]"===i?new Date(e):("string"!=typeof e&&"[object String]"!==i||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function o(e,i){r(2,arguments);var t=a(e).getTime(),o=n(i);return new Date(t+o)}var s={};function I(){return s}function M(e){var i=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return i.setUTCFullYear(e.getFullYear()),e.getTime()-i.getTime()}function u(e){return r(1,arguments),e instanceof Date||"object"===t(e)&&"[object Date]"===Object.prototype.toString.call(e)}function w(e){if(r(1,arguments),!u(e)&&"number"!=typeof e)return!1;var i=a(e);return!isNaN(Number(i))}function g(e,i){r(2,arguments);var t=n(i);return o(e,-t)}function d(e){r(1,arguments);var i=1,t=a(e),n=t.getUTCDay(),o=(n<i?7:0)+n-i;return t.setUTCDate(t.getUTCDate()-o),t.setUTCHours(0,0,0,0),t}function C(e){r(1,arguments);var i=a(e),t=i.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(t+1,0,4),n.setUTCHours(0,0,0,0);var o=d(n),s=new Date(0);s.setUTCFullYear(t,0,4),s.setUTCHours(0,0,0,0);var I=d(s);return i.getTime()>=o.getTime()?t+1:i.getTime()>=I.getTime()?t:t-1}function c(e){r(1,arguments);var i=C(e),t=new Date(0);t.setUTCFullYear(i,0,4),t.setUTCHours(0,0,0,0);var n=d(t);return n}function A(e,i){var t,o,s,M,u,w,g,d;r(1,arguments);var C=I(),c=n(null!==(t=null!==(o=null!==(s=null!==(M=null==i?void 0:i.weekStartsOn)&&void 0!==M?M:null==i||null===(u=i.locale)||void 0===u||null===(w=u.options)||void 0===w?void 0:w.weekStartsOn)&&void 0!==s?s:C.weekStartsOn)&&void 0!==o?o:null===(g=C.locale)||void 0===g||null===(d=g.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(c>=0&&c<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var A=a(e),l=A.getUTCDay(),L=(l<c?7:0)+l-c;return A.setUTCDate(A.getUTCDate()-L),A.setUTCHours(0,0,0,0),A}function l(e,i){var t,o,s,M,u,w,g,d;r(1,arguments);var C=a(e),c=C.getUTCFullYear(),l=I(),L=n(null!==(t=null!==(o=null!==(s=null!==(M=null==i?void 0:i.firstWeekContainsDate)&&void 0!==M?M:null==i||null===(u=i.locale)||void 0===u||null===(w=u.options)||void 0===w?void 0:w.firstWeekContainsDate)&&void 0!==s?s:l.firstWeekContainsDate)&&void 0!==o?o:null===(g=l.locale)||void 0===g||null===(d=g.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(L>=1&&L<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var m=new Date(0);m.setUTCFullYear(c+1,0,L),m.setUTCHours(0,0,0,0);var D=A(m,i),y=new Date(0);y.setUTCFullYear(c,0,L),y.setUTCHours(0,0,0,0);var j=A(y,i);return C.getTime()>=D.getTime()?c+1:C.getTime()>=j.getTime()?c:c-1}function L(e,i){var t,a,o,s,M,u,w,g;r(1,arguments);var d=I(),C=n(null!==(t=null!==(a=null!==(o=null!==(s=null==i?void 0:i.firstWeekContainsDate)&&void 0!==s?s:null==i||null===(M=i.locale)||void 0===M||null===(u=M.options)||void 0===u?void 0:u.firstWeekContainsDate)&&void 0!==o?o:d.firstWeekContainsDate)&&void 0!==a?a:null===(w=d.locale)||void 0===w||null===(g=w.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==t?t:1),c=l(e,i),L=new Date(0);L.setUTCFullYear(c,0,C),L.setUTCHours(0,0,0,0);var m=A(L,i);return m}function m(e,i){for(var t=e<0?"-":"",n=Math.abs(e).toString();n.length<i;)n="0"+n;return t+n}var D={G:function(e,i,t){var n=e.getUTCFullYear()>0?1:0;switch(i){case"G":case"GG":case"GGG":return t.era(n,{width:"abbreviated"});case"GGGGG":return t.era(n,{width:"narrow"});case"GGGG":default:return t.era(n,{width:"wide"})}},y:function(e,i,t){if("yo"===i){var n=e.getUTCFullYear();return t.ordinalNumber(n>0?n:1-n,{unit:"year"})}return function(e,i){var t=e.getUTCFullYear(),n=t>0?t:1-t;return m("yy"===i?n%100:n,i.length)}(e,i)},Y:function(e,i,t,n){var r=l(e,n),a=r>0?r:1-r;return"YY"===i?m(a%100,2):"Yo"===i?t.ordinalNumber(a,{unit:"year"}):m(a,i.length)},R:function(e,i){return m(C(e),i.length)},u:function(e,i){return m(e.getUTCFullYear(),i.length)},Q:function(e,i,t){var n=Math.ceil((e.getUTCMonth()+1)/3);switch(i){case"Q":return String(n);case"QQ":return m(n,2);case"Qo":return t.ordinalNumber(n,{unit:"quarter"});case"QQQ":return t.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,i,t){var n=Math.ceil((e.getUTCMonth()+1)/3);switch(i){case"q":return String(n);case"qq":return m(n,2);case"qo":return t.ordinalNumber(n,{unit:"quarter"});case"qqq":return t.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,i,t){var n=e.getUTCMonth();switch(i){case"M":case"MM":return function(e,i){var t=e.getUTCMonth();return"M"===i?String(t+1):m(t+1,2)}(e,i);case"Mo":return t.ordinalNumber(n+1,{unit:"month"});case"MMM":return t.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(n,{width:"wide",context:"formatting"})}},L:function(e,i,t){var n=e.getUTCMonth();switch(i){case"L":return String(n+1);case"LL":return m(n+1,2);case"Lo":return t.ordinalNumber(n+1,{unit:"month"});case"LLL":return t.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(n,{width:"wide",context:"standalone"})}},w:function(e,i,t,n){var o=function(e,i){r(1,arguments);var t=a(e),n=A(t,i).getTime()-L(t,i).getTime();return Math.round(n/6048e5)+1}(e,n);return"wo"===i?t.ordinalNumber(o,{unit:"week"}):m(o,i.length)},I:function(e,i,t){var n=function(e){r(1,arguments);var i=a(e),t=d(i).getTime()-c(i).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===i?t.ordinalNumber(n,{unit:"week"}):m(n,i.length)},d:function(e,i,t){return"do"===i?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):function(e,i){return m(e.getUTCDate(),i.length)}(e,i)},D:function(e,i,t){var n=function(e){r(1,arguments);var i=a(e),t=i.getTime();i.setUTCMonth(0,1),i.setUTCHours(0,0,0,0);var n=i.getTime();return Math.floor((t-n)/864e5)+1}(e);return"Do"===i?t.ordinalNumber(n,{unit:"dayOfYear"}):m(n,i.length)},E:function(e,i,t){var n=e.getUTCDay();switch(i){case"E":case"EE":case"EEE":return t.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(n,{width:"short",context:"formatting"});case"EEEE":default:return t.day(n,{width:"wide",context:"formatting"})}},e:function(e,i,t,n){var r=e.getUTCDay(),a=(r-n.weekStartsOn+8)%7||7;switch(i){case"e":return String(a);case"ee":return m(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"});case"eeee":default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,i,t,n){var r=e.getUTCDay(),a=(r-n.weekStartsOn+8)%7||7;switch(i){case"c":return String(a);case"cc":return m(a,i.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"});case"cccc":default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,i,t){var n=e.getUTCDay(),r=0===n?7:n;switch(i){case"i":return String(r);case"ii":return m(r,i.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(n,{width:"short",context:"formatting"});case"iiii":default:return t.day(n,{width:"wide",context:"formatting"})}},a:function(e,i,t){var n=e.getUTCHours()/12>=1?"pm":"am";switch(i){case"a":case"aa":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,i,t){var n,r=e.getUTCHours();switch(n=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",i){case"b":case"bb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},B:function(e,i,t){var n,r=e.getUTCHours();switch(n=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",i){case"B":case"BB":case"BBB":return t.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(n,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(n,{width:"wide",context:"formatting"})}},h:function(e,i,t){if("ho"===i){var n=e.getUTCHours()%12;return 0===n&&(n=12),t.ordinalNumber(n,{unit:"hour"})}return function(e,i){return m(e.getUTCHours()%12||12,i.length)}(e,i)},H:function(e,i,t){return"Ho"===i?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):function(e,i){return m(e.getUTCHours(),i.length)}(e,i)},K:function(e,i,t){var n=e.getUTCHours()%12;return"Ko"===i?t.ordinalNumber(n,{unit:"hour"}):m(n,i.length)},k:function(e,i,t){var n=e.getUTCHours();return 0===n&&(n=24),"ko"===i?t.ordinalNumber(n,{unit:"hour"}):m(n,i.length)},m:function(e,i,t){return"mo"===i?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):function(e,i){return m(e.getUTCMinutes(),i.length)}(e,i)},s:function(e,i,t){return"so"===i?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):function(e,i){return m(e.getUTCSeconds(),i.length)}(e,i)},S:function(e,i){return function(e,i){var t=i.length,n=e.getUTCMilliseconds();return m(Math.floor(n*Math.pow(10,t-3)),i.length)}(e,i)},X:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(i){case"X":return j(r);case"XXXX":case"XX":return N(r);case"XXXXX":case"XXX":default:return N(r,":")}},x:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"x":return j(r);case"xxxx":case"xx":return N(r);case"xxxxx":case"xxx":default:return N(r,":")}},O:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"O":case"OO":case"OOO":return"GMT"+y(r,":");case"OOOO":default:return"GMT"+N(r,":")}},z:function(e,i,t,n){var r=(n._originalDate||e).getTimezoneOffset();switch(i){case"z":case"zz":case"zzz":return"GMT"+y(r,":");case"zzzz":default:return"GMT"+N(r,":")}},t:function(e,i,t,n){return m(Math.floor((n._originalDate||e).getTime()/1e3),i.length)},T:function(e,i,t,n){return m((n._originalDate||e).getTime(),i.length)}};function y(e,i){var t=e>0?"-":"+",n=Math.abs(e),r=Math.floor(n/60),a=n%60;if(0===a)return t+String(r);var o=i||"";return t+String(r)+o+m(a,2)}function j(e,i){return e%60==0?(e>0?"-":"+")+m(Math.abs(e)/60,2):N(e,i)}function N(e,i){var t=i||"",n=e>0?"-":"+",r=Math.abs(e);return n+m(Math.floor(r/60),2)+t+m(r%60,2)}var x=function(e,i){switch(e){case"P":return i.date({width:"short"});case"PP":return i.date({width:"medium"});case"PPP":return i.date({width:"long"});case"PPPP":default:return i.date({width:"full"})}},h=function(e,i){switch(e){case"p":return i.time({width:"short"});case"pp":return i.time({width:"medium"});case"ppp":return i.time({width:"long"});case"pppp":default:return i.time({width:"full"})}},b={p:h,P:function(e,i){var t,n=e.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return x(e,i);switch(r){case"P":t=i.dateTime({width:"short"});break;case"PP":t=i.dateTime({width:"medium"});break;case"PPP":t=i.dateTime({width:"long"});break;case"PPPP":default:t=i.dateTime({width:"full"})}return t.replace("{{date}}",x(r,i)).replace("{{time}}",h(a,i))}},v=["D","DD"],p=["YY","YYYY"];function T(e){return-1!==v.indexOf(e)}function z(e){return-1!==p.indexOf(e)}function f(e,i,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(i,"`) 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(i,"`) 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(i,"`) 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(i,"`) 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 Z={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function P(e){return function(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=i.width?String(i.width):e.defaultWidth,n=e.formats[t]||e.formats[e.defaultWidth];return n}}var S={date:P({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:P({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:P({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},G={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function W(e){return function(i,t){var n;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;n=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;n=e.values[s]||e.values[o]}return n[e.argumentCallback?e.argumentCallback(i):i]}}function Y(e){return function(i){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],a=i.match(r);if(!a)return null;var o,s=a[0],I=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],M=Array.isArray(I)?Q(I,(function(e){return e.test(s)})):E(I,(function(e){return e.test(s)}));o=e.valueCallback?e.valueCallback(M):M,o=t.valueCallback?t.valueCallback(o):o;var u=i.slice(s.length);return{value:o,rest:u}}}function E(e,i){for(var t in e)if(e.hasOwnProperty(t)&&i(e[t]))return t}function Q(e,i){for(var t=0;t<e.length;t++)if(i(e[t]))return t}var k,X={code:"en-US",formatDistance:function(e,i,t){var n,r=Z[e];return n="string"==typeof r?r:1===i?r.one:r.other.replace("{{count}}",i.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+n:n+" ago":n},formatLong:S,formatRelative:function(e){return G[e]},localize:{ordinalNumber:function(e){var i=Number(e),t=i%100;if(t>20||t<10)switch(t%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:W({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:W({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:W({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:W({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:W({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:(k={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(k.matchPattern);if(!t)return null;var n=t[0],r=e.match(k.parsePattern);if(!r)return null;var a=k.valueCallback?k.valueCallback(r[0]):r[0];a=i.valueCallback?i.valueCallback(a):a;var o=e.slice(n.length);return{value:a,rest:o}}),era:Y({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:Y({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:Y({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:Y({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:Y({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}},B=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,R=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,V=/^'([^]*?)'?$/,U=/''/g,J=/[a-zA-Z]/;function O(e,i,t){var o,s,u,d,C,c,A,l,L,m,y,j,N,x,h,v,p,Z;r(2,arguments);var P=String(i),S=I(),G=null!==(o=null!==(s=null==t?void 0:t.locale)&&void 0!==s?s:S.locale)&&void 0!==o?o:X,W=n(null!==(u=null!==(d=null!==(C=null!==(c=null==t?void 0:t.firstWeekContainsDate)&&void 0!==c?c:null==t||null===(A=t.locale)||void 0===A||null===(l=A.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==C?C:S.firstWeekContainsDate)&&void 0!==d?d:null===(L=S.locale)||void 0===L||null===(m=L.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==u?u:1);if(!(W>=1&&W<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var Y=n(null!==(y=null!==(j=null!==(N=null!==(x=null==t?void 0:t.weekStartsOn)&&void 0!==x?x:null==t||null===(h=t.locale)||void 0===h||null===(v=h.options)||void 0===v?void 0:v.weekStartsOn)&&void 0!==N?N:S.weekStartsOn)&&void 0!==j?j:null===(p=S.locale)||void 0===p||null===(Z=p.options)||void 0===Z?void 0:Z.weekStartsOn)&&void 0!==y?y:0);if(!(Y>=0&&Y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!G.localize)throw new RangeError("locale must contain localize property");if(!G.formatLong)throw new RangeError("locale must contain formatLong property");var E=a(e);if(!w(E))throw new RangeError("Invalid time value");var Q=M(E),k=g(E,Q),V={firstWeekContainsDate:W,weekStartsOn:Y,locale:G,_originalDate:E},U=P.match(R).map((function(e){var i=e[0];return"p"===i||"P"===i?(0,b[i])(e,G.formatLong):e})).join("").match(B).map((function(n){if("''"===n)return"'";var r=n[0];if("'"===r)return H(n);var a=D[r];if(a)return null!=t&&t.useAdditionalWeekYearTokens||!z(n)||f(n,i,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!T(n)||f(n,i,String(e)),a(k,n,G.localize,V);if(r.match(J))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return n})).join("");return U}function H(e){var i=e.match(V);return i?i[1].replace(U,"'"):e}const F=["ro","en"],$={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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",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",tipsForNextLevel:"Need ${pointsToReach} to reach ${levelName}",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},es:{redeem:"Redeem"},tr:{redeem:"Redeem"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",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"}},K=(e,i)=>{const t=i;return $[void 0!==t&&F.includes(t)?t:"en"][e]},q=(e,i)=>{const t=i.lang;let n=$[void 0!==t&&F.includes(t)?t:"en"][e];return i?(Object.keys(i).forEach((e=>{n=n.replace(new RegExp("\\${"+e+"}","gm"),i[e])})),n):$[void 0!==t&&F.includes(t)?t:"en"][e]},_=()=>e("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyOCIgc3R5bGU9Im9wYWNpdHk6IDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB5PSIxMiIgeD0iMiIgd2lkdGg9IjEwMCUiIGlkPSJ0b3RhbF9sZXZlbCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KICAgIDxyZWN0IHk9IjEyIiAgeD0iMiIgaWQ9ImN1cnJlbnRfbGV2ZWwiIHdpZHRoPSI2NCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9jdXJyZW50X2xldmVsKSI+CiAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlX2N1cnJlbnRfbGV2ZWwiIGN4PSI3NC41IiBjeT0iMTQuNSIgcj0iNi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9oZWFydF9iYWxsKSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9iYWxsKSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjE2OSIgY3k9IjE0IiByPSIxMCIgaWQ9ImxvY2siIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl9iYWxsKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyX2hlYXJ0KSI+CiAgICAgICAgICA8c3ZnIHg9IjAiIHk9IjQiIGlkPSJsb2NrX2JveCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yMTcgNi40MjQ0MmMtMC43MTMsLTAuNTc0LC0xLjMwNCwtMS4wODMsLTEuOTI4LC0xLjYyMmMtMC4zNDgsLTAuMjk5LC0wLjcwNywtMC42MTEsLTEuMTAxLC0wLjk0M2wtMC4wMTMsLTAuMDFjMCwwLC0wLjAyMywtMC4wMTcsLTAuMDQsLTAuMDI3bC0wLjE2NywtMC4wOTVsLTAuMTUsMC4xMmMwLDAsLTAuMDE1LDAuMDEyLC0wLjAyNCwwLjAyYy0wLjM5MSwwLjMzLC0wLjc0OSwwLjY0LC0xLjA5NCwwLjkzOWMtMC42MjIsMC41MzksLTEuMjExLDEuMDQ4LC0xLjkyNCwxLjYyNGMtMS44MTYsMS40NjMsLTMuNTk4LDMuMjYzLC0zLjAzMyw1LjUwNmMwLjQwNCwxLjYwMSwyLjEwNCwyLjkwNSwzLjc4OSwyLjkwNWMwLjIxMSwwLDAuNDIzLC0wLjAyLDAuNjI2LC0wLjA2MWMwLjI4NiwtMC4wNTgsMC41NzIsLTAuMTQ1LDAuODY0LC0wLjI2NWMtMC4wNzksMC45NjIsLTAuNDEzLDEuODY0LC0wLjg4MSwyLjM2OWwtMC40MjMsMC40NTloMC42MzNjMC42MzMsMCwxLjAxOCwtMC4wMDcsMS4zNTYsLTAuMDEzYzAuMjQ4LC0wLjAwNCwwLjQ2MiwtMC4wMDgsMC43MiwtMC4wMDhjMC4zMzUsMCwwLjcwOSwwLjAwNiwxLjIxNSwwLjAyMWwwLjY4NiwwLjAybC0wLjQ3NCwtMC40ODNjLTAuNTA0LC0wLjUxNCwtMC44NDcsLTEuNDAzLC0wLjkyMywtMi4zODVjMC4zMTEsMC4xMzIsMC42MTYsMC4yMjcsMC45MTYsMC4yODdjMC4yMDQsMC4wMzksMC40MTEsMC4wNTksMC42MjMsMC4wNTljMS42ODcsMCwzLjM4NiwtMS4zMDQsMy43ODksLTIuOTA5YzAuNTYsLTIuMjQzLC0xLjIyNCwtNC4wNDEsLTMuMDQyLC01LjUwNHYtMC4wMDR6IiBmaWxsPSIjOTMzQ0JGIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjcyNyw2Ljk4NDU5Yy0xLjAwNCwtMC44MywtMS43NDEsLTEuNTE1LC0yLjcyMywtMi4zNjVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDcsLTAuMDA2Yy0wLjAwMiwwLC0wLjAwNCwwLjAwNCwtMC4wMDYsMC4wMDZjLTAuOTgsMC44NSwtMS43MTUsMS41MzcsLTIuNzIxLDIuMzY3Yy0xLjQ1NSwxLjIwMiwtMy4xMjYsMi44MjEsLTIuNjM4LDQuODFjMC4zNywxLjUxMSwyLjA5MSwyLjc1MSwzLjY2NSwyLjQzYzAuMzg5LC0wLjA4LDAuNzUsLTAuMjI0LDEuMDk0LC0wLjQwMmMwLDAuMTE2LC0wLjAwNCwwLjIzMywtMC4wMTIsMC4zNTNjLTAuMDY0LDAuOTkxLC0wLjM5OCwxLjg5MiwtMC44NiwyLjQwMWMxLjQ4MSwwLDEuNDgxLC0wLjA0MywyLjk2MSwwYy0wLjQ4MSwtMC41MDMsLTAuODM0LC0xLjM4MiwtMC45LC0yLjQwMWMtMC4wMDgsLTAuMTI3LC0wLjAxMiwtMC4yNTMsLTAuMDEyLC0wLjM3OGMwLjM1NywwLjE5LDAuNzMzLDAuMzQyLDEuMTQsMC40MjVjMS41NzQsMC4zMTksMy4yOTIsLTAuOTIyLDMuNjYxLC0yLjQzM2MwLjQ4NiwtMS45OTIsLTEuMTg5LC0zLjYwOSwtMi42NDQsCiAgICAgICAgICAgIC00LjgwOWwwLjAwMiwwLjAwMnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl9sb2NrKSIvPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4yNTUsNy41NTFjLTAuODQ0LC0wLjcxNiwtMS40NjIsLTEuMzA5LC0yLjI4NiwtMi4wNDVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDYsLTAuMDA2YzAsMCwtMC4wMDQsMC4wMDQsLTAuMDA2LDAuMDA2Yy0wLjgyNCwwLjczNiwtMS40NCwxLjMyOSwtMi4yODQsMi4wNDdjLTAuOTE5LDAuNzgyLC0xLjk0LDEuNzY5LC0yLjIxNCwyLjk0M2MtMC4xMTUsMC4wMjEsLTAuOTE0LDAuMDQ0LC0wLjkxNCwwLjA0NGwwLjg4NywwLjA4M2MtMC4wMzksMC4yMDYsLTAuMDU1LDAuNDE4LC0wLjA0MSwwLjYzOGMwLjA4NywtMS4zNzEsMS4yNSwtMi41MDcsMi4yODIsLTMuMzg0YzAuODQ0LC0wLjcxOCwxLjQ2MiwtMS4zMTMsMi4yODQsLTIuMDQ3YzAuMDAyLC0wLjAwMiwwLjAwNCwtMC4wMDQsMC4wMDYsLTAuMDA2YzAuMDAyLDAsMC4wMDQsMC4wMDQsMC4wMDYsMC4wMDRjMC44MjQsMC43MzQsMS40NDIsMS4zMjksMi4yODYsMi4wNDVjMS4wMzQsMC44NzksMi4xOTgsMi4wMTMsMi4yODYsMy4zODZjMC4wOTMsLTEuNTE3LC0xLjE3MywtMi43NjEsLTIuMjg2LC0zLjcwOHoiIGZpbGw9IiM5MDQwQzkiLz4KICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfbG9jaykiPgogICAgICA8c3ZnIHg9IjEwMCUiIHk9IjkiIGlkPSJoZWFydF9ib3giPgogICAgICAgIDxwYXRoIGQ9Ik03LDZjLTAuMTksLTAuMDAyLC0wLjM3NywwLjA1MiwtMC41MzQsMC4xNTRjLTAuMTU4LDAuMTAzLC0wLjI3OCwwLjI1LC0wLjM0NiwwLjQyYy0wLjA2OSwwLjE3MSwtMC4wODEsMC4zNTcsLTAuMDM1LDAuNTM1YzAuMDQ2LDAuMTc3LDAuMTQ3LDAuMzM3LDAuMjksMC40NTd2MC44MzRjMCwwLjE1OSwwLjA2NiwwLjMxMiwwLjE4MywwLjQyNGMwLjExNywwLjExMywwLjI3NiwwLjE3NiwwLjQ0MiwwLjE3NmMwLjE2NiwwLDAuMzI1LC0wLjA2MywwLjQ0MiwtMC4xNzZjMC4xMTcsLTAuMTEyLDAuMTgzLC0wLjI2NSwwLjE4MywtMC40MjR2LTAuODM0YzAuMTQzLC0wLjEyLDAuMjQ0LC0wLjI4LDAuMjksLTAuNDU3YzAuMDQ2LC0wLjE3OCwwLjAzNCwtMC4zNjQsLTAuMDM1LC0wLjUzNWMtMC4wNjgsLTAuMTcsLTAuMTg4LC0wLjMxNywtMC4zNDYsLTAuNDJjLTAuMTU3LC0wLjEwMiwtMC4zNDQsLTAuMTU2LC0wLjUzNCwtMC4xNTR6bTMuMTI1LC0yLjR2LTEuMmMwLC0wLjc5NiwtMC4zMjksLTEuNTU5LC0wLjkxNSwtMi4xMjFjLTAuNTg2LC0wLjU2MywtMS4zODEsLTAuODc5LC0yLjIxLC0wLjg3OWMtMC44MjksMCwtMS42MjQsMC4zMTYsLTIuMjEsMC44NzljLTAuNTg2LDAuNTYyLC0wLjkxNSwxLjMyNSwtMC45MTUsMi4xMjF2MS4yYy0wLjQ5NywwLC0wLjk3NCwwLjE5LC0xLjMyNiwwLjUyN2MtMC4zNTEsMC4zMzgsLTAuNTQ5LDAuNzk2LC0wLjU0OSwxLjI3M3Y0LjJjMCwwLjQ3NywwLjE5OCwwLjkzNSwwLjU0OSwxLjI3M2MwLjM1MiwwLjMzNywwLjgyOSwwLjUyNywxLjMyNiwwLjUyN2g2LjI1YzAuNDk3LDAsMC45NzQsLTAuMTksMS4zMjYsLTAuNTI3YzAuMzUxLC0wLjMzOCwwLjU0OSwtMC43OTYsMC41NDksLTEuMjczdi00LjJjMCwtMC40NzcsLTAuMTk4LC0wLjkzNSwtMC41NDksLTEuMjczYy0wLjM1MiwtMC4zMzcsLTAuODI5LC0wLjUyNywtMS4zMjYsLTAuNTI3em0tNSwtMS4yYzAsLTAuNDc3LDAuMTk4LC0wLjkzNSwwLjU0OSwtMS4yNzNjMC4zNTIsLTAuMzM3LDAuODI5LC0wLjUyNywxLjMyNiwtMC41MjdjMC40OTcsMCwwLjk3NCwwLjE5LDEuMzI2LDAuNTI3YzAuMzUxLDAuMzM4LDAuNTQ5LDAuNzk2LDAuNTQ5LDEuMjczdjEuMmgtMy43NXYtMS4yem01LjYyNSw3LjJjMCwwLjE1OSwtMC4wNjYsMC4zMTIsLTAuMTgzLDAuNDI0Yy0wLjExNywwLjExMywtMC4yNzYsMC4xNzYsLTAuNDQyLDAuMTc2aC02LjI1Yy0wLjE2NiwwLC0wLjMyNSwtMC4wNjMsLTAuNDQyLC0wLjE3NmMtMC4xMTcsLTAuMTEyLC0wLjE4MywtMC4yNjUsLTAuMTgzLC0wLjQyNHYtNC4yYzAsLTAuMTU5LDAuMDY2LC0wLjMxMiwwLjE4MywtMC40MjRjMC4xMTcsLTAuMTEzLDAuMjc2LC0wLjE3NiwwLjQ0MiwtMC4xNzZoNi4yNWMwLjE2NiwwLDAuMzI1LDAuMDYzLDAuNDQyLDAuMTc2YzAuMTE3LDAuMTEyLDAuMTgzLDAuMjY1LDAuMTgzLDAuNDI0djQuMnoiIGZpbGw9IndoaXRlIi8+CiAgICAgIDwvc3ZnPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2N1cnJlbnRfbGV2ZWwiIHg9IjY0IiB5PSI0IiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzMwNV8yMyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9oZWFydF9iYWxsIiB4PSIxNTUiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0Lz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMDVfMjMiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2JhbGwiIHg9IjE1OSIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2hlYXJ0IiB4PSIxNjEuNjM2IiB5PSI1LjcyNzI3IiB3aWR0aD0iMTQuNzI3MSIgaGVpZ2h0PSIxNS42MzY0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9sb2NrIiB4PSI1MCIgeT0iNyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl9iYWxsIiB4MT0iMTYzIiB5MT0iNiIgeDI9IjE3NC4yIiB5Mj0iMjIuNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTQ2QUQ3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VGQUJFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyX2xvY2siIHgxPSIxMDAlIiB5MT0iMTguNDA1NiIgeDI9IjE2OS4wMDIiIHkyPSIxMC4yODQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MTRGRDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDY3OUQ4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg=="}),ee=({loyaltyPoints:i,spendablePoints:t,pointExpireString:n,language:r})=>e("div",{class:"PointsInfo"},i&&e("div",{class:"Points"},i," ",e("sub",{class:"XP"},K("xp",r))),t&&e("div",{class:"Points"},t," ",e("sub",{class:"XP"},K("sp",r))),n&&e("div",{class:"ExpirationPoints"},n," ")),ie=({language:i,onRedeemClick:t})=>e("div",{class:"CardCell Redeem"},e("div",{class:"RedeemButton",onClick:()=>{t()}},e("span",null,K("redeem",i)))),te=i=>e("div",{class:"CardCell PlayerName Txt"},i.playerName),ne=t=>e("div",{class:"CardCell ElevateLevel"},e("span",{class:"LevelName",title:t.level},t.level),t.expireTime&&e("div",{class:"CardCell ExpirationDate Txt"},K("expireOn",t.language),e("span",{class:"ExpireTime"},O(new Date(t.expireTime),t.dateFormat||"yyyy-MM-dd")),!t.hideInfo&&e("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},e("span",{class:"InfoTips",innerHTML:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMTI2IDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI0Ml80MjMxKSI+CjxyZWN0IHg9IjI0IiB5PSIyMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9IjM2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDI0QzI0IDIxLjc5MDkgMjUuNzkwOSAyMCAyOCAyMEg2NFY1NkgyOEMyNS43OTA5IDU2IDI0IDU0LjIwOTEgMjQgNTJWMjRaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxwYXRoIGQ9Ik01MSA1NkgzN0w0My4yNDc0IDYzLjEzOTlDNDMuNjQ1OCA2My41OTUyIDQ0LjM1NDIgNjMuNTk1MiA0NC43NTI2IDYzLjEzOTlMNTEgNTZaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxjaXJjbGUgY3g9IjQ0IiBjeT0iMzgiIHI9IjciIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00My45NDA1IDM0QzQ0LjU0NTYgMzQgNDUuMDM2MiAzNC40OTA2IDQ1LjAzNjIgMzUuMDk1N0M0NS4wMzYyIDM1LjcwMDkgNDQuNTQ1NiAzNi4xOTE1IDQzLjk0MDUgMzYuMTkxNUM0My4zMzUzIDM2LjE5MTUgNDIuODQ0NyAzNS43MDA5IDQyLjg0NDcgMzUuMDk1N0M0Mi44NDQ3IDM0LjQ5MDYgNDMuMzM1MyAzNCA0My45NDA1IDM0WiIgZmlsbD0iIzQ2NDY0NiIvPgo8cGF0aCBkPSJNNDUuODgwMSA0MS4zNzM3QzQ1Ljg4MDEgNDEuNzYxNyA0NS41NjI2IDQyLjA3OTEgNDUuMTc0NiA0Mi4wNzkxSDQ0LjMyMzNINDMuNTUxSDQyLjcwNTVDNDIuMzE3NSA0Mi4wNzkxIDQyIDQxLjc2MTcgNDIgNDEuMzczN1Y0MS4zNTc1QzQyIDQwLjk2OTUgNDIuMzE3NSA0MC42NTIxIDQyLjcwNTUgNDAuNjUyMUg0Mi44NDU1VjM3Ljg3MTRINDIuMzUyOEM0Mi4xNTg4IDM3Ljg3MTQgNDIgMzcuNzEyNyA0MiAzNy41MTg3VjM3LjQ5MzZDNDIgMzcuMjk5NiA0Mi4xNTg4IDM3LjE0MDkgNDIuMzUyOCAzNy4xNDA5SDQzLjU1MUg0NC4wMzFINDQuMzIzM0M0NC43MTEzIDM3LjE0MDkgNDUuMDI4NyAzNy40NTgzIDQ1LjAyODcgMzcuODQ2M1Y0MC42NTIxSDQ1LjE3NDZDNDUuNTYyNiA0MC42NTIxIDQ1Ljg4MDEgNDAuOTY5NiA0NS44ODAxIDQxLjM1NzZWNDEuMzczN1oiIGZpbGw9IiM0NjQ2NDYiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI0Ml80MjMxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkxLjQ4MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo="})))),re=t=>{const n=t.loyaltyIconUrl?e("img",{class:"Badge",src:t.loyaltyIconUrl}):t.hideIfNull?"":e("div",{class:"Badge"}),r=t.playerAvatarUrl||i("../static/user.svg");return e("div",{class:"PlayerAvatar",style:{position:t.onlyBadge?"":"relative"}},!t.onlyBadge&&e("img",{class:"Avatar",src:r}),n)};export{re as P,$ as T,q as a,ee as b,_ as c,K as d,te as e,O as f,M as g,ne as h,ie as i,r,a as t}

package/dist/gamification-dropdown/{p-0296e4e5.entry.js → p-bf29bfd4.entry.js}

@@ -1 +1 @@
-import{r as n,a as t,h as e,F as i}from"./p-1bea1936.js";import{T as a,P as s,h as r,c as o}from"./p-e734000d.js";const l=class{constructor(t){n(this,t),this.theme="Dark",this.language="en",this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isPointDetailCard="earningRule"===this.buttonType}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(n){n.detail&&(n.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=n.detail.elevateLevelWalletTotal,this.elevateSPTotal=n.detail.loyaltyWalletTotal),n.detail.elevateLevel&&(this.playerElevateLevel=n.detail.elevateLevel),n.detail.pointExpireString&&(this.pointExpireString=n.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 n=t("../static/card-ground.svg"),l=t("../static/card-ground-over.svg");return e("div",{class:`ElevateCardWrapper ${this.theme}`},e("div",{class:"PointsCard Outer ",style:{backgroundImage:`url(${n}`}},e("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:a,translationUrl:this.translationUrl}),e("player-elevate-card-data",{params:this.paramProxy}),e("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${l}`}},e("div",{class:"Content Row"},this.playerElevateLevel&&e(i,null,e("div",{class:"PlayerImg"},e(s,{onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),e("div",{class:`LevelInfo ${this.playerElevateLevel.name}`},e("div",{class:"PointsTxt Label"},this.cardTitle?this.cardTitle:r("spendablePoints")),e("div",{class:"PointsTxt SPPoints"},e(o,{spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),e("a",{class:"TC",onClick:()=>{this.onDetailsClick()}},r("termAndConditions",this.language))),this.pointExpireString&&e("div",{class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};l.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{l as player_elevate_pointcard}
+import{r as n,a as t,h as e,F as i}from"./p-1bea1936.js";import{T as a,P as s,d as r,b as o}from"./p-727c8663.js";const l=class{constructor(t){n(this,t),this.theme="Dark",this.language="en",this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isPointDetailCard="earningRule"===this.buttonType}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(n){n.detail&&(n.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=n.detail.elevateLevelWalletTotal,this.elevateSPTotal=n.detail.loyaltyWalletTotal),n.detail.elevateLevel&&(this.playerElevateLevel=n.detail.elevateLevel),n.detail.pointExpireString&&(this.pointExpireString=n.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 n=t("../static/card-ground.svg"),l=t("../static/card-ground-over.svg");return e("div",{class:`ElevateCardWrapper ${this.theme}`},e("div",{class:"PointsCard Outer ",style:{backgroundImage:`url(${n}`}},e("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:a,translationUrl:this.translationUrl}),e("player-elevate-card-data",{params:this.paramProxy}),e("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${l}`}},e("div",{class:"Content Row"},this.playerElevateLevel&&e(i,null,e("div",{class:"PlayerImg"},e(s,{onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),e("div",{class:`LevelInfo ${this.playerElevateLevel.name}`},e("div",{class:"PointsTxt Label"},this.cardTitle?this.cardTitle:r("spendablePoints")),e("div",{class:"PointsTxt SPPoints"},e(o,{spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),e("a",{class:"TC",onClick:()=>{this.onDetailsClick()}},r("termAndConditions",this.language))),this.pointExpireString&&e("div",{class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};l.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{l as player_elevate_pointcard}

package/dist/gamification-dropdown/p-ccfbbe92.entry.js

@@ -0,0 +1 @@
+import{r as e,h as n,g as t,c as i,a as o,F as a}from"./p-1bea1936.js";import{r,t as l,g as s,a as d,T as h,P as c,b as v,c as p,d as g,f}from"./p-727c8663.js";const w=["de","en","hr"];let m={en:{gamificationNoPoints:"No points"},de:{gamificationNoPoints:"No points"},ro:{gamificationNoPoints:"No points"},fr:{gamificationNoPoints:"No points"},ar:{gamificationNoPoints:"No points"},hr:{gamificationNoPoints:"No points"}};const x=e=>new Promise((n=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((n=>{for(let t in e[n])m[n][t]=e[n][t]})),n(!0)}))})),u=(e,n,t)=>{const i=n;let o=m[void 0!==i&&w.includes(i)?i:"en"][e];if(void 0!==t)for(const[e,n]of Object.entries(t.values)){const t=new RegExp(`{${e}}`,"g");o=o.replace(t,n)}return o},y=class{constructor(n){e(this,n),this.language="en",this.session="",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isOpen=!1,this.isLoading=!1,this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.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.stylingContainer.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.navigateToGamification=()=>{window.postMessage({type:"NavigateToGamification"},window.location.href),this.isOpen=!1},this.handleOutsideClick=e=>{e.composedPath().includes(this.el)||(this.isOpen=!1,document.removeEventListener("click",this.handleOutsideClick))},this.handleDropdownClick=e=>{e.stopPropagation(),this.isOpen=!this.isOpen,this.isOpen?document.addEventListener("click",this.handleOutsideClick):document.removeEventListener("click",this.handleOutsideClick)}}handleNewTranslations(){this.isLoading=!0,x(this.translationUrl).then((()=>{this.isLoading=!1}))}async componentWillLoad(){if(this.translationUrl.length>2&&await x(this.translationUrl),this.endpoint&&this.language)return this.fetchPointsData()}componentDidRender(){!this.stylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}fetchPointsData(){let e=new URL(`${this.endpoint}/v1/elevate/playerInfo`);e.searchParams.append("language",this.language);const n=new Headers;n.append("X-SessionId",this.session);const t={method:"GET",headers:n};return new Promise(((n,i)=>{this.isLoading=!0,fetch(e.href,t).then((e=>e.json())).then((e=>{var t,i;this.loyaltyPoints=null===(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.level)||void 0===i?void 0:i.loyaltyPoints,n(!0)})).catch((e=>{console.error(e),i(e)})).finally((()=>{this.isLoading=!1}))}))}render(){return this.isLoading?null:n("div",{ref:e=>this.stylingContainer=e,class:"GamificationDropdownContainer"},n("button",{class:"GamificationDropdownButton "+(this.isOpen?"IsOpen":""),type:"button",onClick:e=>this.handleDropdownClick(e),title:"number"==typeof this.loyaltyPoints?String(this.loyaltyPoints):u("gamificationNoPoints",this.language)},"number"==typeof this.loyaltyPoints?`${this.loyaltyPoints} XP`:"...",n("span",{class:this.isOpen?"TriangleActive":"TriangleInactive"},n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},n("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),this.isOpen&&n("div",{class:"GamificationDropdown",onClick:this.navigateToGamification},n("player-elevate-loyaltycard",{endpoint:this.endpoint,session:this.session,language:this.language,"client-styling-url":this.clientStylingUrl,"client-styling":this.clientStyling})))}get el(){return t(this)}static get watchers(){return{translationUrl:["handleNewTranslations"]}}};y.style=":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";const b=class{constructor(n){e(this,n),this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",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)}))}}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",{class:"StyleShell"},n("slot",{name:"mainContent"}))}get el(){return t(this)}};function L(e){r(1,arguments);var n=l(e);return n.setHours(0,0,0,0),n}function I(e,n){return r(2,arguments),l(e).getTime()-l(n).getTime()}b.style=":host{display:block}";var E={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function C(e){return e?E[e]:E.trunc}const P=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=i(this,"playerElevateLeveLoaded",7)}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){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){r(2,arguments);var t=l(e),i=l(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){r(2,arguments);var t=L(e),i=L(n),o=t.getTime()-s(t),a=i.getTime()-s(i);return Math.round((o-a)/864e5)}(new Date(t.expireTime),new Date);let o=0,a=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return 0==i&&(o=function(e,n,t){r(2,arguments);var i=I(e,n)/36e5;return C(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date),a=o>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour"),n=d(a,{expirationPoints:t.points,expireDay:i}),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,o,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let r=e.data;this.playerElevateLevel=r.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=r.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const l=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,s=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:l,loyaltyWalletTotal:s});let d=this.calcuatePointsToBeExpired(l),h=this.calcuatePointsToBeExpired(s);(d||h)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:h}),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,o=n>1?1:n,a=o*i-17<0?0:o*i-17,r=e.querySelector("#current_level"),l=e.querySelector("#filter_current_level"),s=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),r.setAttribute("width",`${a}`),s.setAttribute("cx",`${a<6.5?6.5:a}`),l.setAttribute("x",""+(a-8));const d=e.querySelector("#lock"),h=e.querySelector("#filter_heart_ball"),c=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),p=e.querySelector("#filter_lock"),g=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),w=e.querySelector("#lock_box"),m=e.querySelector("#heart_box"),x=i-10;d.setAttribute("cx",`${x}`),f.setAttribute("x1",`${x}`),f.setAttribute("x2",`${x}`),g.setAttribute("x1",""+(x-6)),g.setAttribute("x2",""+(x-6+11.2)),p.setAttribute("x",""+(x-6)),v.setAttribute("x",""+(x-6-2)),c.setAttribute("x",""+(x-6-2-2)),h.setAttribute("x",""+(x-6-2-2-4)),w.setAttribute("x",""+(x-6)),m.setAttribute("x",""+(x-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"]}}};P.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 #00000040;\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 k=class{constructor(n){e(this,n),this.theme="Dark",this.language="en",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl=""}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}}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 d("tipsForNextLevel",{pointsToReach:e,levelName:n.name})}return""}render(){const e=o("../static/card-ground.svg"),t=o("../static/card-ground-over.svg");return n("div",{class:`ElevateCardWrapper ${this.theme}`},n("div",{class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:h,translationUrl:this.translationUrl}),n("player-elevate-card-data",{params:this.paramProxy}),n("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{class:"Content Row"},this.playerElevateLevel&&n(a,null,n("div",{class:"PlayerImg"},n(c,{onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:this.playerElevateLevel.name},this.playerElevateLevel.name)),n(v,{loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),this.pointExpireString&&n("div",{class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(p,null),n("div",{class:"Row NextLevelTip"},this.getNextLevelTips()),this.playerElevateLevel.expireTime&&n("div",{class:"Row CardCell ExpirationDate Txt"},g("expireOn",this.language),n("span",{class:"ExpireTime"},f(new Date(this.playerElevateLevel.expireTime),this.dateFormat||"yyyy-MM-dd")))))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};k.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{width:100%}.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 .Row{padding-top:3px;padding-bottom:5px}.LoyaltyCard .ExpireTime{margin-left:5px}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";export{y as gamification_dropdown,b as general_styling_wrapper,P as player_elevate_card_data,k as player_elevate_loyaltycard}

package/dist/gamification-dropdown/p-cdf41413.entry.js

@@ -0,0 +1 @@
+import{r as n,a as e,h as t,F as a}from"./p-1bea1936.js";import{T as i,P as r,b as s,e as o,h as l,c as d,i as h}from"./p-727c8663.js";const c=class{constructor(e){n(this,e),this.theme="Dark",this.language="en",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.playerLevelFlag=0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(n){n.detail&&(n.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=n.detail.elevateLevelWalletTotal),n.detail.elevateLevel&&(this.playerElevateLevel=n.detail.elevateLevel),n.detail.pointExpireString&&(this.pointExpireString=n.detail.xpExpireString),n.detail.calculatedLevelFlag&&(this.playerLevelFlag=n.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 n=e("../static/card-ground.svg"),c=e("../static/card-ground-over.svg");return t("div",{class:`ElevateCardWrapper ${this.theme}`},t("div",{class:"Card Outer",style:{backgroundImage:`url(${n}`}},t("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:i,translationUrl:this.translationUrl}),t("player-elevate-card-data",{params:this.paramProxy}),t("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${c}`}},this.playerElevateLevel&&t(a,null,t("div",{class:"Content Row"},t("div",{class:"PlayerImg"},t(r,{playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),t(s,{loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&t("div",{class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),t("div",{class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},t(o,{playerName:this.playerName}),t(l,{hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),t(d,null),t(h,{onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};c.style="@container (max-width: 270px) {\n  .Card .Inner {\n    flex-direction: column;\n  }\n  .Card .Inner .Content {\n    padding: 9px;\n  }\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}";export{c as player_elevate_card}

package/dist/types/components/gamification-dropdown/gamification-dropdown.d.ts

@@ -36,6 +36,7 @@ export declare class GamificationDropdown {
   setClientStyling: () => void;
   setClientStylingURL: () => void;
   fetchPointsData(): Promise<any>;
+  navigateToGamification: () => void;
   handleOutsideClick: (event: MouseEvent) => void;
   handleDropdownClick: (event: MouseEvent) => void;
   render(): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/gamification-dropdown",
-  "version": "1.42.0",
+  "version": "1.43.1",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/gamification-dropdown/p-3440095c.entry.js

@@ -1 +0,0 @@
-import{r as n,a as e,h as t,F as a}from"./p-1bea1936.js";import{T as i,P as r,c as s,e as o,b as l,d,f as h}from"./p-e734000d.js";const c=class{constructor(e){n(this,e),this.theme="Dark",this.language="en",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.playerLevelFlag=0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(n){n.detail&&(n.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=n.detail.elevateLevelWalletTotal),n.detail.elevateLevel&&(this.playerElevateLevel=n.detail.elevateLevel),n.detail.pointExpireString&&(this.pointExpireString=n.detail.xpExpireString),n.detail.calculatedLevelFlag&&(this.playerLevelFlag=n.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 n=e("../static/card-ground.svg"),c=e("../static/card-ground-over.svg");return t("div",{class:`ElevateCardWrapper ${this.theme}`},t("div",{class:"Card Outer",style:{backgroundImage:`url(${n}`}},t("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:i,translationUrl:this.translationUrl}),t("player-elevate-card-data",{params:this.paramProxy}),t("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${c}`}},this.playerElevateLevel&&t(a,null,t("div",{class:"Content Row"},t("div",{class:"PlayerImg"},t(r,{playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),t(s,{loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&t("div",{class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),t("div",{class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},t(o,{playerName:this.playerName}),t(l,{hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),t(d,null),t(h,{onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};c.style="@container (max-width: 270px) {\n  .Card .Inner {\n    flex-direction: column;\n  }\n  .Card .Inner .Content {\n    padding: 9px;\n  }\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}";export{c as player_elevate_card}

package/dist/gamification-dropdown/p-d95f8a76.entry.js

@@ -1 +0,0 @@
-import{r as e,h as n,g as t,c as i,a as o,F as a}from"./p-1bea1936.js";import{r,t as l,g as s,a as h,T as d,P as c,b as v,c as p,d as g}from"./p-e734000d.js";const f=["de","en","hr"];let m={en:{gamificationNoPoints:"No points"},de:{gamificationNoPoints:"No points"},ro:{gamificationNoPoints:"No points"},fr:{gamificationNoPoints:"No points"},ar:{gamificationNoPoints:"No points"},hr:{gamificationNoPoints:"No points"}};const w=e=>new Promise((n=>{fetch(e).then((e=>e.json())).then((e=>{Object.keys(e).forEach((n=>{for(let t in e[n])m[n][t]=e[n][t]})),n(!0)}))})),x=(e,n,t)=>{const i=n;let o=m[void 0!==i&&f.includes(i)?i:"en"][e];if(void 0!==t)for(const[e,n]of Object.entries(t.values)){const t=new RegExp(`{${e}}`,"g");o=o.replace(t,n)}return o},u=class{constructor(n){e(this,n),this.language="en",this.session="",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isOpen=!1,this.isLoading=!1,this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.stylingContainer.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.stylingContainer.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.handleOutsideClick=e=>{e.composedPath().includes(this.el)||(this.isOpen=!1,document.removeEventListener("click",this.handleOutsideClick))},this.handleDropdownClick=e=>{e.stopPropagation(),this.isOpen=!this.isOpen,this.isOpen?document.addEventListener("click",this.handleOutsideClick):document.removeEventListener("click",this.handleOutsideClick)}}handleNewTranslations(){this.isLoading=!0,w(this.translationUrl).then((()=>{this.isLoading=!1}))}async componentWillLoad(){if(this.translationUrl.length>2&&await w(this.translationUrl),this.endpoint&&this.language)return this.fetchPointsData()}componentDidRender(){!this.stylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}fetchPointsData(){let e=new URL(`${this.endpoint}/v1/elevate/playerInfo`);e.searchParams.append("language",this.language);const n=new Headers;n.append("X-SessionId",this.session);const t={method:"GET",headers:n};return new Promise(((n,i)=>{this.isLoading=!0,fetch(e.href,t).then((e=>e.json())).then((e=>{var t,i;this.loyaltyPoints=null===(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.level)||void 0===i?void 0:i.loyaltyPoints,n(!0)})).catch((e=>{console.error(e),i(e)})).finally((()=>{this.isLoading=!1}))}))}render(){return this.isLoading?null:n("div",{ref:e=>this.stylingContainer=e,class:"GamificationDropdownContainer"},n("button",{class:"GamificationDropdownButton "+(this.isOpen?"IsOpen":""),type:"button",onClick:e=>this.handleDropdownClick(e),title:"number"==typeof this.loyaltyPoints?String(this.loyaltyPoints):x("gamificationNoPoints",this.language)},"number"==typeof this.loyaltyPoints?`${Math.floor(this.loyaltyPoints)} XP`:"...",n("span",{class:this.isOpen?"TriangleActive":"TriangleInactive"},n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},n("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),this.isOpen&&n("div",{class:"GamificationDropdown"},n("player-elevate-loyaltycard",{endpoint:this.endpoint,session:this.session,language:this.language,"client-styling-url":this.clientStylingUrl,"client-styling":this.clientStyling})))}get el(){return t(this)}static get watchers(){return{translationUrl:["handleNewTranslations"]}}};u.style=":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:999;overflow:hidden}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}";const y=class{constructor(n){e(this,n),this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",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)}))}}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",{class:"StyleShell"},n("slot",{name:"mainContent"}))}get el(){return t(this)}};function b(e){r(1,arguments);var n=l(e);return n.setHours(0,0,0,0),n}function L(e,n){return r(2,arguments),l(e).getTime()-l(n).getTime()}y.style=":host{display:block}";var I={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function E(e){return e?I[e]:I.trunc}const C=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=i(this,"playerElevateLeveLoaded",7)}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){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){r(2,arguments);var t=l(e),i=l(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){r(2,arguments);var t=b(e),i=b(n),o=t.getTime()-s(t),a=i.getTime()-s(i);return Math.round((o-a)/864e5)}(new Date(t.expireTime),new Date);let o=0,a=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return 0==i&&(o=function(e,n,t){r(2,arguments);var i=L(e,n)/36e5;return E(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date),a=o>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour"),n=h(a,{expirationPoints:t.points,expireDay:i}),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,o,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let r=e.data;this.playerElevateLevel=r.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=r.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const l=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,s=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:l,loyaltyWalletTotal:s});let h=this.calcuatePointsToBeExpired(l),d=this.calcuatePointsToBeExpired(s);(h||d)&&this.playerElevateLeveLoaded.emit({pointExpireString:h,xpExpireString:d}),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,o=n>1?1:n,a=o*i-17<0?0:o*i-17,r=e.querySelector("#current_level"),l=e.querySelector("#filter_current_level"),s=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),r.setAttribute("width",`${a}`),s.setAttribute("cx",`${a<6.5?6.5:a}`),l.setAttribute("x",""+(a-8));const h=e.querySelector("#lock"),d=e.querySelector("#filter_heart_ball"),c=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),p=e.querySelector("#filter_lock"),g=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),m=e.querySelector("#lock_box"),w=e.querySelector("#heart_box"),x=i-10;h.setAttribute("cx",`${x}`),f.setAttribute("x1",`${x}`),f.setAttribute("x2",`${x}`),g.setAttribute("x1",""+(x-6)),g.setAttribute("x2",""+(x-6+11.2)),p.setAttribute("x",""+(x-6)),v.setAttribute("x",""+(x-6-2)),c.setAttribute("x",""+(x-6-2-2)),d.setAttribute("x",""+(x-6-2-2-4)),m.setAttribute("x",""+(x-6)),w.setAttribute("x",""+(x-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"]}}};C.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 #00000040;\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 P=class{constructor(n){e(this,n),this.theme="Dark",this.language="en",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl=""}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}}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 h("tipsForNextLevel",{pointsToReach:e,levelName:n.name})}return""}render(){const e=o("../static/card-ground.svg"),t=o("../static/card-ground-over.svg");return n("div",{class:`ElevateCardWrapper ${this.theme}`},n("div",{class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{params:this.paramProxy}),n("div",{class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{class:"Content Row"},this.playerElevateLevel&&n(a,null,n("div",{class:"PlayerImg"},n(c,{onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{class:`LevelInfo ${this.playerElevateLevel.name}`},n(v,{hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(p,{loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),this.pointExpireString&&n("div",{class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(g,null),n("div",{class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};P.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{width:100%}.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 .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";export{u as gamification_dropdown,y as general_styling_wrapper,C as player_elevate_card_data,P as player_elevate_loyaltycard}