@everymatrix/casino-engagement-suite-tournament 1.72.1 → 1.73.0

package/dist/collection/utils/translations.js

@@ -9,22 +9,82 @@ export var Time;
     Time["Starts"] = "Starts";
     Time["Ends"] = "Ends";
 })(Time || (Time = {}));
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'zh'];
 export const localePostprocess = (translationText, props) => {
     Object.keys(props).map((key) => {
         translationText = translationText.replace(`{${key}}`, props[key]);
     });
     return translationText;
 };
-export const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Places: 'places', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
-        Title: 'Quit Leaderboard?',
-        Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
-        ButtonYes: 'Yes, I want to quit leaderboard',
-        ButtonNo: 'No, Stay on the leaderboard'
-    }, WinDialog: {
-        Title: 'Congratulations!',
-        Description: 'You won <span>{rewards}</span>!',
-        ButtonContinue: 'Continue',
-        FailedTitle: 'Reward cannot be issued',
-        FailedDescription: 'Please contact support.',
-        FailedButtonContinue: 'Ok, continue',
-    }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' });
+export const TRANSLATIONS = {
+    en: Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Places: 'places', Prizes: 'Rewards', Player: 'Player', Rank: 'Rank', Score: 'Score', Prize: 'Prize', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
+            Title: 'Quit Leaderboard?',
+            Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
+            ButtonYes: 'Yes, I want to quit leaderboard',
+            ButtonNo: 'No, Stay on the leaderboard'
+        }, WinDialog: {
+            Title: 'Congratulations!',
+            Description: 'You won <span>{rewards}</span>!',
+            ButtonContinue: 'Continue',
+            FailedTitle: 'Reward cannot be issued',
+            FailedDescription: 'Please contact support.',
+            FailedButtonContinue: 'Ok, continue',
+        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
+    zh: {
+        Join: '加入',
+        Unjoin: '取消',
+        info: '信息',
+        leaderboard: '排行榜',
+        games: '游戏',
+        Starts: '开始',
+        Ends: '结束',
+        TC: '条款与条件',
+        ScoreCriteria: '积分规则',
+        MinimumBetCriteria: '最低投注要求',
+        Place: '名次',
+        Places: '名次',
+        Prizes: '奖励',
+        Player: '玩家',
+        Rank: '排名',
+        Score: '积分',
+        Prize: '奖品',
+        LeaderboardDetails: '排行榜详情',
+        UnjoinDialog: {
+            Title: '退出排行榜？',
+            Description: '当前排行榜的进度将不会被保留，且您无法再次加入该排行榜。 <br /><br />您确定要退出吗？',
+            ButtonYes: '是的，我要退出排行榜',
+            ButtonNo: '不，留在排行榜'
+        },
+        WinDialog: {
+            Title: '恭喜！',
+            Description: '您赢得了 <span>{rewards}</span>！',
+            ButtonContinue: '继续',
+            FailedTitle: '奖励无法发放',
+            FailedDescription: '请联系客服。',
+            FailedButtonContinue: '好的，继续'
+        },
+        NoLeaderboards: '暂无排行榜',
+        NoLeaderboardsTip: '尝试通过赢得奖品或启动其他增强游戏来获得排行榜',
+        Leaderboards: '排行榜',
+        TipPrize: '您获得 <span>{place}</span> 名，并赢得 <span>{prize}</span>',
+        TipPrizeWithoutReward: '您获得 <span>{place}</span> 名',
+        Tip: '您的真实资金投注将计入排行榜积分计算，以赢得排行榜奖励。',
+        TournamentNotStarted: '排行榜尚未开始。 <br> 它将在 {startTime} 开始。',
+        BeOne: '目前暂无赢家。成为其中之一！',
+        NoGameConfiged: '没有配置游戏',
+        FailedToJoin: '哦哦！发生了一些意外错误，请再试一次。',
+        FailedToUnjoin: '哦哦！发生了一些意外错误，请再试一次。'
+    }
+};
+export const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+export const getTranslations = (data) => {
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
+};

package/dist/esm/casino-engagement-suite-progress-bar_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement, c as createEvent, H as Host } from './index-8b5c4b95.js';
-import { T as TRANSLATIONS, c as classnames, D as DialogType, i as isTournamentEnded, r as renderGradientRoundedButton, L as LeaderboardPage, g as getProgress, a as getTimeDifference, f as formatDate } from './casino-engagement-suite-tournament-87bd623e.js';
-export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-87bd623e.js';
+import { c as classnames, D as DialogType, i as isTournamentEnded, r as renderGradientRoundedButton, t as translate, L as LeaderboardPage, g as getProgress, a as getTimeDifference, f as formatDate } from './casino-engagement-suite-tournament-2dba81af.js';
+export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-2dba81af.js';
 import '@everymatrix/ui-image';
 
 const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
@@ -235,7 +235,7 @@ const CasinoEngagementSuiteTournamentItem = class {
         this.tournament = undefined;
         this.isNew = undefined;
         this.tid = undefined;
-        this.locale = TRANSLATIONS;
+        this.language = 'en';
     }
     goToDetail() {
         this.clickToTournamentDetail.emit(this.tournament);
@@ -248,7 +248,7 @@ const CasinoEngagementSuiteTournamentItem = class {
     }
     render() {
         const tournament = this.tournament;
-        return (h("div", { key: 'e4c39f94b5574dc67c1f76d16f21b680db8dbf6c', class: classnames('LeaderboardsItem', tournament.isPlayerAcknowledged ? ' GradientRounded Hollow' : '', tournament.isUnjoined ? 'Unjoined' : ''), onClick: this.goToDetail.bind(this) }, h("div", { key: 'ed40bbbadbe4a216981f0cc0891476c3788c456f', class: "LeaderboardsItemContainer" }, h("tournament-item-title", { key: '655d965507d60b5a90a66b5cf1b20ff744ab7115', tournament: tournament }), h("tournament-timer", { key: 'b6b597921994640725dd57e7991b38604702ba0d', tournament: tournament })), h("div", { key: '1cc278a8ab8faa750427f4dce15140117732d5a1', class: "LeaderboardLabels" }, this.isNew && (h("div", { key: 'b14172c01cc9b930a439113357e630edd0713eae', class: "LeaderboardLabel" }, h("span", { key: 'ab763183adf551c34a749ae39c1719160387a816' }, "new"))))));
+        return (h("div", { key: '836c6720a7be8c1a97f43245908fc2b6d535c50e', class: classnames('LeaderboardsItem', tournament.isPlayerAcknowledged ? ' GradientRounded Hollow' : '', tournament.isUnjoined ? 'Unjoined' : ''), onClick: this.goToDetail.bind(this) }, h("div", { key: 'a6b131a60c7484dd33f963b769b7db47438460f1', class: "LeaderboardsItemContainer" }, h("tournament-item-title", { key: '0e229e79322889c168a7ec4f35bd0ae0fde61a96', tournament: tournament, language: this.language }), h("tournament-timer", { key: '6f486b88ae367bef631779bfc92b995516bfd8c0', tournament: tournament })), h("div", { key: '00e40f6bc6102da356f1d781506ceba4c7ae340e', class: "LeaderboardLabels" }, this.isNew && (h("div", { key: '5aa6fced7c55d5bb7911c2590611008389f51042', class: "LeaderboardLabel" }, h("span", { key: 'b89b5825d0902545ea44105ce9f3b8a8a2c98676' }, "new"))))));
     }
 };
 
@@ -258,7 +258,7 @@ const CasinoEngagementSuiteTournamentItemTitle = class {
         this.unjoinTournamentConfirmEvent = createEvent(this, "unjoinTournamentConfirmEvent", 7);
         this.joinTournamentEvent = createEvent(this, "joinTournamentEvent", 7);
         this.tournament = undefined;
-        this.locale = TRANSLATIONS;
+        this.language = 'en';
         this.isButtonDisabed = false;
     }
     onTournamentChanged(tournament) {
@@ -281,7 +281,7 @@ const CasinoEngagementSuiteTournamentItemTitle = class {
         this.isButtonDisabed = this.tournament.isActionJoinPending === true;
     }
     render() {
-        return (h("div", { key: 'cf8c4dc0cba0ebd8e1da43a32af618d79972f669', class: "TitleContainer" }, h("div", { key: '1707346e5ef14b1379d8a0691f11a425a16f1c13', class: "Title" }, this.tournament.nameOrTitle), !isTournamentEnded(this.tournament) && (h("div", { key: '78a0c86a56fa2b145bb5e7106df441fe6deb116e' }, renderGradientRoundedButton({
+        return (h("div", { key: '3123b0ffd6335833a5938b13e4c620ded693da38', class: "TitleContainer" }, h("div", { key: '88977f242dd5cce6265c679ae55dc1dfdecd7fd0', class: "Title" }, this.tournament.nameOrTitle), !isTournamentEnded(this.tournament) && (h("div", { key: 'bf2aad175409e687ed2bd42350a7f8585d86c112' }, renderGradientRoundedButton({
             statedClasses: {
                 isHollow: this.tournament.isPlayerAcknowledged,
                 isPending: this.isButtonDisabed
@@ -290,7 +290,7 @@ const CasinoEngagementSuiteTournamentItemTitle = class {
                 e.stopPropagation();
                 this.onClickItemJoin();
             },
-            innerHTML: this.tournament.isPlayerAcknowledged ? this.locale.Unjoin : this.locale.Join
+            innerHTML: this.tournament.isPlayerAcknowledged ? translate('Unjoin', this.language) : translate('Join', this.language)
         })))));
     }
     static get watchers() { return {

package/dist/esm/{casino-engagement-suite-tournament-87bd623e.js → casino-engagement-suite-tournament-2dba81af.js}

@@ -39,25 +39,78 @@ var Time;
     Time["Starts"] = "Starts";
     Time["Ends"] = "Ends";
 })(Time || (Time = {}));
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'zh'];
 const localePostprocess = (translationText, props) => {
     Object.keys(props).map((key) => {
         translationText = translationText.replace(`{${key}}`, props[key]);
     });
     return translationText;
 };
-const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Places: 'places', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
-        Title: 'Quit Leaderboard?',
-        Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
-        ButtonYes: 'Yes, I want to quit leaderboard',
-        ButtonNo: 'No, Stay on the leaderboard'
-    }, WinDialog: {
-        Title: 'Congratulations!',
-        Description: 'You won <span>{rewards}</span>!',
-        ButtonContinue: 'Continue',
-        FailedTitle: 'Reward cannot be issued',
-        FailedDescription: 'Please contact support.',
-        FailedButtonContinue: 'Ok, continue',
-    }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' });
+const TRANSLATIONS = {
+    en: Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Places: 'places', Prizes: 'Rewards', Player: 'Player', Rank: 'Rank', Score: 'Score', Prize: 'Prize', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
+            Title: 'Quit Leaderboard?',
+            Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
+            ButtonYes: 'Yes, I want to quit leaderboard',
+            ButtonNo: 'No, Stay on the leaderboard'
+        }, WinDialog: {
+            Title: 'Congratulations!',
+            Description: 'You won <span>{rewards}</span>!',
+            ButtonContinue: 'Continue',
+            FailedTitle: 'Reward cannot be issued',
+            FailedDescription: 'Please contact support.',
+            FailedButtonContinue: 'Ok, continue',
+        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
+    zh: {
+        Join: '加入',
+        Unjoin: '取消',
+        info: '信息',
+        leaderboard: '排行榜',
+        games: '游戏',
+        Starts: '开始',
+        Ends: '结束',
+        TC: '条款与条件',
+        ScoreCriteria: '积分规则',
+        MinimumBetCriteria: '最低投注要求',
+        Place: '名次',
+        Places: '名次',
+        Prizes: '奖励',
+        Player: '玩家',
+        Rank: '排名',
+        Score: '积分',
+        Prize: '奖品',
+        LeaderboardDetails: '排行榜详情',
+        UnjoinDialog: {
+            Title: '退出排行榜？',
+            Description: '当前排行榜的进度将不会被保留，且您无法再次加入该排行榜。 <br /><br />您确定要退出吗？',
+            ButtonYes: '是的，我要退出排行榜',
+            ButtonNo: '不，留在排行榜'
+        },
+        WinDialog: {
+            Title: '恭喜！',
+            Description: '您赢得了 <span>{rewards}</span>！',
+            ButtonContinue: '继续',
+            FailedTitle: '奖励无法发放',
+            FailedDescription: '请联系客服。',
+            FailedButtonContinue: '好的，继续'
+        },
+        NoLeaderboards: '暂无排行榜',
+        NoLeaderboardsTip: '尝试通过赢得奖品或启动其他增强游戏来获得排行榜',
+        Leaderboards: '排行榜',
+        TipPrize: '您获得 <span>{place}</span> 名，并赢得 <span>{prize}</span>',
+        TipPrizeWithoutReward: '您获得 <span>{place}</span> 名',
+        Tip: '您的真实资金投注将计入排行榜积分计算，以赢得排行榜奖励。',
+        TournamentNotStarted: '排行榜尚未开始。 <br> 它将在 {startTime} 开始。',
+        BeOne: '目前暂无赢家。成为其中之一！',
+        NoGameConfiged: '没有配置游戏',
+        FailedToJoin: '哦哦！发生了一些意外错误，请再试一次。',
+        FailedToUnjoin: '哦哦！发生了一些意外错误，请再试一次。'
+    }
+};
+const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
 
 const classnames = (...args) => {
     let classnameArray = ['Tab'];
@@ -137,7 +190,7 @@ var DialogType;
     DialogType["error"] = "error";
 })(DialogType || (DialogType = {}));
 
-const DEFAULT_PAGE_SIZE = 0;
+const DEFAULT_PAGE_SIZE = 12;
 const getMaxRankStr = (playerLeaderboards) => {
     let bestRank = null;
     (playerLeaderboards || []).map((playerLeaderboard) => {
@@ -601,11 +654,11 @@ const page = {
             instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map((item) => tournamentAdapter(item));
             return h("general-animation-loading", null);
         }
-        const { locale } = instance;
+        const { locale, language } = instance;
         if (instance.tournamentList.length) {
             return renderWrapperByPageType(h("div", { class: "Leaderboards ScrollBar Row" }, instance.tournamentList.map((_tournament, idx) => (
             // @ts-ignore
-            h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id) })))));
+            h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id), language: language })))));
         }
         else {
             return renderWrapperByPageType(h("div", { class: "NoLeaderboards ScrollBar Row" },
@@ -616,8 +669,8 @@ const page = {
     item(instance) {
         if (!instance.tournamentItem)
             return h("general-animation-loading", null);
+        const { locale, tab, language } = instance;
         const renderTabs = () => {
-            const { locale, tab } = instance;
             const onClickTab = (tab) => {
                 instance.tab = tab;
                 switch (tab) {
@@ -635,7 +688,7 @@ const page = {
                     onClick: () => onClickTab(_tab) }, locale[_tab]))))));
         };
         return renderWrapperByPageType([
-            h("tournament-item-title", { tournament: instance.tournamentItem }),
+            h("tournament-item-title", { tournament: instance.tournamentItem, language: language }),
             renderTabs(),
             h("div", { class: `TableContentWrapper Tab_${instance.tab}` }, instance.renders.tab[instance.tab]())
         ]);
@@ -725,15 +778,22 @@ const tab = {
         if (!instance.leaderboards.length) {
             return h("div", { class: "LeaderboardUnstarted" }, locale.BeOne);
         }
-        return (h("table", { class: "Leaderboards" }, instance.leaderboards.map((leaderboard) => (h("tr", { class: classnames({ isMe: leaderboard.isMe }) },
-            h("td", { class: "LeaderboardRank" },
-                h("span", null, leaderboard.rank)),
-            h("td", { class: "LeaderboardName" },
-                h("span", null, leaderboard.shortName)),
-            h("td", { class: "LeaderboardScore" },
-                h("span", null, truncateNumber(leaderboard.score, 2, true))),
-            h("td", { class: "LeaderboardPrize" },
-                h("span", null, leaderboard.prizeName)))))));
+        return (h("table", { class: "Leaderboards" },
+            h("thead", null,
+                h("tr", null,
+                    h("th", null, locale.Rank),
+                    h("th", null, locale.Player),
+                    h("th", null, locale.Score),
+                    h("th", null, locale.Prize))),
+            instance.leaderboards.map((leaderboard) => (h("tr", { class: classnames({ isMe: leaderboard.isMe }), ref: (el) => leaderboard.isMe && (instance.isMeElement = el) },
+                h("td", { class: "LeaderboardRank" },
+                    h("span", null, leaderboard.rank)),
+                h("td", { class: "LeaderboardName" },
+                    h("span", null, leaderboard.shortName)),
+                h("td", { class: "LeaderboardScore" },
+                    h("span", null, truncateNumber(leaderboard.score, 2, true))),
+                h("td", { class: "LeaderboardPrize" },
+                    h("span", null, leaderboard.prizeName)))))));
     },
     games(instance) {
         var _a;
@@ -784,7 +844,7 @@ const renderCloseBar = (attr) => {
     return (h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (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{display:inline-block;overflow-y:auto;width:98%}table.Leaderboards td.LeaderboardRank{width:10%;min-width:70px}table.Leaderboards td.LeaderboardScore{width:25%}table.Leaderboards td.LeaderboardScore span{min-width:128px}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{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 .Title{background-color:transparent}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .Games .Game .Skeleton{animation:none}.Wrapper .Games .Game .Skeleton.Image{background-color: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%;width:78vw}.Wrapper.Mobile dialog>div{margin:0px}.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)}.Wrapper.Mobile .PageConfirmButtonsGroup{margin:10px auto}.Wrapper.Mobile .PageConfirm.Gift{padding:5px 16px 30px}.Wrapper.Mobile .PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 22px);line-height:25px}.Wrapper.Mobile .PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 16px)}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 16px);padding:8px}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:var(--emw--border-radius-large, 15px)}.Wrapper.Mobile .GradientRounded{position:relative;border-radius:12px}.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)}.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;border:none;border-radius:var(--emw--border-radius-large, 8px);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{display:inline-block;overflow-y:auto;width:98%}table.Leaderboards td.LeaderboardRank{width:10%;min-width:70px}table.Leaderboards td.LeaderboardScore{width:25%}table.Leaderboards td.LeaderboardScore span{min-width:128px}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{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 .Title{background-color:transparent}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .Games .Game .Skeleton{animation:none}.Wrapper .Games .Game .Skeleton.Image{background-color: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%;width:78vw}.Wrapper.Mobile dialog>div{margin:0px}.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)}.Wrapper.Mobile .PageConfirmButtonsGroup{margin:10px auto}.Wrapper.Mobile .PageConfirm.Gift{padding:5px 16px 30px}.Wrapper.Mobile .PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 22px);line-height:25px}.Wrapper.Mobile .PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 16px)}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 16px);padding:8px}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:var(--emw--border-radius-large, 15px)}.Wrapper.Mobile .GradientRounded{position:relative;border-radius:12px}.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 thead{position:sticky;top:0;z-index:2;background-color:var(--emw--color-background, hsl(254, 44%, 15%))}.Leaderboards td,.Leaderboards th{opacity:0.6;padding:12px 5px}.Leaderboards th:last-child{text-align:left}.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);scroll-margin-top:42px}.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;border:none;border-radius:var(--emw--border-radius-large, 8px);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 {
@@ -808,6 +868,11 @@ const CasinoEngagementSuiteTournament = class {
         const { tournament } = e.detail;
         this.openDialog(DialogType.unjoin, tournament);
     }
+    watchPropHandler(newValue, oldValue) {
+        if (newValue !== oldValue && TRANSLATIONS[newValue]) {
+            this.locale = TRANSLATIONS[newValue];
+        }
+    }
     checkNewIdList() {
         if (this.newIdList.length > 0) {
             this.addLabel('new');
@@ -891,10 +956,10 @@ const CasinoEngagementSuiteTournament = class {
         messageSender.UpdateLeaderboardsPlayerReq();
     }
     scrollToMyRankLine() {
-        if (!this.detailElement.querySelectorAll('.isMe').length) {
+        if (!this.isMeElement) {
             return;
         }
-        (this.detailElement.querySelectorAll('.TableContentWrapper.Tab_leaderboard')[0]).scrollTo({ top: this.detailElement.querySelectorAll('.isMe')[0].offsetTop, behavior: 'smooth' });
+        this.isMeElement.scrollIntoView({ behavior: 'smooth' });
         this.scrolledToMyLine = true;
     }
     componentDidRender() {
@@ -1022,7 +1087,7 @@ const CasinoEngagementSuiteTournament = class {
         this.leaderboardsInit = undefined;
         this.tipsHideDelay = 3 * 1000;
         this.tab = Tab.info;
-        this.locale = TRANSLATIONS;
+        this.locale = TRANSLATIONS[this.language];
         this.tournamentItem = undefined;
         this.tournamentList = undefined;
         this.leaderboards = [];
@@ -1047,11 +1112,12 @@ const CasinoEngagementSuiteTournament = class {
         });
     }
     static get watchers() { return {
-        "newIdList": ["checkNewIdList"],
+        "newIdList": ["watchPropHandler"],
+        "language": ["watchPropHandler"],
         "tournamentList": ["syncBarState"],
         "show": ["showPropWatcher"]
     }; }
 };
 CasinoEngagementSuiteTournament.style = CasinoEngagementSuiteTournamentStyle0;
 
-export { CasinoEngagementSuiteTournament as C, DialogType as D, LeaderboardPage as L, TRANSLATIONS as T, getTimeDifference as a, classnames as c, formatDate as f, getProgress as g, isTournamentEnded as i, renderGradientRoundedButton as r };
+export { CasinoEngagementSuiteTournament as C, DialogType as D, LeaderboardPage as L, getTimeDifference as a, classnames as c, formatDate as f, getProgress as g, isTournamentEnded as i, renderGradientRoundedButton as r, translate as t };

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

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[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":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},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);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[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":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[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],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},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);
 });

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-87bd623e.js';
+export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-2dba81af.js';
 import './index-8b5c4b95.js';
 import '@everymatrix/ui-image';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[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":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},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);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[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":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[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"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[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],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},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);
 };
 
 export { defineCustomElements };

package/dist/types/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.d.ts

@@ -46,47 +46,7 @@ export declare class CasinoEngagementSuiteTournament {
     tournamentTimer: EventEmitter;
     pendingChangeEvent: EventEmitter<Object>;
     tab: Tab;
-    locale: {
-        TC: string;
-        ScoreCriteria: string;
-        MinimumBetCriteria: string;
-        Place: string;
-        Places: string;
-        Prizes: string;
-        LeaderboardDetails: string;
-        UnjoinDialog: {
-            Title: string;
-            Description: string;
-            ButtonYes: string;
-            ButtonNo: string;
-        };
-        WinDialog: {
-            Title: string;
-            Description: string;
-            ButtonContinue: string;
-            FailedTitle: string;
-            FailedDescription: string;
-            FailedButtonContinue: string;
-        };
-        NoLeaderboards: string;
-        NoLeaderboardsTip: string;
-        Leaderboards: string;
-        TipPrize: string;
-        TipPrizeWithoutReward: string;
-        Tip: string;
-        TournamentNotStarted: string;
-        BeOne: string;
-        NoGameConfiged: string;
-        FailedToJoin: string;
-        FailedToUnjoin: string;
-        Starts: import("../../utils/translations").Time.Starts;
-        Ends: import("../../utils/translations").Time.Ends;
-        info: Tab.info;
-        leaderboard: Tab.leaderboard;
-        games: Tab.games;
-        Join: string;
-        Unjoin: string;
-    };
+    locale: any;
     tournamentItem: Tournament;
     tournamentList: Tournament[];
     leaderboards: Leaderboard[];
@@ -105,6 +65,7 @@ export declare class CasinoEngagementSuiteTournament {
     labels: string[];
     pageElement: HTMLElement;
     detailElement: HTMLElement;
+    isMeElement: HTMLElement;
     tooltipIconReference: HTMLElement;
     tooltipReference: HTMLElement;
     currentGameId: string;
@@ -117,6 +78,7 @@ export declare class CasinoEngagementSuiteTournament {
     handleClickToTournamentDetail(e: CustomEvent): void;
     handleJoinTournamentEvent(e: CustomEvent): void;
     handleUnjoinTournamentEvent(e: CustomEvent): void;
+    watchPropHandler(newValue: string, oldValue: string): void;
     checkNewIdList(): void;
     syncBarState(newTournamentList: Tournament[], oldTournamentList: Tournament[]): void;
     showPropWatcher(newValue: any, oldValue: any): void;

package/dist/types/components.d.ts

@@ -48,10 +48,12 @@ export namespace Components {
     }
     interface TournamentItem {
         "isNew": boolean;
+        "language": string;
         "tid": string;
         "tournament": Tournament;
     }
     interface TournamentItemTitle {
+        "language": string;
         "tournament": Tournament;
     }
     interface TournamentTimer {
@@ -183,11 +185,13 @@ declare namespace LocalJSX {
     }
     interface TournamentItem {
         "isNew"?: boolean;
+        "language"?: string;
         "onClickToTournamentDetail"?: (event: TournamentItemCustomEvent<Object>) => void;
         "tid"?: string;
         "tournament"?: Tournament;
     }
     interface TournamentItemTitle {
+        "language"?: string;
         "onJoinTournamentEvent"?: (event: TournamentItemTitleCustomEvent<Object>) => void;
         "onUnjoinTournamentConfirmEvent"?: (event: TournamentItemTitleCustomEvent<Object>) => void;
         "tournament"?: Tournament;