@everymatrix/casino-engagement-suite-bar 1.52.5 → 1.53.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 (13) hide show
  1. package/dist/casino-engagement-suite-bar/casino-engagement-suite-bar.esm.js +1 -1
  2. package/dist/casino-engagement-suite-bar/p-a7ca9798.entry.js +1 -0
  3. package/dist/cjs/casino-engagement-suite-bar.cjs.entry.js +7 -3
  4. package/dist/cjs/casino-engagement-suite-bar.cjs.js +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.js +25 -3
  7. package/dist/esm/casino-engagement-suite-bar.entry.js +7 -3
  8. package/dist/esm/casino-engagement-suite-bar.js +1 -1
  9. package/dist/esm/loader.js +1 -1
  10. package/dist/types/components/casino-engagement-suite-bar/casino-engagement-suite-bar.d.ts +2 -0
  11. package/dist/types/components.d.ts +2 -0
  12. package/package.json +1 -1
  13. package/dist/casino-engagement-suite-bar/p-c3e2633b.entry.js +0 -1
package/dist/casino-engagement-suite-bar/casino-engagement-suite-bar.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as i}from"./p-d14341cc.js";export{s as setNonce}from"./p-d14341cc.js";import{g as l}from"./p-e1255160.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((async e=>(await l(),i([["p-c3e2633b",[[1,"casino-engagement-suite-bar",{activeWidget:[1537,"active-widget"],challengePercent:[1,"challenge-percent"],highlightChallenge:[4,"highlight-challenge"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],orientation:[1],device:[1],isChallengeLabel:[4,"is-challenge-label"],isForfeitedChallengeLabel:[4,"is-forfeited-challenge-label"],isSpinForfeitedLabel:[1028,"is-spin-forfeited-label"],language:[1],jackpots:[16],remainingFreeSpins:[1,"remaining-free-spins"],leaderboards:[16],limitStylingAppends:[32],activeJackpot:[32],leaderboardState:[32]},[[8,"message","handleEvent"]]]]]],e))));
1
+ import{p as e,b as i}from"./p-d14341cc.js";export{s as setNonce}from"./p-d14341cc.js";import{g as a}from"./p-e1255160.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((async e=>(await a(),i([["p-a7ca9798",[[1,"casino-engagement-suite-bar",{activeWidget:[1537,"active-widget"],challengePercent:[1,"challenge-percent"],highlightChallenge:[4,"highlight-challenge"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],orientation:[1],device:[1],isChallengeLabel:[4,"is-challenge-label"],isForfeitedChallengeLabel:[4,"is-forfeited-challenge-label"],isSpinForfeitedLabel:[1028,"is-spin-forfeited-label"],language:[1],jackpots:[16],remainingFreeSpins:[1,"remaining-free-spins"],remainingLuckywheels:[1,"remaining-luckywheels"],leaderboards:[16],limitStylingAppends:[32],activeJackpot:[32],leaderboardState:[32]},[[8,"message","handleEvent"]]]]]],e))));
package/dist/casino-engagement-suite-bar/p-a7ca9798.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,h as a}from"./p-d14341cc.js";"function"==typeof SuppressedError&&SuppressedError;const t={labels:[],rank:"-"},n=["en"],i={en:{new:"new",win:"win"}},r=(e,a)=>{const t=a;return i[void 0!==t&&n.includes(t)?t:"en"][e]},s=class{constructor(a){e(this,a),this.handleTileClick=e=>{const a=e.target.getAttribute("data-app");window.postMessage({type:`Bar${a}Click`}),this.activeWidget=a,"Jackpots"===a&&(this.activeJackpot=e.target.getAttribute("data-type"))},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.engagementSuiteBar.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{a.innerHTML=e,setTimeout((()=>{this.engagementSuiteBar.prepend(a)}),1)})).catch((e=>{console.log("Error ",e)}))},this.activeWidget=void 0,this.challengePercent=void 0,this.highlightChallenge=!1,this.clientStyling="",this.clientStylingUrl="",this.orientation="Landscape",this.device="Mobile",this.isChallengeLabel=!1,this.isForfeitedChallengeLabel=!1,this.isSpinForfeitedLabel=!1,this.language="en",this.jackpots=[],this.remainingFreeSpins=void 0,this.remainingLuckywheels="1",this.leaderboards=void 0,this.limitStylingAppends=!1,this.activeJackpot="",this.leaderboardState=t}handleEvent(e){const a=null==e?void 0:e.data,{type:n}=a,i=function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)a.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(a,["type"]);switch(n){case"UpdateLeaderboardState":Object.keys(t).map((e=>{i[e]&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{[e]:i[e]}))}));break;case"LeaderboardLiveEvent":["TournamentUpdate","PlayerLeaderBoardUpdate"].includes(i.messageType)&&!this.leaderboardState.labels.includes("new")&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{labels:[...this.leaderboardState.labels,"new"]}))}}componentDidRender(){!this.limitStylingAppends&&this.engagementSuiteBar&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getChallengeTile(){return a("button",{class:"Tile Reward Challenges "+("Challenges"===this.activeWidget||this.highlightChallenge?"Active":""),"data-app":"Challenges",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.challengePercent),a("div",{class:"ChallengeLabel "+(this.isChallengeLabel&&!this.isForfeitedChallengeLabel?"ShowChallengeLabel":"")},a("span",null,r("new",this.language))),a("div",{class:"ForfeitLabel "+(this.isForfeitedChallengeLabel?"ShowForfeitChallengeLabel":"")}))}getFreeSpinsTile(){return a("button",{class:"Tile Reward FreeSpins "+("FreeSpins"===this.activeWidget?"Active":""),"data-app":"FreeSpins",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.remainingFreeSpins),a("div",{class:"ForfeitLabel "+(this.isSpinForfeitedLabel?"ShowForfeitLabel":"")},a("span",null)))}getLuckyWheelTile(){return a("button",{class:"Tile Reward Luckywheel "+("LuckyWheels"===this.activeWidget?"Active":""),"data-app":"LuckyWheels",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.remainingLuckywheels))}getJackpotClasses(e){return{Tile:!0,Jackpot:!0,Enabled:e.Enabled,Active:"Jackpots"===this.activeWidget&&this.activeJackpot===e.Type,[e.Type.charAt(0).toUpperCase()+e.Type.slice(1)]:!0}}getJackpotsTemplate(){return this.jackpots.map((e=>{const t=function(e,a,t=99999999){return e=Math.min(e,t),`${a} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}`}(e.Balance,e.Currency);return a("div",{class:this.getJackpotClasses(e),"data-app":"Jackpots","data-type":e.Type,onClick:this.handleTileClick},a("div",{class:"JackpotType"},e.Type),a("span",{class:"JackpotBalance"},t))}))}getLeaderboardsTile(){return a("button",{class:"Tile Reward Leaderboard "+("Leaderboards"===this.activeWidget?"Active":""),"data-app":"Leaderboards",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.leaderboardState.rank),a("div",{class:"LeaderboardLabels"},this.leaderboardState.labels.map((e=>a("div",{class:"LeaderboardLabel"},a("span",null,r(e,this.language)))))))}displayTilesInOneRow(){return this.jackpots.length+[this.leaderboards,this.challengePercent,this.remainingFreeSpins].filter((e=>!!e)).length<4}getTilesTemplate(){return this.displayTilesInOneRow()?a("div",{class:"EngagementSuiteContainer"},!!this.jackpots.length&&this.getJackpotsTemplate(),this.leaderboards&&this.getLeaderboardsTile(),this.remainingLuckywheels&&this.getLuckyWheelTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()):a("div",{class:"EngagementSuiteContainer"},a("div",{class:"Jackpots"},!!this.jackpots.length&&this.getJackpotsTemplate()),a("div",{class:"Rewards"},this.leaderboards&&this.getLeaderboardsTile(),this.remainingLuckywheels&&this.getLuckyWheelTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()))}render(){return a("div",{key:"d932ee7e636f06b0c50841a4737cb6572c1500aa",class:`CasinoEngagementSuiteBar ${this.orientation} ${this.device}`,ref:e=>this.engagementSuiteBar=e},this.getTilesTemplate())}};s.style=':host{display:block}*{box-sizing:border-box}button{touch-action:manipulation}.CasinoEngagementSuiteBar{height:100vh;background-color:var(--emw--color-background, #1E1638);color:var(--emw--color-typography, #FFF);display:flex;justify-content:center;position:relative;z-index:1}.CasinoEngagementSuiteBar .EngagementSuiteContainer{display:flex;align-items:center;gap:4px;scrollbar-gutter:stable;overflow-x:auto;padding:7px 9px 0;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar{width:3px;background:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{cursor:pointer;background-color:var(--emw--color-background-secondary, #251D3E);border-radius:var(--emw--border-radius-small, 4px);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-x-small, 12px);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile.Active::before{background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #2D2545 82.77%)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile::before{content:"";position:absolute;inset:0;border-radius:var(--emw--border-radius-small, 4px);padding:1px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{display:flex;gap:4px;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:14px 4px;flex-direction:column}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotType{display:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotBalance{font-weight:var(--emw--font-weight-semibold, 600);line-height:12px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-typography, #fff)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Mega .JackpotBalance{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Major .JackpotBalance{background:var(--emw--engagement-suite-gradient-silver, linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Minor .JackpotBalance{background:var(--emw--engagement-suite-gradient-bronze, linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled .JackpotBalance{font-weight:var(--emw--font-weight-extra-bold, 800)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{justify-content:space-between;padding:8px;border:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .RewardIcon{width:24px;height:24px;background-size:100%;background-position:center}.Tile.Leaderboard .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg")}.Tile.Leaderboard.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard-pressed.svg")}.Tile.Challenges .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge.svg")}.Tile.Challenges.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge-pressed.svg")}.Tile.Luckywheel .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel.svg")}.Tile.Luckywheel.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel-pressed.svg")}.Tile.FreeSpins .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins.svg")}.Tile.FreeSpins.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins-pressed.svg")}.ChallengeLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-4px;right:4px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.ForfeitLabel{width:12px;height:12px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:50%;display:none;position:absolute;top:-6px;right:8px}.ShowChallengeLabel{display:inline-flex}.ShowForfeitLabel,.ShowForfeitChallengeLabel{display:inline-flex}.LeaderboardLabels{position:absolute;top:-4px;right:4px;display:flex;gap:4px}.LeaderboardLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.Landscape.CasinoEngagementSuiteBar{width:152px;padding-top:10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer{flex-direction:column}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{width:120px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{width:120px;height:40px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{flex-direction:column}.Portrait.CasinoEngagementSuiteBar{border-radius:0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);height:auto;padding:3px 10px 10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer{padding:7px 0 0;gap:8px;flex-wrap:wrap}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards,.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots{gap:8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{flex:1 1 0px;height:32px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{min-width:30%;padding:10px 4px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{min-width:20%;padding:4px 8px}.CasinoEngagementSuiteBar.Desktop.Landscape{width:252px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .EngagementSuiteContainer{gap:12px}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward{padding:8px 20px;height:64px;font-size:var(--emw--font-size-medium, 16px)}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward .RewardIcon{width:48px;height:48px}.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Tile{width:212px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot{padding-top:35px;min-height:133px;background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/jackpot-bg-stars.svg"), var(--emw--color-background-secondary, #251D3E)}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType{display:block;font-weight:var(--emw--font-weight-extra-bold, 800);margin-bottom:12px;text-transform:uppercase}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotBalance{font-size:var(--emw--size-large, 24px);line-height:24px}';export{s as casino_engagement_suite_bar}
package/dist/cjs/casino-engagement-suite-bar.cjs.entry.js CHANGED
@@ -105,6 +105,7 @@ const CasinoEngagementSuiteBar = class {
105
105
  this.language = 'en';
106
106
  this.jackpots = [];
107
107
  this.remainingFreeSpins = undefined;
108
+ this.remainingLuckywheels = '1';
108
109
  this.leaderboards = undefined;
109
110
  this.limitStylingAppends = false;
110
111
  this.activeJackpot = '';
@@ -146,6 +147,9 @@ const CasinoEngagementSuiteBar = class {
146
147
  getFreeSpinsTile() {
147
148
  return (index.h("button", { class: `Tile Reward FreeSpins ${this.activeWidget === 'FreeSpins' ? 'Active' : ''}`, "data-app": "FreeSpins", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, this.remainingFreeSpins), index.h("div", { class: `ForfeitLabel ${this.isSpinForfeitedLabel ? 'ShowForfeitLabel' : ''}` }, index.h("span", null))));
148
149
  }
150
+ getLuckyWheelTile() {
151
+ return (index.h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'LuckyWheels' ? 'Active' : ''}`, "data-app": "LuckyWheels", onClick: this.handleTileClick }, index.h("div", { class: "RewardIcon" }), index.h("span", null, this.remainingLuckywheels)));
152
+ }
149
153
  getJackpotClasses(jackpot) {
150
154
  return {
151
155
  Tile: true,
@@ -171,11 +175,11 @@ const CasinoEngagementSuiteBar = class {
171
175
  }
172
176
  getTilesTemplate() {
173
177
  return this.displayTilesInOneRow()
174
- ? index.h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
175
- : index.h("div", { class: "EngagementSuiteContainer" }, index.h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), index.h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
178
+ ? index.h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
179
+ : index.h("div", { class: "EngagementSuiteContainer" }, index.h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), index.h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
176
180
  }
177
181
  render() {
178
- return index.h("div", { key: '17eccdcded345b7e7507e427657566f900199b58', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
182
+ return index.h("div", { key: 'd932ee7e636f06b0c50841a4737cb6572c1500aa', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
179
183
  }
180
184
  };
181
185
  CasinoEngagementSuiteBar.style = CasinoEngagementSuiteBarStyle0;
package/dist/cjs/casino-engagement-suite-bar.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["casino-engagement-suite-bar.cjs",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
22
+ return index.bootstrapLazy([["casino-engagement-suite-bar.cjs",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"remainingLuckywheels":[1,"remaining-luckywheels"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["casino-engagement-suite-bar.cjs",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
11
+ return index.bootstrapLazy([["casino-engagement-suite-bar.cjs",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"remainingLuckywheels":[1,"remaining-luckywheels"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.js CHANGED
@@ -44,6 +44,7 @@ export class CasinoEngagementSuiteBar {
44
44
  this.language = 'en';
45
45
  this.jackpots = [];
46
46
  this.remainingFreeSpins = undefined;
47
+ this.remainingLuckywheels = '1';
47
48
  this.leaderboards = undefined;
48
49
  this.limitStylingAppends = false;
49
50
  this.activeJackpot = '';
@@ -86,6 +87,9 @@ export class CasinoEngagementSuiteBar {
86
87
  getFreeSpinsTile() {
87
88
  return (h("button", { class: `Tile Reward FreeSpins ${this.activeWidget === 'FreeSpins' ? 'Active' : ''}`, "data-app": "FreeSpins", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingFreeSpins), h("div", { class: `ForfeitLabel ${this.isSpinForfeitedLabel ? 'ShowForfeitLabel' : ''}` }, h("span", null))));
88
89
  }
90
+ getLuckyWheelTile() {
91
+ return (h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'LuckyWheels' ? 'Active' : ''}`, "data-app": "LuckyWheels", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingLuckywheels)));
92
+ }
89
93
  getJackpotClasses(jackpot) {
90
94
  return {
91
95
  Tile: true,
@@ -111,11 +115,11 @@ export class CasinoEngagementSuiteBar {
111
115
  }
112
116
  getTilesTemplate() {
113
117
  return this.displayTilesInOneRow()
114
- ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
115
- : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
118
+ ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
119
+ : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
116
120
  }
117
121
  render() {
118
- return h("div", { key: '17eccdcded345b7e7507e427657566f900199b58', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
122
+ return h("div", { key: 'd932ee7e636f06b0c50841a4737cb6572c1500aa', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
119
123
  }
120
124
  static get is() { return "casino-engagement-suite-bar"; }
121
125
  static get encapsulation() { return "shadow"; }
@@ -366,6 +370,24 @@ export class CasinoEngagementSuiteBar {
366
370
  "attribute": "remaining-free-spins",
367
371
  "reflect": false
368
372
  },
373
+ "remainingLuckywheels": {
374
+ "type": "string",
375
+ "mutable": false,
376
+ "complexType": {
377
+ "original": "string",
378
+ "resolved": "string",
379
+ "references": {}
380
+ },
381
+ "required": false,
382
+ "optional": false,
383
+ "docs": {
384
+ "tags": [],
385
+ "text": ""
386
+ },
387
+ "attribute": "remaining-luckywheels",
388
+ "reflect": false,
389
+ "defaultValue": "'1'"
390
+ },
369
391
  "leaderboards": {
370
392
  "type": "unknown",
371
393
  "mutable": false,
package/dist/esm/casino-engagement-suite-bar.entry.js CHANGED
@@ -101,6 +101,7 @@ const CasinoEngagementSuiteBar = class {
101
101
  this.language = 'en';
102
102
  this.jackpots = [];
103
103
  this.remainingFreeSpins = undefined;
104
+ this.remainingLuckywheels = '1';
104
105
  this.leaderboards = undefined;
105
106
  this.limitStylingAppends = false;
106
107
  this.activeJackpot = '';
@@ -142,6 +143,9 @@ const CasinoEngagementSuiteBar = class {
142
143
  getFreeSpinsTile() {
143
144
  return (h("button", { class: `Tile Reward FreeSpins ${this.activeWidget === 'FreeSpins' ? 'Active' : ''}`, "data-app": "FreeSpins", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingFreeSpins), h("div", { class: `ForfeitLabel ${this.isSpinForfeitedLabel ? 'ShowForfeitLabel' : ''}` }, h("span", null))));
144
145
  }
146
+ getLuckyWheelTile() {
147
+ return (h("button", { class: `Tile Reward Luckywheel ${this.activeWidget === 'LuckyWheels' ? 'Active' : ''}`, "data-app": "LuckyWheels", onClick: this.handleTileClick }, h("div", { class: "RewardIcon" }), h("span", null, this.remainingLuckywheels)));
148
+ }
145
149
  getJackpotClasses(jackpot) {
146
150
  return {
147
151
  Tile: true,
@@ -167,11 +171,11 @@ const CasinoEngagementSuiteBar = class {
167
171
  }
168
172
  getTilesTemplate() {
169
173
  return this.displayTilesInOneRow()
170
- ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
171
- : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
174
+ ? h("div", { class: "EngagementSuiteContainer" }, !!this.jackpots.length && this.getJackpotsTemplate(), this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile())
175
+ : h("div", { class: "EngagementSuiteContainer" }, h("div", { class: "Jackpots" }, !!this.jackpots.length && this.getJackpotsTemplate()), h("div", { class: "Rewards" }, this.leaderboards && this.getLeaderboardsTile(), this.remainingLuckywheels && this.getLuckyWheelTile(), this.challengePercent && this.getChallengeTile(), this.remainingFreeSpins && this.getFreeSpinsTile()));
172
176
  }
173
177
  render() {
174
- return h("div", { key: '17eccdcded345b7e7507e427657566f900199b58', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
178
+ return h("div", { key: 'd932ee7e636f06b0c50841a4737cb6572c1500aa', class: `CasinoEngagementSuiteBar ${this.orientation} ${this.device}`, ref: (el) => (this.engagementSuiteBar = el) }, this.getTilesTemplate());
175
179
  }
176
180
  };
177
181
  CasinoEngagementSuiteBar.style = CasinoEngagementSuiteBarStyle0;
package/dist/esm/casino-engagement-suite-bar.js CHANGED
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["casino-engagement-suite-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
19
+ return bootstrapLazy([["casino-engagement-suite-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"remainingLuckywheels":[1,"remaining-luckywheels"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
20
20
  });
package/dist/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["casino-engagement-suite-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
8
+ return bootstrapLazy([["casino-engagement-suite-bar",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"remainingLuckywheels":[1,"remaining-luckywheels"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32],"leaderboardState":[32]},[[8,"message","handleEvent"]]]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
package/dist/types/components/casino-engagement-suite-bar/casino-engagement-suite-bar.d.ts CHANGED
@@ -46,6 +46,7 @@ export declare class CasinoEngagementSuiteBar {
46
46
  language: string;
47
47
  jackpots: Array<Jackpot>;
48
48
  remainingFreeSpins: string;
49
+ remainingLuckywheels: string;
49
50
  leaderboards: Array<Tournament>;
50
51
  private limitStylingAppends;
51
52
  activeJackpot: string;
@@ -58,6 +59,7 @@ export declare class CasinoEngagementSuiteBar {
58
59
  setClientStylingURL: () => void;
59
60
  getChallengeTile(): any;
60
61
  getFreeSpinsTile(): any;
62
+ getLuckyWheelTile(): any;
61
63
  getJackpotClasses(jackpot: Jackpot): {
62
64
  [x: string]: boolean;
63
65
  Tile: boolean;
package/dist/types/components.d.ts CHANGED
@@ -56,6 +56,7 @@ export namespace Components {
56
56
  */
57
57
  "orientation": "Landscape" | "Portrait";
58
58
  "remainingFreeSpins": string;
59
+ "remainingLuckywheels": string;
59
60
  }
60
61
  }
61
62
  declare global {
@@ -118,6 +119,7 @@ declare namespace LocalJSX {
118
119
  */
119
120
  "orientation"?: "Landscape" | "Portrait";
120
121
  "remainingFreeSpins"?: string;
122
+ "remainingLuckywheels"?: string;
121
123
  }
122
124
  interface IntrinsicElements {
123
125
  "casino-engagement-suite-bar": CasinoEngagementSuiteBar;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-engagement-suite-bar",
3
- "version": "1.52.5",
3
+ "version": "1.53.0",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",
package/dist/casino-engagement-suite-bar/p-c3e2633b.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,h as a}from"./p-d14341cc.js";"function"==typeof SuppressedError&&SuppressedError;const t={labels:[],rank:"-"},n=["en"],i={en:{new:"new",win:"win"}},r=(e,a)=>{const t=a;return i[void 0!==t&&n.includes(t)?t:"en"][e]},o=class{constructor(a){e(this,a),this.handleTileClick=e=>{const a=e.target.getAttribute("data-app");window.postMessage({type:`Bar${a}Click`}),this.activeWidget=a,"Jackpots"===a&&(this.activeJackpot=e.target.getAttribute("data-type"))},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.engagementSuiteBar.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{a.innerHTML=e,setTimeout((()=>{this.engagementSuiteBar.prepend(a)}),1)})).catch((e=>{console.log("Error ",e)}))},this.activeWidget=void 0,this.challengePercent=void 0,this.highlightChallenge=!1,this.clientStyling="",this.clientStylingUrl="",this.orientation="Landscape",this.device="Mobile",this.isChallengeLabel=!1,this.isForfeitedChallengeLabel=!1,this.isSpinForfeitedLabel=!1,this.language="en",this.jackpots=[],this.remainingFreeSpins=void 0,this.leaderboards=void 0,this.limitStylingAppends=!1,this.activeJackpot="",this.leaderboardState=t}handleEvent(e){const a=null==e?void 0:e.data,{type:n}=a,i=function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)a.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(a,["type"]);switch(n){case"UpdateLeaderboardState":Object.keys(t).map((e=>{i[e]&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{[e]:i[e]}))}));break;case"LeaderboardLiveEvent":["TournamentUpdate","PlayerLeaderBoardUpdate"].includes(i.messageType)&&!this.leaderboardState.labels.includes("new")&&(this.leaderboardState=Object.assign(Object.assign({},this.leaderboardState),{labels:[...this.leaderboardState.labels,"new"]}))}}componentDidRender(){!this.limitStylingAppends&&this.engagementSuiteBar&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}getChallengeTile(){return a("button",{class:"Tile Reward Challenges "+("Challenges"===this.activeWidget||this.highlightChallenge?"Active":""),"data-app":"Challenges",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.challengePercent),a("div",{class:"ChallengeLabel "+(this.isChallengeLabel&&!this.isForfeitedChallengeLabel?"ShowChallengeLabel":"")},a("span",null,r("new",this.language))),a("div",{class:"ForfeitLabel "+(this.isForfeitedChallengeLabel?"ShowForfeitChallengeLabel":"")}))}getFreeSpinsTile(){return a("button",{class:"Tile Reward FreeSpins "+("FreeSpins"===this.activeWidget?"Active":""),"data-app":"FreeSpins",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.remainingFreeSpins),a("div",{class:"ForfeitLabel "+(this.isSpinForfeitedLabel?"ShowForfeitLabel":"")},a("span",null)))}getJackpotClasses(e){return{Tile:!0,Jackpot:!0,Enabled:e.Enabled,Active:"Jackpots"===this.activeWidget&&this.activeJackpot===e.Type,[e.Type.charAt(0).toUpperCase()+e.Type.slice(1)]:!0}}getJackpotsTemplate(){return this.jackpots.map((e=>{const t=function(e,a,t=99999999){return e=Math.min(e,t),`${a} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(e)}`}(e.Balance,e.Currency);return a("div",{class:this.getJackpotClasses(e),"data-app":"Jackpots","data-type":e.Type,onClick:this.handleTileClick},a("div",{class:"JackpotType"},e.Type),a("span",{class:"JackpotBalance"},t))}))}getLeaderboardsTile(){return a("button",{class:"Tile Reward Leaderboard "+("Leaderboards"===this.activeWidget?"Active":""),"data-app":"Leaderboards",onClick:this.handleTileClick},a("div",{class:"RewardIcon"}),a("span",null,this.leaderboardState.rank),a("div",{class:"LeaderboardLabels"},this.leaderboardState.labels.map((e=>a("div",{class:"LeaderboardLabel"},a("span",null,r(e,this.language)))))))}displayTilesInOneRow(){return this.jackpots.length+[this.leaderboards,this.challengePercent,this.remainingFreeSpins].filter((e=>!!e)).length<4}getTilesTemplate(){return this.displayTilesInOneRow()?a("div",{class:"EngagementSuiteContainer"},!!this.jackpots.length&&this.getJackpotsTemplate(),this.leaderboards&&this.getLeaderboardsTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()):a("div",{class:"EngagementSuiteContainer"},a("div",{class:"Jackpots"},!!this.jackpots.length&&this.getJackpotsTemplate()),a("div",{class:"Rewards"},this.leaderboards&&this.getLeaderboardsTile(),this.challengePercent&&this.getChallengeTile(),this.remainingFreeSpins&&this.getFreeSpinsTile()))}render(){return a("div",{key:"17eccdcded345b7e7507e427657566f900199b58",class:`CasinoEngagementSuiteBar ${this.orientation} ${this.device}`,ref:e=>this.engagementSuiteBar=e},this.getTilesTemplate())}};o.style=':host{display:block}*{box-sizing:border-box}button{touch-action:manipulation}.CasinoEngagementSuiteBar{height:100vh;background-color:var(--emw--color-background, #1E1638);color:var(--emw--color-typography, #FFF);display:flex;justify-content:center;position:relative;z-index:1}.CasinoEngagementSuiteBar .EngagementSuiteContainer{display:flex;align-items:center;gap:4px;scrollbar-gutter:stable;overflow-x:auto;padding:7px 9px 0;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar{width:3px;background:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{cursor:pointer;background-color:var(--emw--color-background-secondary, #251D3E);border-radius:var(--emw--border-radius-small, 4px);display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-x-small, 12px);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-typography, #FFF)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile.Active::before{background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #2D2545 82.77%)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile::before{content:"";position:absolute;inset:0;border-radius:var(--emw--border-radius-small, 4px);padding:1px;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{display:flex;gap:4px;width:100%}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{padding:14px 4px;flex-direction:column}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotType{display:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotBalance{font-weight:var(--emw--font-weight-semibold, 600);line-height:12px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-typography, #fff)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Mega .JackpotBalance{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Major .JackpotBalance{background:var(--emw--engagement-suite-gradient-silver, linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Minor .JackpotBalance{background:var(--emw--engagement-suite-gradient-bronze, linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled .JackpotBalance{font-weight:var(--emw--font-weight-extra-bold, 800)}.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{justify-content:space-between;padding:8px;border:none}.CasinoEngagementSuiteBar .EngagementSuiteContainer .RewardIcon{width:24px;height:24px;background-size:100%;background-position:center}.Tile.Leaderboard .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard.svg")}.Tile.Leaderboard.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/leaderboard-pressed.svg")}.Tile.Challenges .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge.svg")}.Tile.Challenges.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/challenge-pressed.svg")}.Tile.Luckywheel .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel.svg")}.Tile.Luckywheel.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel-pressed.svg")}.Tile.FreeSpins .RewardIcon{background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins.svg")}.Tile.FreeSpins.Active .RewardIcon{background-image:url("https://static.everymatrix.com/gic/img/engagement-suite/bar/freespins-pressed.svg")}.ChallengeLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-4px;right:4px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.ForfeitLabel{width:12px;height:12px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:50%;display:none;position:absolute;top:-6px;right:8px}.ShowChallengeLabel{display:inline-flex}.ShowForfeitLabel,.ShowForfeitChallengeLabel{display:inline-flex}.LeaderboardLabels{position:absolute;top:-4px;right:4px;display:flex;gap:4px}.LeaderboardLabel{min-width:23px;height:11px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:7px;line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);color:var(--emw--color-background, #1E1638)}.Landscape.CasinoEngagementSuiteBar{width:152px;padding-top:10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer{flex-direction:column}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{width:120px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{width:120px;height:40px}.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots,.Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards{flex-direction:column}.Portrait.CasinoEngagementSuiteBar{border-radius:0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);height:auto;padding:3px 10px 10px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843)}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer{padding:7px 0 0;gap:8px;flex-wrap:wrap}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Rewards,.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpots{gap:8px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile{flex:1 1 0px;height:32px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot{min-width:30%;padding:10px 4px}.Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward{min-width:20%;padding:4px 8px}.CasinoEngagementSuiteBar.Desktop.Landscape{width:252px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .EngagementSuiteContainer{gap:12px}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward{padding:8px 20px;height:64px;font-size:var(--emw--font-size-medium, 16px)}.CasinoEngagementSuiteBar.Desktop.Landscape .Reward .RewardIcon{width:48px;height:48px}.CasinoEngagementSuiteBar.Desktop.Landscape .Rewards,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpots,.CasinoEngagementSuiteBar.Desktop.Landscape .Tile{width:212px}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot{padding-top:35px;min-height:133px;background:center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/jackpot-bg-stars.svg"), var(--emw--color-background-secondary, #251D3E)}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType{display:block;font-weight:var(--emw--font-weight-extra-bold, 800);margin-bottom:12px;text-transform:uppercase}.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType,.CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotBalance{font-size:var(--emw--size-large, 24px);line-height:24px}';export{o as casino_engagement_suite_bar}