@everymatrix/casino-header-controller 1.69.2 → 1.69.3
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/components/{CasinoHeaderController-CM6M7oBn.js → CasinoHeaderController-B1x--_Oq.js} +1 -1
- package/components/{CasinoHeaderController-wemeTpGe.cjs → CasinoHeaderController-BRa3odIv.cjs} +1 -1
- package/components/{CasinoHeaderController-wAuW45el.js → CasinoHeaderController-BfAseLS8.js} +1 -1
- package/es2015/casino-header-controller.cjs +1 -1
- package/es2015/casino-header-controller.js +1 -1
- package/esnext/casino-header-controller.js +1 -1
- package/package.json +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-CAQwtT6c.cjs → gamification-dropdown-343647b2-B50uewij.cjs} +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-B34OfAvi.js → gamification-dropdown-343647b2-BtKUznL8.js} +8 -5
- package/stencil/{gamification-dropdown-8eb8a896-9N51mTKJ.js → gamification-dropdown-343647b2-DuhB4qAC.js} +6 -3
- package/stencil/gamification-dropdown-BXoXmCVj.js +25 -0
- package/stencil/gamification-dropdown-BgQs3qHL.cjs +1 -0
- package/stencil/gamification-dropdown-CHDfyBlq.js +7 -0
- package/stencil/{gamification-dropdown_4-DDitkdLY.cjs → gamification-dropdown_4-BCIlNfU2.cjs} +2 -2
- package/stencil/{gamification-dropdown_4-DBjdoNfc.js → gamification-dropdown_4-BMYGUc6f.js} +71 -64
- package/stencil/{gamification-dropdown_4-YGRZ_U5s.js → gamification-dropdown_4-Bwo0uyQb.js} +73 -66
- package/stencil/{index-71b1bdfa-BQViYc9r.js → index-71b1bdfa-Br04T1ks.js} +4 -4
- package/stencil/{index-71b1bdfa-BVbjDrHk.js → index-71b1bdfa-CqHhm_K7.js} +4 -4
- package/stencil/{index-71b1bdfa-CG5MERSu.cjs → index-71b1bdfa-DEOwV3WT.cjs} +1 -1
- package/stencil/player-elevate-card-CkeeX0Fc.cjs +64 -0
- package/stencil/{player-elevate-card-C0e-Dx1F.js → player-elevate-card-Csrn1cq3.js} +8 -8
- package/stencil/{player-elevate-card-CBRZZuy4.js → player-elevate-card-Cyj2vrTT.js} +8 -8
- package/stencil/{player-elevate-card-items-08c6fbd8-Dsdh-okx.js → player-elevate-card-items-08c6fbd8-DvNcpL9M.js} +1 -1
- package/stencil/{player-elevate-card-items-08c6fbd8-BF-ixp2m.js → player-elevate-card-items-08c6fbd8-GG7yo-HJ.js} +1 -1
- package/stencil/{player-elevate-card-items-08c6fbd8-mzRnJo_u.cjs → player-elevate-card-items-08c6fbd8-swAJgFA-.cjs} +1 -1
- package/stencil/{player-elevate-pointcard-BInA3gI1.js → player-elevate-pointcard-CDT1deRp.js} +6 -6
- package/stencil/{player-elevate-pointcard-CD45fOUi.js → player-elevate-pointcard-CQ618787.js} +6 -6
- package/stencil/player-elevate-pointcard-D962b07c.cjs +1 -0
- package/stencil/{player-rakeback-card-BAPJWhyX.js → player-rakeback-card-D-wGOAvr.js} +3 -3
- package/stencil/player-rakeback-card-DI8fIhnW.cjs +1 -0
- package/stencil/{player-rakeback-card-CAluJyQa.js → player-rakeback-card-r5qjxDTk.js} +3 -3
- package/stencil/gamification-dropdown-6aOjFbd0.cjs +0 -1
- package/stencil/gamification-dropdown-Brwhp697.js +0 -25
- package/stencil/gamification-dropdown-D6fl7GGs.js +0 -7
- package/stencil/player-elevate-card-DpFT4Eb4.cjs +0 -64
- package/stencil/player-elevate-pointcard-CSPhjhiu.cjs +0 -1
- package/stencil/player-rakeback-card-DBnWRkcb.cjs +0 -1
@@ -1,8 +1,9 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
|
1
|
+
import { s as O, a as u, b as f } from "./gamification-dropdown-343647b2-DuhB4qAC.js";
|
2
|
+
import { G as ye } from "./gamification-dropdown-343647b2-DuhB4qAC.js";
|
3
|
+
import { r as x, h as i, g as S, c as N, a as L, F as U } from "./index-71b1bdfa-Br04T1ks.js";
|
4
|
+
import { t as C, T as W } from "./locale-TxlOHoKi.js";
|
5
|
+
import { P as z, a as E, b as q, L as F, r as p, t as h, g as w } from "./player-elevate-card-items-08c6fbd8-GG7yo-HJ.js";
|
6
|
+
const j = (e, t) => new Promise((a) => {
|
6
7
|
fetch(e).then((n) => n.json()).then((n) => {
|
7
8
|
Object.keys(n).forEach((r) => {
|
8
9
|
t[r] = t[r] || t.en, Object.keys(n[r]).forEach((l) => {
|
@@ -14,57 +15,63 @@ const U = (e, t) => new Promise((a) => {
|
|
14
15
|
}).catch((n) => {
|
15
16
|
console.error("Failed to load translations:", n), a(!1);
|
16
17
|
});
|
17
|
-
}),
|
18
|
+
}), H = ":host{display:block}", G = H, X = class {
|
18
19
|
constructor(e) {
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
}, this.
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
20
|
+
x(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
|
21
|
+
}
|
22
|
+
componentDidLoad() {
|
23
|
+
this.el && (window.emMessageBus != null ? O(this.el, `${this.mbSource}.Style`) : (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0));
|
24
|
+
}
|
25
|
+
disconnectedCallback() {
|
26
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
27
|
+
}
|
28
|
+
handleClientStylingChange(e, t) {
|
29
|
+
e != t && u(this.el, this.clientStyling);
|
30
|
+
}
|
31
|
+
handleClientStylingUrlChange(e, t) {
|
32
|
+
e != t && this.clientStylingUrl && f(this.el, this.clientStylingUrl);
|
32
33
|
}
|
33
34
|
componentDidRender() {
|
34
|
-
this.stylingAppends || (this.clientStyling && this.
|
35
|
+
this.stylingAppends || (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0);
|
35
36
|
}
|
36
37
|
async componentWillLoad() {
|
37
38
|
const e = [];
|
38
39
|
if (this.translationUrl) {
|
39
|
-
const t =
|
40
|
+
const t = j(this.translationUrl, this.targetTranslations);
|
40
41
|
e.push(t);
|
41
42
|
}
|
42
43
|
return await Promise.all(e);
|
43
44
|
}
|
44
45
|
render() {
|
45
|
-
return i("div", { key: "
|
46
|
+
return i("div", { key: "09ad83748bbad518743c8671b986c541c52bf3f0", class: "StyleShell" }, i("slot", { key: "3b28b776d3944410c717b002b70946d274a4e8e7", name: "mainContent" }));
|
46
47
|
}
|
47
48
|
get el() {
|
48
|
-
return
|
49
|
+
return S(this);
|
50
|
+
}
|
51
|
+
static get watchers() {
|
52
|
+
return {
|
53
|
+
clientStyling: ["handleClientStylingChange"],
|
54
|
+
clientStylingUrl: ["handleClientStylingUrlChange"]
|
55
|
+
};
|
49
56
|
}
|
50
57
|
};
|
51
|
-
|
52
|
-
function
|
58
|
+
X.style = G;
|
59
|
+
function I(e) {
|
53
60
|
p(1, arguments);
|
54
61
|
var t = h(e);
|
55
62
|
return t.setHours(0, 0, 0, 0), t;
|
56
63
|
}
|
57
|
-
var
|
58
|
-
function
|
64
|
+
var Y = 864e5;
|
65
|
+
function J(e, t) {
|
59
66
|
p(2, arguments);
|
60
|
-
var a =
|
61
|
-
return Math.round((r - l) /
|
67
|
+
var a = I(e), n = I(t), r = a.getTime() - w(a), l = n.getTime() - w(n);
|
68
|
+
return Math.round((r - l) / Y);
|
62
69
|
}
|
63
|
-
var
|
64
|
-
function
|
70
|
+
var K = 6e4, Q = 36e5;
|
71
|
+
function k(e, t) {
|
65
72
|
return p(2, arguments), h(e).getTime() - h(t).getTime();
|
66
73
|
}
|
67
|
-
var
|
74
|
+
var P = {
|
68
75
|
ceil: Math.ceil,
|
69
76
|
round: Math.round,
|
70
77
|
floor: Math.floor,
|
@@ -72,32 +79,32 @@ var w = {
|
|
72
79
|
return t < 0 ? Math.ceil(t) : Math.floor(t);
|
73
80
|
}
|
74
81
|
// Math.trunc is not supported by IE
|
75
|
-
},
|
76
|
-
function
|
77
|
-
return e ?
|
82
|
+
}, V = "trunc";
|
83
|
+
function T(e) {
|
84
|
+
return e ? P[e] : P[V];
|
78
85
|
}
|
79
|
-
function
|
86
|
+
function Z(e, t, a) {
|
80
87
|
p(2, arguments);
|
81
|
-
var n =
|
82
|
-
return
|
88
|
+
var n = k(e, t) / Q;
|
89
|
+
return T(a?.roundingMethod)(n);
|
83
90
|
}
|
84
|
-
function
|
91
|
+
function ee(e, t, a) {
|
85
92
|
p(2, arguments);
|
86
|
-
var n =
|
87
|
-
return
|
93
|
+
var n = k(e, t) / K;
|
94
|
+
return T(a?.roundingMethod)(n);
|
88
95
|
}
|
89
|
-
function
|
96
|
+
function te(e, t) {
|
90
97
|
p(2, arguments);
|
91
98
|
var a = h(e), n = h(t);
|
92
99
|
return a.getTime() < n.getTime();
|
93
100
|
}
|
94
|
-
function
|
101
|
+
function ne(e, t) {
|
95
102
|
const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, o = t > 1 ? 1 : t, s = o * l - n < 0 ? 0 : o * l - n, c = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
|
96
103
|
a.setAttribute("viewbox", `0 0 ${s} 28`), c.setAttribute("width", `${s}`), g.setAttribute("cx", `${s < r ? r : s}`), v.setAttribute("x", `${s - 8}`);
|
97
|
-
const y = e.querySelector("#lock"),
|
98
|
-
y.setAttribute("cx", `${d}`),
|
104
|
+
const y = e.querySelector("#lock"), A = e.querySelector("#filter_heart_ball"), D = e.querySelector("#filter_ball"), _ = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), b = e.querySelector("#paint0_linear_ball"), m = e.querySelector("#paint1_linear_lock"), $ = e.querySelector("#lock_box"), R = e.querySelector("#heart_box"), M = 10, d = l - M;
|
105
|
+
y.setAttribute("cx", `${d}`), m.setAttribute("x1", `${d}`), m.setAttribute("x2", `${d}`), b.setAttribute("x1", `${d - 6}`), b.setAttribute("x2", `${d - 6 + 11.2}`), B.setAttribute("x", `${d - 6}`), _.setAttribute("x", `${d - 6 - 2}`), D.setAttribute("x", `${d - 6 - 2 - 2}`), A.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), $.setAttribute("x", `${d - 6}`), R.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
|
99
106
|
}
|
100
|
-
const
|
107
|
+
const ae = `:host {
|
101
108
|
display: block;
|
102
109
|
width: 360px;
|
103
110
|
height: 230px;
|
@@ -288,9 +295,9 @@ const ee = `:host {
|
|
288
295
|
text-align: right;
|
289
296
|
font-weight: bold;
|
290
297
|
color: var(--emw--color-red, #9e595f);
|
291
|
-
}`,
|
298
|
+
}`, le = ae, re = class {
|
292
299
|
constructor(e) {
|
293
|
-
|
300
|
+
x(this, e), this.playerElevateLeveLoaded = N(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
|
294
301
|
}
|
295
302
|
handleWindowResizs() {
|
296
303
|
this.initLevelProgressbar();
|
@@ -318,10 +325,10 @@ const ee = `:host {
|
|
318
325
|
let a = "";
|
319
326
|
if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
|
320
327
|
return a;
|
321
|
-
e.aboutToExpire.sort((c, v) =>
|
322
|
-
const n = e.aboutToExpire[0], r =
|
328
|
+
e.aboutToExpire.sort((c, v) => te(new Date(c.expireTime), new Date(v.expireTime)) ? -1 : 1);
|
329
|
+
const n = e.aboutToExpire[0], r = J(new Date(n.expireTime), /* @__PURE__ */ new Date());
|
323
330
|
let l = 0, o = 0, s = r === 0 ? `${t}Day` : t;
|
324
|
-
return r <= 0 && (l =
|
331
|
+
return r <= 0 && (l = Z(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = l > 1 ? `${t}Hours` : `${t}Hour`, l <= 0 && (o = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = o > 1 ? `${t}Minutes` : `${t}Minute`)), a = C(s, {
|
325
332
|
expirationPoints: n.points,
|
326
333
|
expireDay: Math.max(r, l, o),
|
327
334
|
lang: this.params.language
|
@@ -358,7 +365,7 @@ const ee = `:host {
|
|
358
365
|
}));
|
359
366
|
}
|
360
367
|
setLoyaltyProgress(e) {
|
361
|
-
|
368
|
+
ne(this.loyaltyProgressEle, e);
|
362
369
|
}
|
363
370
|
initLevelProgressbar() {
|
364
371
|
setTimeout(() => {
|
@@ -389,7 +396,7 @@ const ee = `:host {
|
|
389
396
|
this.loadElevateInfo();
|
390
397
|
}
|
391
398
|
get elevateCardRef() {
|
392
|
-
return
|
399
|
+
return S(this);
|
393
400
|
}
|
394
401
|
static get watchers() {
|
395
402
|
return {
|
@@ -397,10 +404,10 @@ const ee = `:host {
|
|
397
404
|
};
|
398
405
|
}
|
399
406
|
};
|
400
|
-
|
401
|
-
const
|
407
|
+
re.style = le;
|
408
|
+
const ie = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", oe = ie, se = class {
|
402
409
|
constructor(e) {
|
403
|
-
|
410
|
+
x(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
|
404
411
|
}
|
405
412
|
onSessionOrEndpointChange() {
|
406
413
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
@@ -427,7 +434,7 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
427
434
|
let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
|
428
435
|
if (this.playerElevateLevel && t) {
|
429
436
|
const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
|
430
|
-
return
|
437
|
+
return C("tipsForNextLevel", {
|
431
438
|
pointsToReach: a,
|
432
439
|
levelName: t.name,
|
433
440
|
lang: this.language
|
@@ -436,8 +443,8 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
436
443
|
return "";
|
437
444
|
}
|
438
445
|
render() {
|
439
|
-
const e =
|
440
|
-
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "
|
446
|
+
const e = L("../static/card-ground.svg"), t = L("../static/card-ground-over.svg");
|
447
|
+
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: W, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(U, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(z, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(E, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(E, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(q, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(F, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
|
441
448
|
}
|
442
449
|
static get watchers() {
|
443
450
|
return {
|
@@ -447,10 +454,10 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
447
454
|
};
|
448
455
|
}
|
449
456
|
};
|
450
|
-
|
457
|
+
se.style = oe;
|
451
458
|
export {
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
459
|
+
ye as gamification_dropdown,
|
460
|
+
X as general_styling_wrapper,
|
461
|
+
re as player_elevate_card_data,
|
462
|
+
se as player_elevate_loyaltycard
|
456
463
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var
|
1
|
+
var L = (e, t, a) => new Promise((n, l) => {
|
2
2
|
var r = (d) => {
|
3
3
|
try {
|
4
4
|
o(a.next(d));
|
@@ -14,11 +14,12 @@ var m = (e, t, a) => new Promise((n, l) => {
|
|
14
14
|
}, o = (d) => d.done ? n(d.value) : Promise.resolve(d.value).then(r, s);
|
15
15
|
o((a = a.apply(e, t)).next());
|
16
16
|
});
|
17
|
-
import {
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
|
17
|
+
import { s as N, a as u, b as f } from "./gamification-dropdown-343647b2-BtKUznL8.js";
|
18
|
+
import { G as fe } from "./gamification-dropdown-343647b2-BtKUznL8.js";
|
19
|
+
import { r as x, h as i, g as C, c as U, a as E, F as W } from "./index-71b1bdfa-CqHhm_K7.js";
|
20
|
+
import { t as k, T as z } from "./locale-TxlOHoKi.js";
|
21
|
+
import { P as q, a as w, b as F, L as j, r as p, t as h, g as I } from "./player-elevate-card-items-08c6fbd8-DvNcpL9M.js";
|
22
|
+
const H = (e, t) => new Promise((a) => {
|
22
23
|
fetch(e).then((n) => n.json()).then((n) => {
|
23
24
|
Object.keys(n).forEach((l) => {
|
24
25
|
t[l] = t[l] || t.en, Object.keys(n[l]).forEach((r) => {
|
@@ -30,59 +31,65 @@ const F = (e, t) => new Promise((a) => {
|
|
30
31
|
}).catch((n) => {
|
31
32
|
console.error("Failed to load translations:", n), a(!1);
|
32
33
|
});
|
33
|
-
}),
|
34
|
+
}), G = ":host{display:block}", X = G, Y = class {
|
34
35
|
constructor(e) {
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
}, this.
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
36
|
+
x(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
|
37
|
+
}
|
38
|
+
componentDidLoad() {
|
39
|
+
this.el && (window.emMessageBus != null ? N(this.el, `${this.mbSource}.Style`) : (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0));
|
40
|
+
}
|
41
|
+
disconnectedCallback() {
|
42
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
43
|
+
}
|
44
|
+
handleClientStylingChange(e, t) {
|
45
|
+
e != t && u(this.el, this.clientStyling);
|
46
|
+
}
|
47
|
+
handleClientStylingUrlChange(e, t) {
|
48
|
+
e != t && this.clientStylingUrl && f(this.el, this.clientStylingUrl);
|
48
49
|
}
|
49
50
|
componentDidRender() {
|
50
|
-
this.stylingAppends || (this.clientStyling && this.
|
51
|
+
this.stylingAppends || (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0);
|
51
52
|
}
|
52
53
|
componentWillLoad() {
|
53
|
-
return
|
54
|
+
return L(this, null, function* () {
|
54
55
|
const e = [];
|
55
56
|
if (this.translationUrl) {
|
56
|
-
const t =
|
57
|
+
const t = H(this.translationUrl, this.targetTranslations);
|
57
58
|
e.push(t);
|
58
59
|
}
|
59
60
|
return yield Promise.all(e);
|
60
61
|
});
|
61
62
|
}
|
62
63
|
render() {
|
63
|
-
return i("div", { key: "
|
64
|
+
return i("div", { key: "09ad83748bbad518743c8671b986c541c52bf3f0", class: "StyleShell" }, i("slot", { key: "3b28b776d3944410c717b002b70946d274a4e8e7", name: "mainContent" }));
|
64
65
|
}
|
65
66
|
get el() {
|
66
|
-
return
|
67
|
+
return C(this);
|
68
|
+
}
|
69
|
+
static get watchers() {
|
70
|
+
return {
|
71
|
+
clientStyling: ["handleClientStylingChange"],
|
72
|
+
clientStylingUrl: ["handleClientStylingUrlChange"]
|
73
|
+
};
|
67
74
|
}
|
68
75
|
};
|
69
|
-
|
70
|
-
function
|
76
|
+
Y.style = X;
|
77
|
+
function P(e) {
|
71
78
|
p(1, arguments);
|
72
79
|
var t = h(e);
|
73
80
|
return t.setHours(0, 0, 0, 0), t;
|
74
81
|
}
|
75
|
-
var
|
76
|
-
function
|
82
|
+
var J = 864e5;
|
83
|
+
function K(e, t) {
|
77
84
|
p(2, arguments);
|
78
|
-
var a =
|
79
|
-
return Math.round((l - r) /
|
85
|
+
var a = P(e), n = P(t), l = a.getTime() - I(a), r = n.getTime() - I(n);
|
86
|
+
return Math.round((l - r) / J);
|
80
87
|
}
|
81
|
-
var
|
82
|
-
function
|
88
|
+
var Q = 6e4, V = 36e5;
|
89
|
+
function T(e, t) {
|
83
90
|
return p(2, arguments), h(e).getTime() - h(t).getTime();
|
84
91
|
}
|
85
|
-
var
|
92
|
+
var S = {
|
86
93
|
ceil: Math.ceil,
|
87
94
|
round: Math.round,
|
88
95
|
floor: Math.floor,
|
@@ -90,32 +97,32 @@ var I = {
|
|
90
97
|
return t < 0 ? Math.ceil(t) : Math.floor(t);
|
91
98
|
}
|
92
99
|
// Math.trunc is not supported by IE
|
93
|
-
},
|
94
|
-
function
|
95
|
-
return e ?
|
100
|
+
}, Z = "trunc";
|
101
|
+
function A(e) {
|
102
|
+
return e ? S[e] : S[Z];
|
96
103
|
}
|
97
|
-
function
|
104
|
+
function ee(e, t, a) {
|
98
105
|
p(2, arguments);
|
99
|
-
var n =
|
100
|
-
return
|
106
|
+
var n = T(e, t) / V;
|
107
|
+
return A(a == null ? void 0 : a.roundingMethod)(n);
|
101
108
|
}
|
102
|
-
function
|
109
|
+
function te(e, t, a) {
|
103
110
|
p(2, arguments);
|
104
|
-
var n =
|
105
|
-
return
|
111
|
+
var n = T(e, t) / Q;
|
112
|
+
return A(a == null ? void 0 : a.roundingMethod)(n);
|
106
113
|
}
|
107
|
-
function
|
114
|
+
function ne(e, t) {
|
108
115
|
p(2, arguments);
|
109
116
|
var a = h(e), n = h(t);
|
110
117
|
return a.getTime() < n.getTime();
|
111
118
|
}
|
112
|
-
function
|
119
|
+
function ae(e, t) {
|
113
120
|
const a = e.querySelector("#total_level"), n = 17, l = 6.5, r = a.getBBox().width, s = t > 1 ? 1 : t, o = s * r - n < 0 ? 0 : s * r - n, d = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
|
114
121
|
a.setAttribute("viewbox", `0 0 ${o} 28`), d.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < l ? l : o}`), v.setAttribute("x", `${o - 8}`);
|
115
|
-
const y = e.querySelector("#lock"),
|
116
|
-
y.setAttribute("cx", `${c}`),
|
122
|
+
const y = e.querySelector("#lock"), D = e.querySelector("#filter_heart_ball"), _ = e.querySelector("#filter_ball"), B = e.querySelector("#filter_heart"), $ = e.querySelector("#filter_lock"), b = e.querySelector("#paint0_linear_ball"), m = e.querySelector("#paint1_linear_lock"), R = e.querySelector("#lock_box"), M = e.querySelector("#heart_box"), O = 10, c = r - O;
|
123
|
+
y.setAttribute("cx", `${c}`), m.setAttribute("x1", `${c}`), m.setAttribute("x2", `${c}`), b.setAttribute("x1", `${c - 6}`), b.setAttribute("x2", `${c - 6 + 11.2}`), $.setAttribute("x", `${c - 6}`), B.setAttribute("x", `${c - 6 - 2}`), _.setAttribute("x", `${c - 6 - 2 - 2}`), D.setAttribute("x", `${c - 6 - 2 - 2 - 4}`), R.setAttribute("x", `${c - 6}`), M.setAttribute("x", `${c - 6}`), a.parentElement.style.opacity = "1";
|
117
124
|
}
|
118
|
-
const
|
125
|
+
const le = `:host {
|
119
126
|
display: block;
|
120
127
|
width: 360px;
|
121
128
|
height: 230px;
|
@@ -306,9 +313,9 @@ const te = `:host {
|
|
306
313
|
text-align: right;
|
307
314
|
font-weight: bold;
|
308
315
|
color: var(--emw--color-red, #9e595f);
|
309
|
-
}`,
|
316
|
+
}`, re = le, ie = class {
|
310
317
|
constructor(e) {
|
311
|
-
|
318
|
+
x(this, e), this.playerElevateLeveLoaded = U(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
|
312
319
|
}
|
313
320
|
handleWindowResizs() {
|
314
321
|
this.initLevelProgressbar();
|
@@ -336,10 +343,10 @@ const te = `:host {
|
|
336
343
|
let a = "";
|
337
344
|
if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
|
338
345
|
return a;
|
339
|
-
e.aboutToExpire.sort((d, v) =>
|
340
|
-
const n = e.aboutToExpire[0], l =
|
346
|
+
e.aboutToExpire.sort((d, v) => ne(new Date(d.expireTime), new Date(v.expireTime)) ? -1 : 1);
|
347
|
+
const n = e.aboutToExpire[0], l = K(new Date(n.expireTime), /* @__PURE__ */ new Date());
|
341
348
|
let r = 0, s = 0, o = l === 0 ? `${t}Day` : t;
|
342
|
-
return l <= 0 && (r =
|
349
|
+
return l <= 0 && (r = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = r > 1 ? `${t}Hours` : `${t}Hour`, r <= 0 && (s = te(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = s > 1 ? `${t}Minutes` : `${t}Minute`)), a = k(o, {
|
343
350
|
expirationPoints: n.points,
|
344
351
|
expireDay: Math.max(l, r, s),
|
345
352
|
lang: this.params.language
|
@@ -376,7 +383,7 @@ const te = `:host {
|
|
376
383
|
}));
|
377
384
|
}
|
378
385
|
setLoyaltyProgress(e) {
|
379
|
-
|
386
|
+
ae(this.loyaltyProgressEle, e);
|
380
387
|
}
|
381
388
|
initLevelProgressbar() {
|
382
389
|
setTimeout(() => {
|
@@ -407,7 +414,7 @@ const te = `:host {
|
|
407
414
|
this.loadElevateInfo();
|
408
415
|
}
|
409
416
|
get elevateCardRef() {
|
410
|
-
return
|
417
|
+
return C(this);
|
411
418
|
}
|
412
419
|
static get watchers() {
|
413
420
|
return {
|
@@ -415,10 +422,10 @@ const te = `:host {
|
|
415
422
|
};
|
416
423
|
}
|
417
424
|
};
|
418
|
-
|
419
|
-
const
|
425
|
+
ie.style = re;
|
426
|
+
const oe = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", se = oe, de = class {
|
420
427
|
constructor(e) {
|
421
|
-
|
428
|
+
x(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
|
422
429
|
}
|
423
430
|
onSessionOrEndpointChange() {
|
424
431
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
@@ -445,7 +452,7 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
445
452
|
let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
|
446
453
|
if (this.playerElevateLevel && t) {
|
447
454
|
const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
|
448
|
-
return
|
455
|
+
return k("tipsForNextLevel", {
|
449
456
|
pointsToReach: a,
|
450
457
|
levelName: t.name,
|
451
458
|
lang: this.language
|
@@ -454,8 +461,8 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
454
461
|
return "";
|
455
462
|
}
|
456
463
|
render() {
|
457
|
-
const e =
|
458
|
-
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "
|
464
|
+
const e = E("../static/card-ground.svg"), t = E("../static/card-ground-over.svg");
|
465
|
+
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: z, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(W, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(q, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(w, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(w, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(F, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(j, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
|
459
466
|
}
|
460
467
|
static get watchers() {
|
461
468
|
return {
|
@@ -465,10 +472,10 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
465
472
|
};
|
466
473
|
}
|
467
474
|
};
|
468
|
-
|
475
|
+
de.style = se;
|
469
476
|
export {
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
477
|
+
fe as gamification_dropdown,
|
478
|
+
Y as general_styling_wrapper,
|
479
|
+
ie as player_elevate_card_data,
|
480
|
+
de as player_elevate_loyaltycard
|
474
481
|
};
|
@@ -26,22 +26,22 @@ var Oe = Object.defineProperty, je = (e, t) => {
|
|
26
26
|
case "gamification-dropdown_4":
|
27
27
|
return import(
|
28
28
|
/* webpackMode: "lazy" */
|
29
|
-
"./gamification-dropdown_4-
|
29
|
+
"./gamification-dropdown_4-BMYGUc6f.js"
|
30
30
|
).then(a, b);
|
31
31
|
case "player-elevate-card":
|
32
32
|
return import(
|
33
33
|
/* webpackMode: "lazy" */
|
34
|
-
"./player-elevate-card-
|
34
|
+
"./player-elevate-card-Cyj2vrTT.js"
|
35
35
|
).then(a, b);
|
36
36
|
case "player-elevate-pointcard":
|
37
37
|
return import(
|
38
38
|
/* webpackMode: "lazy" */
|
39
|
-
"./player-elevate-pointcard-
|
39
|
+
"./player-elevate-pointcard-CDT1deRp.js"
|
40
40
|
).then(a, b);
|
41
41
|
case "player-rakeback-card":
|
42
42
|
return import(
|
43
43
|
/* webpackMode: "lazy" */
|
44
|
-
"./player-rakeback-card-
|
44
|
+
"./player-rakeback-card-r5qjxDTk.js"
|
45
45
|
).then(a, b);
|
46
46
|
}
|
47
47
|
}
|
@@ -53,22 +53,22 @@ var He = Object.defineProperty, qe = (e, t) => {
|
|
53
53
|
case "gamification-dropdown_4":
|
54
54
|
return import(
|
55
55
|
/* webpackMode: "lazy" */
|
56
|
-
"./gamification-dropdown_4-
|
56
|
+
"./gamification-dropdown_4-Bwo0uyQb.js"
|
57
57
|
).then(o, b);
|
58
58
|
case "player-elevate-card":
|
59
59
|
return import(
|
60
60
|
/* webpackMode: "lazy" */
|
61
|
-
"./player-elevate-card-
|
61
|
+
"./player-elevate-card-Csrn1cq3.js"
|
62
62
|
).then(o, b);
|
63
63
|
case "player-elevate-pointcard":
|
64
64
|
return import(
|
65
65
|
/* webpackMode: "lazy" */
|
66
|
-
"./player-elevate-pointcard-
|
66
|
+
"./player-elevate-pointcard-CQ618787.js"
|
67
67
|
).then(o, b);
|
68
68
|
case "player-rakeback-card":
|
69
69
|
return import(
|
70
70
|
/* webpackMode: "lazy" */
|
71
|
-
"./player-rakeback-card-
|
71
|
+
"./player-rakeback-card-D-wGOAvr.js"
|
72
72
|
).then(o, b);
|
73
73
|
}
|
74
74
|
}
|