@everymatrix/casino-engagement-suite-tournament 1.59.1 → 1.59.3

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

@@ -32,7 +32,8 @@
   margin-bottom: 20px;
 }
 
-.WrapperBarLeft, .WrapperBarRight {
+.WrapperBarLeft,
+.WrapperBarRight {
   cursor: pointer;
   z-index: 1;
 }
@@ -184,21 +185,72 @@
   font-weight: 400;
 }
 
-.Prizes {
-  margin: 24px 0;
-  padding: 0 20px;
+.InfoContainer {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
 }
-.Prizes .PrizesText {
-  margin-left: 3px;
-  font-weight: 600;
+
+.ContentScrollContainer {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  position: relative;
+  height: auto;
 }
-.Prizes .PrizesHeader {
+.ContentScrollContainer.expanded {
+  height: 100%;
+  max-height: 100%;
+}
+
+.PrizesContainer {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 100px;
+  max-height: calc(100% - 20px);
+}
+
+.PrizesHeader {
   align-items: center;
   display: flex;
+  background-color: var(--emw--color-background, hsl(254, 44%, 15%));
+  padding: 5px 0;
+  z-index: 1;
+  margin: 0 20px;
 }
-.Prizes .PrizesHeader img {
+.PrizesHeader img {
   width: 12px;
 }
+.PrizesHeader .PrizesText {
+  margin-left: 3px;
+  font-weight: 600;
+}
+
+.Prizes {
+  margin: 24px 0;
+  padding: 0 20px;
+  flex: 1;
+  overflow-y: auto;
+  margin-bottom: 0;
+  padding-right: 10px;
+  max-height: 300px;
+  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;
 }
@@ -207,6 +259,10 @@
   font-weight: 400;
 }
 
+.InfoContainer section.Info {
+  margin-bottom: 12px;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -240,7 +296,8 @@
   border-radius: 11px;
 }
 .Leaderboards tr.isMe td {
-  color: var(--emw--color-primary, rgb(255, 214, 47));
+  color: #FFD029;
+  font-weight: var(--emw--font-weight-semibold, 500);
 }
 
 .LeaderboardLabels {
@@ -271,6 +328,13 @@
   color: var(--emw--color-background, #1E1638);
 }
 
+.LeaderboardUnstarted {
+  margin: 24px 0;
+  padding: 0 20px;
+  color: var(--emw--color-secondary, rgb(187, 185, 195));
+  font-size: var(--emw--font-size-medium, 16px);
+}
+
 .Games {
   margin: 24px 0;
   padding: 0 20px;
@@ -406,4 +470,17 @@ dialog > div {
   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;
+}
+
+.WrapperUtil .GradientRounded .WrapperBar {
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+.WrapperUtil .GradientRounded .Tip {
+  padding-top: 0;
+  padding-bottom: 40px;
+}
+
+.LeaderboardsItem .LeaderboardsItemContainer .TitleContainer {
+  margin-bottom: 16px;
 }

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

@@ -39,6 +39,7 @@ export class CasinoEngagementSuiteTournament {
     showPropWatcher(newValue, oldValue) {
         if (oldValue == false && newValue == true) {
             this.checkGift();
+            this.page = LeaderboardPage.list;
         }
     }
     addLabel(tag) {
@@ -53,7 +54,7 @@ export class CasinoEngagementSuiteTournament {
     }
     setTimeInterval() {
         this.timeHolder = setInterval(() => {
-            this.time = (this.tournamentList || this.tournamentItem) ? this.time + 1 : 0;
+            this.time = this.tournamentList || this.tournamentItem ? this.time + 1 : 0;
         }, 1000);
     }
     checkGift() {
@@ -85,7 +86,7 @@ export class CasinoEngagementSuiteTournament {
             return;
         this.isActionJoinPending = true;
         try {
-            if (tournament.playerEnrolled) {
+            if (tournament.isPlayerAcknowledged) {
                 messageSender.UnjoinTournamentReq(tournament);
             }
             else {
@@ -111,7 +112,7 @@ export class CasinoEngagementSuiteTournament {
         this.page = page;
     }
     render() {
-        return (h(Host, { key: 'f9e9ea96e0fddd20d3f12141c7cf66588ab94ccd' }, h("general-styling-wrapper", { key: 'aea948ea6c8f8cc5e4aaea5812873d3fe7045568', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
+        return (h(Host, { key: 'b070d8a83bcd801d5daeb4edfe87ad0159da4e7c' }, h("general-styling-wrapper", { key: '7454fdab7ee55ab95a39adb3c8b51aed0b78f534', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
             // @ts-ignore
             targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renders.page[this.page]()));
     }

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

@@ -12,16 +12,16 @@ export const page = {
     list(instance) {
         var _a;
         if (!instance.tournamentList) {
-            instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map(item => tournamentAdapter(item));
+            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;
         if (instance.tournamentList.length) {
             const onClickListItemChangePage = (tournament) => {
                 instance.setPage(LeaderboardPage.item, { tournament });
-                instance.newIdList = instance.newIdList.filter(id => id !== tournament.id);
+                instance.newIdList = instance.newIdList.filter((id) => id !== tournament.id);
             };
-            return renderLeaderboardContainer(instance, h("div", { class: "Leaderboards Row" }, instance.tournamentList.map(_tournament => (h("div", { class: classnames("LeaderboardsItem", _tournament.playerEnrolled ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) }, h("div", { class: "LeaderboardsItemContainer" }, renderTitleContainer(instance, _tournament), renderTimeBar(instance, _tournament)), h("div", { class: "LeaderboardLabels" }, instance.newIdList.includes(_tournament.id) && (h("div", { class: "LeaderboardLabel" }, h("span", null, "new")))))))));
+            return renderLeaderboardContainer(instance, h("div", { class: "Leaderboards Row" }, instance.tournamentList.map((_tournament) => (h("div", { class: classnames('LeaderboardsItem', _tournament.isPlayerAcknowledged ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) }, h("div", { class: "LeaderboardsItemContainer" }, renderTitleContainer(instance, _tournament), renderTimeBar(_tournament)), h("div", { class: "LeaderboardLabels" }, instance.newIdList.includes(_tournament.id) && (h("div", { class: "LeaderboardLabel" }, h("span", null, "new")))))))));
         }
         else {
             return renderLeaderboardContainer(instance, h("div", { class: "NoLeaderboards Row" }, h("div", null, locale.NoLeaderboards), h("div", null, locale.NoLeaderboardsTip)));
@@ -52,12 +52,12 @@ export const page = {
             renderTabs(),
             instance.renders.tab[instance.tab]()
         ]);
-    },
+    }
 };
 const renderTitleContainer = (instance, tournament) => {
     const { locale } = instance;
     const onClickItemJoin = (tournament) => {
-        if (tournament.playerEnrolled) {
+        if (tournament.isPlayerAcknowledged) {
             instance.openDialog(DialogType.unjoin, tournament);
         }
         else {
@@ -67,27 +67,29 @@ const renderTitleContainer = (instance, tournament) => {
     };
     return (h("div", { class: "TitleContainer" }, h("div", { class: "Title" }, tournament.nameOrTitle), tournament.state !== TournamentState.Closed && (h("div", null, renderGradientRoundedButton({
         statedClasses: {
-            isHollow: tournament.playerEnrolled,
-            isPending: instance.isActionJoinPending,
+            isHollow: tournament.isPlayerAcknowledged,
+            isPending: instance.isActionJoinPending
         },
         onClick: (e) => {
             e.stopPropagation();
-            onClickItemJoin(tournament);
+            if (!instance.isActionJoinPending) {
+                onClickItemJoin(tournament);
+            }
         },
-        innerHTML: tournament.playerEnrolled ? locale.Unjoin : locale.Join,
+        innerHTML: tournament.isPlayerAcknowledged ? locale.Unjoin : locale.Join
     })))));
 };
 const renderLeaderboardContainer = (instance, render) => {
     const { dialog: { isOpen } } = instance;
     const renderBar = renderCloseBar({
-        right: (h("span", { onClick: () => instance.closeDialog() }, iconClose))
+        right: h("span", { onClick: () => instance.closeDialog() }, iconClose)
     });
     const renderDialogContent = () => {
         switch (instance.dialog.type) {
             case DialogType.unjoin:
                 return instance.renders.dialog.unjoin(); //renderDialogContentUnjoin()
             case DialogType.tip:
-                return (h("div", { class: "Tip" }, instance.locale.Tip));
+                return h("div", { class: "Tip" }, instance.locale.Tip);
             case DialogType.gift:
                 return instance.renders.dialog.gift();
         }
@@ -102,16 +104,18 @@ const renderLeaderboardContainer = (instance, render) => {
                 };
             case LeaderboardPage.item:
                 return {
-                    left: (h("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack)),
-                    middle: '',
+                    left: h("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack),
+                    middle: locale.Leaderboards
                 };
         }
     };
     const renderCloseBarInLayout = () => {
         const { left, middle } = getWrapperBarData();
-        return renderCloseBar({ left, middle,
-            right: (h("span", { onClick: () => instance.close.emit() }, iconClose))
+        return renderCloseBar({
+            left,
+            middle,
+            right: h("span", { onClick: () => instance.close.emit() }, iconClose)
         });
     };
-    return (h("div", { class: `Wrapper ${instance.device}` }, h("div", { class: classnames("WrapperContent", { faded: isOpen }) }, renderCloseBarInLayout(), h("div", { class: "Root" }, h("div", { class: "Main" }, render))), h("div", { class: "WrapperUtil" }, h("dialog", { open: isOpen }, h("div", { class: "GradientRounded Hollow" }, renderBar, isOpen && renderDialogContent())))));
+    return (h("div", { class: `Wrapper ${instance.device}` }, h("div", { class: classnames('WrapperContent', { faded: isOpen }) }, renderCloseBarInLayout(), h("div", { class: "Root" }, h("div", { class: "Main" }, render))), h("div", { class: "WrapperUtil" }, h("dialog", { open: isOpen }, h("div", { class: "GradientRounded Hollow" }, renderBar, isOpen && renderDialogContent())))));
 };

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

@@ -1,30 +1,37 @@
 import { h } from "@stencil/core";
 import { localePostprocess } from "../utils/translations";
 import { iconEyeClose, iconEyeOpen, iconReward } from "./icons";
-import { classnames } from "../utils/utils";
+import { classnames, truncateNumber } from "../utils/utils";
 import { renderTimeBar } from "./renders.util";
 import { isTournamentClosed } from "../utils/bussiness";
+import { getTimeDifference } from "../utils/util.date";
 export const tab = {
     info(instance) {
         var _a, _b;
         const { locale, tournamentItem: tournament, isShowInfo } = instance;
-        return (h("div", { class: "InfoContainer" }, renderTimeBar(instance, tournament), (h("section", { class: "ShowInfo", onClick: () => instance.isShowInfo = !instance.isShowInfo }, h("p", null, h("span", null, isShowInfo ? iconEyeClose : iconEyeOpen), h("span", null, locale.LeaderboardDetails)))), isShowInfo && (h("section", { class: "Info" }, h("div", null, tournament.description), h("div", { class: "Criterias" }, h("div", null, locale.ScoreCriteria, ": ", h("span", null, tournament.scoreCriteria)), h("div", null, locale.MinimumBetCriteria, ": ", h("span", null, tournament.minBetCount))), h("div", { class: "TC" }, h("a", { href: tournament.termsUrl, target: '_blank' }, locale.TC)))), isTournamentClosed(instance.tournamentItem) && ((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find(l => l.isMe)) && (h("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, getResultPrize((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find(l => l.isMe))) })), h("section", { class: "Prizes" }, h("div", { class: "PrizesHeader" }, iconReward, h("span", { class: "PrizesText" }, locale.Prizes)), tournament.prizes.map((prize, index) => (h("div", { class: "Prize" }, index + 1, " ", locale.Place, ": ", h("span", { class: "PrizeText" }, prize.name)))))));
+        return (h("div", { class: "InfoContainer" }, renderTimeBar(tournament), h("section", { class: "ShowInfo", onClick: () => (instance.isShowInfo = !instance.isShowInfo) }, h("p", null, h("span", null, isShowInfo ? iconEyeClose : iconEyeOpen), h("span", null, locale.LeaderboardDetails))), h("div", { class: `ContentScrollContainer ${isShowInfo ? 'expanded' : ''}` }, isShowInfo && (h("section", { class: "Info" }, h("div", null, tournament.description), h("div", { class: "Criterias" }, h("div", null, locale.ScoreCriteria, ": ", h("span", null, tournament.scoreCriteria)), h("div", null, locale.MinimumBetCriteria, ": ", h("span", null, tournament.minBetCount))), !!tournament.termsUrl && (h("div", { class: "TC" }, h("a", { href: tournament.termsUrl, target: "_blank" }, locale.TC))))), isTournamentClosed(instance.tournamentItem) && ((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find((l) => l.isMe)) && (h("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, getResultPrize((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find((l) => l.isMe))) })), h("section", { class: "PrizesContainer" }, h("div", { class: "PrizesHeader" }, iconReward, h("span", { class: "PrizesText" }, locale.Prizes)), h("div", { class: "Prizes" }, tournament.prizes.map((prize, index) => (h("div", { class: "Prize" }, index + 1, " ", locale.Place, ": ", h("span", { class: "PrizeText" }, prize.name)))))))));
     },
     leaderboard(instance) {
+        const { locale, tournamentItem } = instance;
+        if ((tournamentItem === null || tournamentItem === void 0 ? void 0 : tournamentItem.state) === 'Unstarted') {
+            const startTime = getTimeDifference(tournamentItem === null || tournamentItem === void 0 ? void 0 : tournamentItem.startTime, new Date());
+            return (h("div", { class: "LeaderboardUnstarted", innerHTML: localePostprocess(locale.TournamentNotStarted, { startTime }) }));
+        }
         if (!instance.leaderboards)
             return h("general-animation-loading", null);
-        if (!instance.leaderboards.length)
-            return '';
-        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" }, leaderboard.shortName), h("td", { class: "LeaderboardScore" }, leaderboard.score), h("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
+        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" }, leaderboard.shortName), h("td", { class: "LeaderboardScore" }, truncateNumber(leaderboard.score, 2, true)), h("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
     },
     games(instance) {
         var _a;
-        return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map(game => (h("div", null, h("img", { src: game.defaultThumbnail, alt: "" }))))));
-    },
+        return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map((game) => (h("div", null, h("img", { src: game.defaultThumbnail, alt: "" }))))));
+    }
 };
 const getResultPrize = (leaderboard) => {
     return {
         prize: leaderboard.prizeName,
-        place: leaderboard.rank,
+        place: leaderboard.rank
     };
 };

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

@@ -1,18 +1,17 @@
 import { h } from "@stencil/core";
-import { addSeconds, formatDate, getDifference, getProgress } from "../utils/util.date";
+import { getTimeDifference, formatDate, getProgress } from "../utils/util.date";
 import { renderGradientRoundedButton } from "./GradientRoundedButton";
-export const renderTimeBar = (instance, tournament) => {
-    return (h("section", { class: "TimeContainer" }, h("div", { class: 'Time' }, tournament.playerEnrolled ? ([
-        h("div", null, getDifference(addSeconds(tournament.startTime, instance.time), tournament.endTime)),
-        h("div", null, renderGradientRoundedButton({
-            statedClasses: {
-                isHollow: true,
-                isPendding: false,
-            },
-            innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%`
-        }))
-    ]) : ([
-        h("div", null, formatDate(tournament.startTime)),
-        h("div", null, formatDate(tournament.endTime))
-    ])), h("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
+export const renderTimeBar = (tournament) => {
+    return (h("section", { class: "TimeContainer" }, h("div", { class: "Time" }, tournament.state === 'Running'
+        ? [
+            h("div", null, getTimeDifference(new Date(), tournament.endTime)),
+            h("div", null, renderGradientRoundedButton({
+                statedClasses: {
+                    isHollow: true,
+                    isPendding: false
+                },
+                innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%`
+            }))
+        ]
+        : [h("div", null, formatDate(tournament.startTime)), h("div", null, formatDate(tournament.endTime))]), h("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
 };

package/dist/collection/utils/message.js

@@ -112,7 +112,7 @@ const handleLeaderboardLiveEvent = (instance, rest) => {
 const commonJoinRes = (instance, rest) => {
     const { success } = rest;
     if (success) {
-        instance.tournamentItem = Object.assign(Object.assign({}, instance.tournamentItem), { playerEnrolled: !!!instance.tournamentItem.playerEnrolled });
+        instance.tournamentItem = Object.assign(Object.assign({}, instance.tournamentItem), { isPlayerAcknowledged: !!!instance.tournamentItem.isPlayerAcknowledged });
         switch (instance.page) {
             case LeaderboardPage.item: {
                 break;

package/dist/collection/utils/translations.js

@@ -24,4 +24,4 @@ export const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'J
         Tile: 'Congratulations!',
         Description: 'You won <span>{tournamentName}</span>!',
         ButtonContinue: '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>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.' });
+    }, 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>', 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!' });

package/dist/collection/utils/util.date.js

@@ -36,3 +36,10 @@ export function getDifference(startDate, endDate) {
 export function getProgress(startDate, endDate) {
     return ((100 * (new Date().getTime() - startDate.getTime())) / (endDate.getTime() - startDate.getTime())).toFixed(0);
 }
+export function getTimeDifference(startDate, endDate) {
+    const diffMs = Math.abs(endDate.getTime() - startDate.getTime()); // Difference in milliseconds
+    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24)); // Difference in days
+    const diffHours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // Remaining hours
+    const diffMinutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); // Remaining minutes
+    return `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
+}

package/dist/collection/utils/utils.js

@@ -20,3 +20,31 @@ export const getNewItems = (newList, oldList, getCondition) => {
     const newItems = newList.filter((newItem) => !oldList.some((oldItem) => getCondition(newItem, oldItem)));
     return newItems;
 };
+/**
+ * Truncate number to specified decimal places (without rounding)
+ * @param {number|string} value - The number to be truncated, can be number or string
+ * @param {number} decimals - Number of decimal places to truncate to
+ * @returns {string|number} - Truncated value, returns string to preserve trailing zeros if has decimals, otherwise returns number
+ * @param {boolean} isInteger - Whether to force return integer
+ */
+export const truncateNumber = (value, decimals, isInteger = false) => {
+    // Try to convert input to number
+    const numValue = Number(value);
+    // Check if valid number
+    if (isNaN(numValue)) {
+        throw new Error('Input must be a valid number or string that can be converted to number');
+    }
+    if (isInteger && !numValue.toString().includes('.')) {
+        return value;
+    }
+    // When decimals is 0, return integer part directly
+    if (decimals === 0) {
+        return Math.floor(numValue);
+    }
+    // Calculate factor for given decimal places
+    const factor = Math.pow(10, decimals);
+    // Multiply by factor, truncate integer part, then divide by factor
+    const truncated = Math.floor(numValue * factor) / factor;
+    // Return string representation with fixed decimals to preserve trailing zeros
+    return truncated.toFixed(decimals);
+};

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-e8e1e68e.js';
-export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-75dbe0da.js';
+export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-e9186545.js';
 import '@everymatrix/general-animation-loading/dist';
 
 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)}";