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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/casino-engagement-suite-tournament/casino-engagement-suite-progress-bar_8.entry.js +1 -1
  2. package/dist/casino-engagement-suite-tournament/casino-engagement-suite-tournament-2dba81af.js +15 -0
  3. package/dist/casino-engagement-suite-tournament/casino-engagement-suite-tournament.esm.js +1 -1
  4. package/dist/casino-engagement-suite-tournament/index.esm.js +1 -1
  5. package/dist/cjs/casino-engagement-suite-progress-bar_8.cjs.entry.js +6 -6
  6. package/dist/cjs/{casino-engagement-suite-tournament-e34a68b6.js → casino-engagement-suite-tournament-ad883dcb.js} +99 -33
  7. package/dist/cjs/casino-engagement-suite-tournament.cjs.js +1 -1
  8. package/dist/cjs/index.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.css +11 -1
  11. package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.js +12 -4
  12. package/dist/collection/shared/TournamentItem.js +20 -8
  13. package/dist/collection/shared/TournamentItemTitle.js +22 -5
  14. package/dist/collection/shared/renders.page.js +4 -4
  15. package/dist/collection/shared/renders.tab.js +1 -1
  16. package/dist/collection/utils/bussiness.js +1 -1
  17. package/dist/collection/utils/translations.js +73 -13
  18. package/dist/esm/casino-engagement-suite-progress-bar_8.entry.js +7 -7
  19. package/dist/esm/{casino-engagement-suite-tournament-87bd623e.js → casino-engagement-suite-tournament-2dba81af.js} +99 -33
  20. package/dist/esm/casino-engagement-suite-tournament.js +1 -1
  21. package/dist/esm/index.js +1 -1
  22. package/dist/esm/loader.js +1 -1
  23. package/dist/types/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.d.ts +3 -41
  24. package/dist/types/components.d.ts +4 -0
  25. package/dist/types/shared/TournamentItem.d.ts +1 -41
  26. package/dist/types/shared/TournamentItemTitle.d.ts +1 -41
  27. package/dist/types/utils/bussiness.d.ts +1 -1
  28. package/dist/types/utils/translations.d.ts +11 -41
  29. package/package.json +1 -1
  30. package/dist/casino-engagement-suite-tournament/casino-engagement-suite-tournament-87bd623e.js +0 -15
package/dist/cjs/{casino-engagement-suite-tournament-e34a68b6.js → casino-engagement-suite-tournament-ad883dcb.js} RENAMED
@@ -41,25 +41,78 @@ var Time;
41
41
  Time["Starts"] = "Starts";
42
42
  Time["Ends"] = "Ends";
43
43
  })(Time || (Time = {}));
44
+ const DEFAULT_LANGUAGE = 'en';
45
+ const SUPPORTED_LANGUAGES = ['en', 'zh'];
44
46
  const localePostprocess = (translationText, props) => {
45
47
  Object.keys(props).map((key) => {
46
48
  translationText = translationText.replace(`{${key}}`, props[key]);
47
49
  });
48
50
  return translationText;
49
51
  };
50
- 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: {
51
- Title: 'Quit Leaderboard?',
52
- 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?',
53
- ButtonYes: 'Yes, I want to quit leaderboard',
54
- ButtonNo: 'No, Stay on the leaderboard'
55
- }, WinDialog: {
56
- Title: 'Congratulations!',
57
- Description: 'You won <span>{rewards}</span>!',
58
- ButtonContinue: 'Continue',
59
- FailedTitle: 'Reward cannot be issued',
60
- FailedDescription: 'Please contact support.',
61
- FailedButtonContinue: 'Ok, continue',
62
- }, 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.' });
52
+ const TRANSLATIONS = {
53
+ 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: {
54
+ Title: 'Quit Leaderboard?',
55
+ 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?',
56
+ ButtonYes: 'Yes, I want to quit leaderboard',
57
+ ButtonNo: 'No, Stay on the leaderboard'
58
+ }, WinDialog: {
59
+ Title: 'Congratulations!',
60
+ Description: 'You won <span>{rewards}</span>!',
61
+ ButtonContinue: 'Continue',
62
+ FailedTitle: 'Reward cannot be issued',
63
+ FailedDescription: 'Please contact support.',
64
+ FailedButtonContinue: 'Ok, continue',
65
+ }, 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.' }),
66
+ zh: {
67
+ Join: '加入',
68
+ Unjoin: '取消',
69
+ info: '信息',
70
+ leaderboard: '排行榜',
71
+ games: '游戏',
72
+ Starts: '开始',
73
+ Ends: '结束',
74
+ TC: '条款与条件',
75
+ ScoreCriteria: '积分规则',
76
+ MinimumBetCriteria: '最低投注要求',
77
+ Place: '名次',
78
+ Places: '名次',
79
+ Prizes: '奖励',
80
+ Player: '玩家',
81
+ Rank: '排名',
82
+ Score: '积分',
83
+ Prize: '奖品',
84
+ LeaderboardDetails: '排行榜详情',
85
+ UnjoinDialog: {
86
+ Title: '退出排行榜？',
87
+ Description: '当前排行榜的进度将不会被保留，且您无法再次加入该排行榜。 <br /><br />您确定要退出吗？',
88
+ ButtonYes: '是的，我要退出排行榜',
89
+ ButtonNo: '不，留在排行榜'
90
+ },
91
+ WinDialog: {
92
+ Title: '恭喜！',
93
+ Description: '您赢得了 <span>{rewards}</span>！',
94
+ ButtonContinue: '继续',
95
+ FailedTitle: '奖励无法发放',
96
+ FailedDescription: '请联系客服。',
97
+ FailedButtonContinue: '好的，继续'
98
+ },
99
+ NoLeaderboards: '暂无排行榜',
100
+ NoLeaderboardsTip: '尝试通过赢得奖品或启动其他增强游戏来获得排行榜',
101
+ Leaderboards: '排行榜',
102
+ TipPrize: '您获得 <span>{place}</span> 名，并赢得 <span>{prize}</span>',
103
+ TipPrizeWithoutReward: '您获得 <span>{place}</span> 名',
104
+ Tip: '您的真实资金投注将计入排行榜积分计算，以赢得排行榜奖励。',
105
+ TournamentNotStarted: '排行榜尚未开始。 <br> 它将在 {startTime} 开始。',
106
+ BeOne: '目前暂无赢家。成为其中之一！',
107
+ NoGameConfiged: '没有配置游戏',
108
+ FailedToJoin: '哦哦！发生了一些意外错误，请再试一次。',
109
+ FailedToUnjoin: '哦哦！发生了一些意外错误，请再试一次。'
110
+ }
111
+ };
112
+ const translate = (key, customLang) => {
113
+ const lang = customLang;
114
+ return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
115
+ };
63
116
 
64
117
  const classnames = (...args) => {
65
118
  let classnameArray = ['Tab'];
@@ -139,7 +192,7 @@ exports.DialogType = void 0;
139
192
  DialogType["error"] = "error";
140
193
  })(exports.DialogType || (exports.DialogType = {}));
141
194
 
142
- const DEFAULT_PAGE_SIZE = 0;
195
+ const DEFAULT_PAGE_SIZE = 12;
143
196
  const getMaxRankStr = (playerLeaderboards) => {
144
197
  let bestRank = null;
145
198
  (playerLeaderboards || []).map((playerLeaderboard) => {
@@ -603,11 +656,11 @@ const page = {
603
656
  instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map((item) => tournamentAdapter(item));
604
657
  return index.h("general-animation-loading", null);
605
658
  }
606
- const { locale } = instance;
659
+ const { locale, language } = instance;
607
660
  if (instance.tournamentList.length) {
608
661
  return renderWrapperByPageType(index.h("div", { class: "Leaderboards ScrollBar Row" }, instance.tournamentList.map((_tournament, idx) => (
609
662
  // @ts-ignore
610
- index.h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id) })))));
663
+ index.h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id), language: language })))));
611
664
  }
612
665
  else {
613
666
  return renderWrapperByPageType(index.h("div", { class: "NoLeaderboards ScrollBar Row" },
@@ -618,8 +671,8 @@ const page = {
618
671
  item(instance) {
619
672
  if (!instance.tournamentItem)
620
673
  return index.h("general-animation-loading", null);
674
+ const { locale, tab, language } = instance;
621
675
  const renderTabs = () => {
622
- const { locale, tab } = instance;
623
676
  const onClickTab = (tab) => {
624
677
  instance.tab = tab;
625
678
  switch (tab) {
@@ -637,7 +690,7 @@ const page = {
637
690
  onClick: () => onClickTab(_tab) }, locale[_tab]))))));
638
691
  };
639
692
  return renderWrapperByPageType([
640
- index.h("tournament-item-title", { tournament: instance.tournamentItem }),
693
+ index.h("tournament-item-title", { tournament: instance.tournamentItem, language: language }),
641
694
  renderTabs(),
642
695
  index.h("div", { class: `TableContentWrapper Tab_${instance.tab}` }, instance.renders.tab[instance.tab]())
643
696
  ]);
@@ -727,15 +780,22 @@ const tab = {
727
780
  if (!instance.leaderboards.length) {
728
781
  return index.h("div", { class: "LeaderboardUnstarted" }, locale.BeOne);
729
782
  }
730
- return (index.h("table", { class: "Leaderboards" }, instance.leaderboards.map((leaderboard) => (index.h("tr", { class: classnames({ isMe: leaderboard.isMe }) },
731
- index.h("td", { class: "LeaderboardRank" },
732
- index.h("span", null, leaderboard.rank)),
733
- index.h("td", { class: "LeaderboardName" },
734
- index.h("span", null, leaderboard.shortName)),
735
- index.h("td", { class: "LeaderboardScore" },
736
- index.h("span", null, truncateNumber(leaderboard.score, 2, true))),
737
- index.h("td", { class: "LeaderboardPrize" },
738
- index.h("span", null, leaderboard.prizeName)))))));
783
+ return (index.h("table", { class: "Leaderboards" },
784
+ index.h("thead", null,
785
+ index.h("tr", null,
786
+ index.h("th", null, locale.Rank),
787
+ index.h("th", null, locale.Player),
788
+ index.h("th", null, locale.Score),
789
+ index.h("th", null, locale.Prize))),
790
+ instance.leaderboards.map((leaderboard) => (index.h("tr", { class: classnames({ isMe: leaderboard.isMe }), ref: (el) => leaderboard.isMe && (instance.isMeElement = el) },
791
+ index.h("td", { class: "LeaderboardRank" },
792
+ index.h("span", null, leaderboard.rank)),
793
+ index.h("td", { class: "LeaderboardName" },
794
+ index.h("span", null, leaderboard.shortName)),
795
+ index.h("td", { class: "LeaderboardScore" },
796
+ index.h("span", null, truncateNumber(leaderboard.score, 2, true))),
797
+ index.h("td", { class: "LeaderboardPrize" },
798
+ index.h("span", null, leaderboard.prizeName)))))));
739
799
  },
740
800
  games(instance) {
741
801
  var _a;
@@ -786,7 +846,7 @@ const renderCloseBar = (attr) => {
786
846
  return (index.h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (index.h("div", { class: 'WrapperBar' + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
787
847
  };
788
848
 
789
- 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}}";
849
+ 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}}";
790
850
  const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
791
851
 
792
852
  const CasinoEngagementSuiteTournament = class {
@@ -810,6 +870,11 @@ const CasinoEngagementSuiteTournament = class {
810
870
  const { tournament } = e.detail;
811
871
  this.openDialog(exports.DialogType.unjoin, tournament);
812
872
  }
873
+ watchPropHandler(newValue, oldValue) {
874
+ if (newValue !== oldValue && TRANSLATIONS[newValue]) {
875
+ this.locale = TRANSLATIONS[newValue];
876
+ }
877
+ }
813
878
  checkNewIdList() {
814
879
  if (this.newIdList.length > 0) {
815
880
  this.addLabel('new');
@@ -893,10 +958,10 @@ const CasinoEngagementSuiteTournament = class {
893
958
  messageSender.UpdateLeaderboardsPlayerReq();
894
959
  }
895
960
  scrollToMyRankLine() {
896
- if (!this.detailElement.querySelectorAll('.isMe').length) {
961
+ if (!this.isMeElement) {
897
962
  return;
898
963
  }
899
- (this.detailElement.querySelectorAll('.TableContentWrapper.Tab_leaderboard')[0]).scrollTo({ top: this.detailElement.querySelectorAll('.isMe')[0].offsetTop, behavior: 'smooth' });
964
+ this.isMeElement.scrollIntoView({ behavior: 'smooth' });
900
965
  this.scrolledToMyLine = true;
901
966
  }
902
967
  componentDidRender() {
@@ -1024,7 +1089,7 @@ const CasinoEngagementSuiteTournament = class {
1024
1089
  this.leaderboardsInit = undefined;
1025
1090
  this.tipsHideDelay = 3 * 1000;
1026
1091
  this.tab = Tab.info;
1027
- this.locale = TRANSLATIONS;
1092
+ this.locale = TRANSLATIONS[this.language];
1028
1093
  this.tournamentItem = undefined;
1029
1094
  this.tournamentList = undefined;
1030
1095
  this.leaderboards = [];
@@ -1049,7 +1114,8 @@ const CasinoEngagementSuiteTournament = class {
1049
1114
  });
1050
1115
  }
1051
1116
  static get watchers() { return {
1052
- "newIdList": ["checkNewIdList"],
1117
+ "newIdList": ["watchPropHandler"],
1118
+ "language": ["watchPropHandler"],
1053
1119
  "tournamentList": ["syncBarState"],
1054
1120
  "show": ["showPropWatcher"]
1055
1121
  }; }
@@ -1057,10 +1123,10 @@ const CasinoEngagementSuiteTournament = class {
1057
1123
  CasinoEngagementSuiteTournament.style = CasinoEngagementSuiteTournamentStyle0;
1058
1124
 
1059
1125
  exports.CasinoEngagementSuiteTournament = CasinoEngagementSuiteTournament;
1060
- exports.TRANSLATIONS = TRANSLATIONS;
1061
1126
  exports.classnames = classnames;
1062
1127
  exports.formatDate = formatDate;
1063
1128
  exports.getProgress = getProgress;
1064
1129
  exports.getTimeDifference = getTimeDifference;
1065
1130
  exports.isTournamentEnded = isTournamentEnded;
1066
1131
  exports.renderGradientRoundedButton = renderGradientRoundedButton;
1132
+ exports.translate = translate;
package/dist/cjs/casino-engagement-suite-tournament.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["casino-engagement-suite-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"],"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);
22
+ 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":["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);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-e34a68b6.js');
5
+ const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-ad883dcb.js');
6
6
  require('./index-5e98dd13.js');
7
7
  require('@everymatrix/ui-image');
8
8
 
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["casino-engagement-suite-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"],"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);
11
+ 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":["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);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.css CHANGED
@@ -497,10 +497,19 @@ table.Leaderboards td.LeaderboardPrize {
497
497
  text-align: center;
498
498
  border-collapse: collapse;
499
499
  }
500
- .Leaderboards td {
500
+ .Leaderboards thead {
501
+ position: sticky;
502
+ top: 0;
503
+ z-index: 2;
504
+ background-color: var(--emw--color-background, hsl(254, 44%, 15%));
505
+ }
506
+ .Leaderboards td, .Leaderboards th {
501
507
  opacity: 0.6;
502
508
  padding: 12px 5px;
503
509
  }
510
+ .Leaderboards th:last-child {
511
+ text-align: left;
512
+ }
504
513
  .Leaderboards td:first-child {
505
514
  padding-left: 20px;
506
515
  }
@@ -513,6 +522,7 @@ table.Leaderboards td.LeaderboardPrize {
513
522
  }
514
523
  .Leaderboards tr.isMe {
515
524
  background: rgba(0, 0, 0, 0.2);
525
+ scroll-margin-top: 42px;
516
526
  }
517
527
  .Leaderboards tr.isMe .LeaderboardRank span {
518
528
  padding: 0px 3px;
package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.js CHANGED
@@ -32,6 +32,11 @@ export class CasinoEngagementSuiteTournament {
32
32
  const { tournament } = e.detail;
33
33
  this.openDialog(DialogType.unjoin, tournament);
34
34
  }
35
+ watchPropHandler(newValue, oldValue) {
36
+ if (newValue !== oldValue && TRANSLATIONS[newValue]) {
37
+ this.locale = TRANSLATIONS[newValue];
38
+ }
39
+ }
35
40
  checkNewIdList() {
36
41
  if (this.newIdList.length > 0) {
37
42
  this.addLabel('new');
@@ -115,10 +120,10 @@ export class CasinoEngagementSuiteTournament {
115
120
  messageSender.UpdateLeaderboardsPlayerReq();
116
121
  }
117
122
  scrollToMyRankLine() {
118
- if (!this.detailElement.querySelectorAll('.isMe').length) {
123
+ if (!this.isMeElement) {
119
124
  return;
120
125
  }
121
- (this.detailElement.querySelectorAll('.TableContentWrapper.Tab_leaderboard')[0]).scrollTo({ top: this.detailElement.querySelectorAll('.isMe')[0].offsetTop, behavior: 'smooth' });
126
+ this.isMeElement.scrollIntoView({ behavior: 'smooth' });
122
127
  this.scrolledToMyLine = true;
123
128
  }
124
129
  componentDidRender() {
@@ -242,7 +247,7 @@ export class CasinoEngagementSuiteTournament {
242
247
  this.leaderboardsInit = undefined;
243
248
  this.tipsHideDelay = 3 * 1000;
244
249
  this.tab = Tab.info;
245
- this.locale = TRANSLATIONS;
250
+ this.locale = TRANSLATIONS[this.language];
246
251
  this.tournamentItem = undefined;
247
252
  this.tournamentList = undefined;
248
253
  this.leaderboards = [];
@@ -518,7 +523,10 @@ export class CasinoEngagementSuiteTournament {
518
523
  static get watchers() {
519
524
  return [{
520
525
  "propName": "newIdList",
521
- "methodName": "checkNewIdList"
526
+ "methodName": "watchPropHandler"
527
+ }, {
528
+ "propName": "language",
529
+ "methodName": "watchPropHandler"
522
530
  }, {
523
531
  "propName": "tournamentList",
524
532
  "methodName": "syncBarState"
package/dist/collection/shared/TournamentItem.js CHANGED
@@ -1,12 +1,11 @@
1
1
  import { h } from "@stencil/core";
2
2
  import { classnames } from "../utils/utils";
3
- import { TRANSLATIONS } from "../utils/translations";
4
3
  export class CasinoEngagementSuiteTournamentItem {
5
4
  constructor() {
6
5
  this.tournament = undefined;
7
6
  this.isNew = undefined;
8
7
  this.tid = undefined;
9
- this.locale = TRANSLATIONS;
8
+ this.language = 'en';
10
9
  }
11
10
  goToDetail() {
12
11
  this.clickToTournamentDetail.emit(this.tournament);
@@ -19,7 +18,7 @@ export class CasinoEngagementSuiteTournamentItem {
19
18
  }
20
19
  render() {
21
20
  const tournament = this.tournament;
22
- 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"))))));
21
+ 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"))))));
23
22
  }
24
23
  static get is() { return "tournament-item"; }
25
24
  static get properties() {
@@ -79,14 +78,27 @@ export class CasinoEngagementSuiteTournamentItem {
79
78
  },
80
79
  "attribute": "tid",
81
80
  "reflect": false
81
+ },
82
+ "language": {
83
+ "type": "string",
84
+ "mutable": false,
85
+ "complexType": {
86
+ "original": "string",
87
+ "resolved": "string",
88
+ "references": {}
89
+ },
90
+ "required": false,
91
+ "optional": false,
92
+ "docs": {
93
+ "tags": [],
94
+ "text": ""
95
+ },
96
+ "attribute": "language",
97
+ "reflect": false,
98
+ "defaultValue": "'en'"
82
99
  }
83
100
  };
84
101
  }
85
- static get states() {
86
- return {
87
- "locale": {}
88
- };
89
- }
90
102
  static get events() {
91
103
  return [{
92
104
  "method": "clickToTournamentDetail",
package/dist/collection/shared/TournamentItemTitle.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { h } from "@stencil/core";
2
2
  import { DialogType } from "../utils/types";
3
3
  import { renderGradientRoundedButton } from "./GradientRoundedButton";
4
- import { TRANSLATIONS } from "../utils/translations";
4
+ import { translate } from "../utils/translations";
5
5
  import { isTournamentEnded } from "../utils/bussiness";
6
6
  export class CasinoEngagementSuiteTournamentItemTitle {
7
7
  constructor() {
8
8
  this.tournament = undefined;
9
- this.locale = TRANSLATIONS;
9
+ this.language = 'en';
10
10
  this.isButtonDisabed = false;
11
11
  }
12
12
  onTournamentChanged(tournament) {
@@ -29,7 +29,7 @@ export class CasinoEngagementSuiteTournamentItemTitle {
29
29
  this.isButtonDisabed = this.tournament.isActionJoinPending === true;
30
30
  }
31
31
  render() {
32
- return (h("div", { key: 'cf8c4dc0cba0ebd8e1da43a32af618d79972f669', class: "TitleContainer" }, h("div", { key: '1707346e5ef14b1379d8a0691f11a425a16f1c13', class: "Title" }, this.tournament.nameOrTitle), !isTournamentEnded(this.tournament) && (h("div", { key: '78a0c86a56fa2b145bb5e7106df441fe6deb116e' }, renderGradientRoundedButton({
32
+ return (h("div", { key: '3123b0ffd6335833a5938b13e4c620ded693da38', class: "TitleContainer" }, h("div", { key: '88977f242dd5cce6265c679ae55dc1dfdecd7fd0', class: "Title" }, this.tournament.nameOrTitle), !isTournamentEnded(this.tournament) && (h("div", { key: 'bf2aad175409e687ed2bd42350a7f8585d86c112' }, renderGradientRoundedButton({
33
33
  statedClasses: {
34
34
  isHollow: this.tournament.isPlayerAcknowledged,
35
35
  isPending: this.isButtonDisabed
@@ -38,7 +38,7 @@ export class CasinoEngagementSuiteTournamentItemTitle {
38
38
  e.stopPropagation();
39
39
  this.onClickItemJoin();
40
40
  },
41
- innerHTML: this.tournament.isPlayerAcknowledged ? this.locale.Unjoin : this.locale.Join
41
+ innerHTML: this.tournament.isPlayerAcknowledged ? translate('Unjoin', this.language) : translate('Join', this.language)
42
42
  })))));
43
43
  }
44
44
  static get is() { return "tournament-item-title"; }
@@ -65,12 +65,29 @@ export class CasinoEngagementSuiteTournamentItemTitle {
65
65
  "text": ""
66
66
  },
67
67
  "defaultValue": "undefined"
68
+ },
69
+ "language": {
70
+ "type": "string",
71
+ "mutable": false,
72
+ "complexType": {
73
+ "original": "string",
74
+ "resolved": "string",
75
+ "references": {}
76
+ },
77
+ "required": false,
78
+ "optional": false,
79
+ "docs": {
80
+ "tags": [],
81
+ "text": ""
82
+ },
83
+ "attribute": "language",
84
+ "reflect": false,
85
+ "defaultValue": "'en'"
68
86
  }
69
87
  };
70
88
  }
71
89
  static get states() {
72
90
  return {
73
- "locale": {},
74
91
  "isButtonDisabed": {}
75
92
  };
76
93
  }
package/dist/collection/shared/renders.page.js CHANGED
@@ -10,11 +10,11 @@ export const page = {
10
10
  instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map((item) => tournamentAdapter(item));
11
11
  return h("general-animation-loading", null);
12
12
  }
13
- const { locale } = instance;
13
+ const { locale, language } = instance;
14
14
  if (instance.tournamentList.length) {
15
15
  return renderWrapperByPageType(h("div", { class: "Leaderboards ScrollBar Row" }, instance.tournamentList.map((_tournament, idx) => (
16
16
  // @ts-ignore
17
- h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id) })))));
17
+ h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id), language: language })))));
18
18
  }
19
19
  else {
20
20
  return renderWrapperByPageType(h("div", { class: "NoLeaderboards ScrollBar Row" }, h("h3", { class: "Title" }, locale.NoLeaderboards), h("div", { class: "message" }, locale.NoLeaderboardsTip)));
@@ -23,8 +23,8 @@ export const page = {
23
23
  item(instance) {
24
24
  if (!instance.tournamentItem)
25
25
  return h("general-animation-loading", null);
26
+ const { locale, tab, language } = instance;
26
27
  const renderTabs = () => {
27
- const { locale, tab } = instance;
28
28
  const onClickTab = (tab) => {
29
29
  instance.tab = tab;
30
30
  switch (tab) {
@@ -41,7 +41,7 @@ export const page = {
41
41
  onClick: () => onClickTab(_tab) }, locale[_tab]))))));
42
42
  };
43
43
  return renderWrapperByPageType([
44
- h("tournament-item-title", { tournament: instance.tournamentItem }),
44
+ h("tournament-item-title", { tournament: instance.tournamentItem, language: language }),
45
45
  renderTabs(),
46
46
  h("div", { class: `TableContentWrapper Tab_${instance.tab}` }, instance.renders.tab[instance.tab]())
47
47
  ]);
package/dist/collection/shared/renders.tab.js CHANGED
@@ -26,7 +26,7 @@ export const tab = {
26
26
  if (!instance.leaderboards.length) {
27
27
  return h("div", { class: "LeaderboardUnstarted" }, locale.BeOne);
28
28
  }
29
- 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)))))));
29
+ 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)))))));
30
30
  },
31
31
  games(instance) {
32
32
  var _a;
package/dist/collection/utils/bussiness.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { RewardType, TournamentState } from "./types";
2
- export const DEFAULT_PAGE_SIZE = 0;
2
+ export const DEFAULT_PAGE_SIZE = 12;
3
3
  export const getMaxRankStr = (playerLeaderboards) => {
4
4
  let bestRank = null;
5
5
  (playerLeaderboards || []).map((playerLeaderboard) => {