@everymatrix/lottery-oddsbom-entrance 0.7.9 → 0.7.16

package/dist/cjs/helper-date-navigator_8.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e91c0c2.js');
-const lotteryOddsbomEntrance = require('./lottery-oddsbom-entrance-e975241e.js');
+const lotteryOddsbomEntrance = require('./lottery-oddsbom-entrance-492c9f11.js');
 
 // This icon file is generated automatically.
 var CalendarOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" };
@@ -361,6 +361,17 @@ var Bomb;
     Bomb["IceHockey"] = "IceHockey";
     Bomb["Mixed"] = "Mixed";
 })(Bomb || (Bomb = {}));
+var GameTypeEnum;
+(function (GameTypeEnum) {
+    GameTypeEnum["Lottery"] = "Lottery";
+    GameTypeEnum["PoolGame"] = "PoolGame";
+})(GameTypeEnum || (GameTypeEnum = {}));
+var BettingOjectEnum;
+(function (BettingOjectEnum) {
+    BettingOjectEnum["CorrectScore"] = "CorrectScore";
+    BettingOjectEnum["HomeDrawAway"] = "HomeDrawAway";
+    BettingOjectEnum["Mix"] = "Mix";
+})(BettingOjectEnum || (BettingOjectEnum = {}));
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -3183,6 +3194,26 @@ async function getTurnoverForAll({ endpoint, configs }) {
     const results = await Promise.allSettled(promises);
     return results.map((r) => (r.status === 'fulfilled' ? r.value : fallback));
 }
+async function fetchGameInfo$1(endpoint, gameId) {
+    try {
+        const response = await fetchRequest$3(`${endpoint}/games/${gameId}`, 'GET', {});
+        return response;
+    }
+    catch (error) {
+        console.error('Failed to fetch game info:', error);
+        throw new Error('The game is currently not available. Please try again later.');
+    }
+}
+async function fetchTicketMatch$1({ endpoint, gameId, drawId }) {
+    try {
+        const res = await fetchRequest$3(`${endpoint}/poolgames/${gameId}/draws/${drawId}/matchConfig`);
+        return res || [];
+    }
+    catch (e) {
+        console.error('Failed to fetch ticket match:', e);
+        return [];
+    }
+}
 function formattedTurnover(turnover, unit = '€') {
     if (turnover === null)
         return '';
@@ -3249,7 +3280,7 @@ const translate$2 = (key, customLang) => {
     return TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES$2.includes(lang) ? lang : DEFAULT_LANGUAGE$2][key];
 };
 
-const lotteryOddsbomBombCss = "/* --- Component: Bomb Card Grid --- */\n.lottery-oddsbom-bomb-wrapper {\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  height: 100%;\n}\n\n.bomb-grid-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  container-type: inline-size;\n  container-name: bomb-grid;\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  /* --- Component: Bomb Card --- */\n}\n.bomb-grid-container .bomb-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0.75rem;\n  place-items: center;\n}\n.bomb-grid-container .bomb-card-wrapper {\n  width: 100%;\n  max-width: 30rem;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding: 1rem;\n  border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.bomb-grid-container .bomb-card {\n  height: 100%;\n  min-width: 24rem;\n  transition: transform 0.3s;\n}\n.bomb-grid-container .bomb-card:hover {\n  transform: scale(1.02);\n  cursor: pointer;\n}\n.bomb-grid-container .card-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.8rem;\n}\n.bomb-grid-container .card-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.bomb-grid-container .card-icon svg {\n  width: 28px;\n  height: 28px;\n}\n.bomb-grid-container .card-title {\n  flex-grow: 1;\n  word-break: break-all;\n}\n.bomb-grid-container .card-title h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 700;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-title p {\n  margin: 0;\n  color: var(--emw--color-typography-secondary, #333);\n  font-size: 0.9rem;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-info {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 0.8rem;\n  flex-wrap: wrap;\n}\n.bomb-grid-container .card-tag {\n  background-color: var(--emw--color-tertiary, #e3f2fd);\n  padding: 0.3rem 0.75rem;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  max-width: 120px;\n}\n.bomb-grid-container .card-matches {\n  max-height: 6.8rem;\n  overflow-y: auto;\n}\n.bomb-grid-container .card-matches ol {\n  margin: 0;\n  padding-left: 1.25rem;\n  font-size: 0.85rem;\n  line-height: 1.6;\n}\n.bomb-grid-container .card-matches li {\n  padding-left: 0.2rem;\n  word-wrap: break-word;\n}\n\n/* --- CONTAINER QUERIES FOR RESPONSIVENESS --- */\n@container bomb-grid (max-width: 768px) {\n  .bomb-grid-container .bomb-grid {\n    /* On smaller containers, switch to a single column */\n    grid-template-columns: 1fr;\n  }\n  .bomb-card-wrapper .bomb-card {\n    min-width: 200px;\n  }\n}\n/* --- Component: Filter Controls --- */\n.OddsbomEntranceController__section {\n  margin: 1.5rem 0;\n  display: flex;\n  gap: 12px;\n  color: var(--emw--color-typography, #000);\n  container-type: inline-size;\n  container-name: controller;\n  justify-content: center;\n}\n.OddsbomEntranceController__label {\n  font-weight: 500;\n  white-space: nowrap;\n  width: 6rem;\n  line-height: 2.2rem;\n}\n.OddsbomEntranceController__segmented-control {\n  display: inline-flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.OddsbomEntranceController__segment {\n  height: 2.2rem;\n  border: none;\n  padding: 0.3rem 0.8rem;\n  cursor: pointer;\n  font-weight: 500;\n  border-radius: 2rem;\n  outline: none;\n  white-space: nowrap;\n  background-color: var(--emw--color-background, #ffffff);\n  color: var(--emw--color-typography, #000);\n}\n.OddsbomEntranceController__segment--active {\n  background-color: var(--emw--color-primary-variant, #1367e7);\n  color: var(--emw--color-typography-reverse, #fff);\n  font-weight: 600;\n}\n.OddsbomEntranceController__segment--disabled:hover {\n  cursor: not-allowed !important;\n}\n.OddsbomEntranceController__segment:not(.OddsbomEntranceController__segment--active):hover {\n  background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.skeleton-content {\n  display: flex;\n  flex-direction: column;\n  gap: 29px;\n  align-items: center;\n}\n\n.skeleton-item {\n  background: var(--emw--color-background-secondary, #f5f5f5);\n  border-radius: 4px;\n  height: 40px;\n  width: 200px;\n}\n\n.skeleton-animated {\n  animation: skeleton-shimmer 1.5s infinite linear;\n  background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n  background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n  to {\n    background-position: 100% 0;\n  }\n}\n.loading-icon.scale {\n  animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n}\n@container controller (max-width: 500px) {\n  .OddsbomEntranceController__segmented-control {\n    gap: 0rem;\n  }\n  .OddsbomEntranceController__segment {\n    padding: 0.2rem 0.6rem;\n  }\n  .OddsbomEntranceController__label,\n  .OddsbomEntranceController____segment {\n    line-height: 1.8rem;\n  }\n}\n.loading-wrap {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100px;\n}\n.loading-wrap .dots-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.loading-wrap .dot {\n  height: 14px;\n  width: 14px;\n  margin-right: 14px;\n  border-radius: 14px;\n  background-color: var(--emw--color-gray-300, #333);\n  animation: pulse 1.5s infinite ease-in-out;\n}\n.loading-wrap .dot:last-child {\n  margin-right: 0;\n}\n.loading-wrap .dot:nth-child(1) {\n  animation-delay: -0.3s;\n}\n.loading-wrap .dot:nth-child(2) {\n  animation-delay: -0.1s;\n}\n.loading-wrap .dot:nth-child(3) {\n  animation-delay: 0.1s;\n}\n@keyframes pulse {\n  0% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-300, #333);\n  }\n  50% {\n    transform: scale(1.2);\n    background-color: var(--emw--color-gray-100, #e6e6e6);\n  }\n  100% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-150, #6f6f6f);\n  }\n}\n\n.empty-draw-wrap {\n  padding-top: 100px;\n}\n.empty-draw-wrap .empty-draw {\n  width: 240px;\n  height: 160px;\n  padding: 18px 12px 12px 12px;\n  background: var(--emw--color-secondary-variant, #e3f2fd);\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border-radius: 12px;\n}\n.empty-draw-wrap .empty-draw img {\n  position: absolute;\n  top: -64%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 200px;\n}\n.empty-draw-wrap .empty-draw-content {\n  display: flex;\n  gap: 4px;\n}\n.empty-draw-wrap .empty-draw-text {\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 20px;\n}";
+const lotteryOddsbomBombCss = "/* --- Component: Bomb Card Grid --- */\n.lottery-oddsbom-bomb-wrapper {\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  height: 100%;\n}\n\n.bomb-grid-container {\n  margin-top: 20px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  container-type: inline-size;\n  container-name: bomb-grid;\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  /* --- Component: Bomb Card --- */\n}\n.bomb-grid-container .bomb-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0.75rem;\n  place-items: center;\n}\n.bomb-grid-container .bomb-card-wrapper {\n  width: 100%;\n  max-width: 30rem;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding: 1rem;\n  border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.bomb-grid-container .bomb-card {\n  height: 100%;\n  min-width: 24rem;\n  transition: transform 0.3s;\n}\n.bomb-grid-container .bomb-card:hover {\n  transform: scale(1.02);\n  cursor: pointer;\n}\n.bomb-grid-container .card-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.8rem;\n}\n.bomb-grid-container .card-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.bomb-grid-container .card-icon svg {\n  width: 28px;\n  height: 28px;\n}\n.bomb-grid-container .card-title {\n  flex-grow: 1;\n  word-break: break-all;\n}\n.bomb-grid-container .card-title h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 700;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-title p {\n  margin: 0;\n  color: var(--emw--color-typography-secondary, #333);\n  font-size: 0.9rem;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-info {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 0.8rem;\n  flex-wrap: wrap;\n}\n.bomb-grid-container .card-tag {\n  background-color: var(--emw--color-tertiary, #e3f2fd);\n  padding: 0.3rem 0.75rem;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  max-width: 120px;\n}\n.bomb-grid-container .card-matches {\n  max-height: 6.8rem;\n  overflow-y: auto;\n}\n.bomb-grid-container .card-matches ol {\n  margin: 0;\n  padding-left: 1.25rem;\n  font-size: 0.85rem;\n  line-height: 1.6;\n}\n.bomb-grid-container .card-matches li {\n  padding-left: 0.2rem;\n  word-wrap: break-word;\n}\n\n/* --- CONTAINER QUERIES FOR RESPONSIVENESS --- */\n@container bomb-grid (max-width: 768px) {\n  .bomb-grid-container .bomb-grid {\n    /* On smaller containers, switch to a single column */\n    grid-template-columns: 1fr;\n  }\n  .bomb-card-wrapper .bomb-card {\n    min-width: 200px;\n  }\n}\n/* --- Component: Filter Controls --- */\n.OddsbomEntranceController__section {\n  margin-top: 1.5rem;\n  display: flex;\n  gap: 12px;\n  color: var(--emw--color-typography, #000);\n  container-type: inline-size;\n  container-name: controller;\n  justify-content: center;\n}\n.OddsbomEntranceController__label {\n  font-weight: 500;\n  white-space: nowrap;\n  width: 6rem;\n  line-height: 2.2rem;\n}\n.OddsbomEntranceController__segmented-control {\n  display: inline-flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.OddsbomEntranceController__segment {\n  height: 2.2rem;\n  border: none;\n  padding: 0.3rem 0.8rem;\n  cursor: pointer;\n  font-weight: 500;\n  border-radius: 2rem;\n  outline: none;\n  white-space: nowrap;\n  background-color: var(--emw--color-background, #ffffff);\n  color: var(--emw--color-typography, #000);\n}\n.OddsbomEntranceController__segment--active {\n  background-color: var(--emw--color-primary-variant, #1367e7);\n  color: var(--emw--color-typography-reverse, #fff);\n  font-weight: 600;\n}\n.OddsbomEntranceController__segment--disabled:hover {\n  cursor: not-allowed !important;\n}\n.OddsbomEntranceController__segment:not(.OddsbomEntranceController__segment--active):hover {\n  background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.skeleton-content {\n  display: flex;\n  flex-direction: column;\n  gap: 29px;\n  align-items: center;\n}\n\n.skeleton-item {\n  background: var(--emw--color-background-secondary, #f5f5f5);\n  border-radius: 4px;\n  height: 40px;\n  width: 200px;\n}\n\n.skeleton-animated {\n  animation: skeleton-shimmer 1.5s infinite linear;\n  background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n  background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n  to {\n    background-position: 100% 0;\n  }\n}\n.loading-icon.scale {\n  animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n}\n@container controller (max-width: 500px) {\n  .OddsbomEntranceController__segmented-control {\n    gap: 0rem;\n  }\n  .OddsbomEntranceController__segment {\n    padding: 0.2rem 0.6rem;\n  }\n  .OddsbomEntranceController__label,\n  .OddsbomEntranceController____segment {\n    line-height: 1.8rem;\n  }\n}\n.loading-wrap {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100px;\n}\n.loading-wrap .dots-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.loading-wrap .dot {\n  height: 14px;\n  width: 14px;\n  margin-right: 14px;\n  border-radius: 14px;\n  background-color: var(--emw--color-gray-300, #333);\n  animation: pulse 1.5s infinite ease-in-out;\n}\n.loading-wrap .dot:last-child {\n  margin-right: 0;\n}\n.loading-wrap .dot:nth-child(1) {\n  animation-delay: -0.3s;\n}\n.loading-wrap .dot:nth-child(2) {\n  animation-delay: -0.1s;\n}\n.loading-wrap .dot:nth-child(3) {\n  animation-delay: 0.1s;\n}\n@keyframes pulse {\n  0% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-300, #333);\n  }\n  50% {\n    transform: scale(1.2);\n    background-color: var(--emw--color-gray-100, #e6e6e6);\n  }\n  100% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-150, #6f6f6f);\n  }\n}\n\n.empty-draw-wrap {\n  padding-top: 100px;\n}\n.empty-draw-wrap .empty-draw {\n  width: 240px;\n  height: 160px;\n  padding: 18px 12px 12px 12px;\n  background: var(--emw--color-secondary-variant, #e3f2fd);\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border-radius: 12px;\n}\n.empty-draw-wrap .empty-draw img {\n  position: absolute;\n  top: -64%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 200px;\n}\n.empty-draw-wrap .empty-draw-content {\n  display: flex;\n  gap: 4px;\n}\n.empty-draw-wrap .empty-draw-text {\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 20px;\n}";
 const LotteryOddsbomBombStyle0 = lotteryOddsbomBombCss;
 
 const BombIcons$1 = {
@@ -3266,11 +3297,16 @@ const LotteryOddsbomBomb = class {
         this.language = 'en';
         this.endpoint = undefined;
         this.groupId = undefined;
+        this.gameId = undefined;
         this.activeBomb = 'All';
         this.bombList = [];
         this.gameList = [];
         this.liveDrawsInfoByGroupId = {};
         this.isLoading = false;
+        this.isGameAvailable = true;
+    }
+    get isSingleGameMode() {
+        return !!this.gameId;
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -3306,20 +3342,57 @@ const LotteryOddsbomBomb = class {
     async doFetchData(params = {}) {
         try {
             this.isLoading = true;
-            this.liveDrawsInfoByGroupId = await fetchData$1({
-                endpoint: this.endpoint,
-                groupId: this.groupId,
-                params
-            });
-            this.gameList = this.liveDrawsInfoByGroupId.liveDraws;
-            this.bombList = [DEFAULT_ALL_BOMB, ...this.liveDrawsInfoByGroupId.sportTags];
-            this.isLoading = false;
-            this.updateTurnoverForAll();
+            if (this.isSingleGameMode) {
+                await this.fetchSingleGameData();
+            }
+            else {
+                await this.fetchGroupData(params);
+            }
+            if (this.gameList.length > 0) {
+                this.updateTurnoverForAll();
+            }
         }
         finally {
             this.isLoading = false;
         }
     }
+    async fetchSingleGameData() {
+        var _a, _b, _c;
+        const { endpoint, gameId } = this;
+        const gameInfo = await fetchGameInfo$1(endpoint, gameId);
+        const wagerCloseTime = (_a = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _a === void 0 ? void 0 : _a.wagerCloseTime;
+        const drawId = (_b = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _b === void 0 ? void 0 : _b.id;
+        if (!wagerCloseTime || new Date() >= new Date(wagerCloseTime)) {
+            this.isGameAvailable = false;
+            this.gameList = [];
+        }
+        else {
+            this.isGameAvailable = true;
+            const matchInfo = await fetchTicketMatch$1({ endpoint, gameId: gameInfo.type, drawId });
+            this.gameList = [
+                {
+                    drawId,
+                    title: gameInfo.name,
+                    subTitle: ((_c = matchInfo === null || matchInfo === void 0 ? void 0 : matchInfo[0]) === null || _c === void 0 ? void 0 : _c.sportName) || '',
+                    icon: Bomb.Football,
+                    date: formattedTime(gameInfo.currentDraw.date),
+                    turnover: '0',
+                    matchList: (matchInfo || []).map((i) => i.eventName).slice(0, 3),
+                    gameId: gameInfo.type
+                }
+            ];
+        }
+        this.bombList = [];
+    }
+    async fetchGroupData(params) {
+        this.liveDrawsInfoByGroupId = await fetchData$1({
+            endpoint: this.endpoint,
+            groupId: this.groupId,
+            params
+        });
+        this.gameList = this.liveDrawsInfoByGroupId.liveDraws;
+        this.bombList = [DEFAULT_ALL_BOMB, ...this.liveDrawsInfoByGroupId.sportTags];
+    }
     async updateTurnoverForAll() {
         const turnovers = getTurnoverForAll({
             endpoint: this.endpoint,
@@ -3344,9 +3417,12 @@ const LotteryOddsbomBomb = class {
     }
     renderEmpty() {
         const infoImagePath = index.getAssetPath('../static/empty-info.svg');
-        return (index.h("div", { class: "empty-draw-wrap" }, index.h("div", { class: "empty-draw" }, index.h("img", { src: infoImagePath, class: "empty-draw-logo" }), index.h("div", { class: "empty-draw-content" }, index.h("div", { class: "empty-draw-text" }, "\u24D8 Sorry. The game is not available now.")))));
+        const message = translate$2('gameNotAvailable', this.language);
+        return (index.h("div", { class: "empty-draw-wrap" }, index.h("div", { class: "empty-draw" }, index.h("img", { src: infoImagePath, class: "empty-draw-logo" }), index.h("div", { class: "empty-draw-content" }, index.h("div", { class: "empty-draw-text" }, "\u24D8 ", message)))));
     }
     renderFilter() {
+        if (this.isSingleGameMode || !this.gameList.length)
+            return null;
         return (index.h("div", { class: "OddsbomEntranceController__section" }, index.h("span", { class: "OddsbomEntranceController__label" }, "Select Bomb:"), !!this.bombList.length ? (index.h("div", { class: "OddsbomEntranceController__segmented-control" }, this.bombList.map(({ name, code }) => (index.h("button", { class: {
                 OddsbomEntranceController__segment: true,
                 'OddsbomEntranceController__segment--active': this.activeBomb === code
@@ -3360,7 +3436,7 @@ const LotteryOddsbomBomb = class {
             } }, index.h("div", { class: "card-header" }, BombIcons$1[icon] && index.h("div", { class: "card-icon football" }, BombIcons$1[icon]), index.h("div", { class: "card-title" }, index.h("h2", null, title), index.h("p", null, subTitle)), index.h("div", { class: "card-jackpot" })), index.h("div", { class: "card-info" }, index.h("span", { class: "card-tag" }, date), index.h("span", { class: "card-tag" }, translate$2('turnover', this.language) + turnover)), index.h("div", { class: "card-matches" }, index.h("ol", null, matchList.map((item) => (index.h("li", null, item)))))))))));
     }
     render() {
-        return (index.h("div", { key: 'ae8252d8cb1374af9bb8189bcd9edac313c7bc6a', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-bomb-wrapper" }, this.renderFilter(), index.h("div", { key: '3f673f335248057370e7e57076cc387a86dc4099', class: "bomb-grid-container" }, this.isLoading ? this.renderLoading() : this.renderMain())));
+        return (index.h("div", { key: '4a2641a511f0837649cfedeb4807069ce4051731', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-bomb-wrapper" }, this.renderFilter(), index.h("div", { key: '15f8dbeace39a87f87e4639b8082719023d6bed5', class: "bomb-grid-container" }, this.isLoading ? this.renderLoading() : this.renderMain())));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const lotteryOddsbomEntrance = require('./lottery-oddsbom-entrance-e975241e.js');
+const lotteryOddsbomEntrance = require('./lottery-oddsbom-entrance-492c9f11.js');
 require('./index-4e91c0c2.js');
 
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["helper-date-navigator_8.cjs",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["helper-date-navigator_8.cjs",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32],"isGameAvailable":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{lottery-oddsbom-entrance-e975241e.js → lottery-oddsbom-entrance-492c9f11.js}

@@ -6859,6 +6859,7 @@ const LotteryOddsbomEntrance = class {
         this.language = 'en';
         this.endpoint = undefined;
         this.groupId = undefined;
+        this.gameId = undefined;
         this.gameIds = undefined;
         this.sessionId = undefined;
         this.playerId = '';
@@ -6915,9 +6916,9 @@ const LotteryOddsbomEntrance = class {
     renderContent() {
         if (this.activeTab === Tab.DRAWS) {
             // FIXME:
-            if (!this.groupId)
-                return index.h("div", null, "Error: Require Group ID");
-            return (index.h("lottery-oddsbom-bomb", { endpoint: this.endpoint, "group-id": this.groupId, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId }));
+            if (!this.groupId && !this.gameId)
+                return index.h("div", null, "Error: Require Group ID or Game ID");
+            return (index.h("lottery-oddsbom-bomb", { endpoint: this.endpoint, "group-id": this.groupId, "game-id": this.gameId, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId }));
         }
         if (this.activeTab === Tab.LATEST_RESULTS) {
             return (index.h("lottery-oddsbom-latest-result-group", { endpoint: this.endpoint, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId, "game-ids": this.gameIds, "group-id": this.groupId }));
@@ -6928,7 +6929,7 @@ const LotteryOddsbomEntrance = class {
         return null;
     }
     render() {
-        return (index.h("div", { key: 'a062a337155738bbee43d2b73ba9f219f1dad887', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-entrance__wrapper" }, index.h("div", { key: '17d1c3fa142bd80d7fd1ec40fb913f0ff4845ea4', class: "lottery-oddsbom-entrance__container" }, this.renderTabs(), index.h("main", { key: '7871da438b8cea7b098b62c15c1034531605ed38', class: "main-content" }, this.renderContent()))));
+        return (index.h("div", { key: 'f047c1308f34ab0e1f09c6b537f6df3b9d1fc042', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-entrance__wrapper" }, index.h("div", { key: '891e5fd6d5cbeebc82d43664b2d61f7ca7e2544e', class: "lottery-oddsbom-entrance__container" }, this.renderTabs(), index.h("main", { key: 'deb0eb322997a8bab2bac9f59be109062825c75c', class: "main-content" }, this.renderContent()))));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {

package/dist/cjs/lottery-oddsbom-entrance.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["helper-date-navigator_8.cjs",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["helper-date-navigator_8.cjs",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32],"isGameAvailable":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/lottery-oddsbom-entrance/lottery-oddsbom-entrance.js

@@ -14,6 +14,7 @@ export class LotteryOddsbomEntrance {
         this.language = 'en';
         this.endpoint = undefined;
         this.groupId = undefined;
+        this.gameId = undefined;
         this.gameIds = undefined;
         this.sessionId = undefined;
         this.playerId = '';
@@ -70,9 +71,9 @@ export class LotteryOddsbomEntrance {
     renderContent() {
         if (this.activeTab === Tab.DRAWS) {
             // FIXME:
-            if (!this.groupId)
-                return h("div", null, "Error: Require Group ID");
-            return (h("lottery-oddsbom-bomb", { endpoint: this.endpoint, "group-id": this.groupId, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId }));
+            if (!this.groupId && !this.gameId)
+                return h("div", null, "Error: Require Group ID or Game ID");
+            return (h("lottery-oddsbom-bomb", { endpoint: this.endpoint, "group-id": this.groupId, "game-id": this.gameId, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId }));
         }
         if (this.activeTab === Tab.LATEST_RESULTS) {
             return (h("lottery-oddsbom-latest-result-group", { endpoint: this.endpoint, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId, "game-ids": this.gameIds, "group-id": this.groupId }));
@@ -83,7 +84,7 @@ export class LotteryOddsbomEntrance {
         return null;
     }
     render() {
-        return (h("div", { key: 'a062a337155738bbee43d2b73ba9f219f1dad887', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-entrance__wrapper" }, h("div", { key: '17d1c3fa142bd80d7fd1ec40fb913f0ff4845ea4', class: "lottery-oddsbom-entrance__container" }, this.renderTabs(), h("main", { key: '7871da438b8cea7b098b62c15c1034531605ed38', class: "main-content" }, this.renderContent()))));
+        return (h("div", { key: 'f047c1308f34ab0e1f09c6b537f6df3b9d1fc042', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-entrance__wrapper" }, h("div", { key: '891e5fd6d5cbeebc82d43664b2d61f7ca7e2544e', class: "lottery-oddsbom-entrance__container" }, this.renderTabs(), h("main", { key: 'deb0eb322997a8bab2bac9f59be109062825c75c', class: "main-content" }, this.renderContent()))));
     }
     static get is() { return "lottery-oddsbom-entrance"; }
     static get encapsulation() { return "shadow"; }
@@ -221,6 +222,23 @@ export class LotteryOddsbomEntrance {
                 "attribute": "group-id",
                 "reflect": true
             },
+            "gameId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GameID of the lottery game"
+                },
+                "attribute": "game-id",
+                "reflect": true
+            },
             "gameIds": {
                 "type": "string",
                 "mutable": false,

package/dist/esm/helper-date-navigator_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getAssetPath, H as Host } from './index-068e610e.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-oddsbom-entrance-e32c97fb.js';
-export { L as lottery_oddsbom_entrance } from './lottery-oddsbom-entrance-e32c97fb.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-oddsbom-entrance-e1fe7c9f.js';
+export { L as lottery_oddsbom_entrance } from './lottery-oddsbom-entrance-e1fe7c9f.js';
 
 // This icon file is generated automatically.
 var CalendarOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" };
@@ -358,6 +358,17 @@ var Bomb;
     Bomb["IceHockey"] = "IceHockey";
     Bomb["Mixed"] = "Mixed";
 })(Bomb || (Bomb = {}));
+var GameTypeEnum;
+(function (GameTypeEnum) {
+    GameTypeEnum["Lottery"] = "Lottery";
+    GameTypeEnum["PoolGame"] = "PoolGame";
+})(GameTypeEnum || (GameTypeEnum = {}));
+var BettingOjectEnum;
+(function (BettingOjectEnum) {
+    BettingOjectEnum["CorrectScore"] = "CorrectScore";
+    BettingOjectEnum["HomeDrawAway"] = "HomeDrawAway";
+    BettingOjectEnum["Mix"] = "Mix";
+})(BettingOjectEnum || (BettingOjectEnum = {}));
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -3180,6 +3191,26 @@ async function getTurnoverForAll({ endpoint, configs }) {
     const results = await Promise.allSettled(promises);
     return results.map((r) => (r.status === 'fulfilled' ? r.value : fallback));
 }
+async function fetchGameInfo$1(endpoint, gameId) {
+    try {
+        const response = await fetchRequest$3(`${endpoint}/games/${gameId}`, 'GET', {});
+        return response;
+    }
+    catch (error) {
+        console.error('Failed to fetch game info:', error);
+        throw new Error('The game is currently not available. Please try again later.');
+    }
+}
+async function fetchTicketMatch$1({ endpoint, gameId, drawId }) {
+    try {
+        const res = await fetchRequest$3(`${endpoint}/poolgames/${gameId}/draws/${drawId}/matchConfig`);
+        return res || [];
+    }
+    catch (e) {
+        console.error('Failed to fetch ticket match:', e);
+        return [];
+    }
+}
 function formattedTurnover(turnover, unit = '€') {
     if (turnover === null)
         return '';
@@ -3246,7 +3277,7 @@ const translate$2 = (key, customLang) => {
     return TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES$2.includes(lang) ? lang : DEFAULT_LANGUAGE$2][key];
 };
 
-const lotteryOddsbomBombCss = "/* --- Component: Bomb Card Grid --- */\n.lottery-oddsbom-bomb-wrapper {\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  height: 100%;\n}\n\n.bomb-grid-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  container-type: inline-size;\n  container-name: bomb-grid;\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  /* --- Component: Bomb Card --- */\n}\n.bomb-grid-container .bomb-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0.75rem;\n  place-items: center;\n}\n.bomb-grid-container .bomb-card-wrapper {\n  width: 100%;\n  max-width: 30rem;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding: 1rem;\n  border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.bomb-grid-container .bomb-card {\n  height: 100%;\n  min-width: 24rem;\n  transition: transform 0.3s;\n}\n.bomb-grid-container .bomb-card:hover {\n  transform: scale(1.02);\n  cursor: pointer;\n}\n.bomb-grid-container .card-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.8rem;\n}\n.bomb-grid-container .card-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.bomb-grid-container .card-icon svg {\n  width: 28px;\n  height: 28px;\n}\n.bomb-grid-container .card-title {\n  flex-grow: 1;\n  word-break: break-all;\n}\n.bomb-grid-container .card-title h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 700;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-title p {\n  margin: 0;\n  color: var(--emw--color-typography-secondary, #333);\n  font-size: 0.9rem;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-info {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 0.8rem;\n  flex-wrap: wrap;\n}\n.bomb-grid-container .card-tag {\n  background-color: var(--emw--color-tertiary, #e3f2fd);\n  padding: 0.3rem 0.75rem;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  max-width: 120px;\n}\n.bomb-grid-container .card-matches {\n  max-height: 6.8rem;\n  overflow-y: auto;\n}\n.bomb-grid-container .card-matches ol {\n  margin: 0;\n  padding-left: 1.25rem;\n  font-size: 0.85rem;\n  line-height: 1.6;\n}\n.bomb-grid-container .card-matches li {\n  padding-left: 0.2rem;\n  word-wrap: break-word;\n}\n\n/* --- CONTAINER QUERIES FOR RESPONSIVENESS --- */\n@container bomb-grid (max-width: 768px) {\n  .bomb-grid-container .bomb-grid {\n    /* On smaller containers, switch to a single column */\n    grid-template-columns: 1fr;\n  }\n  .bomb-card-wrapper .bomb-card {\n    min-width: 200px;\n  }\n}\n/* --- Component: Filter Controls --- */\n.OddsbomEntranceController__section {\n  margin: 1.5rem 0;\n  display: flex;\n  gap: 12px;\n  color: var(--emw--color-typography, #000);\n  container-type: inline-size;\n  container-name: controller;\n  justify-content: center;\n}\n.OddsbomEntranceController__label {\n  font-weight: 500;\n  white-space: nowrap;\n  width: 6rem;\n  line-height: 2.2rem;\n}\n.OddsbomEntranceController__segmented-control {\n  display: inline-flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.OddsbomEntranceController__segment {\n  height: 2.2rem;\n  border: none;\n  padding: 0.3rem 0.8rem;\n  cursor: pointer;\n  font-weight: 500;\n  border-radius: 2rem;\n  outline: none;\n  white-space: nowrap;\n  background-color: var(--emw--color-background, #ffffff);\n  color: var(--emw--color-typography, #000);\n}\n.OddsbomEntranceController__segment--active {\n  background-color: var(--emw--color-primary-variant, #1367e7);\n  color: var(--emw--color-typography-reverse, #fff);\n  font-weight: 600;\n}\n.OddsbomEntranceController__segment--disabled:hover {\n  cursor: not-allowed !important;\n}\n.OddsbomEntranceController__segment:not(.OddsbomEntranceController__segment--active):hover {\n  background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.skeleton-content {\n  display: flex;\n  flex-direction: column;\n  gap: 29px;\n  align-items: center;\n}\n\n.skeleton-item {\n  background: var(--emw--color-background-secondary, #f5f5f5);\n  border-radius: 4px;\n  height: 40px;\n  width: 200px;\n}\n\n.skeleton-animated {\n  animation: skeleton-shimmer 1.5s infinite linear;\n  background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n  background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n  to {\n    background-position: 100% 0;\n  }\n}\n.loading-icon.scale {\n  animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n}\n@container controller (max-width: 500px) {\n  .OddsbomEntranceController__segmented-control {\n    gap: 0rem;\n  }\n  .OddsbomEntranceController__segment {\n    padding: 0.2rem 0.6rem;\n  }\n  .OddsbomEntranceController__label,\n  .OddsbomEntranceController____segment {\n    line-height: 1.8rem;\n  }\n}\n.loading-wrap {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100px;\n}\n.loading-wrap .dots-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.loading-wrap .dot {\n  height: 14px;\n  width: 14px;\n  margin-right: 14px;\n  border-radius: 14px;\n  background-color: var(--emw--color-gray-300, #333);\n  animation: pulse 1.5s infinite ease-in-out;\n}\n.loading-wrap .dot:last-child {\n  margin-right: 0;\n}\n.loading-wrap .dot:nth-child(1) {\n  animation-delay: -0.3s;\n}\n.loading-wrap .dot:nth-child(2) {\n  animation-delay: -0.1s;\n}\n.loading-wrap .dot:nth-child(3) {\n  animation-delay: 0.1s;\n}\n@keyframes pulse {\n  0% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-300, #333);\n  }\n  50% {\n    transform: scale(1.2);\n    background-color: var(--emw--color-gray-100, #e6e6e6);\n  }\n  100% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-150, #6f6f6f);\n  }\n}\n\n.empty-draw-wrap {\n  padding-top: 100px;\n}\n.empty-draw-wrap .empty-draw {\n  width: 240px;\n  height: 160px;\n  padding: 18px 12px 12px 12px;\n  background: var(--emw--color-secondary-variant, #e3f2fd);\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border-radius: 12px;\n}\n.empty-draw-wrap .empty-draw img {\n  position: absolute;\n  top: -64%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 200px;\n}\n.empty-draw-wrap .empty-draw-content {\n  display: flex;\n  gap: 4px;\n}\n.empty-draw-wrap .empty-draw-text {\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 20px;\n}";
+const lotteryOddsbomBombCss = "/* --- Component: Bomb Card Grid --- */\n.lottery-oddsbom-bomb-wrapper {\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  height: 100%;\n}\n\n.bomb-grid-container {\n  margin-top: 20px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  container-type: inline-size;\n  container-name: bomb-grid;\n  background: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  /* --- Component: Bomb Card --- */\n}\n.bomb-grid-container .bomb-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0.75rem;\n  place-items: center;\n}\n.bomb-grid-container .bomb-card-wrapper {\n  width: 100%;\n  max-width: 30rem;\n  height: 100%;\n  box-sizing: border-box;\n  border-radius: 8px;\n  padding: 1rem;\n  border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.bomb-grid-container .bomb-card {\n  height: 100%;\n  min-width: 24rem;\n  transition: transform 0.3s;\n}\n.bomb-grid-container .bomb-card:hover {\n  transform: scale(1.02);\n  cursor: pointer;\n}\n.bomb-grid-container .card-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 0.8rem;\n}\n.bomb-grid-container .card-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.bomb-grid-container .card-icon svg {\n  width: 28px;\n  height: 28px;\n}\n.bomb-grid-container .card-title {\n  flex-grow: 1;\n  word-break: break-all;\n}\n.bomb-grid-container .card-title h2 {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 700;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-title p {\n  margin: 0;\n  color: var(--emw--color-typography-secondary, #333);\n  font-size: 0.9rem;\n  word-wrap: break-word;\n}\n.bomb-grid-container .card-info {\n  display: flex;\n  gap: 0.75rem;\n  margin-bottom: 0.8rem;\n  flex-wrap: wrap;\n}\n.bomb-grid-container .card-tag {\n  background-color: var(--emw--color-tertiary, #e3f2fd);\n  padding: 0.3rem 0.75rem;\n  border-radius: 4px;\n  font-size: 0.85rem;\n  font-weight: 500;\n  max-width: 120px;\n}\n.bomb-grid-container .card-matches {\n  max-height: 6.8rem;\n  overflow-y: auto;\n}\n.bomb-grid-container .card-matches ol {\n  margin: 0;\n  padding-left: 1.25rem;\n  font-size: 0.85rem;\n  line-height: 1.6;\n}\n.bomb-grid-container .card-matches li {\n  padding-left: 0.2rem;\n  word-wrap: break-word;\n}\n\n/* --- CONTAINER QUERIES FOR RESPONSIVENESS --- */\n@container bomb-grid (max-width: 768px) {\n  .bomb-grid-container .bomb-grid {\n    /* On smaller containers, switch to a single column */\n    grid-template-columns: 1fr;\n  }\n  .bomb-card-wrapper .bomb-card {\n    min-width: 200px;\n  }\n}\n/* --- Component: Filter Controls --- */\n.OddsbomEntranceController__section {\n  margin-top: 1.5rem;\n  display: flex;\n  gap: 12px;\n  color: var(--emw--color-typography, #000);\n  container-type: inline-size;\n  container-name: controller;\n  justify-content: center;\n}\n.OddsbomEntranceController__label {\n  font-weight: 500;\n  white-space: nowrap;\n  width: 6rem;\n  line-height: 2.2rem;\n}\n.OddsbomEntranceController__segmented-control {\n  display: inline-flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.OddsbomEntranceController__segment {\n  height: 2.2rem;\n  border: none;\n  padding: 0.3rem 0.8rem;\n  cursor: pointer;\n  font-weight: 500;\n  border-radius: 2rem;\n  outline: none;\n  white-space: nowrap;\n  background-color: var(--emw--color-background, #ffffff);\n  color: var(--emw--color-typography, #000);\n}\n.OddsbomEntranceController__segment--active {\n  background-color: var(--emw--color-primary-variant, #1367e7);\n  color: var(--emw--color-typography-reverse, #fff);\n  font-weight: 600;\n}\n.OddsbomEntranceController__segment--disabled:hover {\n  cursor: not-allowed !important;\n}\n.OddsbomEntranceController__segment:not(.OddsbomEntranceController__segment--active):hover {\n  background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.skeleton-content {\n  display: flex;\n  flex-direction: column;\n  gap: 29px;\n  align-items: center;\n}\n\n.skeleton-item {\n  background: var(--emw--color-background-secondary, #f5f5f5);\n  border-radius: 4px;\n  height: 40px;\n  width: 200px;\n}\n\n.skeleton-animated {\n  animation: skeleton-shimmer 1.5s infinite linear;\n  background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n  background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n  to {\n    background-position: 100% 0;\n  }\n}\n.loading-icon.scale {\n  animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n}\n@container controller (max-width: 500px) {\n  .OddsbomEntranceController__segmented-control {\n    gap: 0rem;\n  }\n  .OddsbomEntranceController__segment {\n    padding: 0.2rem 0.6rem;\n  }\n  .OddsbomEntranceController__label,\n  .OddsbomEntranceController____segment {\n    line-height: 1.8rem;\n  }\n}\n.loading-wrap {\n  margin: 20px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100px;\n}\n.loading-wrap .dots-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.loading-wrap .dot {\n  height: 14px;\n  width: 14px;\n  margin-right: 14px;\n  border-radius: 14px;\n  background-color: var(--emw--color-gray-300, #333);\n  animation: pulse 1.5s infinite ease-in-out;\n}\n.loading-wrap .dot:last-child {\n  margin-right: 0;\n}\n.loading-wrap .dot:nth-child(1) {\n  animation-delay: -0.3s;\n}\n.loading-wrap .dot:nth-child(2) {\n  animation-delay: -0.1s;\n}\n.loading-wrap .dot:nth-child(3) {\n  animation-delay: 0.1s;\n}\n@keyframes pulse {\n  0% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-300, #333);\n  }\n  50% {\n    transform: scale(1.2);\n    background-color: var(--emw--color-gray-100, #e6e6e6);\n  }\n  100% {\n    transform: scale(0.8);\n    background-color: var(--emw--color-gray-150, #6f6f6f);\n  }\n}\n\n.empty-draw-wrap {\n  padding-top: 100px;\n}\n.empty-draw-wrap .empty-draw {\n  width: 240px;\n  height: 160px;\n  padding: 18px 12px 12px 12px;\n  background: var(--emw--color-secondary-variant, #e3f2fd);\n  position: relative;\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border-radius: 12px;\n}\n.empty-draw-wrap .empty-draw img {\n  position: absolute;\n  top: -64%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 200px;\n}\n.empty-draw-wrap .empty-draw-content {\n  display: flex;\n  gap: 4px;\n}\n.empty-draw-wrap .empty-draw-text {\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 20px;\n}";
 const LotteryOddsbomBombStyle0 = lotteryOddsbomBombCss;
 
 const BombIcons$1 = {
@@ -3263,11 +3294,16 @@ const LotteryOddsbomBomb = class {
         this.language = 'en';
         this.endpoint = undefined;
         this.groupId = undefined;
+        this.gameId = undefined;
         this.activeBomb = 'All';
         this.bombList = [];
         this.gameList = [];
         this.liveDrawsInfoByGroupId = {};
         this.isLoading = false;
+        this.isGameAvailable = true;
+    }
+    get isSingleGameMode() {
+        return !!this.gameId;
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -3303,20 +3339,57 @@ const LotteryOddsbomBomb = class {
     async doFetchData(params = {}) {
         try {
             this.isLoading = true;
-            this.liveDrawsInfoByGroupId = await fetchData$1({
-                endpoint: this.endpoint,
-                groupId: this.groupId,
-                params
-            });
-            this.gameList = this.liveDrawsInfoByGroupId.liveDraws;
-            this.bombList = [DEFAULT_ALL_BOMB, ...this.liveDrawsInfoByGroupId.sportTags];
-            this.isLoading = false;
-            this.updateTurnoverForAll();
+            if (this.isSingleGameMode) {
+                await this.fetchSingleGameData();
+            }
+            else {
+                await this.fetchGroupData(params);
+            }
+            if (this.gameList.length > 0) {
+                this.updateTurnoverForAll();
+            }
         }
         finally {
             this.isLoading = false;
         }
     }
+    async fetchSingleGameData() {
+        var _a, _b, _c;
+        const { endpoint, gameId } = this;
+        const gameInfo = await fetchGameInfo$1(endpoint, gameId);
+        const wagerCloseTime = (_a = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _a === void 0 ? void 0 : _a.wagerCloseTime;
+        const drawId = (_b = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _b === void 0 ? void 0 : _b.id;
+        if (!wagerCloseTime || new Date() >= new Date(wagerCloseTime)) {
+            this.isGameAvailable = false;
+            this.gameList = [];
+        }
+        else {
+            this.isGameAvailable = true;
+            const matchInfo = await fetchTicketMatch$1({ endpoint, gameId: gameInfo.type, drawId });
+            this.gameList = [
+                {
+                    drawId,
+                    title: gameInfo.name,
+                    subTitle: ((_c = matchInfo === null || matchInfo === void 0 ? void 0 : matchInfo[0]) === null || _c === void 0 ? void 0 : _c.sportName) || '',
+                    icon: Bomb.Football,
+                    date: formattedTime(gameInfo.currentDraw.date),
+                    turnover: '0',
+                    matchList: (matchInfo || []).map((i) => i.eventName).slice(0, 3),
+                    gameId: gameInfo.type
+                }
+            ];
+        }
+        this.bombList = [];
+    }
+    async fetchGroupData(params) {
+        this.liveDrawsInfoByGroupId = await fetchData$1({
+            endpoint: this.endpoint,
+            groupId: this.groupId,
+            params
+        });
+        this.gameList = this.liveDrawsInfoByGroupId.liveDraws;
+        this.bombList = [DEFAULT_ALL_BOMB, ...this.liveDrawsInfoByGroupId.sportTags];
+    }
     async updateTurnoverForAll() {
         const turnovers = getTurnoverForAll({
             endpoint: this.endpoint,
@@ -3341,9 +3414,12 @@ const LotteryOddsbomBomb = class {
     }
     renderEmpty() {
         const infoImagePath = getAssetPath('../static/empty-info.svg');
-        return (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { class: "empty-draw-text" }, "\u24D8 Sorry. The game is not available now.")))));
+        const message = translate$2('gameNotAvailable', this.language);
+        return (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { class: "empty-draw-text" }, "\u24D8 ", message)))));
     }
     renderFilter() {
+        if (this.isSingleGameMode || !this.gameList.length)
+            return null;
         return (h("div", { class: "OddsbomEntranceController__section" }, h("span", { class: "OddsbomEntranceController__label" }, "Select Bomb:"), !!this.bombList.length ? (h("div", { class: "OddsbomEntranceController__segmented-control" }, this.bombList.map(({ name, code }) => (h("button", { class: {
                 OddsbomEntranceController__segment: true,
                 'OddsbomEntranceController__segment--active': this.activeBomb === code
@@ -3357,7 +3433,7 @@ const LotteryOddsbomBomb = class {
             } }, h("div", { class: "card-header" }, BombIcons$1[icon] && h("div", { class: "card-icon football" }, BombIcons$1[icon]), h("div", { class: "card-title" }, h("h2", null, title), h("p", null, subTitle)), h("div", { class: "card-jackpot" })), h("div", { class: "card-info" }, h("span", { class: "card-tag" }, date), h("span", { class: "card-tag" }, translate$2('turnover', this.language) + turnover)), h("div", { class: "card-matches" }, h("ol", null, matchList.map((item) => (h("li", null, item)))))))))));
     }
     render() {
-        return (h("div", { key: 'ae8252d8cb1374af9bb8189bcd9edac313c7bc6a', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-bomb-wrapper" }, this.renderFilter(), h("div", { key: '3f673f335248057370e7e57076cc387a86dc4099', class: "bomb-grid-container" }, this.isLoading ? this.renderLoading() : this.renderMain())));
+        return (h("div", { key: '4a2641a511f0837649cfedeb4807069ce4051731', ref: (el) => (this.stylingContainer = el), class: "lottery-oddsbom-bomb-wrapper" }, this.renderFilter(), h("div", { key: '15f8dbeace39a87f87e4639b8082719023d6bed5', class: "bomb-grid-container" }, this.isLoading ? this.renderLoading() : this.renderMain())));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { L as LotteryOddsbomEntrance } from './lottery-oddsbom-entrance-e32c97fb.js';
+export { L as LotteryOddsbomEntrance } from './lottery-oddsbom-entrance-e1fe7c9f.js';
 import './index-068e610e.js';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["helper-date-navigator_8",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["helper-date-navigator_8",[[1,"lottery-oddsbom-entrance",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"gameIds":[513,"game-ids"],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"sessionId":[513,"session-id"],"playerId":[513,"player-id"],"gameIds":[513,"game-ids"],"gameIdArr":[32],"drawDatesOptions":[32],"curDate":[32],"isLoading":[32],"drawResultsObj":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameIds":["handleGameIdStringChange"]}],[1,"lottery-oddsbom-bomb",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"groupId":[513,"group-id"],"gameId":[513,"game-id"],"activeBomb":[32],"bombList":[32],"gameList":[32],"liveDrawsInfoByGroupId":[32],"isLoading":[32],"isGameAvailable":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"helper-date-navigator",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"date":[1],"defaultHighlightDates":[1,"default-highlight-dates"],"highlightDates":[32],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"defaultHighlightDates":["handleGameIdStringChange"],"date":["handleDateChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[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,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 export { defineCustomElements };