@everymatrix/gamification-dropdown 1.55.0 → 1.56.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{gamification-dropdown-0a3a8194.js → gamification-dropdown-b61f6455.js} +87 -30
- package/dist/cjs/gamification-dropdown.cjs.js +3 -3
- package/dist/cjs/gamification-dropdown_4.cjs.entry.js +5 -4
- package/dist/cjs/{index-7b4d999d.js → index-9f57df89.js} +18 -53
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{player-elevate-card-items-087e5a58.js → player-elevate-card-items-a64a5a53.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-pointcard.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/gamification-dropdown/gamification-dropdown.js +50 -29
- package/dist/esm/{gamification-dropdown-456bb56a.js → gamification-dropdown-9a68cf16.js} +87 -30
- package/dist/esm/gamification-dropdown.js +4 -4
- package/dist/esm/gamification-dropdown_4.entry.js +5 -4
- package/dist/esm/{index-171550cf.js → index-da41a34a.js} +18 -53
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{player-elevate-card-items-2078bd83.js → player-elevate-card-items-6cc8ac45.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +2 -2
- package/dist/esm/player-elevate-pointcard.entry.js +2 -2
- package/dist/gamification-dropdown/gamification-dropdown.esm.js +1 -1
- package/dist/gamification-dropdown/index.esm.js +1 -1
- package/dist/gamification-dropdown/{p-8426f967.entry.js → p-9a95eec2.entry.js} +1 -1
- package/dist/gamification-dropdown/{p-881e823a.entry.js → p-a653bfbd.entry.js} +1 -1
- package/dist/gamification-dropdown/{p-dda9c7be.js → p-c36d41e2.js} +1 -1
- package/dist/gamification-dropdown/{p-a2f51157.entry.js → p-d55c742c.entry.js} +1 -1
- package/dist/gamification-dropdown/p-e2b2faba.js +2 -0
- package/dist/gamification-dropdown/p-fcccda48.js +1 -0
- package/dist/types/components/gamification-dropdown/gamification-dropdown.d.ts +9 -4
- package/dist/types/components.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +0 -6
- package/package.json +1 -1
- package/dist/gamification-dropdown/p-7ecb6fdf.js +0 -2
- package/dist/gamification-dropdown/p-cfb00725.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-da41a34a.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
let TRANSLATIONS = {
|
|
@@ -43,30 +43,69 @@ const translate = (key, customLang) => {
|
|
|
43
43
|
return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
+
/**
|
|
47
|
+
* @name setClientStyling
|
|
48
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
49
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
50
|
+
* @param {string} clientStyling The style content
|
|
51
|
+
*/
|
|
52
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
53
|
+
if (stylingContainer) {
|
|
54
|
+
const sheet = document.createElement('style');
|
|
55
|
+
sheet.innerHTML = clientStyling;
|
|
56
|
+
stylingContainer.appendChild(sheet);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* @name setClientStylingURL
|
|
62
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
63
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
64
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
65
|
+
*/
|
|
66
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
67
|
+
const url = new URL(clientStylingUrl);
|
|
68
|
+
|
|
69
|
+
fetch(url.href)
|
|
70
|
+
.then((res) => res.text())
|
|
71
|
+
.then((data) => {
|
|
72
|
+
const cssFile = document.createElement('style');
|
|
73
|
+
cssFile.innerHTML = data;
|
|
74
|
+
if (stylingContainer) {
|
|
75
|
+
stylingContainer.appendChild(cssFile);
|
|
76
|
+
}
|
|
77
|
+
})
|
|
78
|
+
.catch((err) => {
|
|
79
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* @name setStreamLibrary
|
|
85
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
86
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
87
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
88
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
89
|
+
*/
|
|
90
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
91
|
+
if (window.emMessageBus) {
|
|
92
|
+
const sheet = document.createElement('style');
|
|
93
|
+
|
|
94
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
95
|
+
sheet.innerHTML = data;
|
|
96
|
+
if (stylingContainer) {
|
|
97
|
+
stylingContainer.appendChild(sheet);
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
46
103
|
const gamificationDropdownCss = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;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}";
|
|
47
104
|
const GamificationDropdownStyle0 = gamificationDropdownCss;
|
|
48
105
|
|
|
49
106
|
const GamificationDropdown = class {
|
|
50
107
|
constructor(hostRef) {
|
|
51
108
|
registerInstance(this, hostRef);
|
|
52
|
-
this.setClientStyling = () => {
|
|
53
|
-
let sheet = document.createElement('style');
|
|
54
|
-
sheet.innerHTML = this.clientStyling;
|
|
55
|
-
this.stylingContainer.prepend(sheet);
|
|
56
|
-
};
|
|
57
|
-
this.setClientStylingURL = () => {
|
|
58
|
-
let url = new URL(this.clientStylingUrl);
|
|
59
|
-
let cssFile = document.createElement('style');
|
|
60
|
-
fetch(url.href)
|
|
61
|
-
.then((res) => res.text())
|
|
62
|
-
.then((data) => {
|
|
63
|
-
cssFile.innerHTML = data;
|
|
64
|
-
setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
|
|
65
|
-
})
|
|
66
|
-
.catch((err) => {
|
|
67
|
-
console.log('error ', err);
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
109
|
this.navigateToGamification = () => {
|
|
71
110
|
window.postMessage({ type: 'NavigateToGamification' }, window.location.href);
|
|
72
111
|
this.isOpen = false;
|
|
@@ -91,12 +130,12 @@ const GamificationDropdown = class {
|
|
|
91
130
|
this.endpoint = undefined;
|
|
92
131
|
this.language = 'en';
|
|
93
132
|
this.session = '';
|
|
133
|
+
this.mbSource = undefined;
|
|
94
134
|
this.clientStyling = '';
|
|
95
135
|
this.clientStylingUrl = '';
|
|
96
136
|
this.translationUrl = '';
|
|
97
137
|
this.isOpen = false;
|
|
98
138
|
this.isLoading = false;
|
|
99
|
-
this.stylingAppends = false;
|
|
100
139
|
this.loyaltyPoints = undefined;
|
|
101
140
|
}
|
|
102
141
|
handleNewTranslations() {
|
|
@@ -105,6 +144,17 @@ const GamificationDropdown = class {
|
|
|
105
144
|
this.isLoading = false;
|
|
106
145
|
});
|
|
107
146
|
}
|
|
147
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
148
|
+
if (newValue != oldValue) {
|
|
149
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
handleClientStylingChangeURL(newValue, oldValue) {
|
|
153
|
+
if (newValue != oldValue) {
|
|
154
|
+
if (this.clientStylingUrl)
|
|
155
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
108
158
|
async componentWillLoad() {
|
|
109
159
|
if (this.translationUrl.length > 2) {
|
|
110
160
|
await getTranslations(this.translationUrl);
|
|
@@ -113,16 +163,21 @@ const GamificationDropdown = class {
|
|
|
113
163
|
return this.fetchPointsData();
|
|
114
164
|
}
|
|
115
165
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
this.
|
|
123
|
-
|
|
166
|
+
componentDidLoad() {
|
|
167
|
+
if (this.stylingContainer) {
|
|
168
|
+
if (window.emMessageBus != undefined) {
|
|
169
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
170
|
+
}
|
|
171
|
+
else {
|
|
172
|
+
if (this.clientStyling)
|
|
173
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
174
|
+
if (this.clientStylingUrl)
|
|
175
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
176
|
+
}
|
|
124
177
|
}
|
|
125
|
-
|
|
178
|
+
}
|
|
179
|
+
disconnectedCallback() {
|
|
180
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
126
181
|
}
|
|
127
182
|
fetchPointsData() {
|
|
128
183
|
let url = new URL(`${this.endpoint}/v1/elevate/playerInfo`);
|
|
@@ -163,7 +218,9 @@ const GamificationDropdown = class {
|
|
|
163
218
|
}
|
|
164
219
|
get el() { return getElement(this); }
|
|
165
220
|
static get watchers() { return {
|
|
166
|
-
"translationUrl": ["handleNewTranslations"]
|
|
221
|
+
"translationUrl": ["handleNewTranslations"],
|
|
222
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
223
|
+
"clientStylingUrl": ["handleClientStylingChangeURL"]
|
|
167
224
|
}; }
|
|
168
225
|
};
|
|
169
226
|
GamificationDropdown.style = GamificationDropdownStyle0;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-da41a34a.js';
|
|
2
|
+
export { s as setNonce } from './index-da41a34a.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["gamification-dropdown_4",[[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],"
|
|
19
|
+
return bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"loyaltyPoints":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { G as gamification_dropdown } from './gamification-dropdown-
|
|
2
|
-
import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-
|
|
3
|
-
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-
|
|
1
|
+
export { G as gamification_dropdown } from './gamification-dropdown-9a68cf16.js';
|
|
2
|
+
import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-da41a34a.js';
|
|
3
|
+
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, b as PlayerElevateLoyaltyLevel, c as PlayerPoints, d as PlayerLoyaltyProcess } from './player-elevate-card-items-6cc8ac45.js';
|
|
4
4
|
|
|
5
5
|
const mergeTranslations = (url, target) => {
|
|
6
6
|
return new Promise((resolve) => {
|
|
@@ -543,6 +543,7 @@ const PlayerElevateLoyaltycard = class {
|
|
|
543
543
|
this.language = 'en';
|
|
544
544
|
this.playerName = undefined;
|
|
545
545
|
this.dateFormat = 'yyyy-MM-dd';
|
|
546
|
+
this.mbSource = undefined;
|
|
546
547
|
this.clientStyling = '';
|
|
547
548
|
this.clientStylingUrl = '';
|
|
548
549
|
this.translationUrl = '';
|
|
@@ -598,7 +599,7 @@ const PlayerElevateLoyaltycard = class {
|
|
|
598
599
|
render() {
|
|
599
600
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
600
601
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
601
|
-
return (h("div", { key: '
|
|
602
|
+
return (h("div", { key: '39295a651da66747a20554699bba5f96b8ad5c35', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '78c34fe054fc2459f8af3354116cd21a68ce01be', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'b53e4b59d4ee55a2f567efa09afab3d72969e6e4', params: this.paramProxy }), h("div", { key: '1f3e504440bab2df3a181058fad7149c85c48c14', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: 'a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '5c104f5ba1a018219c6ed5f6e50af99b035a0344' }, h("div", { key: 'bd94591e6ab9298ab7c769fa48efaf314dc1a63b', class: "PlayerImg" }, h(PlayerAvatar, { key: '928849ce86d8c7a483eba7850efc83f8149bae43', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '37192c9b8502eb3c7d93914369df2d784c17e9f7', class: `LevelInfo ${this.playerElevateLevel.name}` }, h(PlayerElevateLoyaltyLevel, { key: '2684a177f4bb1053c4587fd4158666fb35ca23f4', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h("div", { key: '173a37c63868f2d900c12af3ffc2d9a4a57550e4', class: 'PointsRange' }, h(PlayerPoints, { key: 'a7111154f7dc547e0b05c70d24508bdd75c5d882', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: 'ad31574e7db81a7ecb7a06b28b1d4968cbcab93e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: '88ddfdb326edfb1de9519da6b3d0e5b514725e27' }), h("div", { key: 'b9c79555a8001bd2c754d7573df04016da235c84', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '02da725060c9db4a8c1c2e8bad3426894d7f8f2c', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
602
603
|
}
|
|
603
604
|
static get watchers() { return {
|
|
604
605
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const NAMESPACE = 'gamification-dropdown';
|
|
2
|
-
const BUILD = /* gamification-dropdown */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* gamification-dropdown */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -416,31 +416,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
416
416
|
if (nonce != null) {
|
|
417
417
|
styleElm.setAttribute("nonce", nonce);
|
|
418
418
|
}
|
|
419
|
-
|
|
420
|
-
if (styleContainerNode.nodeName === "HEAD") {
|
|
421
|
-
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
422
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
423
|
-
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
424
|
-
} else if ("host" in styleContainerNode) {
|
|
425
|
-
if (supportsConstructableStylesheets) {
|
|
426
|
-
const stylesheet = new CSSStyleSheet();
|
|
427
|
-
stylesheet.replaceSync(style);
|
|
428
|
-
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
429
|
-
} else {
|
|
430
|
-
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
431
|
-
if (existingStyleContainer) {
|
|
432
|
-
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
433
|
-
} else {
|
|
434
|
-
styleContainerNode.prepend(styleElm);
|
|
435
|
-
}
|
|
436
|
-
}
|
|
437
|
-
} else {
|
|
438
|
-
styleContainerNode.append(styleElm);
|
|
439
|
-
}
|
|
440
|
-
}
|
|
441
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
|
|
442
|
-
styleContainerNode.insertBefore(styleElm, null);
|
|
443
|
-
}
|
|
419
|
+
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
|
|
444
420
|
}
|
|
445
421
|
if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
|
|
446
422
|
styleElm.innerHTML += SLOT_FB_CSS;
|
|
@@ -463,7 +439,7 @@ var attachStyles = (hostRef) => {
|
|
|
463
439
|
const scopeId2 = addStyle(
|
|
464
440
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
465
441
|
cmpMeta);
|
|
466
|
-
if (flags & 10 /* needsScopedEncapsulation */
|
|
442
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
467
443
|
elm["s-sc"] = scopeId2;
|
|
468
444
|
elm.classList.add(scopeId2 + "-h");
|
|
469
445
|
}
|
|
@@ -532,11 +508,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
532
508
|
if (memberName === "list") {
|
|
533
509
|
isProp = false;
|
|
534
510
|
} else if (oldValue == null || elm[memberName] != n) {
|
|
535
|
-
|
|
536
|
-
elm[memberName] = n;
|
|
537
|
-
} else {
|
|
538
|
-
elm.setAttribute(memberName, n);
|
|
539
|
-
}
|
|
511
|
+
elm[memberName] = n;
|
|
540
512
|
}
|
|
541
513
|
} else {
|
|
542
514
|
elm[memberName] = newValue;
|
|
@@ -641,9 +613,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
641
613
|
{
|
|
642
614
|
updateElement(null, newVNode2, isSvgMode);
|
|
643
615
|
}
|
|
644
|
-
|
|
645
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
646
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
616
|
+
if (isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
647
617
|
elm.classList.add(elm["s-si"] = scopeId);
|
|
648
618
|
}
|
|
649
619
|
if (newVNode2.$children$) {
|
|
@@ -834,15 +804,6 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
834
804
|
var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
835
805
|
if (leftVNode.$tag$ === rightVNode.$tag$) {
|
|
836
806
|
if (leftVNode.$tag$ === "slot") {
|
|
837
|
-
if (
|
|
838
|
-
// The component gets hydrated and no VDOM has been initialized.
|
|
839
|
-
// Here the comparison can't happen as $name$ property is not set for `leftNode`.
|
|
840
|
-
"$nodeId$" in leftVNode && isInitialRender && // `leftNode` is not from type HTMLComment which would cause many
|
|
841
|
-
// hydration comments to be removed
|
|
842
|
-
leftVNode.$elm$.nodeType !== 8
|
|
843
|
-
) {
|
|
844
|
-
return false;
|
|
845
|
-
}
|
|
846
807
|
return leftVNode.$name$ === rightVNode.$name$;
|
|
847
808
|
}
|
|
848
809
|
if (!isInitialRender) {
|
|
@@ -879,10 +840,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
879
840
|
elm.textContent = "";
|
|
880
841
|
}
|
|
881
842
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
882
|
-
} else if (
|
|
883
|
-
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
884
|
-
!isInitialRender && BUILD.updatable && oldChildren !== null
|
|
885
|
-
) {
|
|
843
|
+
} else if (oldChildren !== null) {
|
|
886
844
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
887
845
|
}
|
|
888
846
|
if (isSvgMode && tag === "svg") {
|
|
@@ -1207,6 +1165,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1207
1165
|
{
|
|
1208
1166
|
addHydratedFlag(elm);
|
|
1209
1167
|
}
|
|
1168
|
+
{
|
|
1169
|
+
safeCall(instance, "componentDidLoad");
|
|
1170
|
+
}
|
|
1210
1171
|
endPostUpdate();
|
|
1211
1172
|
{
|
|
1212
1173
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -1319,8 +1280,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1319
1280
|
if (this.hasOwnProperty(propName)) {
|
|
1320
1281
|
newValue = this[propName];
|
|
1321
1282
|
delete this[propName];
|
|
1322
|
-
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" &&
|
|
1323
|
-
this[propName] == newValue) {
|
|
1283
|
+
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
|
|
1324
1284
|
return;
|
|
1325
1285
|
} else if (propName == null) {
|
|
1326
1286
|
const hostRef = getHostRef(this);
|
|
@@ -1480,6 +1440,9 @@ var setContentReference = (elm) => {
|
|
|
1480
1440
|
insertBefore(elm, contentRefElm, elm.firstChild);
|
|
1481
1441
|
};
|
|
1482
1442
|
var disconnectInstance = (instance) => {
|
|
1443
|
+
{
|
|
1444
|
+
safeCall(instance, "disconnectedCallback");
|
|
1445
|
+
}
|
|
1483
1446
|
};
|
|
1484
1447
|
var disconnectedCallback = async (elm) => {
|
|
1485
1448
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1490,8 +1453,10 @@ var disconnectedCallback = async (elm) => {
|
|
|
1490
1453
|
hostRef.$rmListeners$ = void 0;
|
|
1491
1454
|
}
|
|
1492
1455
|
}
|
|
1493
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1494
|
-
hostRef.$
|
|
1456
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1457
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1458
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1459
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1495
1460
|
}
|
|
1496
1461
|
}
|
|
1497
1462
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { G as GamificationDropdown } from './gamification-dropdown-
|
|
2
|
-
import './index-
|
|
1
|
+
export { G as GamificationDropdown } from './gamification-dropdown-9a68cf16.js';
|
|
2
|
+
import './index-da41a34a.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-da41a34a.js';
|
|
2
|
+
export { s as setNonce } from './index-da41a34a.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["gamification-dropdown_4",[[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],"
|
|
8
|
+
return bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"loyaltyPoints":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[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"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-
|
|
2
|
-
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-
|
|
1
|
+
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-da41a34a.js';
|
|
2
|
+
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-6cc8ac45.js';
|
|
3
3
|
|
|
4
4
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
5
5
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-
|
|
2
|
-
import { T as TRANSLATIONS, P as PlayerAvatar, h as translate, c as PlayerPoints } from './player-elevate-card-items-
|
|
1
|
+
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-da41a34a.js';
|
|
2
|
+
import { T as TRANSLATIONS, P as PlayerAvatar, h as translate, c as PlayerPoints } from './player-elevate-card-items-6cc8ac45.js';
|
|
3
3
|
|
|
4
4
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
5
5
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as
|
|
1
|
+
import{p as e,b as n}from"./p-e2b2faba.js";export{s as setNonce}from"./p-e2b2faba.js";import{g as a}from"./p-e1255160.js";(()=>{const n=import.meta.url,a={};return""!==n&&(a.resourcesUrl=new URL(".",n).href),e(a)})().then((async e=>(await a(),n([["p-d55c742c",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],loyaltyPoints:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[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"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}]]],["p-9a95eec2",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["p-a653bfbd",[[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as GamificationDropdown}from"./p-
|
|
1
|
+
export{G as GamificationDropdown}from"./p-fcccda48.js";import"./p-e2b2faba.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as n,h as a,F as t}from"./p-
|
|
1
|
+
import{r as e,a as n,h as a,F as t}from"./p-e2b2faba.js";import{T as i,P as s,c as r,e as d,b as c,d as o,f as l}from"./p-c36d41e2.js";const h=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=n("../static/card-ground.svg"),h=n("../static/card-ground-over.svg");return a("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},a("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},a("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:i,translationUrl:this.translationUrl}),a("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),a("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${h}`}},this.playerElevateLevel&&a(t,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},a("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},a("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},a(s,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),a(r,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&a("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),a("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},a(d,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),a(c,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),a(o,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),a(l,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};h.style="@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";export{h as player_elevate_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a,h as t,F as i}from"./p-
|
|
1
|
+
import{r as e,a,h as t,F as i}from"./p-e2b2faba.js";import{T as n,P as s,h as d,c as r}from"./p-c36d41e2.js";const o=class{constructor(a){e(this,a),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=a("../static/card-ground.svg"),o=a("../static/card-ground-over.svg");return t("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:n,translationUrl:this.translationUrl}),t("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),t("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${o}`}},t("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&t(i,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},t("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},t(s,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},t("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:d("spendablePoints")),t("div",{key:"bae5dc76d00c98aed803601c19fe3bf1aa4418d5",class:"PointsTxt SPPoints"},t(r,{key:"59d51bd37f44ed23108fc4356af41c01668354e3",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),t("a",{key:"3a923bea242ae5fa412f4448dca7277b3588621e",class:"TC",onClick:()=>{this.onDetailsClick()}},d("termAndConditions",this.language))),this.pointExpireString&&t("div",{key:"8803ae8d343885da58dfa04b9a4474ff473b5a74",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};o.style=":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";export{o as player_elevate_pointcard}
|