@everymatrix/casino-engagement-suite-tournament 1.65.1 → 1.65.3

package/dist/cjs/{casino-engagement-suite-tournament-de142f6d.js → casino-engagement-suite-tournament-365dff18.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 const index = require('./index-5e98dd13.js');
+require('@everymatrix/ui-image');
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -138,7 +139,7 @@ exports.DialogType = void 0;
     DialogType["error"] = "error";
 })(exports.DialogType || (exports.DialogType = {}));
 
-const DEFAULT_PAGE_SIZE = 12;
+const DEFAULT_PAGE_SIZE = 0;
 const getMaxRankStr = (playerLeaderboards) => {
     let bestRank = null;
     (playerLeaderboards || []).map((playerLeaderboard) => {
@@ -313,10 +314,10 @@ const leaderboardsAdapter = (leaderboardRes) => {
     let { item, items: leaderboards } = leaderboardRes;
     //For compatible with api when api return userId in initial leaderbaord and  userID in leaderboard update
     leaderboards.forEach((leaderboard) => leaderboard.userId = leaderboard.userId || leaderboard.userID);
-    item.userId = item.userId || item.userID;
     if (!item) {
         return leaderboards;
     }
+    item.userId = item.userId || item.userID;
     // show current player's rank info at first row if there is no player info in list
     const playerRankIndex = leaderboards.findIndex((leaderboard) => {
         return leaderboard.userId === item.userId;
@@ -505,6 +506,10 @@ const commonJoinRes = (instance, rest, isJoinRes) => {
     }
 };
 const initPlayerLeaderboard = (instance, rest) => {
+    if (!rest.success) {
+        console.error(rest);
+        return;
+    }
     instance.leaderboards = leaderboardsAdapter(rest.data);
     instance.currentPlayerRank = rest.data.item ? rest.data.item.rank : -1;
 };
@@ -634,7 +639,7 @@ const page = {
         return renderWrapperByPageType([
             index.h("tournament-item-title", { tournament: instance.tournamentItem }),
             renderTabs(),
-            index.h("div", { class: `TableContentWrapper ${instance.tab}` }, instance.renders.tab[instance.tab]())
+            index.h("div", { class: `TableContentWrapper Tab_${instance.tab}` }, instance.renders.tab[instance.tab]())
         ]);
     }
 };
@@ -742,7 +747,7 @@ const tab = {
         return (index.h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map((game) => (index.h("div", { class: `Game ${instance.currentGameId == game.id ? 'Current' : ''}`, onClick: () => {
                 instance.onGameClick(game);
             } },
-            index.h("img", { src: game.defaultThumbnail, alt: "" }))))));
+            index.h("ui-image", { src: game.defaultThumbnail, alt: "Game" }))))));
     }
 };
 const getResultPrize = (leaderboard) => {
@@ -759,13 +764,13 @@ const renders = {
     tab
 };
 
-var GeneralAnimationLoadingCYLqpfzI = {};
+var GeneralAnimationLoadingBN3cj_4o = {};
 
 (function (exports) {
-var F=Object.defineProperty,J=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,N=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(M)for(var n of M(t))q.call(t,n)&&x(e,n,t[n]);return e},P=(e,t)=>J(e,V(t));var d=(e,t,n)=>(x(e,typeof t!="symbol"?t+"":t,n),n);var B=(e,t,n)=>new Promise((i,r)=>{var s=o=>{try{u(n.next(o));}catch(l){r(l);}},c=o=>{try{u(n.throw(o));}catch(l){r(l);}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(s,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function h(){}function H(e){return e()}function T(){return Object.create(null)}function w(e){e.forEach(H);}function U(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const i=Y(e);if(!i.getElementById(t)){const r=C("style");r.id=t,r.textContent=n,Z(i,r);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function I(e,t,n){e.insertBefore(t,n||null);}function S(e){e.parentNode&&e.parentNode.removeChild(e);}function C(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let g;function _(e){g=e;}function it(){if(!g)throw new Error("Function called outside component initialization");return g}function st(e){it().$$.on_mount.push(e);}const a=[],E=[];let m=[];const R=[],rt=Promise.resolve();let v=!1;function ct(){v||(v=!0,rt.then(p));}function L(e){m.push(e);}const k=new Set;let $=0;function p(){if($!==0)return;const e=g;do{try{for(;$<a.length;){const t=a[$];$++,_(t),ot(t.$$);}}catch(t){throw a.length=0,$=0,t}for(_(null),a.length=0,$=0;E.length;)E.pop()();for(let t=0;t<m.length;t+=1){const n=m[t];k.has(n)||(k.add(n),n());}m.length=0;}while(a.length);for(;R.length;)R.pop()();v=!1,k.clear(),_(e);}function ot(e){if(e.fragment!==null){e.update(),w(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(L);}}function lt(e){const t=[],n=[];m.forEach(i=>e.indexOf(i)===-1?t.push(i):n.push(i)),n.forEach(i=>i()),m=t;}const ut=new Set;function dt(e,t){e&&e.i&&(ut.delete(e),e.i(t));}function ft(e,t,n){const{fragment:i,after_update:r}=e.$$;i&&i.m(t,n),L(()=>{const s=e.$$.on_mount.map(H).filter(U);e.$$.on_destroy?e.$$.on_destroy.push(...s):w(s),e.$$.on_mount=[];}),r.forEach(L);}function $t(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),w(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function at(e,t){e.$$.dirty[0]===-1&&(a.push(e),ct(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ht(e,t,n,i,r,s,c=null,u=[-1]){const o=g;_(e);const l=e.$$={fragment:null,ctx:[],props:s,update:h,not_equal:r,bound:T(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:T(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(l.root);let y=!1;if(l.ctx=n?n(e,t.props||{},(f,j,...O)=>{const A=O.length?O[0]:j;return l.ctx&&r(l.ctx[f],l.ctx[f]=A)&&(!l.skip_bound&&l.bound[f]&&l.bound[f](A),y&&at(e,f)),j}):[],l.update(),y=!0,w(l.before_update),l.fragment=i?i(l.ctx):!1,t.target){if(t.hydrate){const f=et(t.target);l.fragment&&l.fragment.l(f),f.forEach(S);}else l.fragment&&l.fragment.c();t.intro&&dt(e.$$.fragment),ft(e,t.target,t.anchor),p();}_(o);}let z;typeof HTMLElement=="function"&&(z=class extends HTMLElement{constructor(t,n,i){super();d(this,"$$ctor");d(this,"$$s");d(this,"$$c");d(this,"$$cn",!1);d(this,"$$d",{});d(this,"$$r",!1);d(this,"$$p_d",{});d(this,"$$l",{});d(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,i&&this.attachShadow({mode:"open"});}addEventListener(t,n,i){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const r=this.$$c.$on(t,n);this.$$l_u.set(n,r);}super.addEventListener(t,n,i);}removeEventListener(t,n,i){if(super.removeEventListener(t,n,i),this.$$c){const r=this.$$l_u.get(n);r&&(r(),this.$$l_u.delete(n));}}connectedCallback(){return B(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(s){return ()=>{let c;return {c:function(){c=C("slot"),s!=="default"&&tt(c,"name",s);},m:function(l,y){I(l,c,y);},d:function(l){l&&S(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},i=nt(this);for(const s of this.$$s)s in i&&(n[s]=[t(s)]);for(const s of this.attributes){const c=this.$$g_p(s.name);c in this.$$d||(this.$$d[c]=b(c,s.value,this.$$p_d,"toProp"));}for(const s in this.$$p_d)!(s in this.$$d)&&this[s]!==void 0&&(this.$$d[s]=this[s],delete this[s]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:P(N({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const r=()=>{this.$$r=!0;for(const s in this.$$p_d)if(this.$$d[s]=this.$$c.$$.ctx[this.$$c.$$.props[s]],this.$$p_d[s].reflect){const c=b(s,this.$$d[s],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[s].attribute||s):this.setAttribute(this.$$p_d[s].attribute||s,c);}this.$$r=!1;};this.$$c.$$.after_update.push(r),r();for(const s in this.$$l)for(const c of this.$$l[s]){const u=this.$$c.$on(s,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,i){var r;this.$$r||(t=this.$$g_p(t),this.$$d[t]=b(t,i,this.$$p_d,"toProp"),(r=this.$$c)==null||r.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function b(e,t,n,i){var s;const r=(s=n[e])==null?void 0:s.type;if(t=r==="Boolean"&&typeof t!="boolean"?t!=null:t,!i||!n[e])return t;if(i==="toAttribute")switch(r){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(r){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function mt(e,t,n,i,r,s){let c=class extends z{constructor(){super(e,n,r),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var l;o=b(u,o,t),this.$$d[u]=o,(l=this.$$c)==null||l.$set({[u]:o});}});}),i.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class _t{constructor(){d(this,"$$");d(this,"$$set");}$destroy(){$t(this,1),this.$destroy=h;}$on(t,n){if(!U(n))return h;const i=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return i.push(n),()=>{const r=i.indexOf(n);r!==-1&&i.splice(r,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const pt="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(pt);function gt(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n);}}function yt(e,t){const n=new URL(t);fetch(n.href).then(i=>i.text()).then(i=>{const r=document.createElement("style");r.innerHTML=i,e&&e.appendChild(r);}).catch(i=>{console.error("There was an error while trying to load client styling from URL",i);});}function bt(e,t,n){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(t,r=>{i.innerHTML=r,e&&e.appendChild(i);});}}function wt(e){X(e,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");}function xt(e){let t;return {c(){t=C("div"),t.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,i){I(n,t,i),e[4](t);},p:h,i:h,o:h,d(n){n&&S(t),e[4](null);}}}function kt(e,t,n){let{clientstyling:i=""}=t,{clientstylingurl:r=""}=t,{mbsource:s}=t,c;st(()=>()=>{});function u(o){E[o?"unshift":"push"](()=>{c=o,n(0,c);});}return e.$$set=o=>{"clientstyling"in o&&n(1,i=o.clientstyling),"clientstylingurl"in o&&n(2,r=o.clientstylingurl),"mbsource"in o&&n(3,s=o.mbsource);},e.$$.update=()=>{e.$$.dirty&3&&i&&c&&gt(c,i),e.$$.dirty&5&&r&&c&&yt(c,r),e.$$.dirty&9&&s&&c&&bt(c,`${s}.Style`);},[c,i,r,s,u]}class D extends _t{constructor(t){super(),ht(this,t,kt,xt,K,{clientstyling:1,clientstylingurl:2,mbsource:3},wt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),p();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),p();}get mbsource(){return this.$$.ctx[3]}set mbsource(t){this.$$set({mbsource:t}),p();}}mt(D,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);exports.default=D;
-}(GeneralAnimationLoadingCYLqpfzI));
+var F=Object.defineProperty,J=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var x=(e,t,n)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,N=(e,t)=>{for(var n in t||(t={}))G.call(t,n)&&x(e,n,t[n]);if(M)for(var n of M(t))q.call(t,n)&&x(e,n,t[n]);return e},P=(e,t)=>J(e,V(t));var d=(e,t,n)=>(x(e,typeof t!="symbol"?t+"":t,n),n);var B=(e,t,n)=>new Promise((i,r)=>{var s=o=>{try{u(n.next(o));}catch(l){r(l);}},c=o=>{try{u(n.throw(o));}catch(l){r(l);}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(s,c);u((n=n.apply(e,t)).next());});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function h(){}function H(e){return e()}function T(){return Object.create(null)}function w(e){e.forEach(H);}function U(e){return typeof e=="function"}function K(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function Q(e){return Object.keys(e).length===0}function W(e,t){e.appendChild(t);}function X(e,t,n){const i=Y(e);if(!i.getElementById(t)){const r=C("style");r.id=t,r.textContent=n,Z(i,r);}}function Y(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function Z(e,t){return W(e.head||e,t),t.sheet}function I(e,t,n){e.insertBefore(t,n||null);}function S(e){e.parentNode&&e.parentNode.removeChild(e);}function C(e){return document.createElement(e)}function tt(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n);}function et(e){return Array.from(e.childNodes)}function nt(e){const t={};return e.childNodes.forEach(n=>{t[n.slot||"default"]=!0;}),t}let p;function _(e){p=e;}function it(){if(!p)throw new Error("Function called outside component initialization");return p}function st(e){it().$$.on_mount.push(e);}const a=[],E=[];let m=[];const R=[],rt=Promise.resolve();let v=!1;function ct(){v||(v=!0,rt.then(g));}function L(e){m.push(e);}const k=new Set;let $=0;function g(){if($!==0)return;const e=p;do{try{for(;$<a.length;){const t=a[$];$++,_(t),ot(t.$$);}}catch(t){throw a.length=0,$=0,t}for(_(null),a.length=0,$=0;E.length;)E.pop()();for(let t=0;t<m.length;t+=1){const n=m[t];k.has(n)||(k.add(n),n());}m.length=0;}while(a.length);for(;R.length;)R.pop()();v=!1,k.clear(),_(e);}function ot(e){if(e.fragment!==null){e.update(),w(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(L);}}function lt(e){const t=[],n=[];m.forEach(i=>e.indexOf(i)===-1?t.push(i):n.push(i)),n.forEach(i=>i()),m=t;}const ut=new Set;function dt(e,t){e&&e.i&&(ut.delete(e),e.i(t));}function ft(e,t,n){const{fragment:i,after_update:r}=e.$$;i&&i.m(t,n),L(()=>{const s=e.$$.on_mount.map(H).filter(U);e.$$.on_destroy?e.$$.on_destroy.push(...s):w(s),e.$$.on_mount=[];}),r.forEach(L);}function $t(e,t){const n=e.$$;n.fragment!==null&&(lt(n.after_update),w(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[]);}function at(e,t){e.$$.dirty[0]===-1&&(a.push(e),ct(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31;}function ht(e,t,n,i,r,s,c=null,u=[-1]){const o=p;_(e);const l=e.$$={fragment:null,ctx:[],props:s,update:h,not_equal:r,bound:T(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(o?o.$$.context:[])),callbacks:T(),dirty:u,skip_bound:!1,root:t.target||o.$$.root};c&&c(l.root);let y=!1;if(l.ctx=n(e,t.props||{},(f,j,...O)=>{const A=O.length?O[0]:j;return l.ctx&&r(l.ctx[f],l.ctx[f]=A)&&(!l.skip_bound&&l.bound[f]&&l.bound[f](A),y&&at(e,f)),j}),l.update(),y=!0,w(l.before_update),l.fragment=i(l.ctx),t.target){if(t.hydrate){const f=et(t.target);l.fragment&&l.fragment.l(f),f.forEach(S);}else l.fragment&&l.fragment.c();t.intro&&dt(e.$$.fragment),ft(e,t.target,t.anchor),g();}_(o);}let z;typeof HTMLElement=="function"&&(z=class extends HTMLElement{constructor(t,n,i){super();d(this,"$$ctor");d(this,"$$s");d(this,"$$c");d(this,"$$cn",!1);d(this,"$$d",{});d(this,"$$r",!1);d(this,"$$p_d",{});d(this,"$$l",{});d(this,"$$l_u",new Map);this.$$ctor=t,this.$$s=n,i&&this.attachShadow({mode:"open"});}addEventListener(t,n,i){if(this.$$l[t]=this.$$l[t]||[],this.$$l[t].push(n),this.$$c){const r=this.$$c.$on(t,n);this.$$l_u.set(n,r);}super.addEventListener(t,n,i);}removeEventListener(t,n,i){if(super.removeEventListener(t,n,i),this.$$c){const r=this.$$l_u.get(n);r&&(r(),this.$$l_u.delete(n));}}connectedCallback(){return B(this,null,function*(){if(this.$$cn=!0,!this.$$c){let t=function(s){return ()=>{let c;return {c:function(){c=C("slot"),s!=="default"&&tt(c,"name",s);},m:function(l,y){I(l,c,y);},d:function(l){l&&S(c);}}}};if(yield Promise.resolve(),!this.$$cn||this.$$c)return;const n={},i=nt(this);for(const s of this.$$s)s in i&&(n[s]=[t(s)]);for(const s of this.attributes){const c=this.$$g_p(s.name);c in this.$$d||(this.$$d[c]=b(c,s.value,this.$$p_d,"toProp"));}for(const s in this.$$p_d)!(s in this.$$d)&&this[s]!==void 0&&(this.$$d[s]=this[s],delete this[s]);this.$$c=new this.$$ctor({target:this.shadowRoot||this,props:P(N({},this.$$d),{$$slots:n,$$scope:{ctx:[]}})});const r=()=>{this.$$r=!0;for(const s in this.$$p_d)if(this.$$d[s]=this.$$c.$$.ctx[this.$$c.$$.props[s]],this.$$p_d[s].reflect){const c=b(s,this.$$d[s],this.$$p_d,"toAttribute");c==null?this.removeAttribute(this.$$p_d[s].attribute||s):this.setAttribute(this.$$p_d[s].attribute||s,c);}this.$$r=!1;};this.$$c.$$.after_update.push(r),r();for(const s in this.$$l)for(const c of this.$$l[s]){const u=this.$$c.$on(s,c);this.$$l_u.set(c,u);}this.$$l={};}})}attributeChangedCallback(t,n,i){var r;this.$$r||(t=this.$$g_p(t),this.$$d[t]=b(t,i,this.$$p_d,"toProp"),(r=this.$$c)==null||r.$set({[t]:this.$$d[t]}));}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$c=void 0);});}$$g_p(t){return Object.keys(this.$$p_d).find(n=>this.$$p_d[n].attribute===t||!this.$$p_d[n].attribute&&n.toLowerCase()===t)||t}});function b(e,t,n,i){var s;const r=(s=n[e])==null?void 0:s.type;if(t=r==="Boolean"&&typeof t!="boolean"?t!=null:t,!i||!n[e])return t;if(i==="toAttribute")switch(r){case"Object":case"Array":return t==null?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return t==null?null:t;default:return t}else switch(r){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":return t;case"Number":return t!=null?+t:t;default:return t}}function mt(e,t,n,i,r,s){let c=class extends z{constructor(){super(e,n,r),this.$$p_d=t;}static get observedAttributes(){return Object.keys(t).map(u=>(t[u].attribute||u).toLowerCase())}};return Object.keys(t).forEach(u=>{Object.defineProperty(c.prototype,u,{get(){return this.$$c&&u in this.$$c?this.$$c[u]:this.$$d[u]},set(o){var l;o=b(u,o,t),this.$$d[u]=o,(l=this.$$c)==null||l.$set({[u]:o});}});}),i.forEach(u=>{Object.defineProperty(c.prototype,u,{get(){var o;return (o=this.$$c)==null?void 0:o[u]}});}),e.element=c,c}class _t{constructor(){d(this,"$$");d(this,"$$set");}$destroy(){$t(this,1),this.$destroy=h;}$on(t,n){if(!U(n))return h;const i=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return i.push(n),()=>{const r=i.indexOf(n);r!==-1&&i.splice(r,1);}}$set(t){this.$$set&&!Q(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1);}}const gt="4";typeof window!="undefined"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(gt);function pt(e,t){if(e){const n=document.createElement("style");n.innerHTML=t,e.appendChild(n);}}function yt(e,t){const n=new URL(t);fetch(n.href).then(i=>i.text()).then(i=>{const r=document.createElement("style");r.innerHTML=i,e&&e.appendChild(r);}).catch(i=>{console.error("There was an error while trying to load client styling from URL",i);});}function bt(e,t,n){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(t,r=>{i.innerHTML=r,e&&e.appendChild(i);});}}function wt(e){X(e,"svelte-gnt082",".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");}function xt(e){let t;return {c(){t=C("div"),t.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';},m(n,i){I(n,t,i),e[4](t);},p:h,i:h,o:h,d(n){n&&S(t),e[4](null);}}}function kt(e,t,n){let{clientstyling:i=""}=t,{clientstylingurl:r=""}=t,{mbsource:s}=t,c;st(()=>()=>{});function u(o){E[o?"unshift":"push"](()=>{c=o,n(0,c);});}return e.$$set=o=>{"clientstyling"in o&&n(1,i=o.clientstyling),"clientstylingurl"in o&&n(2,r=o.clientstylingurl),"mbsource"in o&&n(3,s=o.mbsource);},e.$$.update=()=>{e.$$.dirty&3&&i&&c&&pt(c,i),e.$$.dirty&5&&r&&c&&yt(c,r),e.$$.dirty&9&&s&&c&&bt(c,`${s}.Style`);},[c,i,r,s,u]}class D extends _t{constructor(t){super(),ht(this,t,kt,xt,K,{clientstyling:1,clientstylingurl:2,mbsource:3},wt);}get clientstyling(){return this.$$.ctx[1]}set clientstyling(t){this.$$set({clientstyling:t}),g();}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),g();}get mbsource(){return this.$$.ctx[3]}set mbsource(t){this.$$set({mbsource:t}),g();}}mt(D,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);exports.default=D;
+}(GeneralAnimationLoadingBN3cj_4o));
 
-if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingCYLqpfzI).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
+if(typeof window!="undefined"){let n=function(t){return function(...i){try{return t.apply(this,i)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return !1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>GeneralAnimationLoadingBN3cj_4o).then(({default:t})=>{!customElements.get("general-animation-loading")&&customElements.define("general-animation-loading",t.element);});}
 
 const renderCloseBar = (attr) => {
     const { left, middle, right } = attr;
@@ -781,7 +786,7 @@ const renderCloseBar = (attr) => {
     return (index.h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (index.h("div", { class: 'WrapperBar' + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
 };
 
-const casinoEngagementSuiteTournamentCss = ".Leaderboards{height:100%;overflow-y:auto;transition:0.5s ease;transition-property:all, transform}.Leaderboards.list,.Leaderboards.item{margin-top:5px;opacity:0}.Leaderboards.list.Active,.Leaderboards.item.Active{opacity:1}.Leaderboards.list.Hidden,.Leaderboards.item.Hidden{display:none}.Leaderboards .question__tooltip{position:absolute;top:0;left:20px;width:320px;text-align:left;background-color:var(--emw--color-typography, rgba(255, 255, 255, 0.6));border:1px solid var(--emw--color-typography, rgba(255, 255, 255, 0.8));color:var(var(--emw--color-primary, rgb(255, 214, 47)), rgb(255, 214, 47));padding:10px;border-radius:5px;opacity:0;fill-opacity:0.5;transition:opacity 0.3s ease-in-out;z-index:10}.Leaderboards .question__tooltip.visible{opacity:0.8}table.Leaderboards{height:auto}table.Leaderboards td span{text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;width:98%}table.Leaderboards td.LeaderboardRank{width:10%}table.Leaderboards td.LeaderboardScore{width:10%}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{min-width:220px;width:auto;text-align:left;display:grid}.Wrapper{position:relative;min-height:100%;line-height:20px;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:var(--emw--border-radius-large, 8px)}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 193px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 109px)}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row{display:flex;flex-direction:column}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row tournament-item{transition:2s ease-in-out;transform:translate(0) scale(1, 1);opacity:0.99}.Wrapper.Mobile .PageConfirmContainer,.Wrapper.Mobile .DialogContentUnjoin{min-width:80%}.Wrapper.Mobile dialog.tip{padding:120px 10px}.Wrapper.Mobile dialog.unjoin .Hollow{margin:5px}.Wrapper.Mobile .GradientRoundedButton{font-size:var(--emw--font-size-medium, 14px)}.WrapperContent{padding-bottom:7px;transition:0.5s filter;display:flex;flex-direction:column;justify-content:space-between}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.WrapperContent .NoLeaderboards h3.Title{text-align:center}.WrapperContent .NoLeaderboards div.message{color:var(--emw--color-secondary, rgb(187, 185, 195));text-align:left}.Wrapper.Mobile .WrapperBar{padding:16px 8px 8px;margin-bottom:8px}.Wrapper.Mobile .Tip{padding:0px 30px 32px}.Wrapper.Mobile .TitleContainer .GradientRoundedButton{width:100px}.Wrapper.Mobile .WrapperContent .WrapperBar{padding:12px 8px;line-height:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .WrapperContent .WrapperBar .WrapperBarMiddle{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .WrapperContent .Main{height:calc(100vh - 179px)}.Wrapper.Mobile .WrapperContent .TableContentWrapper{height:calc(100vh - 270px);overflow-y:auto}.Wrapper.Mobile .WrapperBarLeft span.EngagementSuiteIcon img,.Wrapper.Mobile .WrapperBarRight span.EngagementSuiteIcon img{width:16px;height:16px}.WrapperBar{display:flex;width:100%;padding:16px 8px 12px;align-content:center;justify-content:center;align-items:center}.WrapperBar .WrapperBarLeft span{position:relative}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarLeft span.EngagementSuiteIcon img,.WrapperBarRight span.EngagementSuiteIcon img{width:24px;height:24px}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 14px)}.ScrollBar{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Row{margin:10px 0;padding:0 20px}.Row:first-child{margin:0;padding-top:5px}.LeaderboardsItem{opacity:1;transition:1s opacity ease;position:relative;margin:20px 0;border:1px solid rgb(64, 57, 86);border-radius:6px;padding:12px 0}.LeaderboardsItem.Unjoined{opacity:0;margin:0;border:0 none;animation:slideOut 1s forwards}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.ShowInfo{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer .Time{display:flex;justify-content:space-between;font-size:var(--emw--font-size-x-small, 14px);align-items:center;color:var(--emw--color-secondary, rgb(187, 185, 195))}.TimeContainer .Time .Running{width:100%;display:flex;flex-direction:row;justify-content:space-between}.TimeContainer .Time button{font-size:var(--emw--font-size-x-small, 14px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.Leaderboards.item .Title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:32px}.TitleContainer{display:flex;justify-content:space-between;margin:10px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat;align-items:center}.TitleContainer .GradientRoundedButton{width:120px}.TabsContainer{margin:10px 0;padding:0 20px;margin:0 20px;padding:0;border-bottom:1px solid #575757}.Tabs{display:flex;justify-content:space-between;justify-content:start;font-size:var(--emw--font-size-x-small, 14px);margin-bottom:-1px}.Tabs .Tab{text-transform:capitalize}.Tabs>div{padding:10px;color:rgb(102, 97, 120);cursor:pointer}.Tabs>div.active{color:var(--emw--color-typography, #FFF);border-bottom:2px solid var(--emw--color-typography, #FFF)}.Title{font-size:var(--emw--font-size-large, 20px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:14px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:14px 0}.Criterias span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.ResultPrize{margin:10px 0;padding:0 20px;padding-left:30px;text-align:left}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.ContentScrollContainer{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;height:auto}.ContentScrollContainer.expanded{height:100%;max-height:100%}.PrizesContainer{flex:1;display:flex;flex-direction:column;min-height:100px;max-height:calc(100% - 20px)}.PrizesHeader,.DetailHeader{align-items:center;display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));padding:5px 0;z-index:1;margin:0 20px}.PrizesHeader img,.DetailHeader img{width:14px}.PrizesHeader .PrizesText,.DetailHeader .PrizesText{margin-left:3px;font-weight:600}.DetailHeader{margin:0}.Prizes{margin:10px 0;padding:0 20px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;margin-top:10px}.Prizes::-webkit-scrollbar{width:4px}.Prizes::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);border-radius:2px}.Prizes::-webkit-scrollbar-thumb{background:var(--emw--color-primary, rgb(255, 214, 47));border-radius:2px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .Rank{margin-right:5px}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer section.Info{margin-bottom:12px;text-align:left;padding-left:20px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{margin-top:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:12px 5px}.Leaderboards td:first-child{padding-left:20px}.Leaderboards td:last-child{padding-right:20px}.Leaderboards .LeaderboardName{color:var(--emw--color-typography, #FFF);opacity:1}.Leaderboards tr.isMe{background:rgba(0, 0, 0, 0.2);border:1px solid var(--emw--color-primary, rgb(255, 214, 47))}.Leaderboards tr.isMe .LeaderboardRank span{padding:0px 3px;opacity:1;border:1px solid var(--emw--color-primary, rgb(255, 214, 47));border-radius:11px}.Leaderboards tr.isMe td{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:var(--emw--font-weight-semibold, 500)}.LeaderboardLabels{position:absolute;top:-6px;right:18px;display:flex;gap:4px}.LeaderboardLabel{width:30px;height:15px;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:var(--emw--font-size-3x-small, 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)}.LeaderboardUnstarted{margin:10px 0;padding:0 20px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-medium, 16px)}.Games{margin:10px 0;padding:0 20px;display:grid;justify-content:start;grid-template-columns:repeat(4, 25%);margin-top:8px;align-content:flex-start;width:100%}.Games .Game{padding-right:8px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:nth-of-type(4n){padding-right:0px}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25))}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10)}.Games img{width:100%;height:auto;margin:auto 0}dialog.tip{position:absolute;align-items:start;padding:120px 90px;line-height:20px;font-size:var(--emw--font-size-small, 16px)}dialog.tip>div{margin:0px}dialog{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1;color:var(--emw--color-typography, #FFFFFF);transition:all 0.2s;transition-timing-function:ease-in-out}dialog>div{margin:32px;border-radius:8px;background:var(--emw--color-background, hsl(254, 44%, 15%));border:1px solid hsl(254, 20%, 28%);align-items:center}dialog div.Hollow .WrapperBar{padding:12px}dialog div.Hollow .WrapperBar .WrapperBarRight img{width:20px}dialog div.Hollow .Tip{line-height:20px;padding:0px 60px 32px;font-size:var(--emw--font-size-small, 16px)}dialog[open]{display:flex}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;max-width:510px;flex-direction:column}.DialogContentUnjoinTitle{font-family:Montserrat;font-size:var(--emw--font-size-large, 20px);font-weight:600;line-height:24.38px;text-align:center}.DialogContentUnjoinDescription{color:var(--emw--color-secondary, rgb(187, 185, 195));margin-bottom:30px}.Tip{padding:32px;padding-top:0px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-small, 14px)}.Tip.Error{color:var(--emw--color-error, var(--emw--color-red, #ed0909));font-weight:var(--emw--font-weight-normal, 500)}.PageConfirmContainer{text-align:center;width:80%;min-width:450px;max-width:510px;margin:0 auto}.PageConfirm{padding:0px 32px 60px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 26px);text-align:center}.PageConfirm .Description{color:var(--emw--color-secondary, rgb(187, 185, 195));font-weight:400}.PageConfirm .Description span{color:var(--emw--color-typography, #FFF);font-weight:600}.PageConfirm.Gift{padding:22px 32px 60px}.PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 30px)}.PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 20px)}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 20px);padding:12px;height:auto}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:20px}.PageConfirmButtonsGroup{width:150px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.GradientRounded{display:block;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:rgb(30, 22, 56);position:relative;border-radius:16px}.GradientRounded.Hollow{background:rgb(30, 22, 56);color:#FFFFFF}.GradientRounded.Hollow::before{content:\"\";position:absolute;inset:0;border-radius:15px;border:1px solid transparent;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.GradientRoundedButton{border:none;padding:7px;height:32px;width:100%;font-size:var(--emw--font-size-medium, 16px);font-weight:700;line-height:17.07px;text-align:center;transition:0.5s opacity;cursor:pointer}.GradientRoundedButton.Pending{cursor:not-allowed;opacity:0.3}.GradientRoundedButton.Hollow span{background:-webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.LeaderboardsItem.GradientRounded.Hollow::before{border-radius:7px}.WrapperUtil .GradientRounded .WrapperBar{margin-bottom:0;padding-bottom:0}.WrapperUtil .GradientRounded .Tip{padding-top:0;padding-bottom:40px}.LeaderboardsItem .LeaderboardsItemContainer .TitleContainer{margin-bottom:16px}@keyframes slideOut{0%{display:block;opacity:1;height:max-content}50%{display:block;opacity:0.5}80%{display:none;opacity:0}100%{display:none;opacity:0;height:0}}";
+const casinoEngagementSuiteTournamentCss = ".Leaderboards{height:100%;overflow-y:auto;transition:0.5s ease;transition-property:all, transform}.Leaderboards.list,.Leaderboards.item{margin-top:5px;opacity:0}.Leaderboards.list.Active,.Leaderboards.item.Active{opacity:1}.Leaderboards.list.Hidden,.Leaderboards.item.Hidden{display:none}.Leaderboards .question__tooltip{position:absolute;top:0;left:20px;width:320px;text-align:left;background-color:var(--emw--color-typography, rgba(255, 255, 255, 0.6));border:1px solid var(--emw--color-typography, rgba(255, 255, 255, 0.8));color:var(var(--emw--color-primary, rgb(255, 214, 47)), rgb(255, 214, 47));padding:10px;border-radius:5px;opacity:0;fill-opacity:0.5;transition:opacity 0.3s ease-in-out;z-index:10}.Leaderboards .question__tooltip.visible{opacity:0.8}table.Leaderboards{height:auto}table.Leaderboards td span{text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;width:98%}table.Leaderboards td.LeaderboardRank{width:10%}table.Leaderboards td.LeaderboardScore{width:10%}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{min-width:220px;width:auto;text-align:left;display:grid}.Wrapper{position:relative;min-height:100%;line-height:20px;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:var(--emw--border-radius-large, 8px);word-break:break-all}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 216px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 109px)}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row{display:flex;flex-direction:column}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row tournament-item{transition:2s ease-in-out;transform:translate(0) scale(1, 1);opacity:0.99}.Wrapper.Mobile .PageConfirmContainer,.Wrapper.Mobile .DialogContentUnjoin{min-width:80%}.Wrapper.Mobile dialog.tip{padding:120px 10px}.Wrapper.Mobile dialog.unjoin .Hollow{margin:5px}.Wrapper.Mobile .GradientRoundedButton{font-size:var(--emw--font-size-medium, 14px)}.WrapperContent{padding-bottom:7px;transition:0.5s filter;display:flex;flex-direction:column;justify-content:space-between}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.WrapperContent .Title{background:transparent;width:initial;height:initial;border:initial;margin-bottom:initial}.WrapperContent .NoLeaderboards h3.Title{text-align:center}.WrapperContent .NoLeaderboards div.message{color:var(--emw--color-secondary, rgb(187, 185, 195));text-align:left}.Wrapper.Mobile .WrapperBar{padding:16px 8px 8px;margin-bottom:8px}.Wrapper.Mobile .Tip{padding:0px 30px 32px}.Wrapper.Mobile .TitleContainer .GradientRoundedButton{width:100px}.Wrapper.Mobile .WrapperContent .WrapperBar{padding:12px 8px;line-height:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .WrapperContent .WrapperBar .WrapperBarMiddle{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .items.TitleContainer{height:50px;margin-bottom:5px}.Wrapper.Mobile .Title{font-size:var(--emw--font-size-large, 16px)}.Wrapper.Mobile .WrapperContent .Main{height:calc(100vh - 179px)}.Wrapper.Mobile .WrapperContent .TableContentWrapper{height:calc(100vh - 276px);overflow-y:auto}.Wrapper.Mobile .WrapperBarLeft span.EngagementSuiteIcon img,.Wrapper.Mobile .WrapperBarRight span.EngagementSuiteIcon img{width:16px;height:16px}.WrapperBar{display:flex;width:100%;padding:16px 8px 12px;align-content:center;justify-content:center;align-items:center}.WrapperBar .WrapperBarLeft span{position:relative}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarLeft span.EngagementSuiteIcon img,.WrapperBarRight span.EngagementSuiteIcon img{width:24px;height:24px}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 14px)}.ScrollBar{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Row{margin:10px 0;padding:0 20px}.Row:first-child{margin:0;padding-top:5px}.LeaderboardsItem{opacity:1;transition:1s opacity ease;position:relative;margin:20px 0;border:1px solid rgb(64, 57, 86);border-radius:6px;padding:12px 0}.LeaderboardsItem.Unjoined{opacity:0;margin:0;border:0 none;animation:slideOut 1s forwards}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.ShowInfo{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer .Time{display:flex;justify-content:space-between;font-size:var(--emw--font-size-x-small, 14px);align-items:center;color:var(--emw--color-secondary, rgb(187, 185, 195))}.TimeContainer .Time .Running{width:100%;display:flex;flex-direction:row;justify-content:space-between}.TimeContainer .Time button{font-size:var(--emw--font-size-x-small, 14px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.TitleContainer{display:flex;justify-content:space-between;margin:10px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat;align-items:center}.TitleContainer .GradientRoundedButton{width:120px}.item .TitleContainer{height:55px;overflow:auto}.TabsContainer{margin:10px 0;padding:0 20px;margin:0 20px;padding:0;border-bottom:1px solid #575757}.Tabs{display:flex;justify-content:space-between;justify-content:start;font-size:var(--emw--font-size-x-small, 14px);margin-bottom:-1px}.Tabs .Tab{text-transform:capitalize}.Tabs>div{padding:10px;color:rgb(102, 97, 120);cursor:pointer}.Tabs>div.active{color:var(--emw--color-typography, #FFF);border-bottom:2px solid var(--emw--color-typography, #FFF)}.Title{font-size:var(--emw--font-size-large, 20px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:14px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:14px 0}.Criterias span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.ResultPrize{margin:10px 0;padding:0 20px;padding-left:30px;text-align:left}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.ContentScrollContainer{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;height:auto}.ContentScrollContainer.expanded{height:100%;max-height:100%}.PrizesContainer{flex:1;display:flex;flex-direction:column;min-height:100px;max-height:calc(100% - 20px)}.PrizesHeader,.DetailHeader{align-items:center;display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));padding:5px 0;z-index:1;margin:0 20px}.PrizesHeader img,.DetailHeader img{width:14px}.PrizesHeader .PrizesText,.DetailHeader .PrizesText{margin-left:3px;font-weight:600}.DetailHeader{margin:0}.Prizes{margin:10px 0;padding:0 20px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;margin-top:10px}.Prizes::-webkit-scrollbar{width:4px}.Prizes::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);border-radius:2px}.Prizes::-webkit-scrollbar-thumb{background:var(--emw--color-primary, rgb(255, 214, 47));border-radius:2px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .Rank{margin-right:5px}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer section.Info{margin-bottom:12px;text-align:left;padding-left:20px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{margin-top:10px;margin-right:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:12px 5px}.Leaderboards td:first-child{padding-left:20px}.Leaderboards td:last-child{padding-right:20px}.Leaderboards .LeaderboardName{color:var(--emw--color-typography, #FFF);opacity:1}.Leaderboards tr.isMe{background:rgba(0, 0, 0, 0.2);border:1px solid var(--emw--color-primary, rgb(255, 214, 47))}.Leaderboards tr.isMe .LeaderboardRank span{padding:0px 3px;opacity:1;border:1px solid var(--emw--color-primary, rgb(255, 214, 47));border-radius:11px}.Leaderboards tr.isMe td{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:var(--emw--font-weight-semibold, 500)}.LeaderboardLabels{position:absolute;top:-6px;right:18px;display:flex;gap:4px}.LeaderboardLabel{width:30px;height:15px;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:var(--emw--font-size-3x-small, 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)}.LeaderboardUnstarted{margin:10px 0;padding:0 20px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-medium, 16px)}.Games{margin:10px 0;padding:0 20px;display:grid;justify-content:start;grid-template-columns:repeat(4, 25%);margin-top:8px;align-content:flex-start;width:100%}.Games .Game{padding-right:8px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:nth-of-type(4n){padding-right:0px}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25));cursor:pointer}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10);cursor:not-allowed}.Games img{width:100%;height:auto;margin:auto 0}dialog.tip{position:absolute;align-items:start;padding:120px 90px;line-height:20px;font-size:var(--emw--font-size-small, 16px)}dialog.tip>div{margin:0px}dialog{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1;color:var(--emw--color-typography, #FFFFFF);transition:all 0.2s;transition-timing-function:ease-in-out}dialog>div{margin:32px;border-radius:8px;background:var(--emw--color-background, hsl(254, 44%, 15%));border:1px solid hsl(254, 20%, 28%);align-items:center}dialog div.Hollow .WrapperBar{padding:12px}dialog div.Hollow .WrapperBar .WrapperBarRight img{width:20px}dialog div.Hollow .Tip{line-height:20px;padding:0px 60px 32px;font-size:var(--emw--font-size-small, 16px)}dialog[open]{display:flex}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;max-width:510px;flex-direction:column}.DialogContentUnjoinTitle{font-family:Montserrat;font-size:var(--emw--font-size-large, 20px);font-weight:600;line-height:24.38px;text-align:center}.DialogContentUnjoinDescription{color:var(--emw--color-secondary, rgb(187, 185, 195));margin-bottom:30px}.Tip{padding:32px;padding-top:0px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-small, 14px)}.Tip.Error{color:var(--emw--color-error, var(--emw--color-red, #ed0909));font-weight:var(--emw--font-weight-normal, 500)}.PageConfirmContainer{text-align:center;width:80%;min-width:450px;max-width:510px;margin:0 auto}.PageConfirm{padding:0px 32px 60px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 26px);text-align:center}.PageConfirm .Description{color:var(--emw--color-secondary, rgb(187, 185, 195));font-weight:400}.PageConfirm .Description span{color:var(--emw--color-typography, #FFF);font-weight:600}.PageConfirm.Gift{padding:22px 32px 60px}.PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 30px)}.PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 20px)}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 20px);padding:12px;height:auto}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:20px}.PageConfirmButtonsGroup{width:150px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.GradientRounded{display:block;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:rgb(30, 22, 56);position:relative;border-radius:16px}.GradientRounded.Hollow{background:rgb(30, 22, 56);color:#FFFFFF}.GradientRounded.Hollow::before{content:\"\";position:absolute;inset:0;border-radius:15px;border:1px solid transparent;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.GradientRoundedButton{border:none;padding:7px;height:32px;width:100%;font-size:var(--emw--font-size-medium, 16px);font-weight:700;line-height:17.07px;text-align:center;transition:0.5s opacity;cursor:pointer}.GradientRoundedButton.Pending{cursor:not-allowed;opacity:0.3}.GradientRoundedButton.Hollow span{background:-webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.LeaderboardsItem.GradientRounded.Hollow::before{border-radius:7px}.WrapperUtil .GradientRounded .WrapperBar{margin-bottom:0;padding-bottom:0}.WrapperUtil .GradientRounded .Tip{padding-top:0;padding-bottom:40px}.LeaderboardsItem .LeaderboardsItemContainer .TitleContainer{margin-bottom:16px}@keyframes slideOut{0%{display:block;opacity:1;height:max-content}50%{display:block;opacity:0.5}80%{display:none;opacity:0}100%{display:none;opacity:0;height:0}}";
 const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
 
 const CasinoEngagementSuiteTournament = class {

package/dist/cjs/casino-engagement-suite-tournament.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_6.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"locale":[32]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"locale":[32]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/index-5e98dd13.js

@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'casino-engagement-suite-progress-bar_6.cjs':
+                case 'casino-engagement-suite-progress-bar_8.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './casino-engagement-suite-progress-bar_6.cjs.entry.js')); }).then(processMod, consoleError);
+                        './casino-engagement-suite-progress-bar_8.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(

package/dist/cjs/index.cjs.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-de142f6d.js');
+const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-365dff18.js');
 require('./index-5e98dd13.js');
+require('@everymatrix/ui-image');
 
 
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_6.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"locale":[32]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[4,"click","handleClickOutside"]],{"newIdList":["checkNewIdList"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"locale":[32]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"locale":[32],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -22,6 +22,18 @@
       "tags": [
         "general-styling-wrapper"
       ]
+    },
+    {
+      "name": "@everymatrix/ui-image",
+      "tags": [
+        "ui-image"
+      ]
+    },
+    {
+      "name": "@everymatrix/ui-skeleton",
+      "tags": [
+        "ui-skeleton"
+      ]
     }
   ],
   "bundles": []

package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.css

@@ -70,13 +70,14 @@ table.Leaderboards td.LeaderboardPrize {
   background-color: var(--emw--color-background, hsl(254, 44%, 15%));
   flex-direction: column;
   border-radius: var(--emw--border-radius-large, 8px);
+  word-break: break-all;
 }
 .Wrapper .TableContentWrapper {
   scrollbar-width: thin;
   scrollbar-color: var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent;
 }
 .Wrapper .WrapperContent .TableContentWrapper {
-  height: calc(100vh - 193px);
+  height: calc(100vh - 216px);
   overflow-y: auto;
 }
 .Wrapper .WrapperContent .Main {
@@ -115,6 +116,13 @@ table.Leaderboards td.LeaderboardPrize {
   filter: brightness(53.3333333333%);
   pointer-events: none;
 }
+.WrapperContent .Title {
+  background: transparent;
+  width: initial;
+  height: initial;
+  border: initial;
+  margin-bottom: initial;
+}
 .WrapperContent .NoLeaderboards h3.Title {
   text-align: center;
 }
@@ -140,11 +148,18 @@ table.Leaderboards td.LeaderboardPrize {
 .Wrapper.Mobile .WrapperContent .WrapperBar .WrapperBarMiddle {
   font-size: var(--emw--font-size-medium, 14px);
 }
+.Wrapper.Mobile .items.TitleContainer {
+  height: 50px;
+  margin-bottom: 5px;
+}
+.Wrapper.Mobile .Title {
+  font-size: var(--emw--font-size-large, 16px);
+}
 .Wrapper.Mobile .WrapperContent .Main {
   height: calc(100vh - 179px);
 }
 .Wrapper.Mobile .WrapperContent .TableContentWrapper {
-  height: calc(100vh - 270px);
+  height: calc(100vh - 276px);
   overflow-y: auto;
 }
 .Wrapper.Mobile .WrapperBarLeft span.EngagementSuiteIcon img,
@@ -263,13 +278,6 @@ table.Leaderboards td.LeaderboardPrize {
   border: 0;
 }
 
-.Leaderboards.item .Title {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  line-height: 32px;
-}
-
 .TitleContainer {
   display: flex;
   justify-content: space-between;
@@ -284,6 +292,11 @@ table.Leaderboards td.LeaderboardPrize {
   width: 120px;
 }
 
+.item .TitleContainer {
+  height: 55px;
+  overflow: auto;
+}
+
 .TabsContainer {
   margin: 10px 0;
   padding: 0 20px;
@@ -434,6 +447,7 @@ table.Leaderboards td.LeaderboardPrize {
 }
 .InfoContainer section.Info .Criterias, .InfoContainer section.Info .Description {
   margin-top: 10px;
+  margin-right: 10px;
 }
 
 * {
@@ -531,10 +545,12 @@ table.Leaderboards td.LeaderboardPrize {
 }
 .Games .Game:hover {
   filter: brightness(var(--emw--hover-brightness, 1.25));
+  cursor: pointer;
 }
 .Games .Game.Current:hover {
   cursor: auto;
   filter: grayscale(10);
+  cursor: not-allowed;
 }
 .Games img {
   width: 100%;

package/dist/collection/shared/renders.page.js

@@ -43,7 +43,7 @@ export const page = {
         return renderWrapperByPageType([
             h("tournament-item-title", { tournament: instance.tournamentItem }),
             renderTabs(),
-            h("div", { class: `TableContentWrapper ${instance.tab}` }, instance.renders.tab[instance.tab]())
+            h("div", { class: `TableContentWrapper Tab_${instance.tab}` }, instance.renders.tab[instance.tab]())
         ]);
     }
 };

package/dist/collection/shared/renders.tab.js

@@ -4,6 +4,7 @@ import { iconEyeClose, iconEyeOpen, iconReward } from "./icons";
 import { classnames, truncateNumber } from "../utils/utils";
 import { isTournamentClosed } from "../utils/bussiness";
 import { getTimeDifference } from "../utils/util.date";
+import "../../../../ui-image/dist/types/index";
 export const tab = {
     info(instance) {
         var _a, _b;
@@ -36,7 +37,7 @@ export const tab = {
         }
         return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map((game) => (h("div", { class: `Game ${instance.currentGameId == game.id ? 'Current' : ''}`, onClick: () => {
                 instance.onGameClick(game);
-            } }, h("img", { src: game.defaultThumbnail, alt: "" }))))));
+            } }, h("ui-image", { src: game.defaultThumbnail, alt: "Game" }))))));
     }
 };
 const getResultPrize = (leaderboard) => {

package/dist/collection/utils/api.apdater.js

@@ -37,10 +37,10 @@ export const leaderboardsAdapter = (leaderboardRes) => {
     let { item, items: leaderboards } = leaderboardRes;
     //For compatible with api when api return userId in initial leaderbaord and  userID in leaderboard update
     leaderboards.forEach((leaderboard) => leaderboard.userId = leaderboard.userId || leaderboard.userID);
-    item.userId = item.userId || item.userID;
     if (!item) {
         return leaderboards;
     }
+    item.userId = item.userId || item.userID;
     // show current player's rank info at first row if there is no player info in list
     const playerRankIndex = leaderboards.findIndex((leaderboard) => {
         return leaderboard.userId === item.userId;

package/dist/collection/utils/bussiness.js

@@ -1,5 +1,5 @@
 import { RewardType, TournamentState } from "./types";
-export const DEFAULT_PAGE_SIZE = 12;
+export const DEFAULT_PAGE_SIZE = 0;
 export const getMaxRankStr = (playerLeaderboards) => {
     let bestRank = null;
     (playerLeaderboards || []).map((playerLeaderboard) => {

package/dist/collection/utils/message.js

@@ -171,6 +171,10 @@ const commonJoinRes = (instance, rest, isJoinRes) => {
     }
 };
 const initPlayerLeaderboard = (instance, rest) => {
+    if (!rest.success) {
+        console.error(rest);
+        return;
+    }
     instance.leaderboards = leaderboardsAdapter(rest.data);
     instance.currentPlayerRank = rest.data.item ? rest.data.item.rank : -1;
 };