@everymatrix/bonus-elevate-powerups-lobby 0.5.4 → 0.5.7

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.
@@ -1 +1 @@
1
- import{r as t,h as e}from"./index-907b0f95.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function s(t,e){if(t){const i=document.createElement("style");i.innerHTML=e,t.appendChild(i)}}function o(t,e){if(!t||!e)return;const i=new URL(e);fetch(i.href).then((t=>t.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,t&&t.appendChild(i)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function n(t,e,s,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return s=function(t,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(i.innerHTML=e,t.appendChild(i))}))}(t,e),s;window[i]||(window[i]={}),s=function(t,e){return window.emMessageBus.subscribe(e,(s=>{if(!t)return;const o=t.getRootNode(),n=window[i];let a=n[e]&&n[e].sheet;a?n[e].refCount=n[e].refCount+1:(a=new CSSStyleSheet,a.replaceSync(s),n[e]={sheet:a,refCount:1});const r=o.adoptedStyleSheets||[];r.includes(a)||(o.adoptedStyleSheets=[...r,a])}))}(t,e);const n=s.unsubscribe.bind(s);return s.unsubscribe=()=>{if(window[i][e]){const t=window[i][e];t.refCount>1?t.refCount=t.refCount-1:delete window[i][e]}n()},s}const a={en:{history:"History",available:"Available"}},r=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{a[e]||(a[e]={});for(let i in t[e])a[e][i]=t[e][i]})),e(!0)}))})),l=(t,e,i)=>{let s=a[void 0!==e&&e in a?e:"en"][t];if(void 0!==i)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s};var c,h,d;!function(t){t.COINS="coins",t.XP="xp"}(c||(c={})),function(t){t.TIME_PERIOD="timePeriod",t.NUMBER_OF_ROUNDS="numberOfRounds"}(h||(h={})),function(t){t[t.ACTIVE=0]="ACTIVE",t[t.ACTIVATED=1]="ACTIVATED",t[t.EXPIRED=2]="EXPIRED",t[t.CONSUMED=3]="CONSUMED",t[t.DISABLED=4]="DISABLED",t[t.ENABLED=6]="ENABLED",t[t.ACTIVATING=999]="ACTIVATING"}(d||(d={}));const b=class{constructor(e){t(this,e),this.tabsInfo={available:{tabId:"available",offset:0,limit:this.limit},history:{tabId:"history",offset:0,limit:this.limit}},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl=void 0,this.language="en",this.endpoint=void 0,this.session=void 0,this.limit=10,this.pageLimitOptions="10,25,50",this.openTermsPage=!1,this.activeTab=this.tabsInfo.available.tabId}onTabClick(t){this.activeTab=t}render(){return e("div",{key:"40968fd40965532592c1530e930e745d88b90036",class:"PowerUpsLobby",ref:t=>this.stylingContainer=t},e("div",{key:"3ae4bbc1e2b63d996c046de0c2cc36c3832f6a82",class:"TabTitle"},e("span",{key:"edae2b2ee451e1e1661c28fb66da0c444a0c12dc",class:"Tab TabItem "+("available"===this.activeTab?"Active":""),onClick:this.onTabClick.bind(this,"available")},l("available",this.language)),e("span",{key:"4c7a8ce5e55cc745eaf255a3f525045aa2d188be",class:"Tab TabItem "+("history"===this.activeTab?"Active":""),onClick:this.onTabClick.bind(this,"history")},l("history",this.language))),e("div",{key:"00affc855ed88f4432d4a9e9a2c58ed04ba72790",class:"Desc"}," ",c.XP," "),e("div",{key:"cb8730de8b878d88d70863dad1dfba2194e61da0",class:"TabContent"},"available"===this.activeTab&&e("bonus-elevate-powerups",{key:"5751f9abdb45feafa24bce7a176f56e96085a05e",endpoint:this.endpoint,session:this.session,language:this.language,"mb-source":this.mbSource,"open-terms-page":this.openTermsPage,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-url":this.clientStylingUrl,"page-limit-options":this.pageLimitOptions,limit:this.limit}),"history"===this.activeTab&&e("bonus-elevate-powerups-history",{key:"1731cadf9b8b7a4f62fb6abdaa3c7a593c79ef92",endpoint:this.endpoint,session:this.session,language:this.language,"mb-source":this.mbSource,"client-styling":this.clientStyling,"client-styling-url":this.clientStylingUrl,"page-limit-options":this.pageLimitOptions,limit:this.limit})))}handleClientStylingChange(t,e){t!=e&&s(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleNewTranslations(){r(this.translationUrl)}async componentWillLoad(){this.translationUrl&&await r(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],translationUrl:["handleNewTranslations"]}}};b.style=':host{display:block}.PowerUpsLobby{padding:10px}.PowerUpsLobby .Desc{display:none !important}.PowerUpsLobby .TabItem{position:relative;cursor:pointer;padding:10px 20px;border-bottom:2px solid transparent}.PowerUpsLobby .TabItem::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-image:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange1, #E0A84E) 100%);transform:scaleX(0)}.PowerUpsLobby .TabItem.Active::after{transform:scaleX(1)}.PowerUpsLobby .TabTitle{display:flex;flex-direction:row;text-transform:uppercase}.PowerUpsLobby .TabTitle .Tab{flex:1;padding:10px 20px;text-align:center;cursor:pointer}.PowerUpsLobby .TabTitle .Active1{border-bottom:2px solid;border-image-source:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange1, #E0A84E) 100%);border-image-slice:1}.PowerUpsLobby .TabContent{margin-top:20px}';export{b as B,d as P,h as a,o as b,n as c,s}
1
+ import{r as t,h as e}from"./index-907b0f95.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function s(t,e){if(t){const i=document.createElement("style");i.innerHTML=e,t.appendChild(i)}}function o(t,e){if(!t||!e)return;const i=new URL(e);fetch(i.href).then((t=>t.text())).then((e=>{const i=document.createElement("style");i.innerHTML=e,t&&t.appendChild(i)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function n(t,e,s,o=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!o)return s=function(t,e){const i=document.createElement("style");return window.emMessageBus.subscribe(e,(e=>{t&&(i.innerHTML=e,t.appendChild(i))}))}(t,e),s;window[i]||(window[i]={}),s=function(t,e){return window.emMessageBus.subscribe(e,(s=>{if(!t)return;const o=t.getRootNode(),n=window[i];let a=n[e]&&n[e].sheet;a?n[e].refCount=n[e].refCount+1:(a=new CSSStyleSheet,a.replaceSync(s),n[e]={sheet:a,refCount:1});const r=o.adoptedStyleSheets||[];r.includes(a)||(o.adoptedStyleSheets=[...r,a])}))}(t,e);const n=s.unsubscribe.bind(s);return s.unsubscribe=()=>{if(window[i][e]){const t=window[i][e];t.refCount>1?t.refCount=t.refCount-1:delete window[i][e]}n()},s}const a={en:{history:"History",available:"Available"}},r=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{a[e]||(a[e]={});for(let i in t[e])a[e][i]=t[e][i]})),e(!0)}))})),l=(t,e,i)=>{let s=a[void 0!==e&&e in a?e:"en"][t];if(void 0!==i)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s};var c,h,d;!function(t){t.COINS="coins",t.XP="xp"}(c||(c={})),function(t){t.TIME_PERIOD="timePeriod",t.NUMBER_OF_ROUNDS="numberOfRounds"}(h||(h={})),function(t){t[t.ACTIVE=0]="ACTIVE",t[t.ACTIVATED=1]="ACTIVATED",t[t.EXPIRED=2]="EXPIRED",t[t.CONSUMED=3]="CONSUMED",t[t.DISABLED=4]="DISABLED",t[t.ENABLED=6]="ENABLED",t[t.ACTIVATING=999]="ACTIVATING"}(d||(d={}));const b=class{constructor(e){t(this,e),this.tabsInfo={available:{tabId:"available",offset:0,limit:this.limit},history:{tabId:"history",offset:0,limit:this.limit}},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl=void 0,this.language="en",this.endpoint=void 0,this.session=void 0,this.limit=10,this.pageLimitOptions="10,25,50",this.openTermsPage=!1,this.activeTab=this.tabsInfo.available.tabId}onTabClick(t){this.activeTab=t}render(){return e("div",{key:"40968fd40965532592c1530e930e745d88b90036",class:"PowerUpsLobby",ref:t=>this.stylingContainer=t},e("div",{key:"3ae4bbc1e2b63d996c046de0c2cc36c3832f6a82",class:"TabTitle"},e("span",{key:"edae2b2ee451e1e1661c28fb66da0c444a0c12dc",class:"Tab TabItem "+("available"===this.activeTab?"Active":""),onClick:this.onTabClick.bind(this,"available")},l("available",this.language)),e("span",{key:"4c7a8ce5e55cc745eaf255a3f525045aa2d188be",class:"Tab TabItem "+("history"===this.activeTab?"Active":""),onClick:this.onTabClick.bind(this,"history")},l("history",this.language))),e("div",{key:"00affc855ed88f4432d4a9e9a2c58ed04ba72790",class:"Desc"}," ",c.XP," "),e("div",{key:"cb8730de8b878d88d70863dad1dfba2194e61da0",class:"TabContent"},"available"===this.activeTab&&e("bonus-elevate-powerups",{key:"5751f9abdb45feafa24bce7a176f56e96085a05e",endpoint:this.endpoint,session:this.session,language:this.language,"mb-source":this.mbSource,"open-terms-page":this.openTermsPage,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-url":this.clientStylingUrl,"page-limit-options":this.pageLimitOptions,limit:this.limit}),"history"===this.activeTab&&e("bonus-elevate-powerups-history",{key:"a1613ce770b3fecf76aba1c71f4fb0d96ef27c45",endpoint:this.endpoint,session:this.session,language:this.language,"translation-url":this.translationUrl,"mb-source":this.mbSource,"client-styling":this.clientStyling,"client-styling-url":this.clientStylingUrl,"page-limit-options":this.pageLimitOptions,limit:this.limit})))}handleClientStylingChange(t,e){t!=e&&s(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleNewTranslations(){r(this.translationUrl)}async componentWillLoad(){this.translationUrl&&await r(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&s(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],translationUrl:["handleNewTranslations"]}}};b.style=':host{display:block}.PowerUpsLobby{padding:10px}.PowerUpsLobby .Desc{display:none !important}.PowerUpsLobby .TabItem{position:relative;cursor:pointer;padding:10px 20px;border-bottom:2px solid transparent}.PowerUpsLobby .TabItem::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-image:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange1, #E0A84E) 100%);transform:scaleX(0)}.PowerUpsLobby .TabItem.Active::after{transform:scaleX(1)}.PowerUpsLobby .TabTitle{display:flex;flex-direction:row;text-transform:uppercase}.PowerUpsLobby .TabTitle .Tab{flex:1;padding:10px 20px;text-align:center;cursor:pointer}.PowerUpsLobby .TabTitle .Active1{border-bottom:2px solid;border-image-source:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange1, #E0A84E) 100%);border-image-slice:1}.PowerUpsLobby .TabContent{margin-top:20px}';export{b as B,d as P,h as a,o as b,n as c,s}
@@ -1,4 +1,4 @@
1
- import{r as t,h as e,c as i,g as s,H as r}from"./index-907b0f95.js";import{P as o,a as n,s as a,b as l,c as h}from"./bonus-elevate-powerups-lobby-e4209b1a.js";export{B as bonus_elevate_powerups_lobby}from"./bonus-elevate-powerups-lobby-e4209b1a.js";const d={en:{min:"MIN",rounds:"Rounds",coins:"Coins",xp:"XP",expiresIn:"EXPIRES IN ",playNow:"Start Now!",nothingHere:"Nothing here -- yet!",noPowerUps:"No power-ups at the moment.",gotoShop:"Go to the shop to check power-ups availability.",termsCon:"Read full Terms & Conditions > ",games:"Games",seeAll:"See All",selectGameToActive:"Select the game to activate power-up",days:"days"}},c=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{d[e]||(d[e]={});for(let i in t[e])d[e][i]=t[e][i]})),e(!0)}))})),u=(t,e,i)=>{let s=d[void 0!==e&&e in d?e:"en"][t];if(void 0!==i)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s},p={expand:"games",fields:"id,powerUpID,displayName,termsUrl,description,status,multiplier,boostingPeriod,currentTime,expireTime,games(id,gameId,name,slug,thumbnail)",status:`${o.ACTIVE},${o.ACTIVATED}`},m={expand:"games",fields:"id,powerUpID,games(id,gameId,slug,name,thumbnail)"},v=class{constructor(e){t(this,e),this.tableId="powerups",this.gameObservers=new Map,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint=void 0,this.session=void 0,this.limit=10,this.openTermsPage=!1,this.pageLimitOptions="10,25,50",this.pageLimitSelectOptions=[],this.isLoading=!0,this.powerups=[],this.offset=0,this.total=void 0,this.listIsExpanded={}}onReloadPageByType(t){const{offset:e,tableId:i}=t.detail;i===this.tableId&&(this.offset=e)}setLimit(){try{const t=this.pageLimitOptions.split(",").map((t=>parseInt(t)));t.includes(this.limit)||(this.limit=t[0])}catch(t){console.error("Error when parse PageLimitOptions",t),this.limit=10}}onPageLimitChangedHandler(t){var e;if("pageLimits"===(null===(e=t.detail)||void 0===e?void 0:e.name)){const e=parseInt(t.detail.value||"10");this.limit!=e&&(this.limit=e,this.offset=0)}}async loadData(){if(this.endpoint&&this.session&&this.pageLimitSelectOptions.length){this.isLoading=!0,this.abortController&&this.abortController.abort(),this.abortController=new AbortController;try{const t=new URL(`${this.endpoint}/v1/elevate/powerups?pagination=offset=${this.offset},limit=${this.limit},games(limit=20,offset=0)`);let e={headers:{"Content-Type":"application/json","x-SessionId":this.session},method:"GET",signal:this.abortController.signal};Object.entries(p).forEach((([e,i])=>{t.searchParams.append(e,i)})),t.searchParams.append("language",this.language);const i=await fetch(t,e);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const{data:s,total:r}=await i.json();this.powerups=s,this.total=r}catch(t){"AbortError"!==t.name&&(console.error("Failed to load powerups history:",t),window.postMessage({type:"peHistoryLoaderError",error:t}))}finally{this.abortController.signal.aborted||(this.isLoading=!1)}}}onExpandGames(t){this.listIsExpanded[t.id]=!this.listIsExpanded[t.id],this.listIsExpanded=Object.assign({},this.listIsExpanded)}onGameClick(t){window.postMessage({type:"EngagementSuiteGameRedirect",data:{Slug:t.slug}})}onTermsUrlClick(t){window.postMessage({type:"onPowerupTermsUrlClicked",termsUrl:t.termsUrl,id:t.id},"*")}async loadMoreGames(t){var e;if(!(t.games.items.length>=t.games.total))try{const i=new URL(`${this.endpoint}/v1/elevate/powerups/available?pagination=games(limit=20,offset=${t.games.items.length})`),s={headers:{"x-SessionId":this.session}};i.searchParams.append("filter",`id=${t.powerUpID}`),Object.entries(m).forEach((([t,e])=>{i.searchParams.append(t,e)}));const r=await fetch(i.toString(),s);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);const{data:o}=await r.json(),n=this.powerups.findIndex((e=>e.id===t.id));if(-1!==n){const t=Object.assign({},this.powerups[n]),i=null==o?void 0:o[0];if(i&&(null===(e=i.games)||void 0===e?void 0:e.items)){t.games.items=[...t.games.items,...i.games.items];const e=[...this.powerups];e[n]=t,this.powerups=e}}}catch(t){console.error("Failed to load more games:",t)}}initializeGamesObserver(t){let e=this.gameObservers.get(t.id);e&&e.disconnect(),e=new IntersectionObserver((i=>{i.forEach((i=>{i.isIntersecting&&(this.loadMoreGames(t),e.unobserve(i.target),this.gameObservers.delete(t.id))}))})),this.gameObservers.set(t.id,e),setTimeout((()=>{const i=this.stylingContainer.querySelector(`.PowerUpItem[data-powerup-id="${t.id}"] .Game:last-child`);i&&e.observe(i)}),200)}componentDidUpdate(){this.powerups.forEach((t=>{var e,i;(null===(e=t.games)||void 0===e?void 0:e.items.length)<(null===(i=t.games)||void 0===i?void 0:i.total)&&this.initializeGamesObserver(t)}))}render(){return e("div",{key:"06fccebd52868cb1e5526e95013b5f4eaeae5a80",class:"PowerUpsContainer",ref:t=>this.stylingContainer=t},this.isLoading?e("p",null,"Loading..."):this.total?[e("div",{class:"PowerUps"},this.powerups.map((t=>{var i,s;return e("div",{class:"PowerUpItem Card","data-powerup-id":t.id},e("div",{class:"CardLeft"},e("div",{class:"MainInfo"},e("div",{class:"DisplayName"}," ",t.displayName||"-"," "),e("div",{class:"Title2 PowerUpMultiplier"},e("span",{class:"BoostingPeriod"},e("span",{class:"Period"},t.boostingPeriod.minutes||t.boostingPeriod.numberOfRounds," "),u(t.boostingPeriod.mode===n.TIME_PERIOD?"min":"rounds",this.language)," "),e("span",{class:"Spliter"},"|"),e("span",{class:"Multiplier"},"X ",t.multiplier.coefficient," "),e("span",{class:"Spliter"},"|"),e("span",{class:"MultiplierMode"},u(t.multiplier.mode,this.language)," "),t.expireTime&&[e("span",{class:"Spliter"}," | "),e("span",{class:"ExpireCount"},e("time-count",{"expire-time":t.expireTime,language:this.language}))]),e("div",{class:"Description"},t.description)),e("div",{class:"TermsC"},this.openTermsPage?e("a",{href:t.termsUrl?t.termsUrl:"#",target:"_blank"},u("termsCon",this.language)):e("span",{onClick:()=>this.onTermsUrlClick(t)},u("termsCon",this.language)," "))),e("div",{class:"GamesContent CardRight"},e("div",{class:"GamesTitle"},e("div",{class:"TitleLeft"},e("span",{class:"Title2"}," ",u("games",this.language)),e("span",{class:"GamesAmount"}," ( ",(null===(i=t.games)||void 0===i?void 0:i.total)||0," ) ")),e("div",{class:"TitleRight ",onClick:()=>this.onExpandGames(t)},e("span",{class:"SeeAll"},u("seeAll",this.language)),e("div",{class:"SeeAllIcon "+(this.listIsExpanded&&this.listIsExpanded[t.id]?"Expanded":"Collapsed"),innerHTML:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="23" y="23" width="22" height="22" rx="11" transform="rotate(-180 23 23)" fill="url(#paint0_linear_1504_33873)"/>\n<rect x="23" y="23" width="22" height="22" rx="11" transform="rotate(-180 23 23)" stroke="#083B17" stroke-width="2"/>\n<path d="M11 8L15 12L11 16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<defs>\n<linearGradient id="paint0_linear_1504_33873" x1="24" y1="36" x2="48" y2="36" gradientUnits="userSpaceOnUse">\n<stop stop-color="#24AA4D"/>\n<stop offset="1" stop-color="#113F21"/>\n</linearGradient>\n</defs>\n</svg>\n'}))),e("div",{class:"GameTitleTip"},u("selectGameToActive",this.language)),e("div",{class:"GamesList"},e("div",{class:"Games "+(this.listIsExpanded&&this.listIsExpanded[t.id]?"Expanded":"Collapsed")},null===(s=t.games)||void 0===s?void 0:s.items.map((t=>e("div",{class:"Game"},e("ui-image",{src:t.thumbnail}),e("div",{class:"GameMask",onClick:this.onGameClick.bind(this,t)},e("div",{class:"GameStartBtn"},e("div",{class:"PlayIcon"}),e("span",null,u("playNow",this.language)))))))))))}))),e("div",{class:"Pagination"},this.total&&[e("bonus-pagination-nav",{offset:this.offset,limit:this.limit,"secondary-arrows-active":!0,"table-id":this.tableId,total:this.total}),e("general-input",{"client-styling":"\n .pageLimits__input [part='input-field'] ::slotted([slot='value']:not([placeholder])) {\n\n text-align: center;\n }\n .pageLimits__input .select__input{background: transparent; width: 89px;\n vaadin-select-value-button{\n color: var(--vaadin-input-field-value-color, var(--emw--color-text));\n text-align: center;\n }\n }\n .pageLimits__input .select__input::part(toggle-button){\n color: var(--vaadin-input-field-value-color, var(--emw--color-text));\n right: 0px;\n }\n .pageLimits__input .select__input::part(input-field) {\n border-radius: 20px;\n background-color: transparent;\n border: 1px solid var(--emw--color-gray-100, #BCFCB10D);\n color: var(--emw--color-black, #000000);\n font-family: inherit;\n font-style: normal;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n padding: 5px;\n height: 34px;\n }",type:"dropdown",name:"pageLimits","display-name":"","default-value":this.limit,validation:{mandatory:!1},options:this.pageLimitSelectOptions,emitValue:!0,language:this.language,"mb-source":this.mbSource,"client-styling-url":this.clientStylingUrl})])]:e("div",{class:"EmptyPowerups"},e("div",{class:"Icon",innerHTML:'<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n<rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>\n<defs>\n<pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">\n<use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>\n</pattern>\n<image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>\n</defs>\n</svg>\n'}),e("span",{class:"NoPowerTitle"},u("nothingHere",this.language)),e("div",{class:"NoPowerDescription"},e("span",null,u("noPowerUps")),e("span",null,u("gotoShop"))),e("div",null)))}handleDataConfigChange(){this.loadData().catch(console.error)}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleNewTranslations(){c(this.translationUrl)}async componentWillLoad(){this.translationUrl&&await c(this.translationUrl),this.setLimit(),this.pageLimitSelectOptions=this.pageLimitOptions.split(",").map((t=>({label:t,value:t}))),this.loadData().catch(console.error)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.abortController&&this.abortController.abort(),this.stylingSubscription&&this.stylingSubscription.unsubscribe(),this.gameObservers.forEach((t=>t.disconnect())),this.gameObservers.clear()}static get assetsDirs(){return["assets"]}static get watchers(){return{offset:["loadData"],limit:["loadData"],language:["loadData"],session:["loadData","handleDataConfigChange"],endpoint:["loadData","handleDataConfigChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],translationUrl:["handleNewTranslations"]}}};v.style=":host{display:block;font-family:inherit;--game-amount-line:4}@media screen and (max-width: 768px){:host{--game-amount-line:3}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:32%}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{padding:8px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .GamesTitle .TitleRight,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .GamesTitle .TitleRight{display:flex}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:8px}}@media screen and (max-width: 470px){:host{--game-amount-line:2}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:45%}.PowerUpsContainer .PowerUps .PowerUpItem.Card{max-height:600px;height:fit-content;flex-direction:column}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft{gap:10px;min-width:320px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{width:auto;height:51%;overflow:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .Game,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .Game{width:45%}}.PowerUpsContainer{font-size:0.95rem;display:flex;flex-direction:column;min-height:500px}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{min-height:60vh;width:100%;gap:12px;display:flex;flex-direction:column}.PowerUpsContainer .PowerUps time-count{margin-left:3px}.PowerUpsContainer .PowerUps .Card{width:100%;max-height:307px;gap:12px;border-radius:12px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));display:flex;flex-direction:row}.PowerUpsContainer .PowerUps .Card .CardLeft,.PowerUpsContainer .PowerUps .Card .CardRight{display:flex;flex-direction:column}.PowerUpsContainer .PowerUps .Card .CardLeft{padding:20px;width:35%;display:flex;min-width:339px;flex-direction:column;justify-content:space-between}.PowerUpsContainer .PowerUps .Card .CardLeft .MainInfo{display:flex;flex-direction:column;gap:12px}.PowerUpsContainer .PowerUps .Card .CardRight{padding:10px}.PowerUpsContainer .PowerUps .Card .Description{color:var(--emw--color-gray-150, #c8d6ce);line-height:1.2rem;flex:1;font-size:small;margin-top:8px}.PowerUpsContainer .PowerUps .Card .CardLeft .DisplayName{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:22px;gap:12px;font-size:large;font-family:var(--emw--font-family-primary, \"Montserrat\", sans-serif)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier{text-transform:uppercase;font-size:smaller;gap:10px;display:flex;color:var(--emw--color-gray-dark, #727672)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount .Label{text-transform:uppercase}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount .Highlighted{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange2, #E0A84E) 100%)}.PowerUpsContainer .PowerUps .Card .CardLeft .ExpireCount,.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{display:inline-block;-webkit-background-clip:text;background-clip:text}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{color:var(--emw--color-powup-light-green, #18CE51);text-transform:uppercase;background-image:linear-gradient(180deg, var(--emw--color-powup-green, #24B24E) 0%, var(--emw--color-powup-light-green, #18CE51) 100%);font-size:0.8em;font-weight:bold}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC a{text-decoration:none}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC span{cursor:pointer}.PowerUpsContainer .PowerUps .Card .GamesContent{margin:20px;flex:1;gap:12px;display:flex;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .TitleRight{display:none;gap:5px;align-items:center}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon{transition:rotate 200ms ease-in-out}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon.Collapse{rotate:0deg}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon.Expanded{rotate:-90deg}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .Title2{text-transform:capitalize}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .GamesAmount{opacity:0.8}.PowerUpsContainer .PowerUps .Card .GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList{display:flex;justify-content:flex-start;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{transition:height 200ms ease-in-out;padding:0;display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-line) - 1))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games.Expanded{height:400px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games.Collapse{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:calc((100% - 30px) / var(--game-amount-line));position:relative;min-width:132px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game .GameMask{display:none;transition:display;transition-duration:0.2s;position:absolute;width:70%;height:100%}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .mask-filter{opacity:1}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameStartBtn{opacity:1}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.PowerUpsContainer .Pagination{display:flex;justify-content:center}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active,.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover{color:#00B74F;border:2px solid #00B74F}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem{background:transparent;border:2px solid rgba(188, 252, 177, 0.0509803922);border-radius:36px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.PowerUpsContainer .Pagination .PageNavigation .PageArrow{color:transparent}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage.Disabled,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage.Disabled{cursor:default;background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='gray'/%3E%3C/svg%3E\")}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='white'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;display:inherit;width:fit-content;padding:0 15px}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{rotate:180deg}.PowerUpsContainer .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.PowerUpsContainer .GameStartBtn .PlayIcon{background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z\" fill=\"white\"/> <path d=\"M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z\" fill=\"white\"/></svg>');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}";const f={en:{min:"MIN",rounds:"Rounds",coins:"Coins",xp:"XP",consumed:"Used",expired:"Expired",enabled:"Enabled",active:"Active",nothingHere:"Nothing here -- yet!",noPowerUps:"No power-ups have been used at the moment.",gotoShop:"Go to shop to check power-ups availability."}},g=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{f[e]||(f[e]={});for(let i in t[e])f[e][i]=t[e][i]})),e(!0)})).catch((t=>{console.error("Failed to load translations:",t),e(!1)}))})),b=(t,e,i)=>{let s=f[void 0!==e&&e in f?e:"en"][t]||t;if(null==i?void 0:i.values)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s};
1
+ import{r as t,h as e,c as i,g as s,H as r}from"./index-907b0f95.js";import{P as o,a as n,s as a,b as l,c as h}from"./bonus-elevate-powerups-lobby-6d73f1b7.js";export{B as bonus_elevate_powerups_lobby}from"./bonus-elevate-powerups-lobby-6d73f1b7.js";const d={en:{min:"MIN",rounds:"Rounds",coins:"Coins",xp:"XP",expiresIn:"EXPIRES IN ",playNow:"Start Now!",nothingHere:"Nothing here -- yet!",noPowerUps:"No power-ups at the moment.",gotoShop:"Go to the shop to check power-ups availability.",termsCon:"Read full Terms & Conditions > ",games:"Games",seeAll:"See All",selectGameToActive:"Select the game to activate power-up",days:"days"}},c=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{d[e]||(d[e]={});for(let i in t[e])d[e][i]=t[e][i]})),e(!0)}))})),u=(t,e,i)=>{let s=d[void 0!==e&&e in d?e:"en"][t];if(void 0!==i)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s},p={expand:"games",fields:"id,powerUpID,displayName,termsUrl,description,status,multiplier,boostingPeriod,currentTime,expireTime,games(id,gameId,name,slug,thumbnail)",status:`${o.ACTIVE},${o.ACTIVATED}`},m={expand:"games",fields:"id,powerUpID,games(id,gameId,slug,name,thumbnail)"},v=class{constructor(e){t(this,e),this.tableId="powerups",this.gameObservers=new Map,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint=void 0,this.session=void 0,this.limit=10,this.openTermsPage=!1,this.pageLimitOptions="10,25,50",this.pageLimitSelectOptions=[],this.isLoading=!0,this.powerups=[],this.offset=0,this.total=void 0,this.listIsExpanded={}}onReloadPageByType(t){const{offset:e,tableId:i}=t.detail;i===this.tableId&&(this.offset=e)}setLimit(){try{const t=this.pageLimitOptions.split(",").map((t=>parseInt(t)));t.includes(this.limit)||(this.limit=t[0])}catch(t){console.error("Error when parse PageLimitOptions",t),this.limit=10}}onPageLimitChangedHandler(t){var e;if("pageLimits"===(null===(e=t.detail)||void 0===e?void 0:e.name)){const e=parseInt(t.detail.value||"10");this.limit!=e&&(this.limit=e,this.offset=0)}}async loadData(){if(this.endpoint&&this.session&&this.pageLimitSelectOptions.length){this.isLoading=!0,this.abortController&&this.abortController.abort(),this.abortController=new AbortController;try{const t=new URL(`${this.endpoint}/v1/elevate/powerups?pagination=offset=${this.offset},limit=${this.limit},games(limit=20,offset=0)`);let e={headers:{"Content-Type":"application/json","x-SessionId":this.session},method:"GET",signal:this.abortController.signal};Object.entries(p).forEach((([e,i])=>{t.searchParams.append(e,i)})),t.searchParams.append("language",this.language);const i=await fetch(t,e);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const{data:s,total:r}=await i.json();this.powerups=s,this.total=r}catch(t){"AbortError"!==t.name&&(console.error("Failed to load powerups history:",t),window.postMessage({type:"peHistoryLoaderError",error:t}))}finally{this.abortController.signal.aborted||(this.isLoading=!1)}}}onExpandGames(t){this.listIsExpanded[t.id]=!this.listIsExpanded[t.id],this.listIsExpanded=Object.assign({},this.listIsExpanded)}onGameClick(t){window.postMessage({type:"EngagementSuiteGameRedirect",data:{Slug:t.slug}})}onTermsUrlClick(t){window.postMessage({type:"onPowerupTermsUrlClicked",termsUrl:t.termsUrl,id:t.id},"*")}async loadMoreGames(t){var e;if(!(t.games.items.length>=t.games.total))try{const i=new URL(`${this.endpoint}/v1/elevate/powerups/available?pagination=games(limit=20,offset=${t.games.items.length})`),s={headers:{"x-SessionId":this.session}};i.searchParams.append("filter",`id=${t.powerUpID}`),Object.entries(m).forEach((([t,e])=>{i.searchParams.append(t,e)}));const r=await fetch(i.toString(),s);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);const{data:o}=await r.json(),n=this.powerups.findIndex((e=>e.id===t.id));if(-1!==n){const t=Object.assign({},this.powerups[n]),i=null==o?void 0:o[0];if(i&&(null===(e=i.games)||void 0===e?void 0:e.items)){t.games.items=[...t.games.items,...i.games.items];const e=[...this.powerups];e[n]=t,this.powerups=e}}}catch(t){console.error("Failed to load more games:",t)}}initializeGamesObserver(t){let e=this.gameObservers.get(t.id);e&&e.disconnect(),e=new IntersectionObserver((i=>{i.forEach((i=>{i.isIntersecting&&(this.loadMoreGames(t),e.unobserve(i.target),this.gameObservers.delete(t.id))}))})),this.gameObservers.set(t.id,e),setTimeout((()=>{const i=this.stylingContainer.querySelector(`.PowerUpItem[data-powerup-id="${t.id}"] .Game:last-child`);i&&e.observe(i)}),200)}componentDidUpdate(){this.powerups.forEach((t=>{var e,i;(null===(e=t.games)||void 0===e?void 0:e.items.length)<(null===(i=t.games)||void 0===i?void 0:i.total)&&this.initializeGamesObserver(t)}))}render(){return e("div",{key:"06fccebd52868cb1e5526e95013b5f4eaeae5a80",class:"PowerUpsContainer",ref:t=>this.stylingContainer=t},this.isLoading?e("p",null,"Loading..."):this.total?[e("div",{class:"PowerUps"},this.powerups.map((t=>{var i,s;return e("div",{class:"PowerUpItem Card","data-powerup-id":t.id},e("div",{class:"CardLeft"},e("div",{class:"MainInfo"},e("div",{class:"DisplayName"}," ",t.displayName||"-"," "),e("div",{class:"Title2 PowerUpMultiplier"},e("span",{class:"BoostingPeriod"},e("span",{class:"Period"},t.boostingPeriod.minutes||t.boostingPeriod.numberOfRounds," "),u(t.boostingPeriod.mode===n.TIME_PERIOD?"min":"rounds",this.language)," "),e("span",{class:"Spliter"},"|"),e("span",{class:"Multiplier"},"X ",t.multiplier.coefficient," "),e("span",{class:"Spliter"},"|"),e("span",{class:"MultiplierMode"},u(t.multiplier.mode,this.language)," "),t.expireTime&&[e("span",{class:"Spliter"}," | "),e("span",{class:"ExpireCount"},e("time-count",{"expire-time":t.expireTime,language:this.language}))]),e("div",{class:"Description"},t.description)),e("div",{class:"TermsC"},this.openTermsPage?e("a",{href:t.termsUrl?t.termsUrl:"#",target:"_blank"},u("termsCon",this.language)):e("span",{onClick:()=>this.onTermsUrlClick(t)},u("termsCon",this.language)," "))),e("div",{class:"GamesContent CardRight"},e("div",{class:"GamesTitle"},e("div",{class:"TitleLeft"},e("span",{class:"Title2"}," ",u("games",this.language)),e("span",{class:"GamesAmount"}," ( ",(null===(i=t.games)||void 0===i?void 0:i.total)||0," ) ")),e("div",{class:"TitleRight ",onClick:()=>this.onExpandGames(t)},e("span",{class:"SeeAll"},u("seeAll",this.language)),e("div",{class:"SeeAllIcon "+(this.listIsExpanded&&this.listIsExpanded[t.id]?"Expanded":"Collapsed"),innerHTML:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="23" y="23" width="22" height="22" rx="11" transform="rotate(-180 23 23)" fill="url(#paint0_linear_1504_33873)"/>\n<rect x="23" y="23" width="22" height="22" rx="11" transform="rotate(-180 23 23)" stroke="#083B17" stroke-width="2"/>\n<path d="M11 8L15 12L11 16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<defs>\n<linearGradient id="paint0_linear_1504_33873" x1="24" y1="36" x2="48" y2="36" gradientUnits="userSpaceOnUse">\n<stop stop-color="#24AA4D"/>\n<stop offset="1" stop-color="#113F21"/>\n</linearGradient>\n</defs>\n</svg>\n'}))),e("div",{class:"GameTitleTip"},u("selectGameToActive",this.language)),e("div",{class:"GamesList"},e("div",{class:"Games "+(this.listIsExpanded&&this.listIsExpanded[t.id]?"Expanded":"Collapsed")},null===(s=t.games)||void 0===s?void 0:s.items.map((t=>e("div",{class:"Game"},e("ui-image",{src:t.thumbnail}),e("div",{class:"GameMask",onClick:this.onGameClick.bind(this,t)},e("div",{class:"GameStartBtn"},e("div",{class:"PlayIcon"}),e("span",null,u("playNow",this.language)))))))))))}))),e("div",{class:"Pagination"},this.total&&[e("bonus-pagination-nav",{offset:this.offset,limit:this.limit,"secondary-arrows-active":!0,"table-id":this.tableId,total:this.total}),e("general-input",{"client-styling":"\n .pageLimits__input [part='input-field'] ::slotted([slot='value']:not([placeholder])) {\n\n text-align: center;\n }\n .pageLimits__input .select__input{background: transparent; width: 89px;\n vaadin-select-value-button{\n color: var(--vaadin-input-field-value-color, var(--emw--color-text));\n text-align: center;\n }\n }\n .pageLimits__input .select__input::part(toggle-button){\n color: var(--vaadin-input-field-value-color, var(--emw--color-text));\n right: 0px;\n }\n .pageLimits__input .select__input::part(input-field) {\n border-radius: 20px;\n background-color: transparent;\n border: 1px solid var(--emw--color-gray-100, #BCFCB10D);\n color: var(--emw--color-black, #000000);\n font-family: inherit;\n font-style: normal;\n font-size: 16px;\n font-weight: 300;\n line-height: 1.5;\n padding: 5px;\n height: 34px;\n }",type:"dropdown",name:"pageLimits","display-name":"","default-value":this.limit,validation:{mandatory:!1},options:this.pageLimitSelectOptions,emitValue:!0,language:this.language,"mb-source":this.mbSource,"client-styling-url":this.clientStylingUrl})])]:e("div",{class:"EmptyPowerups"},e("div",{class:"Icon",innerHTML:'<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n<rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>\n<defs>\n<pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">\n<use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>\n</pattern>\n<image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>\n</defs>\n</svg>\n'}),e("span",{class:"NoPowerTitle"},u("nothingHere",this.language)),e("div",{class:"NoPowerDescription"},e("span",null,u("noPowerUps")),e("span",null,u("gotoShop"))),e("div",null)))}handleDataConfigChange(){this.loadData().catch(console.error)}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleNewTranslations(){c(this.translationUrl)}async componentWillLoad(){this.translationUrl&&await c(this.translationUrl),this.setLimit(),this.pageLimitSelectOptions=this.pageLimitOptions.split(",").map((t=>({label:t,value:t}))),this.loadData().catch(console.error)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.abortController&&this.abortController.abort(),this.stylingSubscription&&this.stylingSubscription.unsubscribe(),this.gameObservers.forEach((t=>t.disconnect())),this.gameObservers.clear()}static get assetsDirs(){return["assets"]}static get watchers(){return{offset:["loadData"],limit:["loadData"],language:["loadData"],session:["loadData","handleDataConfigChange"],endpoint:["loadData","handleDataConfigChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],translationUrl:["handleNewTranslations"]}}};v.style=":host{display:block;font-family:inherit;--game-amount-line:4}@media screen and (max-width: 768px){:host{--game-amount-line:3}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:32%}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{padding:8px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .GamesTitle .TitleRight,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .GamesTitle .TitleRight{display:flex}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:8px}}@media screen and (max-width: 470px){:host{--game-amount-line:2}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:45%}.PowerUpsContainer .PowerUps .PowerUpItem.Card{max-height:600px;height:fit-content;flex-direction:column}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft{gap:10px;min-width:320px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{width:auto;height:51%;overflow:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .Game,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .Game{width:45%}}.PowerUpsContainer{font-size:0.95rem;display:flex;flex-direction:column;min-height:500px}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{min-height:60vh;width:100%;gap:12px;display:flex;flex-direction:column}.PowerUpsContainer .PowerUps time-count{margin-left:3px}.PowerUpsContainer .PowerUps .Card{width:100%;max-height:307px;gap:12px;border-radius:12px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));display:flex;flex-direction:row}.PowerUpsContainer .PowerUps .Card .CardLeft,.PowerUpsContainer .PowerUps .Card .CardRight{display:flex;flex-direction:column}.PowerUpsContainer .PowerUps .Card .CardLeft{padding:20px;width:35%;display:flex;min-width:339px;flex-direction:column;justify-content:space-between}.PowerUpsContainer .PowerUps .Card .CardLeft .MainInfo{display:flex;flex-direction:column;gap:12px}.PowerUpsContainer .PowerUps .Card .CardRight{padding:10px}.PowerUpsContainer .PowerUps .Card .Description{color:var(--emw--color-gray-150, #c8d6ce);line-height:1.2rem;flex:1;font-size:small;margin-top:8px}.PowerUpsContainer .PowerUps .Card .CardLeft .DisplayName{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:22px;gap:12px;font-size:large;font-family:var(--emw--font-family-primary, \"Montserrat\", sans-serif)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier{text-transform:uppercase;font-size:smaller;gap:10px;display:flex;color:var(--emw--color-gray-dark, #727672)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount .Label{text-transform:uppercase}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount .Highlighted{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange2, #E0A84E) 100%)}.PowerUpsContainer .PowerUps .Card .CardLeft .ExpireCount,.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{display:inline-block;-webkit-background-clip:text;background-clip:text}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{color:var(--emw--color-powup-light-green, #18CE51);text-transform:uppercase;background-image:linear-gradient(180deg, var(--emw--color-powup-green, #24B24E) 0%, var(--emw--color-powup-light-green, #18CE51) 100%);font-size:0.8em;font-weight:bold}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC a{text-decoration:none}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC span{cursor:pointer}.PowerUpsContainer .PowerUps .Card .GamesContent{margin:20px;flex:1;gap:12px;display:flex;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .TitleRight{display:none;gap:5px;align-items:center}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon{transition:rotate 200ms ease-in-out}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon.Collapse{rotate:0deg}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .SeeAllIcon.Expanded{rotate:-90deg}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .Title2{text-transform:capitalize}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .GamesAmount{opacity:0.8}.PowerUpsContainer .PowerUps .Card .GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList{display:flex;justify-content:flex-start;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{transition:height 200ms ease-in-out;padding:0;display:flex;align-items:flex-start;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-line) - 1))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games.Expanded{height:400px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games.Collapse{height:108px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:calc((100% - 30px) / var(--game-amount-line));position:relative;min-width:132px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game .GameMask{display:none;transition:display;transition-duration:0.2s;position:absolute;width:70%;height:100%}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .mask-filter{opacity:1}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameStartBtn{opacity:1}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask{mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.PowerUpsContainer .Pagination{display:flex;justify-content:center}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem.Active,.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem:hover{color:#00B74F;border:2px solid #00B74F}.PowerUpsContainer .Pagination ul.PaginationArea li.PageItem{background:transparent;border:2px solid rgba(188, 252, 177, 0.0509803922);border-radius:36px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.PowerUpsContainer .Pagination .PageNavigation .PageArrow{color:transparent}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage.Disabled,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage.Disabled{cursor:default;background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='gray'/%3E%3C/svg%3E\")}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.PrePage,.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{background-image:url(\"data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z' fill='white'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:center;display:inherit;width:fit-content;padding:0 15px}.PowerUpsContainer .Pagination .PageNavigation .PageArrow.NextPage{rotate:180deg}.PowerUpsContainer .GameStartBtn{width:98px;height:22px;border-radius:8px;opacity:1;padding:4px 5px;background:linear-gradient(180deg, #03832D 0%, #4DC071 100%);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.PowerUpsContainer .GameStartBtn .PlayIcon{background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1ZM0 5.5C0 2.46243 2.46243 0 5.5 0C8.53757 0 11 2.46243 11 5.5C11 8.53757 8.53757 11 5.5 11C2.46243 11 0 8.53757 0 5.5ZM5.12255 3.21652C5.12728 3.21956 5.13199 3.22259 5.13668 3.22561L7.49698 4.74294C7.50129 4.74571 7.50562 4.74849 7.50998 4.75129C7.58551 4.79982 7.66805 4.85285 7.73381 4.90413C7.80355 4.95852 7.91363 5.05446 7.97854 5.20809C8.0574 5.39471 8.0574 5.60529 7.97854 5.79191C7.91363 5.94554 7.80355 6.04148 7.73381 6.09587C7.66805 6.14715 7.58551 6.20018 7.50998 6.24871C7.50562 6.25151 7.50129 6.25429 7.49698 6.25706L5.13668 7.77439C5.13199 7.77741 5.12727 7.78045 5.12255 7.78348C5.03469 7.84 4.9423 7.89941 4.86094 7.94176C4.77909 7.98436 4.63056 8.05332 4.44657 8.04018C4.22957 8.02468 4.02999 7.91572 3.89961 7.74157C3.78907 7.59391 3.76675 7.43167 3.75832 7.33979C3.74995 7.24844 3.74997 7.1386 3.75 7.03414C3.75 7.02852 3.75 7.02292 3.75 7.01733V3.98267C3.75 3.97708 3.75 3.97148 3.75 3.96586C3.74997 3.8614 3.74995 3.75156 3.75832 3.66021C3.76675 3.56833 3.78907 3.40609 3.89961 3.25843C4.02999 3.08428 4.22957 2.97532 4.44657 2.95982C4.63056 2.94668 4.77909 3.01564 4.86094 3.05824C4.94231 3.10059 5.03469 3.16001 5.12255 3.21652ZM4.75 4.16583V6.83417L6.82537 5.5L4.75 4.16583Z\" fill=\"white\"/> <path d=\"M4.75 6.83417V4.16583L6.82537 5.5L4.75 6.83417Z\" fill=\"white\"/></svg>');height:16px;width:16px;background-repeat:no-repeat;background-size:contain}";const f={en:{min:"MIN",rounds:"Rounds",coins:"Coins",xp:"XP",consumed:"Used",expired:"Expired",enabled:"Enabled",active:"Active",nothingHere:"Nothing here -- yet!",noPowerUps:"No power-ups have been used at the moment.",gotoShop:"Go to shop to check power-ups availability."}},g=t=>new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{f[e]||(f[e]={});for(let i in t[e])f[e][i]=t[e][i]})),e(!0)})).catch((t=>{console.error("Failed to load translations:",t),e(!1)}))})),b=(t,e,i)=>{let s=f[void 0!==e&&e in f?e:"en"][t]||t;if(null==i?void 0:i.values)for(const[t,e]of Object.entries(i.values)){const i=new RegExp(`{${t}}`,"g");s=s.replace(i,e)}return s};
2
2
  //! moment.js
3
3
  //! version : 2.29.4
4
4
  //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -1 +1 @@
1
- export{B as BonusElevatePowerupsLobby}from"./bonus-elevate-powerups-lobby-e4209b1a.js";import"./index-907b0f95.js";
1
+ export{B as BonusElevatePowerupsLobby}from"./bonus-elevate-powerups-lobby-6d73f1b7.js";import"./index-907b0f95.js";
@@ -206,7 +206,7 @@ const BonusElevatePowerupsLobby = class {
206
206
  render() {
207
207
  return index.h("div", { key: '40968fd40965532592c1530e930e745d88b90036', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '3ae4bbc1e2b63d996c046de0c2cc36c3832f6a82', class: 'TabTitle' }, index.h("span", { key: 'edae2b2ee451e1e1661c28fb66da0c444a0c12dc', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), index.h("span", { key: '4c7a8ce5e55cc745eaf255a3f525045aa2d188be', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), index.h("div", { key: '00affc855ed88f4432d4a9e9a2c58ed04ba72790', class: 'Desc' }, " ", MultiplierMode.XP, " "), index.h("div", { key: 'cb8730de8b878d88d70863dad1dfba2194e61da0', class: 'TabContent' }, this.activeTab === 'available' &&
208
208
  index.h("bonus-elevate-powerups", { key: '5751f9abdb45feafa24bce7a176f56e96085a05e', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "open-terms-page": this.openTermsPage, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit }), this.activeTab === 'history' &&
209
- index.h("bonus-elevate-powerups-history", { key: '1731cadf9b8b7a4f62fb6abdaa3c7a593c79ef92', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
209
+ index.h("bonus-elevate-powerups-history", { key: 'a1613ce770b3fecf76aba1c71f4fb0d96ef27c45', endpoint: this.endpoint, session: this.session, language: this.language, "translation-url": this.translationUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
210
210
  }
211
211
  handleClientStylingChange(newValue, oldValue) {
212
212
  if (newValue != oldValue) {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-cd923cdd.js');
6
- const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-313e4c12.js');
6
+ const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-ecc6d0ff.js');
7
7
 
8
8
  const DEFAULT_LANGUAGE$3 = 'en';
9
9
  const TRANSLATIONS$3 = {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-313e4c12.js');
5
+ const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-ecc6d0ff.js');
6
6
  require('./index-cd923cdd.js');
7
7
 
8
8
 
@@ -29,7 +29,7 @@ export class BonusElevatePowerupsLobby {
29
29
  render() {
30
30
  return h("div", { key: '40968fd40965532592c1530e930e745d88b90036', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '3ae4bbc1e2b63d996c046de0c2cc36c3832f6a82', class: 'TabTitle' }, h("span", { key: 'edae2b2ee451e1e1661c28fb66da0c444a0c12dc', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), h("span", { key: '4c7a8ce5e55cc745eaf255a3f525045aa2d188be', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), h("div", { key: '00affc855ed88f4432d4a9e9a2c58ed04ba72790', class: 'Desc' }, " ", MultiplierMode.XP, " "), h("div", { key: 'cb8730de8b878d88d70863dad1dfba2194e61da0', class: 'TabContent' }, this.activeTab === 'available' &&
31
31
  h("bonus-elevate-powerups", { key: '5751f9abdb45feafa24bce7a176f56e96085a05e', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "open-terms-page": this.openTermsPage, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit }), this.activeTab === 'history' &&
32
- h("bonus-elevate-powerups-history", { key: '1731cadf9b8b7a4f62fb6abdaa3c7a593c79ef92', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
32
+ h("bonus-elevate-powerups-history", { key: 'a1613ce770b3fecf76aba1c71f4fb0d96ef27c45', endpoint: this.endpoint, session: this.session, language: this.language, "translation-url": this.translationUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
33
33
  }
34
34
  handleClientStylingChange(newValue, oldValue) {
35
35
  if (newValue != oldValue) {
@@ -204,7 +204,7 @@ const BonusElevatePowerupsLobby = class {
204
204
  render() {
205
205
  return h("div", { key: '40968fd40965532592c1530e930e745d88b90036', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '3ae4bbc1e2b63d996c046de0c2cc36c3832f6a82', class: 'TabTitle' }, h("span", { key: 'edae2b2ee451e1e1661c28fb66da0c444a0c12dc', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), h("span", { key: '4c7a8ce5e55cc745eaf255a3f525045aa2d188be', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), h("div", { key: '00affc855ed88f4432d4a9e9a2c58ed04ba72790', class: 'Desc' }, " ", MultiplierMode.XP, " "), h("div", { key: 'cb8730de8b878d88d70863dad1dfba2194e61da0', class: 'TabContent' }, this.activeTab === 'available' &&
206
206
  h("bonus-elevate-powerups", { key: '5751f9abdb45feafa24bce7a176f56e96085a05e', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "open-terms-page": this.openTermsPage, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit }), this.activeTab === 'history' &&
207
- h("bonus-elevate-powerups-history", { key: '1731cadf9b8b7a4f62fb6abdaa3c7a593c79ef92', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
207
+ h("bonus-elevate-powerups-history", { key: 'a1613ce770b3fecf76aba1c71f4fb0d96ef27c45', endpoint: this.endpoint, session: this.session, language: this.language, "translation-url": this.translationUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "page-limit-options": this.pageLimitOptions, limit: this.limit })));
208
208
  }
209
209
  handleClientStylingChange(newValue, oldValue) {
210
210
  if (newValue != oldValue) {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, c as createEvent, g as getElement, H as Host } from './index-907b0f95.js';
2
- import { P as PowerUpStatus, a as BoostingPeriodMode, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling } from './bonus-elevate-powerups-lobby-e4209b1a.js';
3
- export { B as bonus_elevate_powerups_lobby } from './bonus-elevate-powerups-lobby-e4209b1a.js';
2
+ import { P as PowerUpStatus, a as BoostingPeriodMode, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling } from './bonus-elevate-powerups-lobby-6d73f1b7.js';
3
+ export { B as bonus_elevate_powerups_lobby } from './bonus-elevate-powerups-lobby-6d73f1b7.js';
4
4
 
5
5
  const DEFAULT_LANGUAGE$3 = 'en';
6
6
  const TRANSLATIONS$3 = {
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { B as BonusElevatePowerupsLobby } from './bonus-elevate-powerups-lobby-e4209b1a.js';
1
+ export { B as BonusElevatePowerupsLobby } from './bonus-elevate-powerups-lobby-6d73f1b7.js';
2
2
  import './index-907b0f95.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/bonus-elevate-powerups-lobby",
3
- "version": "0.5.4",
3
+ "version": "0.5.7",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",