@everymatrix/casino-header-controller-nd 1.53.11 → 1.54.0

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.
Files changed (28) hide show
  1. package/components/{CasinoHamburgerMenuNd-CkPg6ouB.js → CasinoHamburgerMenuNd-B1RMQpdw.js} +1238 -1200
  2. package/components/CasinoHamburgerMenuNd-BGgAAyRV.cjs +5 -0
  3. package/components/{CasinoHeaderControllerNd-BX0AvD48.js → CasinoHeaderControllerNd-Bl26nr2z.js} +284 -265
  4. package/components/CasinoHeaderControllerNd-DjK9vryV.cjs +1 -0
  5. package/components/{PlayerAccountBalanceModalNd-K5u0ko-m.js → PlayerAccountBalanceModalNd-CivjuTyh.js} +516 -487
  6. package/components/PlayerAccountBalanceModalNd-DODZKkC4.cjs +13 -0
  7. package/components/PlayerDeposit-2TMJs9YE.cjs +1 -0
  8. package/components/{PlayerDeposit-DsOspOgB.js → PlayerDeposit-C1xb413z.js} +1 -1
  9. package/es2015/casino-header-controller-nd.cjs +1 -0
  10. package/es2015/casino-header-controller-nd.js +16 -0
  11. package/package.json +14 -12
  12. package/stencil/app-globals-0f993ce5-sCt45RkC.cjs +1 -0
  13. package/stencil/gamification-dropdown-BOIBSmd0.cjs +1 -0
  14. package/stencil/gamification-dropdown-DZ47pXyT.js +25 -0
  15. package/stencil/gamification-dropdown-ae7b7c69-38_9Tb2L.cjs +1 -0
  16. package/stencil/{gamification-dropdown-ae7b7c69-C61VnAKy.js → gamification-dropdown-ae7b7c69-DHIEd3U5.js} +60 -42
  17. package/stencil/gamification-dropdown_4-DIRJt3N_.cjs +192 -0
  18. package/stencil/{gamification-dropdown_4-AbKMnPZ5.js → gamification-dropdown_4-DJIAHy0R.js} +89 -71
  19. package/stencil/index-ea7720e4-WHyF1VYs.cjs +1 -0
  20. package/stencil/{index-ea7720e4-FqoOOnHW.js → index-ea7720e4-q-tkv4M2.js} +231 -204
  21. package/stencil/player-elevate-card-DA96MB5K.cjs +64 -0
  22. package/stencil/{player-elevate-card-items-9d490a3b-BxciIvXh.js → player-elevate-card-items-9d490a3b-BaYWiFCE.js} +5 -5
  23. package/stencil/player-elevate-card-items-9d490a3b-My4ySrE8.cjs +1 -0
  24. package/stencil/{player-elevate-card-B4AMnqub.js → player-elevate-card-lt9Sqflt.js} +2 -2
  25. package/stencil/player-elevate-pointcard-B7l2JzLx.cjs +1 -0
  26. package/stencil/{player-elevate-pointcard-BeXukLE-.js → player-elevate-pointcard-BYjxOwm5.js} +2 -2
  27. package/esnext/casino-header-controller-nd.js +0 -14
  28. package/stencil/gamification-dropdown-Rl66gqyp.js +0 -7
@@ -0,0 +1,192 @@
1
+ "use strict";var f=(e,t,a)=>new Promise((n,l)=>{var i=d=>{try{s(a.next(d))}catch(p){l(p)}},c=d=>{try{s(a.throw(d))}catch(p){l(p)}},s=d=>d.done?n(d.value):Promise.resolve(d.value).then(i,c);s((a=a.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./gamification-dropdown-ae7b7c69-38_9Tb2L.cjs"),r=require("./index-ea7720e4-WHyF1VYs.cjs"),o=require("./player-elevate-card-items-9d490a3b-My4ySrE8.cjs"),B=(e,t)=>new Promise(a=>{fetch(e).then(n=>n.json()).then(n=>{Object.keys(n).forEach(l=>{t[l]=t[l]?t[l]:{};for(let i in n[l])t[l][i]=n[l][i]}),a(!0)})}),M=":host{display:block}",R=M,m=class{constructor(e){r.registerInstance(this,e),this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.stylingAppends=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.el.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(t.href).then(n=>n.text()).then(n=>{a.innerHTML=n,setTimeout(()=>{this.el.prepend(a)},1)}).catch(n=>{console.log("error ",n)})}}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}componentWillLoad(){return f(this,null,function*(){const e=[];if(this.translationUrl){const t=B(this.translationUrl,this.targetTranslations);e.push(t)}return yield Promise.all(e)})}render(){return r.h("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},r.h("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return r.getElement(this)}};m.style=R;function x(e){o.requiredArgs(1,arguments);var t=o.toDate(e);return t.setHours(0,0,0,0),t}var O=864e5;function q(e,t){o.requiredArgs(2,arguments);var a=x(e),n=x(t),l=a.getTime()-o.getTimezoneOffsetInMilliseconds(a),i=n.getTime()-o.getTimezoneOffsetInMilliseconds(n);return Math.round((l-i)/O)}var N=6e4,$=36e5;function L(e,t){return o.requiredArgs(2,arguments),o.toDate(e).getTime()-o.toDate(t).getTime()}var b={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(t){return t<0?Math.ceil(t):Math.floor(t)}},W="trunc";function E(e){return e?b[e]:b[W]}function z(e,t,a){o.requiredArgs(2,arguments);var n=L(e,t)/$;return E(a==null?void 0:a.roundingMethod)(n)}function U(e,t,a){o.requiredArgs(2,arguments);var n=L(e,t)/N;return E(a==null?void 0:a.roundingMethod)(n)}function F(e,t){o.requiredArgs(2,arguments);var a=o.toDate(e),n=o.toDate(t);return a.getTime()<n.getTime()}function j(e,t){const a=e.querySelector("#total_level"),n=17,l=6.5,i=a.getBBox().width,c=t>1?1:t,s=c*i-n<0?0:c*i-n,d=e.querySelector("#current_level"),p=e.querySelector("#filter_current_level"),h=e.querySelector("#circle_current_level");a.setAttribute("viewbox",`0 0 ${s} 28`),d.setAttribute("width",`${s}`),h.setAttribute("cx",`${s<l?l:s}`),p.setAttribute("x",`${s-8}`);const g=e.querySelector("#lock"),P=e.querySelector("#filter_heart_ball"),C=e.querySelector("#filter_ball"),k=e.querySelector("#filter_heart"),S=e.querySelector("#filter_lock"),y=e.querySelector("#paint0_linear_ball"),u=e.querySelector("#paint1_linear_lock"),T=e.querySelector("#lock_box"),A=e.querySelector("#heart_box"),D=10,v=i-D;g.setAttribute("cx",`${v}`),u.setAttribute("x1",`${v}`),u.setAttribute("x2",`${v}`),y.setAttribute("x1",`${v-6}`),y.setAttribute("x2",`${v-6+11.2}`),S.setAttribute("x",`${v-6}`),k.setAttribute("x",`${v-6-2}`),C.setAttribute("x",`${v-6-2-2}`),P.setAttribute("x",`${v-6-2-2-4}`),T.setAttribute("x",`${v-6}`),A.setAttribute("x",`${v-6}`),a.parentElement.style.opacity="1"}const H=`:host {
2
+ display: block;
3
+ width: 360px;
4
+ height: 230px;
5
+ }
6
+
7
+ .ElevateCardWrapper {
8
+ contain: layout inline-size;
9
+ width: 100%;
10
+ height: fit-content;
11
+ min-height: 218px;
12
+ }
13
+
14
+ .Outer {
15
+ container-type: inline-size;
16
+ font-size: 12px;
17
+ background-size: cover;
18
+ background-repeat: no-repeat;
19
+ line-height: initial;
20
+ width: 100%;
21
+ height: 100%;
22
+ }
23
+
24
+ .Dark {
25
+ color: var(--emw--color-gray150, #efefef);
26
+ }
27
+
28
+ .Light {
29
+ color: var(--emw--color-black, #0e0e0e);
30
+ }
31
+
32
+ @container (min-width: 381px) {
33
+ .Outer {
34
+ background-size: cover;
35
+ }
36
+ .Outer .OuterCover {
37
+ min-height: 190px;
38
+ }
39
+ }
40
+ @container (min-width: 260px) {
41
+ .Outer {
42
+ background-size: contain;
43
+ }
44
+ }
45
+ .OuterCover {
46
+ width: 100%;
47
+ height: 100%;
48
+ content: "";
49
+ background-repeat: no-repeat;
50
+ background-size: cover;
51
+ border-radius: 15px;
52
+ }
53
+
54
+ .Inner {
55
+ display: flex;
56
+ flex-direction: column;
57
+ min-height: 158px;
58
+ }
59
+ .Inner .Content {
60
+ padding: 15px;
61
+ flex-wrap: wrap;
62
+ gap: 8px;
63
+ }
64
+ .Inner .Row {
65
+ display: flex;
66
+ flex-direction: row;
67
+ }
68
+ .Inner .CardCell {
69
+ display: flex;
70
+ }
71
+ .Inner .LevelProgress svg {
72
+ transition: opacity 0.4s;
73
+ }
74
+ .Inner .LevelInfo {
75
+ display: flex;
76
+ flex-direction: column;
77
+ }
78
+ .Inner .LevelInfo .ElevateLevel .LevelName {
79
+ height: 28px;
80
+ border-radius: 5px;
81
+ line-height: 28px;
82
+ overflow: hidden;
83
+ text-overflow: ellipsis;
84
+ white-space: nowrap;
85
+ }
86
+ .Inner .LevelInfo.Level0 .ElevateLevel .LevelName {
87
+ box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));
88
+ background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);
89
+ }
90
+ .Inner .LevelInfo.Level1 .ElevateLevel .LevelName {
91
+ box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));
92
+ background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);
93
+ }
94
+ .Inner .LevelInfo.Level2 .ElevateLevel .LevelName {
95
+ box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));
96
+ background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);
97
+ }
98
+ .Inner .LevelInfo.Level3 .ElevateLevel .LevelName {
99
+ box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));
100
+ background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);
101
+ }
102
+ .Inner .LevelInfo.Level4 .ElevateLevel .LevelName {
103
+ box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));
104
+ background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);
105
+ }
106
+ .Inner .LevelInfo .ElevateLevel {
107
+ display: flex;
108
+ }
109
+ .Inner .LevelInfo {
110
+ flex: 1;
111
+ flex-grow: 1;
112
+ min-width: 150px;
113
+ }
114
+ .Inner .PlayerImg {
115
+ width: 29%;
116
+ margin: auto;
117
+ max-width: 100px;
118
+ min-width: 30px;
119
+ order: 0;
120
+ }
121
+ .Inner .PlayerAvatar {
122
+ max-width: 100px;
123
+ flex-basis: 100px;
124
+ height: auto;
125
+ margin: auto;
126
+ padding-top: 10px;
127
+ }
128
+ .Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {
129
+ width: 100%;
130
+ height: 100%;
131
+ }
132
+ .Inner .PlayerAvatar .Avatar {
133
+ border-radius: 50%;
134
+ background-size: contain;
135
+ background-repeat: no-repeat;
136
+ }
137
+ .Inner .ElevateLevel .ExpirationDate {
138
+ max-width: 138px;
139
+ min-width: 118px;
140
+ }
141
+ .Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {
142
+ text-transform: capitalize;
143
+ width: 100%;
144
+ }
145
+ .Inner .PlayerName {
146
+ font-size: 16px;
147
+ }
148
+ .Inner .Row .PointsInfo {
149
+ display: table;
150
+ font-weight: 600;
151
+ }
152
+ .Inner .Row .Redeem {
153
+ justify-content: flex-end;
154
+ margin-left: auto;
155
+ }
156
+ .Inner .Row .Redeem:hover {
157
+ color: var(--emw--elevate-color-redeem-hover, #00ABA4);
158
+ cursor: pointer;
159
+ }
160
+ .Inner .Row .RedeemButton:hover span {
161
+ color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);
162
+ font-weight: bold;
163
+ }
164
+ .Inner .Row .RedeemButton {
165
+ width: 95px;
166
+ height: 35px;
167
+ display: flex;
168
+ align-items: center;
169
+ border-radius: 10px;
170
+ background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);
171
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
172
+ }
173
+ .Inner .Row .RedeemButton span {
174
+ color: var(--emw--color-white, #fff);
175
+ line-height: 18px;
176
+ font-size: 15px;
177
+ text-align: center;
178
+ width: 100%;
179
+ }
180
+ .Inner .Row .Points {
181
+ font-size: large;
182
+ vertical-align: middle;
183
+ }
184
+ .Inner .Row .Points .XP {
185
+ font-size: x-small;
186
+ }
187
+ .Inner .Row .ExpirationPoints {
188
+ font-size: small;
189
+ text-align: right;
190
+ font-weight: bold;
191
+ color: var(--emw--color-red, #9e595f);
192
+ }`,G=H,w=class{constructor(e){r.registerInstance(this,e),this.playerElevateLeveLoaded=r.createEvent(this,"playerElevateLeveLoaded")}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET"}).then(n=>n.json()).then(n=>{this.levels=n.data,t(!0)}).catch(n=>{a(n)}))}calcuatePointsToBeExpired(e){let t="";if(!e||!e.aboutToExpire||e.aboutToExpire.length==0||e.aboutToExpire[0].points<=0)return t;e.aboutToExpire.sort((s,d)=>F(new Date(s.expireTime),new Date(d.expireTime))?-1:1);const a=e.aboutToExpire[0],n=q(new Date(a.expireTime),new Date);let l=0,i=0,c=n===0?"pointsToBeExpiredDay":"pointsToBeExpired";return n<=0&&(l=z(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),c=l>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour",l<=0&&(i=U(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),c=i>1?"pointsToBeExpiredMinutes":"pointsToBeExpiredMinute")),t=o.translateWithParams(c,{expirationPoints:a.points,expireDay:Math.max(n,l,i)}),t}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then(n=>n.json()).then(n=>{var l,i,c;if(!n.success){console.error("Exception when fetch user elevateinfo, ",n.errorCode,n.errorMessage),a(!0);return}let s=n.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=((l=s.spendableWallet)===null||l===void 0?void 0:l.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const d=(i=n.data.spendableWallet)===null||i===void 0?void 0:i.total,p=(c=n.data.loyaltyWallet)===null||c===void 0?void 0:c.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:d,loyaltyWalletTotal:p});let h=this.calcuatePointsToBeExpired(d),g=this.calcuatePointsToBeExpired(p);(h||g)&&this.playerElevateLeveLoaded.emit({pointExpireString:h,xpExpireString:g}),t(this.playerElevateLevel)}).catch(n=>{console.log("error ",n),a(!0)}))}setLoyaltyProgress(e){j(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(t=>{if(console.log("elevate-init",t),this.initLevelProgressbar(),!this.levels)return;this.levels.sort((l,i)=>l.firstEntryPoints>i.firstEntryPoints?1:-1);const a=this.playerElevateLevel.loyaltyPoints;let n=0;this.levels.forEach((l,i)=>{a>l.firstEntryPoints&&(n=i)}),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:n})})}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return r.getElement(this)}static get watchers(){return{params:["onParamsChanged"]}}};w.style=G;const X=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}",K=X,I=class{constructor(e){r.registerInstance(this,e),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}}getNextLevelPoints(){var e,t;return!((e=this.playerElevateLevel)===null||e===void 0)&&e.nextLevel?(t=this.playerElevateLevel)===null||t===void 0?void 0:t.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let t=(e=this.playerElevateLevel)===null||e===void 0?void 0:e.nextLevel;if(this.playerElevateLevel&&t){const a=(t.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return o.translateWithParams("tipsForNextLevel",{pointsToReach:a,levelName:t.name,lang:this.language})}return""}render(){const e=r.getAssetPath("../static/card-ground.svg"),t=r.getAssetPath("../static/card-ground-over.svg");return r.h("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},r.h("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},r.h("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:o.TRANSLATIONS,translationUrl:this.translationUrl}),r.h("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),r.h("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},r.h("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&r.h(r.Fragment,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},r.h("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},r.h(o.PlayerAvatar,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),r.h("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},r.h(o.PlayerElevateLoyaltyLevel,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),r.h("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},r.h(o.PlayerPoints,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),r.h(o.PlayerPoints,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),r.h(o.PlayerLoyaltyProcess,{key:"08817ca979ea784aeb735579b0d52e5150eb0852"}),r.h("div",{key:"be9a1b40a8145d5e6d329d8e9f047296e84dd24b",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&r.h("div",{key:"f9cbb7d06e34717cb9f74cb8d2e506e49969e775",class:"PointsInfo ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};I.style=K;exports.gamification_dropdown=_.GamificationDropdown;exports.general_styling_wrapper=m;exports.player_elevate_card_data=w;exports.player_elevate_loyaltycard=I;
@@ -1,7 +1,23 @@
1
- import { G as ce } from "./gamification-dropdown-ae7b7c69-C61VnAKy.js";
2
- import { r as u, h as i, g as I, c as M, a as b, F as O } from "./index-ea7720e4-FqoOOnHW.js";
3
- import { t as P, T as N, P as $, a as W, b as m, c as z, r as v, g as L, d as p } from "./player-elevate-card-items-9d490a3b-BxciIvXh.js";
4
- const U = (e, t) => new Promise((a) => {
1
+ var b = (e, t, a) => new Promise((n, r) => {
2
+ var l = (s) => {
3
+ try {
4
+ o(a.next(s));
5
+ } catch (v) {
6
+ r(v);
7
+ }
8
+ }, d = (s) => {
9
+ try {
10
+ o(a.throw(s));
11
+ } catch (v) {
12
+ r(v);
13
+ }
14
+ }, o = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(l, d);
15
+ o((a = a.apply(e, t)).next());
16
+ });
17
+ import { G as pe } from "./gamification-dropdown-ae7b7c69-DHIEd3U5.js";
18
+ import { r as u, h as i, g as P, c as O, a as m, F as N } from "./index-ea7720e4-q-tkv4M2.js";
19
+ import { t as k, T as $, P as W, a as z, b as L, c as U, r as p, g as E, d as h } from "./player-elevate-card-items-9d490a3b-BaYWiFCE.js";
20
+ const q = (e, t) => new Promise((a) => {
5
21
  fetch(e).then((n) => n.json()).then((n) => {
6
22
  Object.keys(n).forEach((r) => {
7
23
  t[r] = t[r] ? t[r] : {};
@@ -9,7 +25,7 @@ const U = (e, t) => new Promise((a) => {
9
25
  t[r][l] = n[r][l];
10
26
  }), a(!0);
11
27
  });
12
- }), q = ":host{display:block}", F = q, H = class {
28
+ }), F = ":host{display:block}", H = F, j = class {
13
29
  constructor(e) {
14
30
  u(this, e), this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.stylingAppends = !1, this.setClientStyling = () => {
15
31
  let t = document.createElement("style");
@@ -28,38 +44,40 @@ const U = (e, t) => new Promise((a) => {
28
44
  componentDidRender() {
29
45
  this.stylingAppends || (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.stylingAppends = !0);
30
46
  }
31
- async componentWillLoad() {
32
- const e = [];
33
- if (this.translationUrl) {
34
- const t = U(this.translationUrl, this.targetTranslations);
35
- e.push(t);
36
- }
37
- return await Promise.all(e);
47
+ componentWillLoad() {
48
+ return b(this, null, function* () {
49
+ const e = [];
50
+ if (this.translationUrl) {
51
+ const t = q(this.translationUrl, this.targetTranslations);
52
+ e.push(t);
53
+ }
54
+ return yield Promise.all(e);
55
+ });
38
56
  }
39
57
  render() {
40
58
  return i("div", { key: "4d3414408c7662f88331dbe655966237f74d6958", class: "StyleShell" }, i("slot", { key: "1d004644d84602c4314bdf5dfc26b55b160f57df", name: "mainContent" }));
41
59
  }
42
60
  get el() {
43
- return I(this);
61
+ return P(this);
44
62
  }
45
63
  };
46
- H.style = F;
47
- function E(e) {
48
- v(1, arguments);
49
- var t = p(e);
64
+ j.style = H;
65
+ function w(e) {
66
+ p(1, arguments);
67
+ var t = h(e);
50
68
  return t.setHours(0, 0, 0, 0), t;
51
69
  }
52
- var j = 864e5;
53
- function G(e, t) {
54
- v(2, arguments);
55
- var a = E(e), n = E(t), r = a.getTime() - L(a), l = n.getTime() - L(n);
56
- return Math.round((r - l) / j);
70
+ var G = 864e5;
71
+ function X(e, t) {
72
+ p(2, arguments);
73
+ var a = w(e), n = w(t), r = a.getTime() - E(a), l = n.getTime() - E(n);
74
+ return Math.round((r - l) / G);
57
75
  }
58
- var X = 6e4, K = 36e5;
59
- function k(e, t) {
60
- return v(2, arguments), p(e).getTime() - p(t).getTime();
76
+ var K = 6e4, Y = 36e5;
77
+ function C(e, t) {
78
+ return p(2, arguments), h(e).getTime() - h(t).getTime();
61
79
  }
62
- var w = {
80
+ var I = {
63
81
  ceil: Math.ceil,
64
82
  round: Math.round,
65
83
  floor: Math.floor,
@@ -67,32 +85,32 @@ var w = {
67
85
  return t < 0 ? Math.ceil(t) : Math.floor(t);
68
86
  }
69
87
  // Math.trunc is not supported by IE
70
- }, Y = "trunc";
71
- function C(e) {
72
- return e ? w[e] : w[Y];
73
- }
74
- function J(e, t, a) {
75
- v(2, arguments);
76
- var n = k(e, t) / K;
77
- return C(a?.roundingMethod)(n);
88
+ }, J = "trunc";
89
+ function S(e) {
90
+ return e ? I[e] : I[J];
78
91
  }
79
92
  function Q(e, t, a) {
80
- v(2, arguments);
81
- var n = k(e, t) / X;
82
- return C(a?.roundingMethod)(n);
93
+ p(2, arguments);
94
+ var n = C(e, t) / Y;
95
+ return S(a == null ? void 0 : a.roundingMethod)(n);
83
96
  }
84
- function V(e, t) {
85
- v(2, arguments);
86
- var a = p(e), n = p(t);
87
- return a.getTime() < n.getTime();
97
+ function V(e, t, a) {
98
+ p(2, arguments);
99
+ var n = C(e, t) / K;
100
+ return S(a == null ? void 0 : a.roundingMethod)(n);
88
101
  }
89
102
  function Z(e, t) {
90
- const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, s = t > 1 ? 1 : t, d = s * l - n < 0 ? 0 : s * l - n, c = e.querySelector("#current_level"), h = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
91
- a.setAttribute("viewbox", `0 0 ${d} 28`), c.setAttribute("width", `${d}`), g.setAttribute("cx", `${d < r ? r : d}`), h.setAttribute("x", `${d - 8}`);
92
- const y = e.querySelector("#lock"), S = e.querySelector("#filter_heart_ball"), T = e.querySelector("#filter_ball"), A = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), D = e.querySelector("#lock_box"), _ = e.querySelector("#heart_box"), R = 10, o = l - R;
93
- y.setAttribute("cx", `${o}`), x.setAttribute("x1", `${o}`), x.setAttribute("x2", `${o}`), f.setAttribute("x1", `${o - 6}`), f.setAttribute("x2", `${o - 6 + 11.2}`), B.setAttribute("x", `${o - 6}`), A.setAttribute("x", `${o - 6 - 2}`), T.setAttribute("x", `${o - 6 - 2 - 2}`), S.setAttribute("x", `${o - 6 - 2 - 2 - 4}`), D.setAttribute("x", `${o - 6}`), _.setAttribute("x", `${o - 6}`), a.parentElement.style.opacity = "1";
103
+ p(2, arguments);
104
+ var a = h(e), n = h(t);
105
+ return a.getTime() < n.getTime();
106
+ }
107
+ function ee(e, t) {
108
+ const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, d = t > 1 ? 1 : t, o = d * l - n < 0 ? 0 : d * l - n, s = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
109
+ a.setAttribute("viewbox", `0 0 ${o} 28`), s.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < r ? r : o}`), v.setAttribute("x", `${o - 8}`);
110
+ const y = e.querySelector("#lock"), T = e.querySelector("#filter_heart_ball"), A = e.querySelector("#filter_ball"), B = e.querySelector("#filter_heart"), D = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), _ = e.querySelector("#lock_box"), R = e.querySelector("#heart_box"), M = 10, c = l - M;
111
+ y.setAttribute("cx", `${c}`), x.setAttribute("x1", `${c}`), x.setAttribute("x2", `${c}`), f.setAttribute("x1", `${c - 6}`), f.setAttribute("x2", `${c - 6 + 11.2}`), D.setAttribute("x", `${c - 6}`), B.setAttribute("x", `${c - 6 - 2}`), A.setAttribute("x", `${c - 6 - 2 - 2}`), T.setAttribute("x", `${c - 6 - 2 - 2 - 4}`), _.setAttribute("x", `${c - 6}`), R.setAttribute("x", `${c - 6}`), a.parentElement.style.opacity = "1";
94
112
  }
95
- const ee = `:host {
113
+ const te = `:host {
96
114
  display: block;
97
115
  width: 360px;
98
116
  height: 230px;
@@ -283,9 +301,9 @@ const ee = `:host {
283
301
  text-align: right;
284
302
  font-weight: bold;
285
303
  color: var(--emw--color-red, #9e595f);
286
- }`, te = ee, ne = class {
304
+ }`, ne = te, ae = class {
287
305
  constructor(e) {
288
- u(this, e), this.playerElevateLeveLoaded = M(this, "playerElevateLeveLoaded");
306
+ u(this, e), this.playerElevateLeveLoaded = O(this, "playerElevateLeveLoaded");
289
307
  }
290
308
  handleWindowResizs() {
291
309
  this.initLevelProgressbar();
@@ -313,10 +331,10 @@ const ee = `:host {
313
331
  let t = "";
314
332
  if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
315
333
  return t;
316
- e.aboutToExpire.sort((d, c) => V(new Date(d.expireTime), new Date(c.expireTime)) ? -1 : 1);
317
- const a = e.aboutToExpire[0], n = G(new Date(a.expireTime), /* @__PURE__ */ new Date());
318
- let r = 0, l = 0, s = n === 0 ? "pointsToBeExpiredDay" : "pointsToBeExpired";
319
- return n <= 0 && (r = J(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = r > 1 ? "pointsToBeExpiredHours" : "pointsToBeExpiredHour", r <= 0 && (l = Q(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = l > 1 ? "pointsToBeExpiredMinutes" : "pointsToBeExpiredMinute")), t = P(s, {
334
+ e.aboutToExpire.sort((o, s) => Z(new Date(o.expireTime), new Date(s.expireTime)) ? -1 : 1);
335
+ const a = e.aboutToExpire[0], n = X(new Date(a.expireTime), /* @__PURE__ */ new Date());
336
+ let r = 0, l = 0, d = n === 0 ? "pointsToBeExpiredDay" : "pointsToBeExpired";
337
+ return n <= 0 && (r = Q(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), d = r > 1 ? "pointsToBeExpiredHours" : "pointsToBeExpiredHour", r <= 0 && (l = V(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), d = l > 1 ? "pointsToBeExpiredMinutes" : "pointsToBeExpiredMinute")), t = k(d, {
320
338
  expirationPoints: a.points,
321
339
  expireDay: Math.max(n, r, l)
322
340
  }), t;
@@ -330,19 +348,19 @@ const ee = `:host {
330
348
  "Content-Type": "application/json"
331
349
  }
332
350
  }).then((n) => n.json()).then((n) => {
333
- var r, l, s;
351
+ var r, l, d;
334
352
  if (!n.success) {
335
353
  console.error("Exception when fetch user elevateinfo, ", n.errorCode, n.errorMessage), a(!0);
336
354
  return;
337
355
  }
338
- let d = n.data;
339
- this.playerElevateLevel = d.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((r = d.spendableWallet) === null || r === void 0 ? void 0 : r.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
340
- const c = (l = n.data.spendableWallet) === null || l === void 0 ? void 0 : l.total, h = (s = n.data.loyaltyWallet) === null || s === void 0 ? void 0 : s.total;
356
+ let o = n.data;
357
+ this.playerElevateLevel = o.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((r = o.spendableWallet) === null || r === void 0 ? void 0 : r.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
358
+ const s = (l = n.data.spendableWallet) === null || l === void 0 ? void 0 : l.total, v = (d = n.data.loyaltyWallet) === null || d === void 0 ? void 0 : d.total;
341
359
  this.playerElevateLeveLoaded.emit({
342
- elevateLevelWalletTotal: c,
343
- loyaltyWalletTotal: h
360
+ elevateLevelWalletTotal: s,
361
+ loyaltyWalletTotal: v
344
362
  });
345
- let g = this.calcuatePointsToBeExpired(c), y = this.calcuatePointsToBeExpired(h);
363
+ let g = this.calcuatePointsToBeExpired(s), y = this.calcuatePointsToBeExpired(v);
346
364
  (g || y) && this.playerElevateLeveLoaded.emit({
347
365
  pointExpireString: g,
348
366
  xpExpireString: y
@@ -352,7 +370,7 @@ const ee = `:host {
352
370
  }));
353
371
  }
354
372
  setLoyaltyProgress(e) {
355
- Z(this.loyaltyProgressEle, e);
373
+ ee(this.loyaltyProgressEle, e);
356
374
  }
357
375
  initLevelProgressbar() {
358
376
  setTimeout(() => {
@@ -383,7 +401,7 @@ const ee = `:host {
383
401
  this.loadElevateInfo();
384
402
  }
385
403
  get elevateCardRef() {
386
- return I(this);
404
+ return P(this);
387
405
  }
388
406
  static get watchers() {
389
407
  return {
@@ -391,8 +409,8 @@ const ee = `:host {
391
409
  };
392
410
  }
393
411
  };
394
- ne.style = te;
395
- const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", re = ae, le = class {
412
+ ae.style = ne;
413
+ const re = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", le = re, ie = class {
396
414
  constructor(e) {
397
415
  u(this, e), this.theme = "Dark", this.language = "en", this.dateFormat = "yyyy-MM-dd", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "";
398
416
  }
@@ -421,7 +439,7 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
421
439
  let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
422
440
  if (this.playerElevateLevel && t) {
423
441
  const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
424
- return P("tipsForNextLevel", {
442
+ return k("tipsForNextLevel", {
425
443
  pointsToReach: a,
426
444
  levelName: t.name,
427
445
  lang: this.language
@@ -430,8 +448,8 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
430
448
  return "";
431
449
  }
432
450
  render() {
433
- const e = b("../static/card-ground.svg"), t = b("../static/card-ground-over.svg");
434
- return i("div", { key: "2b0944f8317a94621e1bc65bbbb3726654b8963b", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "c6d4dbba143435b4485d7fde91ab0a48a2f6688b", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "e47a4efe925eb35d4449c6ff33a0afef9d284e55", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: N, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "a560991893305894ddd41756cd7b3c32d0ef9e03", params: this.paramProxy }), i("div", { key: "ceb8b71386f84f54518a3694535aa16c2c3d3951", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "1df9647c3de42e74adee0f8895511442118ae381", class: "Content Row" }, this.playerElevateLevel && i(O, { key: "569bcd5fc3c578d2e6cc7442d28444e29688660c" }, i("div", { key: "aa40032bff99c5462b906e4427232ca2d4019017", class: "PlayerImg" }, i($, { key: "7a2d535b0c2029c90b9f1c123f9feebafca6bdde", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "90999da8fc2a3102eac235fcbc8afbec2a2bbdf8", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(W, { key: "67e8bf370b1b77e776fb6d955ae63928fd1338d8", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "1e0fefc6a23f4aeeef5e19828399fe1229a3fc81", class: "PointsRange" }, i(m, { key: "dd176e624cde3b6f517101d7702a15465305174d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(m, { key: "6cddb64c92545803d08fbbc513cc951b2691a42e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(z, { key: "08817ca979ea784aeb735579b0d52e5150eb0852" }), i("div", { key: "be9a1b40a8145d5e6d329d8e9f047296e84dd24b", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "f9cbb7d06e34717cb9f74cb8d2e506e49969e775", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
451
+ const e = m("../static/card-ground.svg"), t = m("../static/card-ground-over.svg");
452
+ return i("div", { key: "2b0944f8317a94621e1bc65bbbb3726654b8963b", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "c6d4dbba143435b4485d7fde91ab0a48a2f6688b", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "e47a4efe925eb35d4449c6ff33a0afef9d284e55", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: $, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "a560991893305894ddd41756cd7b3c32d0ef9e03", params: this.paramProxy }), i("div", { key: "ceb8b71386f84f54518a3694535aa16c2c3d3951", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "1df9647c3de42e74adee0f8895511442118ae381", class: "Content Row" }, this.playerElevateLevel && i(N, { key: "569bcd5fc3c578d2e6cc7442d28444e29688660c" }, i("div", { key: "aa40032bff99c5462b906e4427232ca2d4019017", class: "PlayerImg" }, i(W, { key: "7a2d535b0c2029c90b9f1c123f9feebafca6bdde", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "90999da8fc2a3102eac235fcbc8afbec2a2bbdf8", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(z, { key: "67e8bf370b1b77e776fb6d955ae63928fd1338d8", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "1e0fefc6a23f4aeeef5e19828399fe1229a3fc81", class: "PointsRange" }, i(L, { key: "dd176e624cde3b6f517101d7702a15465305174d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(L, { key: "6cddb64c92545803d08fbbc513cc951b2691a42e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(U, { key: "08817ca979ea784aeb735579b0d52e5150eb0852" }), i("div", { key: "be9a1b40a8145d5e6d329d8e9f047296e84dd24b", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "f9cbb7d06e34717cb9f74cb8d2e506e49969e775", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
435
453
  }
436
454
  static get watchers() {
437
455
  return {
@@ -441,10 +459,10 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
441
459
  };
442
460
  }
443
461
  };
444
- le.style = re;
462
+ ie.style = le;
445
463
  export {
446
- ce as gamification_dropdown,
447
- H as general_styling_wrapper,
448
- ne as player_elevate_card_data,
449
- le as player_elevate_loyaltycard
464
+ pe as gamification_dropdown,
465
+ j as general_styling_wrapper,
466
+ ae as player_elevate_card_data,
467
+ ie as player_elevate_loyaltycard
450
468
  };
@@ -0,0 +1 @@
1
+ "use strict";var Ie=Object.defineProperty;var re=Object.getOwnPropertySymbols;var ze=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable;var le=(e,t,s)=>t in e?Ie(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,ie=(e,t)=>{for(var s in t||(t={}))ze.call(t,s)&&le(e,s,t[s]);if(re)for(var s of re(t))Ce.call(t,s)&&le(e,s,t[s]);return e};var H=(e,t,s)=>new Promise((n,r)=>{var i=c=>{try{l(s.next(c))}catch($){r($)}},o=c=>{try{l(s.throw(c))}catch($){r($)}},l=c=>c.done?n(c.value):Promise.resolve(c.value).then(i,o);l((s=s.apply(e,t)).next())});const qe="gamification-dropdown",U={allRenderFn:!1,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!1,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!1,mode:!1,modernPropertyDecls:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!1,propMutable:!1,propNumber:!1,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!1,watchCallback:!0};var Fe=Object.defineProperty,Be=(e,t)=>{for(var s in t)Fe(e,s,{get:t[s],enumerable:!0})},We="http://www.w3.org/2000/svg",Ge="http://www.w3.org/1999/xhtml",Z=new WeakMap,L=e=>Z.get(e),Xe=(e,t)=>{Z.set(t.$lazyInstance$=e,t)},Ye=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return s.$onReadyPromise$=new Promise(r=>s.$onReadyResolve$=r),e["s-p"]=[],e["s-rc"]=[],Z.set(e,s)},ae=(e,t)=>t in e,_=(e,t)=>(0,console.error)(e,t),G=new Map,Qe=(e,t,s)=>{const n=e.$tagName$.replace(/-/g,"_"),r=e.$lazyBundleId$;if(!r)return;const i=G.get(r);if(i)return i[n];{const o=l=>(G.set(r,l),l[n]);switch(r){case"gamification-dropdown_4":return Promise.resolve().then(()=>require("./gamification-dropdown_4-DIRJt3N_.cjs")).then(o,_);case"player-elevate-card":return Promise.resolve().then(()=>require("./player-elevate-card-DA96MB5K.cjs")).then(o,_);case"player-elevate-pointcard":return Promise.resolve().then(()=>require("./player-elevate-pointcard-B7l2JzLx.cjs")).then(o,_)}}return import(`./${r}.entry.js`).then(o=>(G.set(r,o),o[n]),o=>{_(o,t.$hostElement$)})},z=new Map,Ke="sty-id",Me="{visibility:hidden}.hydrated{visibility:inherit}",pe="slot-fb{display:contents}slot-fb[hidden]{display:none}",O=typeof window!="undefined"?window:{},S=O.document||{head:{}},p={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,n)=>e.addEventListener(t,s,n),rel:(e,t,s,n)=>e.removeEventListener(t,s,n),ce:(e,t)=>new CustomEvent(e,t)},Je=(()=>{let e=!1;try{S.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(t){}return e})(),ge=e=>Promise.resolve(e),ve=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch(e){}return!1})(),Y=!1,oe=[],ye=[],Ne=(e,t)=>s=>{e.push(s),Y||(Y=!0,p.$flags$&4?V(Q):p.raf(Q))},$e=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(s){_(s)}e.length=0},Q=()=>{$e(oe),$e(ye),(Y=oe.length>0)&&p.raf(Q)},V=e=>ge().then(e),Ze=Ne(ye),Ve=e=>{const t=new URL(e,p.$resourcesUrl$);return t.origin!==O.location.origin?t.href:t.pathname},ee=e=>(e=typeof e,e==="object"||e==="function");function Se(e){var t,s,n;return(n=(s=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:s.getAttribute("content"))!=null?n:void 0}var et={};Be(et,{err:()=>ke,map:()=>tt,ok:()=>K,unwrap:()=>st,unwrapErr:()=>nt});var K=e=>({isOk:!0,isErr:!1,value:e}),ke=e=>({isOk:!1,isErr:!0,value:e});function tt(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then(n=>K(n)):K(s)}if(e.isErr){const s=e.value;return ke(s)}throw"should never get here"}var st=e=>{if(e.isOk)return e.value;throw e.value},nt=e=>{if(e.isErr)return e.value;throw e.value},me=e=>{const t=e.__childNodes||e.childNodes;e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"&&Ee(t,e.tagName).forEach(s=>{var n;s.nodeType===1&&s.tagName==="SLOT-FB"&&((n=rt(s,s["s-sn"],!1))!=null&&n.length?s.hidden=!0:s.hidden=!1)});for(const s of t)s.nodeType===1&&(s.__childNodes||s.childNodes).length&&me(s)};function Ee(e,t,s){let n=0,r=[],i;for(;n<e.length;n++)i=e[n],i["s-sr"]&&i["s-hn"]===t&&s===void 0&&r.push(i),r=[...r,...Ee(i.childNodes,t,s)];return r}var rt=(e,t,s=!0)=>{const n=[];for((s&&e["s-sr"]||!e["s-sr"])&&n.push(e);(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},ce=(e,t)=>e.nodeType===1?e.getAttribute("slot")===null&&t===""||e.getAttribute("slot")===t:e["s-sn"]===t?!0:t==="",x=(e,t="")=>()=>{},lt=(e,t)=>()=>{},te=(e,t,...s)=>{let n=null,r=null,i=null,o=!1,l=!1;const c=[],$=d=>{for(let a=0;a<d.length;a++)n=d[a],Array.isArray(n)?$(n):n!=null&&typeof n!="boolean"&&((o=typeof e!="function"&&!ee(n))&&(n=String(n)),o&&l?c[c.length-1].$text$+=n:c.push(o?C(null,n):n),l=o)};if($(s),t){t.key&&(r=t.key),t.name&&(i=t.name);{const d=t.className||t.class;d&&(t.class=typeof d!="object"?d:Object.keys(d).filter(a=>d[a]).join(" "))}}if(typeof e=="function")return e(t===null?{}:t,c,ot);const f=C(e,null);return f.$attrs$=t,c.length>0&&(f.$children$=c),f.$key$=r,f.$name$=i,f},C=(e,t)=>{const s={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s.$name$=null,s},it={},at=e=>e&&e.$tag$===it,ot={forEach:(e,t)=>e.map(fe).forEach(t),map:(e,t)=>e.map(fe).map(t).map($t)},fe=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),$t=e=>{if(typeof e.vtag=="function"){const s=ie({},e.vattrs);return e.vkey&&(s.key=e.vkey),e.vname&&(s.name=e.vname),te(e.vtag,s,...e.vchildren||[])}const t=C(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},M=(e,t)=>e!=null&&!ee(e)&&t&1?String(e):e,Te=e=>L(e).$hostElement$,ct=(e,t,s)=>{const n=Te(e);return{emit:r=>Le(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:r})}},Le=(e,t,s)=>{const n=p.ce(t,s);return e.dispatchEvent(n),n},A=new WeakMap,ft=(e,t,s)=>{let n=z.get(e);ve&&s?(n=n||new CSSStyleSheet,typeof n=="string"?n=t:n.replaceSync(t)):n=t,z.set(e,n)},dt=(e,t,s)=>{var n;const r=_e(t),i=z.get(r);if(e=e.nodeType===11?e:S,i)if(typeof i=="string"){e=e.head||e;let o=A.get(e),l;if(o||A.set(e,o=new Set),!o.has(r)){{l=document.querySelector(`[${Ke}="${r}"]`)||S.createElement("style"),l.innerHTML=i;const c=(n=p.$nonce$)!=null?n:Se(S);if(c!=null&&l.setAttribute("nonce",c),!(t.$flags$&1))if(e.nodeName==="HEAD"){const $=e.querySelectorAll("link[rel=preconnect]"),f=$.length>0?$[$.length-1].nextSibling:e.querySelector("style");e.insertBefore(l,(f==null?void 0:f.parentNode)===e?f:null)}else if("host"in e)if(ve){const $=new CSSStyleSheet;$.replaceSync(i),e.adoptedStyleSheets=[$,...e.adoptedStyleSheets]}else{const $=e.querySelector("style");$?$.innerHTML=i+$.innerHTML:e.prepend(l)}else e.append(l);t.$flags$&1&&e.nodeName!=="HEAD"&&e.insertBefore(l,null)}t.$flags$&4&&(l.innerHTML+=pe),o&&o.add(r)}}else e.adoptedStyleSheets.includes(i)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]);return r},ut=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,n=t.$flags$,r=x("attachStyles",t.$tagName$),i=dt(s.shadowRoot?s.shadowRoot:s.getRootNode(),t);n&10&&n&2&&(s["s-sc"]=i,s.classList.add(i+"-h")),r()},_e=(e,t)=>"sc-"+e.$tagName$,de=(e,t,s,n,r,i,o)=>{if(s!==n){let l=ae(e,t),c=t.toLowerCase();if(t==="class"){const $=e.classList,f=ue(s);let d=ue(n);$.remove(...f.filter(a=>a&&!d.includes(a))),$.add(...d.filter(a=>a&&!f.includes(a)))}else if(t==="style"){for(const $ in s)(!n||n[$]==null)&&($.includes("-")?e.style.removeProperty($):e.style[$]="");for(const $ in n)(!s||n[$]!==s[$])&&($.includes("-")?e.style.setProperty($,n[$]):e.style[$]=n[$])}else if(t!=="key")if(t==="ref")n&&n(e);else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"?t=t.slice(3):ae(O,c)?t=c.slice(2):t=c[2]+t.slice(3),s||n){const $=t.endsWith(be);t=t.replace(pt,""),s&&p.rel(e,t,s,$),n&&p.ael(e,t,n,$)}}else{const $=ee(n);if((l||$&&n!==null)&&!r)try{if(e.tagName.includes("-"))e[t]!==n&&(e[t]=n);else{const f=n==null?"":n;t==="list"?l=!1:(s==null||e[t]!=f)&&(typeof e.__lookupSetter__(t)=="function"?e[t]=f:e.setAttribute(t,f))}}catch(f){}n==null||n===!1?(n!==!1||e.getAttribute(t)==="")&&e.removeAttribute(t):(!l||i&4||r)&&!$&&(n=n===!0?"":n,e.setAttribute(t,n))}}},ht=/\s/,ue=e=>(typeof e=="object"&&e&&"baseVal"in e&&(e=e.baseVal),!e||typeof e!="string"?[]:e.split(ht)),be="Capture",pt=new RegExp(be+"$"),xe=(e,t,s,n)=>{const r=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,i=e&&e.$attrs$||{},o=t.$attrs$||{};for(const l of he(Object.keys(i)))l in o||de(r,l,i[l],void 0,s,t.$flags$);for(const l of he(Object.keys(o)))de(r,l,i[l],o[l],s,t.$flags$)};function he(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var J,W,q=!1,F=!1,se=!1,m=!1,B=(e,t,s)=>{var n;const r=t.$children$[s];let i=0,o,l,c;if(q||(se=!0,r.$tag$==="slot"&&(r.$flags$|=r.$children$?2:1)),r.$text$!==null)o=r.$elm$=S.createTextNode(r.$text$);else if(r.$flags$&1)o=r.$elm$=S.createTextNode("");else{if(m||(m=r.$tag$==="svg"),o=r.$elm$=S.createElementNS(m?We:Ge,!q&&U.slotRelocation&&r.$flags$&2?"slot-fb":r.$tag$),m&&r.$tag$==="foreignObject"&&(m=!1),xe(null,r,m),r.$children$)for(i=0;i<r.$children$.length;++i)l=B(e,r,i),l&&o.appendChild(l);r.$tag$==="svg"?m=!1:o.tagName==="foreignObject"&&(m=!0)}return o["s-hn"]=W,r.$flags$&3&&(o["s-sr"]=!0,o["s-cr"]=J,o["s-sn"]=r.$name$||"",o["s-rf"]=(n=r.$attrs$)==null?void 0:n.ref,c=e&&e.$children$&&e.$children$[s],c&&c.$tag$===r.$tag$&&e.$elm$&&R(e.$elm$,!1)),o},R=(e,t)=>{p.$flags$|=1;const s=Array.from(e.__childNodes||e.childNodes);e["s-sr"]&&U.experimentalSlotFixes;for(let n=s.length-1;n>=0;n--){const r=s[n];r["s-hn"]!==W&&r["s-ol"]&&(w(j(r).parentNode,r,j(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,se=!0),t&&R(r,t)}p.$flags$&=-2},we=(e,t,s,n,r,i)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e,l;for(o.shadowRoot&&o.tagName===W&&(o=o.shadowRoot);r<=i;++r)n[r]&&(l=B(null,s,r),l&&(n[r].$elm$=l,w(o,l,j(t))))},Pe=(e,t,s)=>{for(let n=t;n<=s;++n){const r=e[n];if(r){const i=r.$elm$;Oe(r),i&&(F=!0,i["s-ol"]?i["s-ol"].remove():R(i,!0),i.remove())}}},gt=(e,t,s,n,r=!1)=>{let i=0,o=0,l=0,c=0,$=t.length-1,f=t[0],d=t[$],a=n.length-1,u=n[0],h=n[a],g,k;for(;i<=$&&o<=a;)if(f==null)f=t[++i];else if(d==null)d=t[--$];else if(u==null)u=n[++o];else if(h==null)h=n[--a];else if(I(f,u,r))P(f,u,r),f=t[++i],u=n[++o];else if(I(d,h,r))P(d,h,r),d=t[--$],h=n[--a];else if(I(f,h,r))(f.$tag$==="slot"||h.$tag$==="slot")&&R(f.$elm$.parentNode,!1),P(f,h,r),w(e,f.$elm$,d.$elm$.nextSibling),f=t[++i],h=n[--a];else if(I(d,u,r))(f.$tag$==="slot"||h.$tag$==="slot")&&R(d.$elm$.parentNode,!1),P(d,u,r),w(e,d.$elm$,f.$elm$),d=t[--$],u=n[++o];else{for(l=-1,c=i;c<=$;++c)if(t[c]&&t[c].$key$!==null&&t[c].$key$===u.$key$){l=c;break}l>=0?(k=t[l],k.$tag$!==u.$tag$?g=B(t&&t[o],s,l):(P(k,u,r),t[l]=void 0,g=k.$elm$),u=n[++o]):(g=B(t&&t[o],s,o),u=n[++o]),g&&w(j(f.$elm$).parentNode,g,j(f.$elm$))}i>$?we(e,n[a+1]==null?null:n[a+1].$elm$,s,n,o,a):o>a&&Pe(t,i,$)},I=(e,t,s=!1)=>e.$tag$===t.$tag$?e.$tag$==="slot"?e.$name$===t.$name$:s?(s&&!e.$key$&&t.$key$&&(e.$key$=t.$key$),!0):e.$key$===t.$key$:!1,j=e=>e&&e["s-ol"]||e,P=(e,t,s=!1)=>{const n=t.$elm$=e.$elm$,r=e.$children$,i=t.$children$,o=t.$tag$,l=t.$text$;let c;l===null?(m=o==="svg"?!0:o==="foreignObject"?!1:m,o==="slot"&&!q||xe(e,t,m),r!==null&&i!==null?gt(n,r,t,i,s):i!==null?(e.$text$!==null&&(n.textContent=""),we(n,null,t,i,0,i.length-1)):!s&&U.updatable&&r!==null&&Pe(r,0,r.length-1),m&&o==="svg"&&(m=!1)):(c=n["s-cr"])?c.parentNode.textContent=l:e.$text$!==l&&(n.data=l)},b=[],Ae=e=>{let t,s,n;const r=e.__childNodes||e.childNodes;for(const i of r){if(i["s-sr"]&&(t=i["s-cr"])&&t.parentNode){s=t.parentNode.__childNodes||t.parentNode.childNodes;const o=i["s-sn"];for(n=s.length-1;n>=0;n--)if(t=s[n],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==i["s-hn"])if(ce(t,o)){let l=b.find(c=>c.$nodeToRelocate$===t);F=!0,t["s-sn"]=t["s-sn"]||o,l?(l.$nodeToRelocate$["s-sh"]=i["s-hn"],l.$slotRefNode$=i):(t["s-sh"]=i["s-hn"],b.push({$slotRefNode$:i,$nodeToRelocate$:t})),t["s-sr"]&&b.map(c=>{ce(c.$nodeToRelocate$,t["s-sn"])&&(l=b.find($=>$.$nodeToRelocate$===t),l&&!c.$slotRefNode$&&(c.$slotRefNode$=l.$slotRefNode$))})}else b.some(l=>l.$nodeToRelocate$===t)||b.push({$nodeToRelocate$:t})}i.nodeType===1&&Ae(i)}},Oe=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(Oe)},w=(e,t,s)=>e==null?void 0:e.insertBefore(t,s),vt=(e,t,s=!1)=>{var n,r,i,o;const l=e.$hostElement$,c=e.$cmpMeta$,$=e.$vnode$||C(null,null),f=at(t)?t:te(null,null,t);if(W=l.tagName,c.$attrsToReflect$&&(f.$attrs$=f.$attrs$||{},c.$attrsToReflect$.map(([d,a])=>f.$attrs$[a]=l[d])),s&&f.$attrs$)for(const d of Object.keys(f.$attrs$))l.hasAttribute(d)&&!["key","ref","style","class"].includes(d)&&(f.$attrs$[d]=l[d]);f.$tag$=null,f.$flags$|=4,e.$vnode$=f,f.$elm$=$.$elm$=l.shadowRoot||l,q=(c.$flags$&1)!==0,J=l["s-cr"],F=!1,P($,f,s);{if(p.$flags$|=1,se){Ae(f.$elm$);for(const d of b){const a=d.$nodeToRelocate$;if(!a["s-ol"]){const u=S.createTextNode("");u["s-nr"]=a,w(a.parentNode,a["s-ol"]=u,a)}}for(const d of b){const a=d.$nodeToRelocate$,u=d.$slotRefNode$;if(u){const h=u.parentNode;let g=u.nextSibling;{let E=(n=a["s-ol"])==null?void 0:n.previousSibling;for(;E;){let y=(r=E["s-nr"])!=null?r:null;if(y&&y["s-sn"]===a["s-sn"]&&h===(y.__parentNode||y.parentNode)){for(y=y.nextSibling;y===a||y!=null&&y["s-sr"];)y=y==null?void 0:y.nextSibling;if(!y||!y["s-nr"]){g=y;break}}E=E.previousSibling}}const k=a.__parentNode||a.parentNode,v=a.__nextSibling||a.nextSibling;(!g&&h!==k||v!==g)&&a!==g&&(!a["s-hn"]&&a["s-ol"]&&(a["s-hn"]=a["s-ol"].parentNode.nodeName),w(h,a,g),a.nodeType===1&&a.tagName!=="SLOT-FB"&&(a.hidden=(i=a["s-ih"])!=null?i:!1)),a&&typeof u["s-rf"]=="function"&&u["s-rf"](a)}else a.nodeType===1&&(s&&(a["s-ih"]=(o=a.hidden)!=null?o:!1),a.hidden=!0)}}F&&me(f.$elm$),p.$flags$&=-2,b.length=0}J=void 0},Re=(e,t)=>{if(t&&!e.$onRenderResolve$&&t["s-p"]){const s=t["s-p"].push(new Promise(n=>e.$onRenderResolve$=()=>{t["s-p"].splice(s-1,1),n()}))}},ne=(e,t)=>{if(e.$flags$|=16,e.$flags$&4){e.$flags$|=512;return}return Re(e,e.$ancestorComponent$),Ze(()=>yt(e,t))},yt=(e,t)=>{const s=e.$hostElement$,n=x("scheduleUpdate",e.$cmpMeta$.$tagName$),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let i;return t&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([o,l])=>N(r,o,l,s)),e.$queuedListeners$=void 0),i=N(r,"componentWillLoad",void 0,s)),n(),St(i,()=>mt(e,r,t))},St=(e,t)=>kt(e)?e.then(t).catch(s=>{console.error(s),t()}):t(),kt=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",mt=(e,t,s)=>H(exports,null,function*(){var n;const r=e.$hostElement$,i=x("update",e.$cmpMeta$.$tagName$),o=r["s-rc"];s&&ut(e);const l=x("render",e.$cmpMeta$.$tagName$);Et(e,t,r,s),o&&(o.map(c=>c()),r["s-rc"]=void 0),l(),i();{const c=(n=r["s-p"])!=null?n:[],$=()=>Tt(e);c.length===0?$():(Promise.all(c).then($),e.$flags$|=4,c.length=0)}}),Et=(e,t,s,n)=>{try{t=t.render&&t.render(),e.$flags$&=-17,e.$flags$|=2,vt(e,t,n)}catch(r){_(r,e.$hostElement$)}return null},Tt=e=>{const t=e.$cmpMeta$.$tagName$,s=e.$hostElement$,n=x("postUpdate",t),r=e.$lazyInstance$,i=e.$ancestorComponent$;N(r,"componentDidRender",void 0,s),e.$flags$&64?n():(e.$flags$|=64,Ue(s),n(),e.$onReadyResolve$(s),i||je()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&V(()=>ne(e,!1)),e.$flags$&=-517},je=e=>{Ue(S.documentElement),V(()=>Le(O,"appload",{detail:{namespace:qe}}))},N=(e,t,s,n)=>{if(e&&e[t])try{return e[t](s)}catch(r){_(r,n)}},Ue=e=>{var t;return e.classList.add((t=U.hydratedSelectorName)!=null?t:"hydrated")},Lt=(e,t)=>L(e).$instanceValues$.get(t),X=(e,t,s,n)=>{const r=L(e);if(!r)throw new Error(`Couldn't find host element for "${n.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,o=r.$instanceValues$.get(t),l=r.$flags$,c=r.$lazyInstance$;s=M(s,n.$members$[t][0]);const $=Number.isNaN(o)&&Number.isNaN(s),f=s!==o&&!$;if((!(l&8)||o===void 0)&&f&&(r.$instanceValues$.set(t,s),c)){if(n.$watchers$&&l&128){const d=n.$watchers$[t];d&&d.map(a=>{try{c[a](s,o,t)}catch(u){_(u,i)}})}(l&18)===2&&ne(r,!1)}},De=(e,t,s)=>{var n,r;const i=e.prototype;if(t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const o=Object.entries((n=t.$members$)!=null?n:{});if(o.map(([l,[c]])=>{if(c&31||s&2&&c&32){const{get:$,set:f}=Object.getOwnPropertyDescriptor(i,l)||{};$&&(t.$members$[l][0]|=2048),f&&(t.$members$[l][0]|=4096),(s&1||!$)&&Object.defineProperty(i,l,{get(){{if(!(t.$members$[l][0]&2048))return Lt(this,l);const d=L(this),a=d?d.$lazyInstance$:i;return a?a[l]:void 0}},configurable:!0,enumerable:!0}),Object.defineProperty(i,l,{set(d){const a=L(this);if(f){const u=c&32?this[l]:a.$hostElement$[l];typeof u=="undefined"&&a.$instanceValues$.get(l)?d=a.$instanceValues$.get(l):!a.$instanceValues$.get(l)&&u&&a.$instanceValues$.set(l,u),f.apply(this,[M(d,c)]),d=c&32?this[l]:a.$hostElement$[l],X(this,l,d,t);return}{if(!(s&1)||!(t.$members$[l][0]&4096)){X(this,l,d,t),s&1&&!a.$lazyInstance$&&a.$onReadyPromise$.then(()=>{t.$members$[l][0]&4096&&a.$lazyInstance$[l]!==a.$instanceValues$.get(l)&&(a.$lazyInstance$[l]=d)});return}const u=()=>{const h=a.$lazyInstance$[l];!a.$instanceValues$.get(l)&&h&&a.$instanceValues$.set(l,h),a.$lazyInstance$[l]=M(d,c),X(this,l,a.$lazyInstance$[l],t)};a.$lazyInstance$?u():a.$onReadyPromise$.then(()=>u())}}})}}),s&1){const l=new Map;i.attributeChangedCallback=function(c,$,f){p.jmp(()=>{var d;const a=l.get(c);if(this.hasOwnProperty(a)&&U.lazyLoad)f=this[a],delete this[a];else{if(i.hasOwnProperty(a)&&typeof this[a]=="number"&&this[a]==f)return;if(a==null){const h=L(this),g=h==null?void 0:h.$flags$;if(g&&!(g&8)&&g&128&&f!==$){const k=h.$lazyInstance$,v=(d=t.$watchers$)==null?void 0:d[c];v==null||v.forEach(E=>{k[E]!=null&&k[E].call(k,f,$,c)})}return}}const u=Object.getOwnPropertyDescriptor(i,a);f=f===null&&typeof this[a]=="boolean"?!1:f,f!==this[a]&&(!u.get||u.set)&&(this[a]=f)})},e.observedAttributes=Array.from(new Set([...Object.keys((r=t.$watchers$)!=null?r:{}),...o.filter(([c,$])=>$[0]&15).map(([c,$])=>{var f;const d=$[1]||c;return l.set(d,c),$[0]&512&&((f=t.$attrsToReflect$)==null||f.push([c,d])),d})]))}}return e},_t=(e,t,s,n)=>H(exports,null,function*(){let r;if(!(t.$flags$&32)){t.$flags$|=32;{const l=Qe(s,t);if(l&&"then"in l){const $=lt();r=yield l,$()}else r=l;if(!r)throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);r.isProxied||(s.$watchers$=r.watchers,De(r,s,2),r.isProxied=!0);const c=x("createInstance",s.$tagName$);t.$flags$|=8;try{new r(t)}catch($){_($,e)}t.$flags$&=-9,t.$flags$|=128,c()}if(r&&r.style){let l;typeof r.style=="string"&&(l=r.style);const c=_e(s);if(!z.has(c)){const $=x("registerStyles",s.$tagName$);ft(c,l,!!(s.$flags$&1)),$()}}}const i=t.$ancestorComponent$,o=()=>ne(t,!0);i&&i["s-rc"]?i["s-rc"].push(o):o()}),bt=(e,t)=>{},xt=e=>{if(!(p.$flags$&1)){const t=L(e),s=t.$cmpMeta$,n=x("connectedCallback",s.$tagName$);if(t.$flags$&1)He(e,t,s.$listeners$),t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>bt());else{t.$flags$|=1,s.$flags$&12&&wt(e);{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){Re(t,t.$ancestorComponent$=r);break}}s.$members$&&Object.entries(s.$members$).map(([r,[i]])=>{if(i&31&&e.hasOwnProperty(r)){const o=e[r];delete e[r],e[r]=o}}),_t(e,t,s)}n()}},wt=e=>{const t=e["s-cr"]=S.createComment("");t["s-cn"]=!0,w(e,t,e.firstChild)},Pt=(e,t)=>{},At=e=>H(exports,null,function*(){if(!(p.$flags$&1)){const t=L(e);t.$rmListeners$&&(t.$rmListeners$.map(s=>s()),t.$rmListeners$=void 0),t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Pt())}A.has(e)&&A.delete(e),e.shadowRoot&&A.has(e.shadowRoot)&&A.delete(e.shadowRoot)}),Ot=(e,t={})=>{var s;const n=x(),r=[],i=t.exclude||[],o=O.customElements,l=S.head,c=l.querySelector("meta[charset]"),$=S.createElement("style"),f=[];let d,a=!0;Object.assign(p,t),p.$resourcesUrl$=new URL(t.resourcesUrl||"./",S.baseURI).href;let u=!1;if(e.map(h=>{h[1].map(g=>{var k;const v={$flags$:g[0],$tagName$:g[1],$members$:g[2],$listeners$:g[3]};v.$flags$&4&&(u=!0),v.$members$=g[2],v.$listeners$=g[3],v.$attrsToReflect$=[],v.$watchers$=(k=g[4])!=null?k:{};const E=v.$tagName$,y=class extends HTMLElement{constructor(T){if(super(T),this.hasRegisteredEventListeners=!1,T=this,Ye(T,v),v.$flags$&1){if(!T.shadowRoot)T.attachShadow({mode:"open"});else if(T.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${v.$tagName$}! Mode is set to ${T.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const T=L(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,He(this,T,v.$listeners$)),d&&(clearTimeout(d),d=null),a?f.push(this):p.jmp(()=>xt(this))}disconnectedCallback(){p.jmp(()=>At(this)),p.raf(()=>{var T;const D=L(this);((T=D==null?void 0:D.$vnode$)==null?void 0:T.$elm$)instanceof Node&&!D.$vnode$.$elm$.isConnected&&delete D.$vnode$.$elm$})}componentOnReady(){return L(this).$onReadyPromise$}};v.$lazyBundleId$=h[0],!i.includes(E)&&!o.get(E)&&(r.push(E),o.define(E,De(y,v,1)))})}),r.length>0&&(u&&($.textContent+=pe),$.textContent+=r.sort()+Me,$.innerHTML.length)){$.setAttribute("data-styles","");const h=(s=p.$nonce$)!=null?s:Se(S);h!=null&&$.setAttribute("nonce",h),l.insertBefore($,c?c.nextSibling:l.firstChild)}a=!1,f.length?f.map(h=>h.connectedCallback()):p.jmp(()=>d=setTimeout(je,30)),n()},Rt=(e,t)=>t,He=(e,t,s,n)=>{s&&s.map(([r,i,o])=>{const l=Ut(e,r),c=jt(t,o),$=Dt(r);p.ael(l,i,c,$),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>p.rel(l,i,c,$))})},jt=(e,t)=>s=>{var n;try{e.$flags$&256?(n=e.$lazyInstance$)==null||n[t](s):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,s])}catch(r){_(r,e.$hostElement$)}},Ut=(e,t)=>t&8?O:e,Dt=e=>Je?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;exports.Fragment=Rt;exports.bootstrapLazy=Ot;exports.createEvent=ct;exports.getAssetPath=Ve;exports.getElement=Te;exports.h=te;exports.promiseResolve=ge;exports.registerInstance=Xe;