@everymatrix/lottery-oddsbom-ticket-bet 0.3.9 → 0.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/lottery-oddsbom-bullet_9.cjs.entry.js +1 -1
- package/dist/cjs/{lottery-oddsbom-ticket-bet-402dc005.js → lottery-oddsbom-ticket-bet-4f14d2d1.js} +4 -3
- package/dist/collection/components/lottery-oddsbom-ticket-bet/lottery-oddsbom-ticket-bet.js +4 -3
- package/dist/esm/index.js +1 -1
- package/dist/esm/lottery-oddsbom-bullet_9.entry.js +2 -2
- package/dist/esm/{lottery-oddsbom-ticket-bet-e46dbb50.js → lottery-oddsbom-ticket-bet-2da56108.js} +4 -3
- package/dist/lottery-oddsbom-ticket-bet/index.esm.js +1 -1
- package/dist/lottery-oddsbom-ticket-bet/lottery-oddsbom-bullet_9.entry.js +1 -1
- package/dist/lottery-oddsbom-ticket-bet/{lottery-oddsbom-ticket-bet-e46dbb50.js → lottery-oddsbom-ticket-bet-2da56108.js} +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-
|
|
5
|
+
const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-4f14d2d1.js');
|
|
6
6
|
require('./index-b8e9c8e4.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b8e9c8e4.js');
|
|
6
|
-
const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-
|
|
6
|
+
const lotteryOddsbomTicketBet = require('./lottery-oddsbom-ticket-bet-4f14d2d1.js');
|
|
7
7
|
|
|
8
8
|
// This icon file is generated automatically.
|
|
9
9
|
var ArrowUpOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z" } }] }, "name": "arrow-up", "theme": "outlined" };
|
package/dist/cjs/{lottery-oddsbom-ticket-bet-402dc005.js → lottery-oddsbom-ticket-bet-4f14d2d1.js}
RENAMED
|
@@ -9949,12 +9949,13 @@ const LotteryOddsbomTicketBet = class {
|
|
|
9949
9949
|
}
|
|
9950
9950
|
}
|
|
9951
9951
|
async getOddsData(query) {
|
|
9952
|
+
var _a;
|
|
9952
9953
|
try {
|
|
9953
9954
|
const { drawId } = this;
|
|
9954
|
-
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId }, query);
|
|
9955
|
+
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId, bettingType: (_a = this.rawGameConfig.rules.poolGame.playTypes[0].bettingType) !== null && _a !== void 0 ? _a : '' }, query);
|
|
9955
9956
|
return await fetchRequest(`${this.endpointLotteryBe}/api/v1/lottery/core/widget/poolgame/statistic/realtime/odds${toQueryParams(params)}`, 'GET');
|
|
9956
9957
|
}
|
|
9957
|
-
catch (
|
|
9958
|
+
catch (_b) { }
|
|
9958
9959
|
}
|
|
9959
9960
|
handleOpenOddsChart() {
|
|
9960
9961
|
this.dialogConfig = Object.assign(Object.assign({}, this.dialogConfig), { visible: true });
|
|
@@ -10013,7 +10014,7 @@ const LotteryOddsbomTicketBet = class {
|
|
|
10013
10014
|
}
|
|
10014
10015
|
render() {
|
|
10015
10016
|
var _a, _b, _c;
|
|
10016
|
-
return (index.h("div", { key: '
|
|
10017
|
+
return (index.h("div", { key: 'a452341452c423f4497dc49490136d81186f39d5', class: "oddsbomTicketBet", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'e6157e120a70b5f01286c39f379909b48b42cdd7', class: "oddsbomTicketBet-banner" }, index.h("div", { key: '53cd51c38956adeaadf8f6c9c1ef0cd49454c973', class: "oddsbomTicketBet-banner-title" }, (_a = this.rawGameConfig) === null || _a === void 0 ? void 0 : _a.name), index.h("div", { key: '6f27e2a768a94701fd4fd0e49b69beef202399ee', class: "oddsbomTicketBet-banner-info" }, index.h("div", { key: '5aeb077902a92af4c8f4137891ae1bb3c29e6e6f', class: "oddsbomTicketBet-banner-info-stoptime" }, index.h("span", { key: '3ebbc2ff952933d63551f1dd82cc1f132513a9f5', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('stopAt', this.language)), index.h("span", { key: 'e1f6a4e927a75ef9f4f036fd3eb9fb65f80cb8ff' }, this.formattedStopTime(this.gameConfig.stopTime))), index.h("div", { key: '0ad98e987d5da9e3c2580dc0e46634942ae0d418', class: "oddsbomTicketBet-banner-info-turnover" }, index.h("span", { key: 'de2f463b19d848f8bb84f94d9fe1da065246ed33', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('turnover', this.language)), index.h("span", { key: '1d2a975ef0adf7a71219b69747c00335f717dffe' }, this.formattedTurnover)))), index.h("div", { key: 'cd2509f8af05db1fc9cee9d12e2e7760383865a5', class: "oddsbomTicketBet-content" }, index.h("div", { key: '6678c2feec0530b3de252857b4a606fe796282a1', class: "oddsbomTicketBet-info" }, index.h("div", { key: 'ff2f92502ba18f18d3dbf6f4e4e1180c465cae37', class: "oddsbomTicketBet-info-game" }, index.h("div", { key: '591b3054bbcfc8d78f7de7e2402d79e5b9c38629', class: "oddsbomTicketBet-info--item" }, index.h("div", { key: '10530a1adef3ccedb32ef2af495c7cd8d7867fce', class: "oddsbomTicketBet-info--key" }, translate('stakePerLine', this.language)), index.h("div", { key: 'f6329f6aa83f89a4cbdd95e61dca711a41ef847d', class: "oddsbomTicketBet-info--value" }, index.h("vaadin-select", { key: '50f623f45db1f8039cad01e22c7545a8959ac4e7', items: this.gameConfig.stakes, value: this.gameInfo.stake, "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true, noVerticalOverlap: true })))), index.h("div", { key: '65b5a68db4e37ba929f77ec7a70ee5f69da92a72', class: "oddsbomTicketBet-info-odds" }, index.h("div", { key: '54000fd4c000b434bc235b23267d2a498a3c9c06', class: "oddsbomTicketBet-info--item" }, index.h("div", { key: 'b095f21c9c331a170933b07fbaf8b468e8108f43', class: "oddsbomTicketBet-info--key" }, translate('lowestOdds', this.language)), index.h("div", { key: 'e5f31fbd229ed9e968adc703b552bc1aefb3804a', class: "oddsbomTicketBet-info--value" }, !this.oddsData.lowest ? '-' : formatNumber(this.oddsData.lowest))), index.h("div", { key: '38e80195e6b79ebcda8d30c8b8c47c4c24f4b797', class: "oddsbomTicketBet-info--item" }, index.h("div", { key: '6473ad5dbf3d031b59d47d571aff8347c056690c', class: "oddsbomTicketBet-info--key" }, translate('highestOdds', this.language)), index.h("div", { key: 'dcb1211c33402dbf997ec99710db517d1828cba9', class: "oddsbomTicketBet-info--value" }, !this.oddsData.highest ? '-' : formatNumber(this.oddsData.highest))), index.h("div", { key: '7437feb59d9a3b7a962ee07048704be77ca7083d', class: "oddsbomTicketBet-info---chart" }, index.h("lottery-oddsbom-ticket-button", { key: '014f7ea0d2c044b618b3b6dcf8eddc505d6d59cb', onClick: this.handleOpenOddsChart.bind(this), text: translate('oddsChart', this.language), variant: "outline", language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), index.h("div", { key: '1219f9c6a5c45e0d81e58c547acd079286477204', class: "oddsbomTicketBet-ticketArea" }, index.h("div", { key: '3540d727eb9144a3bb5f44c119c93d8e82596032', class: "oddsbomTicketBet-ticketArea--left" }, this.isLoading ? (index.h("div", { class: "loading-wrap" }, index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), index.h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } })))) : (index.h("div", null, index.h("lottery-oddsbom-ticket-board", { ticketBoardInfo: this.ticketBoardInfo, addSelectionConfig: this.addSelectionConfig, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), index.h("div", { key: 'e861df8b8815203f46aae4e48beb5baa4f35d431', class: "oddsbomTicketBet-ticketArea--right" }, index.h("div", { key: '02e6942f0e299d5d6ead74786194a5cafbf1e594', class: "oddsbomTicketBet-ticketArea--right-title" }, translate('orderSummary', this.language)), index.h("div", { key: '5394435b91a1e738617b8da518e4b8f292fb0f67', class: "oddsbomTicketBet-ticketArea--right-info" }, index.h("div", { key: '08af33121f5e7891e6cbe090fc1da57afb5b838e', class: "oddsbomTicketBet-ticketArea--right-ticketCount" }, `${translate('ticket', this.language)}: ${this.gameInfo.lines} ${translate('lines', this.language)} x ${this.gameInfo.stake} ${translate('euro', this.language)}`, ' '), index.h("div", { key: 'e2f69a26d49e4d473a3240dceca34fed9ae1ecb5', class: "oddsbomTicketBet-ticketArea--right-delimiter" }), index.h("div", { key: '1d9863afc24a5244e0748173425e979bd605c7fc', class: "oddsbomTicketBet-ticketArea--right-ticketTotal" }, `${translate('total', this.language)}: ${Number(this.gameInfo.stake) * this.gameInfo.lines} ${translate('euro', this.language)}`), index.h("div", { key: '7f819287fd6ec22caf027fa748188a5c5730d4fd', class: "oddsbomTicketBet-ticketArea--right-selection" }, index.h("lottery-oddsbom-ticket-selection", { key: '5b73c411433b0224b6b5d9295715ce073e404703', ticketBoardInfo: this.ticketBoardInfo, language: this.language }))), index.h("div", { key: 'ebb777f1c1dabbaaba308960fae8563fcd07cf2c', class: "oddsbomTicketBet-ticketArea--right-submitBtn" }, index.h("lottery-oddsbom-ticket-button", { key: 'b2e949540aadf04f9e7f2d8bf9deac8a326e0c1d', text: translate('submit', this.language), variant: "primary", size: "large", disabled: !this.canSubmit, loading: this.isSubmitLoading, onClick: this.handleSubmit.bind(this), language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))))), index.h("lottery-tipping-dialog", { key: '9e8782c15ea827ffd3398cab2eddeceb8af70568', dialogTitle: this.dialogConfig.title, visible: this.dialogConfig.visible, onCancel: this.handleCloseOddsChart.bind(this), showFooter: false, width: this.oddsChartDialogWidth }, index.h("lottery-oddsbom-oddschart", { key: '3fcb642569764819b0d86e630f314c77532d9c70', ref: (el) => (this.childRef = el), matchInfo: this.matchInfo, oddsInfo: (_b = this.oddsInfo) === null || _b === void 0 ? void 0 : _b.items, curPage: this.oddsQuery.offset / this.oddsQuery.limit, total: (_c = this.oddsInfo) === null || _c === void 0 ? void 0 : _c.total, limit: this.oddsQuery.limit, offset: this.oddsQuery.offset, isLoading: this.isLoadingOdds, isSearching: this.oddsData.isSearching, filterdOdds: this.oddsData.filterdOdds, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))));
|
|
10017
10018
|
}
|
|
10018
10019
|
static get watchers() { return {
|
|
10019
10020
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -410,12 +410,13 @@ export class LotteryOddsbomTicketBet {
|
|
|
410
410
|
}
|
|
411
411
|
}
|
|
412
412
|
async getOddsData(query) {
|
|
413
|
+
var _a;
|
|
413
414
|
try {
|
|
414
415
|
const { drawId } = this;
|
|
415
|
-
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId }, query);
|
|
416
|
+
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId, bettingType: (_a = this.rawGameConfig.rules.poolGame.playTypes[0].bettingType) !== null && _a !== void 0 ? _a : '' }, query);
|
|
416
417
|
return await fetchRequest(`${this.endpointLotteryBe}/api/v1/lottery/core/widget/poolgame/statistic/realtime/odds${toQueryParams(params)}`, 'GET');
|
|
417
418
|
}
|
|
418
|
-
catch (
|
|
419
|
+
catch (_b) { }
|
|
419
420
|
}
|
|
420
421
|
handleOpenOddsChart() {
|
|
421
422
|
this.dialogConfig = Object.assign(Object.assign({}, this.dialogConfig), { visible: true });
|
|
@@ -474,7 +475,7 @@ export class LotteryOddsbomTicketBet {
|
|
|
474
475
|
}
|
|
475
476
|
render() {
|
|
476
477
|
var _a, _b, _c;
|
|
477
|
-
return (h("div", { key: '
|
|
478
|
+
return (h("div", { key: 'a452341452c423f4497dc49490136d81186f39d5', class: "oddsbomTicketBet", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e6157e120a70b5f01286c39f379909b48b42cdd7', class: "oddsbomTicketBet-banner" }, h("div", { key: '53cd51c38956adeaadf8f6c9c1ef0cd49454c973', class: "oddsbomTicketBet-banner-title" }, (_a = this.rawGameConfig) === null || _a === void 0 ? void 0 : _a.name), h("div", { key: '6f27e2a768a94701fd4fd0e49b69beef202399ee', class: "oddsbomTicketBet-banner-info" }, h("div", { key: '5aeb077902a92af4c8f4137891ae1bb3c29e6e6f', class: "oddsbomTicketBet-banner-info-stoptime" }, h("span", { key: '3ebbc2ff952933d63551f1dd82cc1f132513a9f5', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('stopAt', this.language)), h("span", { key: 'e1f6a4e927a75ef9f4f036fd3eb9fb65f80cb8ff' }, this.formattedStopTime(this.gameConfig.stopTime))), h("div", { key: '0ad98e987d5da9e3c2580dc0e46634942ae0d418', class: "oddsbomTicketBet-banner-info-turnover" }, h("span", { key: 'de2f463b19d848f8bb84f94d9fe1da065246ed33', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('turnover', this.language)), h("span", { key: '1d2a975ef0adf7a71219b69747c00335f717dffe' }, this.formattedTurnover)))), h("div", { key: 'cd2509f8af05db1fc9cee9d12e2e7760383865a5', class: "oddsbomTicketBet-content" }, h("div", { key: '6678c2feec0530b3de252857b4a606fe796282a1', class: "oddsbomTicketBet-info" }, h("div", { key: 'ff2f92502ba18f18d3dbf6f4e4e1180c465cae37', class: "oddsbomTicketBet-info-game" }, h("div", { key: '591b3054bbcfc8d78f7de7e2402d79e5b9c38629', class: "oddsbomTicketBet-info--item" }, h("div", { key: '10530a1adef3ccedb32ef2af495c7cd8d7867fce', class: "oddsbomTicketBet-info--key" }, translate('stakePerLine', this.language)), h("div", { key: 'f6329f6aa83f89a4cbdd95e61dca711a41ef847d', class: "oddsbomTicketBet-info--value" }, h("vaadin-select", { key: '50f623f45db1f8039cad01e22c7545a8959ac4e7', items: this.gameConfig.stakes, value: this.gameInfo.stake, "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true, noVerticalOverlap: true })))), h("div", { key: '65b5a68db4e37ba929f77ec7a70ee5f69da92a72', class: "oddsbomTicketBet-info-odds" }, h("div", { key: '54000fd4c000b434bc235b23267d2a498a3c9c06', class: "oddsbomTicketBet-info--item" }, h("div", { key: 'b095f21c9c331a170933b07fbaf8b468e8108f43', class: "oddsbomTicketBet-info--key" }, translate('lowestOdds', this.language)), h("div", { key: 'e5f31fbd229ed9e968adc703b552bc1aefb3804a', class: "oddsbomTicketBet-info--value" }, !this.oddsData.lowest ? '-' : formatNumber(this.oddsData.lowest))), h("div", { key: '38e80195e6b79ebcda8d30c8b8c47c4c24f4b797', class: "oddsbomTicketBet-info--item" }, h("div", { key: '6473ad5dbf3d031b59d47d571aff8347c056690c', class: "oddsbomTicketBet-info--key" }, translate('highestOdds', this.language)), h("div", { key: 'dcb1211c33402dbf997ec99710db517d1828cba9', class: "oddsbomTicketBet-info--value" }, !this.oddsData.highest ? '-' : formatNumber(this.oddsData.highest))), h("div", { key: '7437feb59d9a3b7a962ee07048704be77ca7083d', class: "oddsbomTicketBet-info---chart" }, h("lottery-oddsbom-ticket-button", { key: '014f7ea0d2c044b618b3b6dcf8eddc505d6d59cb', onClick: this.handleOpenOddsChart.bind(this), text: translate('oddsChart', this.language), variant: "outline", language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), h("div", { key: '1219f9c6a5c45e0d81e58c547acd079286477204', class: "oddsbomTicketBet-ticketArea" }, h("div", { key: '3540d727eb9144a3bb5f44c119c93d8e82596032', class: "oddsbomTicketBet-ticketArea--left" }, this.isLoading ? (h("div", { class: "loading-wrap" }, h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } })))) : (h("div", null, h("lottery-oddsbom-ticket-board", { ticketBoardInfo: this.ticketBoardInfo, addSelectionConfig: this.addSelectionConfig, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), h("div", { key: 'e861df8b8815203f46aae4e48beb5baa4f35d431', class: "oddsbomTicketBet-ticketArea--right" }, h("div", { key: '02e6942f0e299d5d6ead74786194a5cafbf1e594', class: "oddsbomTicketBet-ticketArea--right-title" }, translate('orderSummary', this.language)), h("div", { key: '5394435b91a1e738617b8da518e4b8f292fb0f67', class: "oddsbomTicketBet-ticketArea--right-info" }, h("div", { key: '08af33121f5e7891e6cbe090fc1da57afb5b838e', class: "oddsbomTicketBet-ticketArea--right-ticketCount" }, `${translate('ticket', this.language)}: ${this.gameInfo.lines} ${translate('lines', this.language)} x ${this.gameInfo.stake} ${translate('euro', this.language)}`, ' '), h("div", { key: 'e2f69a26d49e4d473a3240dceca34fed9ae1ecb5', class: "oddsbomTicketBet-ticketArea--right-delimiter" }), h("div", { key: '1d9863afc24a5244e0748173425e979bd605c7fc', class: "oddsbomTicketBet-ticketArea--right-ticketTotal" }, `${translate('total', this.language)}: ${Number(this.gameInfo.stake) * this.gameInfo.lines} ${translate('euro', this.language)}`), h("div", { key: '7f819287fd6ec22caf027fa748188a5c5730d4fd', class: "oddsbomTicketBet-ticketArea--right-selection" }, h("lottery-oddsbom-ticket-selection", { key: '5b73c411433b0224b6b5d9295715ce073e404703', ticketBoardInfo: this.ticketBoardInfo, language: this.language }))), h("div", { key: 'ebb777f1c1dabbaaba308960fae8563fcd07cf2c', class: "oddsbomTicketBet-ticketArea--right-submitBtn" }, h("lottery-oddsbom-ticket-button", { key: 'b2e949540aadf04f9e7f2d8bf9deac8a326e0c1d', text: translate('submit', this.language), variant: "primary", size: "large", disabled: !this.canSubmit, loading: this.isSubmitLoading, onClick: this.handleSubmit.bind(this), language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))))), h("lottery-tipping-dialog", { key: '9e8782c15ea827ffd3398cab2eddeceb8af70568', dialogTitle: this.dialogConfig.title, visible: this.dialogConfig.visible, onCancel: this.handleCloseOddsChart.bind(this), showFooter: false, width: this.oddsChartDialogWidth }, h("lottery-oddsbom-oddschart", { key: '3fcb642569764819b0d86e630f314c77532d9c70', ref: (el) => (this.childRef = el), matchInfo: this.matchInfo, oddsInfo: (_b = this.oddsInfo) === null || _b === void 0 ? void 0 : _b.items, curPage: this.oddsQuery.offset / this.oddsQuery.limit, total: (_c = this.oddsInfo) === null || _c === void 0 ? void 0 : _c.total, limit: this.oddsQuery.limit, offset: this.oddsQuery.offset, isLoading: this.isLoadingOdds, isSearching: this.oddsData.isSearching, filterdOdds: this.oddsData.filterdOdds, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))));
|
|
478
479
|
}
|
|
479
480
|
static get is() { return "lottery-oddsbom-ticket-bet"; }
|
|
480
481
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { L as LotteryOddsbomTicketBet } from './lottery-oddsbom-ticket-bet-
|
|
1
|
+
export { L as LotteryOddsbomTicketBet } from './lottery-oddsbom-ticket-bet-2da56108.js';
|
|
2
2
|
import './index-9dee9d86.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-9dee9d86.js';
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, c as showNotification, t as translate$1, d as stringToBase64, r as resolveTranslationUrl$1, f as formatNumber, g as getTranslations$1, M as MAX_DISPLAY_OPTION_NUM } from './lottery-oddsbom-ticket-bet-
|
|
3
|
-
export { L as lottery_oddsbom_ticket_bet } from './lottery-oddsbom-ticket-bet-
|
|
2
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, c as showNotification, t as translate$1, d as stringToBase64, r as resolveTranslationUrl$1, f as formatNumber, g as getTranslations$1, M as MAX_DISPLAY_OPTION_NUM } from './lottery-oddsbom-ticket-bet-2da56108.js';
|
|
3
|
+
export { L as lottery_oddsbom_ticket_bet } from './lottery-oddsbom-ticket-bet-2da56108.js';
|
|
4
4
|
|
|
5
5
|
// This icon file is generated automatically.
|
|
6
6
|
var ArrowUpOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z" } }] }, "name": "arrow-up", "theme": "outlined" };
|
package/dist/esm/{lottery-oddsbom-ticket-bet-e46dbb50.js → lottery-oddsbom-ticket-bet-2da56108.js}
RENAMED
|
@@ -9947,12 +9947,13 @@ const LotteryOddsbomTicketBet = class {
|
|
|
9947
9947
|
}
|
|
9948
9948
|
}
|
|
9949
9949
|
async getOddsData(query) {
|
|
9950
|
+
var _a;
|
|
9950
9951
|
try {
|
|
9951
9952
|
const { drawId } = this;
|
|
9952
|
-
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId }, query);
|
|
9953
|
+
const params = Object.assign({ gameId: this.rawGameConfig.type, drawId, bettingType: (_a = this.rawGameConfig.rules.poolGame.playTypes[0].bettingType) !== null && _a !== void 0 ? _a : '' }, query);
|
|
9953
9954
|
return await fetchRequest(`${this.endpointLotteryBe}/api/v1/lottery/core/widget/poolgame/statistic/realtime/odds${toQueryParams(params)}`, 'GET');
|
|
9954
9955
|
}
|
|
9955
|
-
catch (
|
|
9956
|
+
catch (_b) { }
|
|
9956
9957
|
}
|
|
9957
9958
|
handleOpenOddsChart() {
|
|
9958
9959
|
this.dialogConfig = Object.assign(Object.assign({}, this.dialogConfig), { visible: true });
|
|
@@ -10011,7 +10012,7 @@ const LotteryOddsbomTicketBet = class {
|
|
|
10011
10012
|
}
|
|
10012
10013
|
render() {
|
|
10013
10014
|
var _a, _b, _c;
|
|
10014
|
-
return (h("div", { key: '
|
|
10015
|
+
return (h("div", { key: 'a452341452c423f4497dc49490136d81186f39d5', class: "oddsbomTicketBet", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e6157e120a70b5f01286c39f379909b48b42cdd7', class: "oddsbomTicketBet-banner" }, h("div", { key: '53cd51c38956adeaadf8f6c9c1ef0cd49454c973', class: "oddsbomTicketBet-banner-title" }, (_a = this.rawGameConfig) === null || _a === void 0 ? void 0 : _a.name), h("div", { key: '6f27e2a768a94701fd4fd0e49b69beef202399ee', class: "oddsbomTicketBet-banner-info" }, h("div", { key: '5aeb077902a92af4c8f4137891ae1bb3c29e6e6f', class: "oddsbomTicketBet-banner-info-stoptime" }, h("span", { key: '3ebbc2ff952933d63551f1dd82cc1f132513a9f5', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('stopAt', this.language)), h("span", { key: 'e1f6a4e927a75ef9f4f036fd3eb9fb65f80cb8ff' }, this.formattedStopTime(this.gameConfig.stopTime))), h("div", { key: '0ad98e987d5da9e3c2580dc0e46634942ae0d418', class: "oddsbomTicketBet-banner-info-turnover" }, h("span", { key: 'de2f463b19d848f8bb84f94d9fe1da065246ed33', style: { fontWeight: 'bold', marginRight: '5px' } }, translate('turnover', this.language)), h("span", { key: '1d2a975ef0adf7a71219b69747c00335f717dffe' }, this.formattedTurnover)))), h("div", { key: 'cd2509f8af05db1fc9cee9d12e2e7760383865a5', class: "oddsbomTicketBet-content" }, h("div", { key: '6678c2feec0530b3de252857b4a606fe796282a1', class: "oddsbomTicketBet-info" }, h("div", { key: 'ff2f92502ba18f18d3dbf6f4e4e1180c465cae37', class: "oddsbomTicketBet-info-game" }, h("div", { key: '591b3054bbcfc8d78f7de7e2402d79e5b9c38629', class: "oddsbomTicketBet-info--item" }, h("div", { key: '10530a1adef3ccedb32ef2af495c7cd8d7867fce', class: "oddsbomTicketBet-info--key" }, translate('stakePerLine', this.language)), h("div", { key: 'f6329f6aa83f89a4cbdd95e61dca711a41ef847d', class: "oddsbomTicketBet-info--value" }, h("vaadin-select", { key: '50f623f45db1f8039cad01e22c7545a8959ac4e7', items: this.gameConfig.stakes, value: this.gameInfo.stake, "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true, noVerticalOverlap: true })))), h("div", { key: '65b5a68db4e37ba929f77ec7a70ee5f69da92a72', class: "oddsbomTicketBet-info-odds" }, h("div", { key: '54000fd4c000b434bc235b23267d2a498a3c9c06', class: "oddsbomTicketBet-info--item" }, h("div", { key: 'b095f21c9c331a170933b07fbaf8b468e8108f43', class: "oddsbomTicketBet-info--key" }, translate('lowestOdds', this.language)), h("div", { key: 'e5f31fbd229ed9e968adc703b552bc1aefb3804a', class: "oddsbomTicketBet-info--value" }, !this.oddsData.lowest ? '-' : formatNumber(this.oddsData.lowest))), h("div", { key: '38e80195e6b79ebcda8d30c8b8c47c4c24f4b797', class: "oddsbomTicketBet-info--item" }, h("div", { key: '6473ad5dbf3d031b59d47d571aff8347c056690c', class: "oddsbomTicketBet-info--key" }, translate('highestOdds', this.language)), h("div", { key: 'dcb1211c33402dbf997ec99710db517d1828cba9', class: "oddsbomTicketBet-info--value" }, !this.oddsData.highest ? '-' : formatNumber(this.oddsData.highest))), h("div", { key: '7437feb59d9a3b7a962ee07048704be77ca7083d', class: "oddsbomTicketBet-info---chart" }, h("lottery-oddsbom-ticket-button", { key: '014f7ea0d2c044b618b3b6dcf8eddc505d6d59cb', onClick: this.handleOpenOddsChart.bind(this), text: translate('oddsChart', this.language), variant: "outline", language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), h("div", { key: '1219f9c6a5c45e0d81e58c547acd079286477204', class: "oddsbomTicketBet-ticketArea" }, h("div", { key: '3540d727eb9144a3bb5f44c119c93d8e82596032', class: "oddsbomTicketBet-ticketArea--left" }, this.isLoading ? (h("div", { class: "loading-wrap" }, h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } }), h("div", { class: "skeleton-item skeleton-animated", style: { height: '32px', width: '94%' } })))) : (h("div", null, h("lottery-oddsbom-ticket-board", { ticketBoardInfo: this.ticketBoardInfo, addSelectionConfig: this.addSelectionConfig, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })))), h("div", { key: 'e861df8b8815203f46aae4e48beb5baa4f35d431', class: "oddsbomTicketBet-ticketArea--right" }, h("div", { key: '02e6942f0e299d5d6ead74786194a5cafbf1e594', class: "oddsbomTicketBet-ticketArea--right-title" }, translate('orderSummary', this.language)), h("div", { key: '5394435b91a1e738617b8da518e4b8f292fb0f67', class: "oddsbomTicketBet-ticketArea--right-info" }, h("div", { key: '08af33121f5e7891e6cbe090fc1da57afb5b838e', class: "oddsbomTicketBet-ticketArea--right-ticketCount" }, `${translate('ticket', this.language)}: ${this.gameInfo.lines} ${translate('lines', this.language)} x ${this.gameInfo.stake} ${translate('euro', this.language)}`, ' '), h("div", { key: 'e2f69a26d49e4d473a3240dceca34fed9ae1ecb5', class: "oddsbomTicketBet-ticketArea--right-delimiter" }), h("div", { key: '1d9863afc24a5244e0748173425e979bd605c7fc', class: "oddsbomTicketBet-ticketArea--right-ticketTotal" }, `${translate('total', this.language)}: ${Number(this.gameInfo.stake) * this.gameInfo.lines} ${translate('euro', this.language)}`), h("div", { key: '7f819287fd6ec22caf027fa748188a5c5730d4fd', class: "oddsbomTicketBet-ticketArea--right-selection" }, h("lottery-oddsbom-ticket-selection", { key: '5b73c411433b0224b6b5d9295715ce073e404703', ticketBoardInfo: this.ticketBoardInfo, language: this.language }))), h("div", { key: 'ebb777f1c1dabbaaba308960fae8563fcd07cf2c', class: "oddsbomTicketBet-ticketArea--right-submitBtn" }, h("lottery-oddsbom-ticket-button", { key: 'b2e949540aadf04f9e7f2d8bf9deac8a326e0c1d', text: translate('submit', this.language), variant: "primary", size: "large", disabled: !this.canSubmit, loading: this.isSubmitLoading, onClick: this.handleSubmit.bind(this), language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))))), h("lottery-tipping-dialog", { key: '9e8782c15ea827ffd3398cab2eddeceb8af70568', dialogTitle: this.dialogConfig.title, visible: this.dialogConfig.visible, onCancel: this.handleCloseOddsChart.bind(this), showFooter: false, width: this.oddsChartDialogWidth }, h("lottery-oddsbom-oddschart", { key: '3fcb642569764819b0d86e630f314c77532d9c70', ref: (el) => (this.childRef = el), matchInfo: this.matchInfo, oddsInfo: (_b = this.oddsInfo) === null || _b === void 0 ? void 0 : _b.items, curPage: this.oddsQuery.offset / this.oddsQuery.limit, total: (_c = this.oddsInfo) === null || _c === void 0 ? void 0 : _c.total, limit: this.oddsQuery.limit, offset: this.oddsQuery.offset, isLoading: this.isLoadingOdds, isSearching: this.oddsData.isSearching, filterdOdds: this.oddsData.filterdOdds, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl }))));
|
|
10015
10016
|
}
|
|
10016
10017
|
static get watchers() { return {
|
|
10017
10018
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as LotteryOddsbomTicketBet}from"./lottery-oddsbom-ticket-bet-
|
|
1
|
+
export{L as LotteryOddsbomTicketBet}from"./lottery-oddsbom-ticket-bet-2da56108.js";import"./index-9dee9d86.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as o}from"./index-9dee9d86.js";import{s as n,a as s,b as d,c as a,t as l,d as r,r as c,f as h,g as m,M as b}from"./lottery-oddsbom-ticket-bet-e46dbb50.js";export{L as lottery_oddsbom_ticket_bet}from"./lottery-oddsbom-ticket-bet-e46dbb50.js";const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"}}]},name:"info-circle",theme:"filled"};var g=function(){return g=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},g.apply(this,arguments)},f={primaryColor:"#333",secondaryColor:"#E6E6E6"};function u(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var i=e.placeholders||f;return y(t.icon(i.primaryColor,i.secondaryColor),e)}return y(t.icon,e)}function y(t,e){var i="svg"===t.tag?g(g({},t.attrs),e.extraSVGAttrs||{}):t.attrs,o=Object.keys(i).reduce((function(t,e){var o=i[e],n="".concat(e,'="').concat(o,'"');return t.push(n),t}),[]),n=o.length?" "+o.join(" "):"",s=(t.children||[]).map((function(t){return y(t,e)})).join("");return s&&s.length?"<".concat(t.tag).concat(n,">").concat(s,"</").concat(t.tag,">"):"<".concat(t.tag).concat(n," />")}const x=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),v=class{constructor(i){t(this,i),this.oddsbomBulletToggleEvent=e(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=e(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=e(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=e(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return i("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},i("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},i("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:x}),i("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};v.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";const w=class{constructor(i){t(this,i),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this,n=[...this.innerBulletConfigs],s=Object.assign({},n[e]);s.isSelected=!s.isSelected,n[e]=s,this.innerBulletConfigs=n,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:i,selectionIdx:o})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this,n=[...this.innerBulletConfigsDeleteOrigin],s=Object.assign({},n[e]);s.isSelected=!s.isSelected,n[e]=s,this.innerBulletConfigsDeleteOrigin=n,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:i,selectionIdx:o})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:i,selectionIdx:o})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return i("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},i("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>i("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};w.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";const k=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"}}]},name:"arrow-up",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),S=u(p,{extraSVGAttrs:{width:"18px",height:"18px",fill:"#0d196e"}}),C=u(p,{extraSVGAttrs:{width:"16px",height:"16px",fill:"#1367e7"}}),B=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"}}]},name:"left",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),O=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"}}]},name:"right",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),I=class{constructor(i){t(this,i),this.oddsQueryLineChangeEvent=e(this,"oddsQueryLineChange",7),this.oddschartFillInEvent=e(this,"oddschartFillIn",7),this.oddsQueryChangeEvent=e(this,"oddsQueryChange",7),this.handleSearch=async()=>{const t=this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input"),e=await Promise.all(Array.from(t).map((t=>t.getValue())));if(e.length!=2*this.matchInfo.length)return void a({theme:"warning",message:l("pleaseFillIn",this.language)});const i=[...this.matchSelection],o=[];for(let t=0;t<e.length;t+=2){const n=e[t],s=e[t+1],d=t/2;n&&s&&(o.push([[`${n}:${s}`]]),i[d]=[n,s])}if(this.matchSelection=[...i],o.length>0){const t=await r(JSON.stringify(o));this.oddsQueryLineChangeEvent.emit({lineSelectionBase64:t,offset:0}),this.hasFillInSelection=!0}},this.handleGroupClick=t=>{this.selectedGroupIndex=t},this.toggleFilterIcon=()=>{this.isAscend=!this.isAscend,this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({ascending:this.isAscend,offset:0,lineSelectionBase64:""})},this.handlePrevPage=()=>{this.curPage>=1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset-this.limit,lineSelectionBase64:""}))},this.handleNextPage=()=>{this.curPage<this.totalPage-1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset+this.limit,lineSelectionBase64:""}))},this.matchInfo=void 0,this.oddsInfo=void 0,this.total=void 0,this.curPage=void 0,this.limit=void 0,this.offset=void 0,this.filterdOdds=void 0,this.isSearching=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isLoading=!1,this.language="en",this.translationUrl="",this.isAscend=!0,this.selectedGroupIndex=-1,this.matchSelection=[],this.hasFillInSelection=!1}async initOddsChart(){this.oddsQueryChangeEvent.emit({offset:0,ascending:!0,lineSelectionBase64:""})}async closeOddsChart(){this.hasFillInSelection=!1,this.selectedGroupIndex=-1,this.matchSelection=[],this.isAscend=!0,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}handleMatchInfoChange(t){this.matchSelection=t.map((()=>[-1,-1]))}componentWillLoad(){this.translationUrl&&c(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get totalPage(){return Math.ceil(this.total/this.limit)}generateBulletGroup(t,e,o){let n;try{n=JSON.parse(t)}catch(t){return console.error("Failed to parse line JSON:",t),i("div",{class:"error-message"},"Invalid data format")}let s=n.map((t=>t[0])).map((t=>t[0]));const d=this.selectedGroupIndex===o;return i("div",{class:"oddsbom-oddschart-selection--group",onClick:this.handleGroupClick.bind(this,o)},i("div",{class:"oddsbom-oddschart-selection--group-wrap",style:{flexBasis:160*s.length+"px"}},s.map(((t,e)=>{const o=t.split(":");return i("div",{class:"oddsbom-oddschart-selection-item",key:e},i("div",{class:"oddsbom-oddschart-selection-item--1"},i("lottery-oddsbom-bullet",{text:o[0],"is-reading":!0,"is-selected":d})),i("div",{class:"oddsbom-oddschart-selection-item--2"},i("lottery-oddsbom-bullet",{text:o[1],"is-reading":!0,"is-selected":d})))}))),i("div",{class:"oddsbom-oddschart-selection-odds"},i("div",{class:"oddsbom-oddschart-selection-odds--text"},h(e)),d&&i("div",{class:"oddsbom-oddschart-selection-odds--fillIn"},i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),size:"small",variant:"outline",onClick:this.handleFillIn.bind(this,s),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))}handleFillIn(t){this.oddschartFillInEvent.emit({fillInNums:t})}clearMatchSelection(){this.hasFillInSelection=!1,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}fillInMatchSelection(){const t=[];this.matchSelection.forEach((e=>{t.push(`${e[0]}:${e[1]}`)})),this.handleFillIn(t)}render(){var t,e;return i("div",{key:"b160d1870184937cdd013a233a4841545d8f769a",class:"oddsbom-oddschart",ref:t=>this.stylingContainer=t},(null===(t=this.matchInfo)||void 0===t?void 0:t.length)&&(null===(e=this.oddsInfo)||void 0===e?void 0:e.length)?this.matchInfo&&i("div",{class:"oddsbom-oddschart-container"},i("div",{class:"oddsbom-oddschart-wrap"},i("div",{class:"oddsbom-oddschart-match",ref:t=>this.matchItemsContainer=t},this.matchInfo.map(((t,e)=>i("div",{class:"oddsbom-oddschart-match-item",key:e},i("div",{class:"oddsbom-oddschart-match-item-name"},i("div",{class:"oddsbom-oddschart-match-item-name--home"},`${e+1}. ${t.eventName.split("vs")[0]}`),i("div",{class:"oddsbom-oddschart-match-item-name--delimiter"},"vs"),i("div",{class:"oddsbom-oddschart-match-item-name--away"},`${t.eventName.split("vs")[1]}`)),i("div",{class:"oddsbom-oddschart-match-item-input"},i("lottery-oddsbom-oddschart-input",null),i("lottery-oddsbom-oddschart-input",null))))),i("div",{class:"oddsbom-oddschart-match-search"},i("lottery-oddsbom-ticket-button",{text:l("search",this.language),variant:"outline",onClick:this.handleSearch}))),this.hasFillInSelection&&!this.isSearching&&(this.filterdOdds?i("div",{class:"oddsbom-oddschart-input-wrap"},i("div",{class:"oddsbom-oddschart-input"},this.matchSelection.map((t=>i("div",{class:"oddsbom-oddschart-input-item"},i("lottery-oddsbom-bullet",{text:t[0],"is-reading":!0,"is-selected":!0}),i("lottery-oddsbom-bullet",{text:t[1],"is-reading":!0,"is-selected":!0})))),i("div",{class:"oddsbom-oddschart-input-odds"},h(this.filterdOdds))),i("div",{class:"oddsbom-oddschart-input-operation"},i("lottery-oddsbom-ticket-button",{text:l("clear",this.language),variant:"outline",size:"small",onClick:this.clearMatchSelection.bind(this)}),i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),variant:"outline",size:"small",onClick:this.fillInMatchSelection.bind(this)}))):i("div",{class:"oddsbom-oddschart-input-empty"},i("div",null,i("span",{innerHTML:C,style:{marginRight:"6px",height:"16px"}}),i("span",{style:{fontSize:"14px"}},l("noBets",this.language))),i("div",{class:"oddsbom-oddschart-input-empty-operation"},i("lottery-oddsbom-ticket-button",{text:l("clear",this.language),variant:"text",size:"small",onClick:this.clearMatchSelection.bind(this)}),i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),variant:"text",size:"small",onClick:this.fillInMatchSelection.bind(this)})))),i("div",{class:"oddsbom-oddschart-match-filter"},(this.isLoading||this.isSearching)&&i("div",{class:"progress-bar"}),i("span",{onClick:this.toggleFilterIcon,class:"arrow "+(this.isAscend?"ascend":""),innerHTML:k})),i("div",{class:"oddsbom-oddschart-selection"},this.oddsInfo.map(((t,e)=>this.generateBulletGroup(t.lineSelection,t.odds,e)))),i("div",{class:"oddsbom-oddschart-pagination"},i("div",{class:"oddsbom-oddschart-pagination-wrap"},i("div",{class:"oddsbom-oddschart-pagination-prev "+(this.curPage<1?"disabled":""),onClick:this.handlePrevPage},i("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:B})),i("div",{class:"oddsbom-oddschart-pagination-page"},`${this.curPage+1} / ${this.totalPage}`),i("div",{class:"oddsbom-oddschart-pagination-next "+(this.curPage>=this.totalPage-1?"disabled":""),onClick:this.handleNextPage},i("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:O})))))):i("div",{class:"empty-wrap"},i("span",{innerHTML:S,style:{marginRight:"6px",height:"18px"}}),i("span",{class:"empty-wrap-text",style:{fontSize:"18px"}},l("noBets",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],matchInfo:["handleMatchInfoChange"]}}};I.style='.oddsbom-oddschart {\n container-type: inline-size;\n}\n.oddsbom-oddschart-container {\n position: relative;\n}\n.oddsbom-oddschart-match {\n display: flex;\n align-items: flex-end;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-match-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-basis: 160px;\n}\n.oddsbom-oddschart-match-item-name {\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbom-oddschart-match-item-name--home, .oddsbom-oddschart-match-item-name--away, .oddsbom-oddschart-match-item-name--delimiter {\n font-size: 13px;\n height: 16px;\n line-height: 16px;\n overflow: hidden;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-match-item-input {\n display: flex;\n justify-content: space-between;\n}\n.oddsbom-oddschart-match-search {\n flex-basis: 130px;\n text-align: center;\n}\n.oddsbom-oddschart-match-filter {\n display: flex;\n justify-content: flex-end;\n padding: 2px;\n position: relative;\n padding-top: 4px;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbom-oddschart-input {\n display: flex;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-empty {\n padding: 12px;\n border: 1px solid var(--emw--color-primary-variant, #1367e7);\n background-color: var(--emw--color-tertiary, #e3f2fd);\n width: 50%;\n min-width: 240px;\n max-width: 360px;\n margin: 4px auto;\n border-radius: 6px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n}\n.oddsbom-oddschart-input-empty-operation {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-wrap {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-input-item {\n display: flex;\n align-items: center;\n flex-basis: 160px;\n justify-content: center;\n gap: 5px;\n}\n.oddsbom-oddschart-input-odds {\n flex-basis: 130px;\n display: flex;\n align-items: center;\n font-size: 14px;\n text-indent: 16px;\n}\n.oddsbom-oddschart-input-operation {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n}\n.oddsbom-oddschart-selection--group {\n display: flex;\n margin-bottom: 8px;\n}\n.oddsbom-oddschart-selection--group-wrap {\n display: flex;\n border-radius: 4px;\n}\n.oddsbom-oddschart-selection--group-wrap:hover {\n background: var(--emw--color-gray-50, #f5f5f5);\n cursor: pointer;\n}\n.oddsbom-oddschart-selection-item {\n display: flex;\n flex-basis: 160px;\n justify-content: center;\n gap: 10px;\n}\n.oddsbom-oddschart-selection-odds {\n display: flex;\n gap: 12px;\n align-items: center;\n flex-basis: 130px;\n position: relative;\n text-indent: 16px;\n}\n.oddsbom-oddschart-selection-odds--text {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-selection-odds--fillIn {\n position: absolute;\n right: 0;\n}\n@container (max-width: 430px) {\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds {\n text-indent: unset;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds--fillIn {\n right: -22px;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-item {\n gap: 4px;\n }\n}\n.oddsbom-oddschart .arrow {\n transition: transform 0.3s ease;\n font-size: 16px;\n display: inline-flex;\n cursor: pointer;\n fill: var(--emw--color-typography, #000);\n display: flex;\n justify-content: center;\n flex-basis: 130px;\n}\n.oddsbom-oddschart .arrow.ascend {\n transform: rotate(180deg);\n}\n\n.empty-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.empty-wrap-text {\n color: var(--emw--color-typography, #000);\n}\n\n.oddsbom-oddschart-pagination {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 10px;\n padding-right: 16px;\n}\n.oddsbom-oddschart-pagination-wrap {\n display: flex;\n align-items: center;\n gap: 12px;\n height: 18px;\n}\n.oddsbom-oddschart-pagination-prev, .oddsbom-oddschart-pagination-next {\n cursor: pointer;\n}\n.oddsbom-oddschart-pagination-prev.disabled, .oddsbom-oddschart-pagination-next.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.oddsbom-oddschart-pagination-icon {\n display: flex;\n height: 18px;\n align-items: center;\n fill: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-pagination-page {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n\n.progress-bar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n overflow: hidden;\n}\n.progress-bar::after {\n content: "";\n display: block;\n width: 20%;\n height: 100%;\n background-color: var(--emw--color-primary, #0d196e);\n animation: progress 1.5s linear infinite;\n}\n\n@keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(500%);\n }\n}';const _=class{constructor(i){t(this,i),this.valueChange=e(this,"valueChange",7),this.handleInputChange=t=>{const e=t.target.value.trim();this.valueChange.emit(e)},this.handleKeyDown=t=>{"Enter"===t.key&&this.inputElement.blur()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.value=""}async getValue(){return this.inputElement.value}async clearValue(){this.inputElement&&(this.inputElement.value=""),this.value=""}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return i("div",{key:"eb973f7978b7452788f72a43da5424abbe845361",class:"oddscharts-input",ref:t=>this.stylingContainer=t},i("input",{key:"f24fba10175b944af328b71f8e257d8ad1386af2",ref:t=>this.inputElement=t,type:"text",inputMode:"numeric",value:this.value,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,autocomplete:"one-time-code"}))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};_.style=".oddscharts-input{display:inline-flex;padding:2px}.oddscharts-input input{width:32px;height:32px;text-align:center;font-size:14px;font-weight:bold;line-height:32px;border:2px solid var(--emw--color-gray-100, #e6e6e6);border-radius:4px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);text-transform:uppercase}.oddscharts-input input:focus{outline:none;border-color:var(--emw--color-primary, #0d196e);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));border-width:2px}.oddscharts-input input:disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed}.oddscharts-input input.error{border-color:var(--emw--color-error, #ff3d00)}.oddscharts-input input.error:focus{box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}";const j=class{constructor(i){t(this,i),this.oddsbomBoardClearEvent=e(this,"oddsbomBoardClear",7),this.oddsbomAddMoreToMatchEvent=e(this,"oddsbomAddMoreToMatch",7),this.ticketBoardInfo=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl="",this.addSelectionConfig=void 0,this.bulletsConfig=void 0,this.isInputInvalid=!1,this.errorMessage="",this.dialogConfig={width:"400px",visible:!1,onConfirm:()=>this.handleFillInAddMore(),onCancel:()=>this.handleCloseAddMoreDialog()},this.curAddMoreInfo={matchIdx:0,selectionIdx:0,value:""}}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&m(JSON.parse(this.translationUrl))}handleOddsbomBulletGroupToggle(t){const{bulletConfigArr:e}=t.detail;this.bulletsConfig=e}handleOddsbomBulletCallDialogFromGroup(t){const{matchIdx:e,selectionIdx:i}=t.detail;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{matchIdx:e,selectionIdx:i}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0})}handleFillInAddMore(){if(this.isInputInvalid)return void this.handleCloseAddMoreDialog();const{matchIdx:t,selectionIdx:e,value:i}=this.curAddMoreInfo;this.oddsbomAddMoreToMatchEvent.emit({matchIdx:t,selectionIdx:e,value:i}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""})}handleCloseAddMoreDialog(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""}),this.isInputInvalid=!1,this.errorMessage=""}handleClearAllSelection(){this.oddsbomBoardClearEvent.emit(),a({message:l("selectionCleared",this.language)})}validateInput(t){const e=Number(t);if(isNaN(e))return this.isInputInvalid=!0,void(this.errorMessage=l("enterValidNumber",this.language));if(e<b||e>this.addSelectionConfig.maxScore)return this.isInputInvalid=!0,void(this.errorMessage=l("enterNumberBetween",this.language,{min:b,max:this.addSelectionConfig.maxScore}));const{matchIdx:i,selectionIdx:o}=this.curAddMoreInfo;if(this.ticketBoardInfo[i].addSelections[o].some((e=>Number(e)===Number(t))))return this.isInputInvalid=!0,void(this.errorMessage=l("numberAlreadySelected",this.language));this.isInputInvalid=!1,this.errorMessage=""}handleInputChange(t){const e=t.target.value;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:e}),this.validateInput(e)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return i("div",{key:"7cacb40559ce42eed5c03326d830461c9dbd2708",class:"oddsbomTicketBoard",ref:t=>this.stylingContainer=t},i("div",{key:"b1c7f38a621320949049f26745232d2a34d644e8",class:"oddsbomTicketBoard-btn"},i("lottery-oddsbom-ticket-button",{key:"ff6c51b5a115cf46e4fc6df5b725a8233a55fa0f",onClick:this.handleClearAllSelection.bind(this),text:l("clearAll",this.language),variant:"outline"})),this.ticketBoardInfo.length?i("div",{class:"oddsbomTicketBoard-list"},this.ticketBoardInfo.map(((t,e)=>i("div",{class:"oddsbomTicketBoard-item"},i("div",{class:"oddsbomTicketBoard-item-header"},`${e+1}. ${t.matchName}`),i("div",{class:"oddsbomTicketBoard-item-match"},i("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[0]),i("div",{class:"oddsbomTicketBoard-item-match--right"},i("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[0],selectionIdx:0,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))),i("div",{class:"oddsbomTicketBoard-item-match"},i("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[1]),i("div",{class:"oddsbomTicketBoard-item-match--right"},i("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[1],selectionIdx:1,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))))))):i("div",{class:"oddsbomTicketBoard-noData"},l("noTicketBoard",this.language)),i("lottery-tipping-dialog",{key:"dbaf34154fcf9a16d3210f03345d80c4a5354125",visible:this.dialogConfig.visible,width:this.dialogConfig.width,onCancel:this.handleCloseAddMoreDialog.bind(this)},i("div",{key:"93370ed84ff6e3483214307e45cb46f767712343",class:"addSelectionDialog"},i("div",{key:"ec774960c7f0bc25dc2d2e55d7b185d520dbbe27",class:"addSelectionDialog-title"},l("enterScoreUpTo",this.language,{maxScore:this.addSelectionConfig.maxScore})),i("input",{key:"d21da9e15f671a9790b343674af722394c5599ce",type:"text",class:{"dialog-input":!0,invalid:this.isInputInvalid},value:this.curAddMoreInfo.value,onInput:this.handleInputChange.bind(this)}),i("div",{key:"ebe2c70cd8a5ba10bdfdc99178356677cd076621",class:"error-message"},this.errorMessage)),i("div",{key:"31ff21b79c853c9f46fc8e8ba0f33b39bf2cda4f",slot:"footer",class:"addSelectionDialog-footer"},i("lottery-oddsbom-ticket-button",{key:"34a4edbfae9233b0ee47ffd929901ad7fe991ffe",onClick:this.dialogConfig.onCancel,text:l("cancel",this.language),variant:"outline"}),i("lottery-oddsbom-ticket-button",{key:"d0ff9fb20917bd30d88b2aaa87cb863069a88328",onClick:this.dialogConfig.onConfirm,text:l("confirm",this.language),variant:"primary",disabled:!this.curAddMoreInfo.value}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};j.style=".oddsbomTicketBoard {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n container-type: inline-size;\n min-height: 220px;\n}\n.oddsbomTicketBoard-noData {\n display: flex;\n justify-content: center;\n height: 200px;\n align-items: center;\n}\n.oddsbomTicketBoard-btn {\n display: flex;\n justify-content: flex-end;\n margin: 16px;\n margin-bottom: unset;\n}\n.oddsbomTicketBoard-item {\n display: flex;\n gap: 16px;\n flex-direction: column;\n padding: 24px;\n}\n.oddsbomTicketBoard-item:not(:last-child) {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBoard-item-header {\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBoard-item-match--left {\n width: 130px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match--right {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-evenly;\n}\n@container (max-width: 320px) {\n .oddsbomTicketBoard-item-match--left {\n width: 100px;\n max-width: 100px;\n }\n}\n\n.dialog-input {\n width: 100%;\n padding: 8px;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n box-sizing: border-box;\n margin-top: 10px;\n}\n\n.dialog-input.invalid,\n.dialog-input.invalid:focus {\n border-color: var(--emw--color-error, #ff3d00);\n outline-color: var(--emw--color-error, #ff3d00);\n}\n\n.error-message {\n color: var(--emw--color-error, #ff3d00);\n font-size: 12px;\n margin-top: 4px;\n}\n\n.addSelectionDialog-title {\n color: var(--emw--color-typography, #000);\n}\n.addSelectionDialog-footer {\n display: flex;\n justify-content: flex-end;\n gap: 18px;\n}";const M=class{constructor(e){t(this,e),this.handleClick=t=>{if(this.disabled)return;const e=this.host.shadowRoot.querySelector(".btn");if(!e)return;const i=e.getBoundingClientRect(),o=Math.max(i.width,i.height),n={top:t.clientY-i.top-o/2,left:t.clientX-i.left-o/2,size:o};this.ripples=[...this.ripples,n],setTimeout((()=>{this.ripples=this.ripples.filter((t=>t!==n))}),600)},this.variant="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.text=void 0,this.mbSource=void 0,this.language="en",this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.ripples=[]}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&c(this.translationUrl)}render(){const{variant:t,disabled:e,size:o}=this,n=e||this.loading;return i("button",{key:"c0c87c36c7c3f48286729c9133eded8338f137be",class:{btn:!0,[`btn--${t}`]:!0,[`btn--${o}`]:!0,"btn--loading":this.loading},disabled:n,onClick:this.handleClick},this.loading?i("div",{class:"loading-container"},i("span",{class:"content"},this.text||l("loading",this.language)),i("span",{class:"spinner"})):i("span",{class:"content"},this.text),i("div",{key:"8276ad215063ef4217b11f65fb189d6fcccd1f24",class:"ripple-container"},this.ripples.map(((t,e)=>i("span",{key:e,class:"ripple",style:{top:`${t.top}px`,left:`${t.left}px`,width:`${t.size}px`,height:`${t.size}px`}})))))}get host(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};M.style=':host{display:inline-block;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;outline:none;overflow:hidden;transition:background-color 0.2s, border-color 0.2s, color 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.btn .content{position:relative}.btn:disabled{cursor:not-allowed;opacity:0.5}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:#08104a}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:rgba(0, 0, 0, 0.2)}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:#dcdcdc;color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:#a6a6a6}.btn--outline:active:not(:disabled){background-color:#e6e6e6}.btn--dashed{background-color:transparent;border-style:dashed;border-color:#dcdcdc;color:#333}.btn--dashed:hover:not(:disabled){border-color:#a6a6a6;color:#0052d9}.btn--text{background-color:transparent;color:#0052d9;border-color:transparent}.btn--text:hover:not(:disabled){background-color:#f2f2f2}.btn--text:active:not(:disabled){background-color:#e6e6e6}.btn--small{height:28px;font-size:12px;padding:0 12px}.btn--medium{height:34px;font-size:14px;padding:0 18px}.btn--large{height:40px;font-size:16px;padding:0 24px}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:rgba(0, 0, 0, 0.1)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}';const z=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),D=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.ticketBoardInfo=void 0,this.language="en",this.expanded=!1,this._ticketBoardInfo=[]}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this._ticketBoardInfo=JSON.parse(JSON.stringify(this.ticketBoardInfo))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleTicketBoradInfoChange(t){this._ticketBoardInfo=JSON.parse(JSON.stringify(t))}generateMatchItemSelection(t,e,o,n,s,d,a){return i("div",{class:"oddsbomSelection-item"},i("div",{class:"oddsbomSelection-item-number"},o+1),i("div",{class:"oddsbomSelection-item-selection"},i("div",{class:"oddsbomSelection-item-team"},i("div",{class:"oddsbomSelection-item-team-name"},t),i("div",{class:"oddsbomSelection-item-team-selection"},i("lottery-oddsbom-bullet-group",{bulletConfigs:n,selectionIdx:0,matchIdx:o,bulletConfigsDeleteOrigin:d,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"}))),i("div",{class:"oddsbomSelection-item-team"},i("div",{class:"oddsbomSelection-item-team-name"},e),i("div",{class:"oddsbomSelection-item-team-selection"},i("lottery-oddsbom-bullet-group",{bulletConfigs:s,selectionIdx:1,matchIdx:o,bulletConfigsDeleteOrigin:a,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"})))))}generateSelectionList(){return this._ticketBoardInfo?this._ticketBoardInfo.map(((t,e)=>{var i,o,n,s;const{matchName:d,selections:a}=t,l=d.split("vs")[0],r=d.split("vs")[1],c=a[0].filter((t=>t.isSelected)),h=a[1].filter((t=>t.isSelected)),m=null!==(o=null===(i=t.addSelections)||void 0===i?void 0:i[0])&&void 0!==o?o:[],b=null!==(s=null===(n=t.addSelections)||void 0===n?void 0:n[1])&&void 0!==s?s:[];return m.length>0&&m.forEach((t=>{c.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),b.length>0&&b.forEach((t=>{h.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),this.generateMatchItemSelection(l,r,e,c,h,a[0],a[1])})):null}render(){return i("div",{key:"8e359b773654d6a1632f69837009ccc29d547561",class:"oddsbomSelection",ref:t=>this.stylingContainer=t},i("div",{key:"93c2575de9e70759118f4d4702f356322c2bcb88",class:"oddsbomSelection-panel"},i("div",{key:"2df0bf1be465b9baa00f44052c623071f78d799d",class:"oddsbomSelection-panel--header",onClick:this.togglePanel},i("div",{key:"c32a79afcab02f683ffb8abc26395e098b080939",class:"oddsbomSelection-panel--header-title"},l("myChoices",this.language)),i("div",{key:"de2b875b0fc538212d15cb7dde2c95b10d49665a",class:"oddsbomSelection-panel--header-icon "+(this.expanded?"expanded":""),innerHTML:z})),i("div",{key:"4a51e00f8ab67d9ab6c1cfd25d47f93c79d7a4bf",class:"oddsbomSelection-panel--content "+(this.expanded?"open":"closed")},i("div",{key:"9f9575c3bb176769cee836c9cf027fc76580b367",class:"oddsbomSelection-panel--content-thead"},i("div",{key:"3dd762c94c915afc9f14b38fdaec73a42b56004e",class:"oddsbomSelection-panel--content-thead-item"},l("teams",this.language)),i("div",{key:"2ea960a6db72e11a7e9157871f70769174f722f0",class:"oddsbomSelection-panel--content-thead-item"},l("scores",this.language))),i("div",{key:"847ef04f0a9e289c796a856c3d16bebc83d2d188",class:"oddsbomSelection-panel--content-tbody"},this.generateSelectionList()))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoradInfoChange"]}}};D.style=".oddsbomSelection {\n container-type: inline-size;\n}\n.oddsbomSelection-panel--header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n height: 40px;\n padding: 0 4px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--header:hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n border-radius: 4px;\n}\n.oddsbomSelection-panel--header-title {\n font-size: 16px;\n font-weight: 600;\n user-select: none;\n}\n.oddsbomSelection-panel--header-icon {\n transition: transform 0.2s;\n}\n.oddsbomSelection-panel--header-icon.expanded {\n transform: rotate(180deg);\n}\n.oddsbomSelection-panel--content {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 12px;\n font-size: 14px;\n user-select: none;\n}\n.oddsbomSelection-panel--content.open {\n max-height: 19000px;\n padding: 10px 12px;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomSelection-panel--content.closed {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.oddsbomSelection-panel--content-thead {\n display: flex;\n justify-content: space-between;\n padding: 0 24px;\n margin-bottom: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--content-tbody {\n padding: 0 18px;\n}\n.oddsbomSelection-item {\n display: flex;\n justify-content: space-between;\n position: relative;\n padding: 8px;\n}\n.oddsbomSelection-item:not(:last-child) {\n border-bottom: 1px dashed var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomSelection-item-number {\n position: absolute;\n left: -18px;\n top: 48%;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-selection {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.oddsbomSelection-item-team {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 32px;\n color: var();\n}\n.oddsbomSelection-item-team-name {\n max-width: 140px;\n width: 140px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-team-selection {\n display: flex;\n gap: 6px;\n flex: 1;\n justify-content: flex-end;\n}\n@container (max-width: 430px) {\n .oddsbomSelection-item-team-name {\n max-width: 80px;\n width: 80px;\n }\n}\n\n.oddsbomSelection-panel--header-icon {\n fill: var(--emw--color-typography, #000);\n}";const T=["ro","en","fr","ar","hr"],$={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},U=(t,e)=>{const i=e;return $[void 0!==i&&T.includes(i)?i:"en"][t]},A=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const i=await fetch(t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const o=await i.json();e=o,Object.keys(e).forEach((t=>{for(let i in e[t])$[t][i]=e[t][i]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.cancel.emit()}handleMaskClick(t){this.maskClosable&&t.target===this.el.querySelector(".mask")&&this.cancel.emit()}handleConfirm(){this.confirm.emit()}render(){const t={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],o=["mask",this.visible?"mask-enter":"mask-leave"],n=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return i("div",{key:"716c6488b86fc5a74bcd8c8c8a4eee1b85f75cb7",class:e.join(" "),ref:t=>this.stylingContainer=t},i("div",{key:"161d976b5a15f62c63b56555e161b5b29c0a7771",class:o.join(" "),onClick:this.handleMaskClick.bind(this)}),i("div",{key:"ebd2c356c169765b06c85997dc9906b74358b450",class:n,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},i("div",{key:"2a8616c336447b33d3c4b3f22deee3871abd93c9",class:"dialog-header"},i("h2",{key:"fc4f4f87826620754f8cce73874726cdebcc280e",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&i("button",{key:"1626434c0700df7dc094cbf0c96840476ab65da5",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),i("div",{key:"44d28c0e477e3e16069749f7700ee70b6a486d07",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},i("slot",{key:"745e1329fc3647247245f7aa96d10a06b6b18329"})),this.showFooter&&i("div",{key:"cc3b19ba0ab16fd485f2c4e81a5793a25cecb98f",class:"dialog-footer"},i("slot",{key:"906adc00a3735e096159002b972804cfe147f42e",name:"footer"},this.showCancelBtn&&i("button",{key:"1fc68b04c7c39ca9b7dfb228836eb38c4368c355",class:"cancel-btn",onClick:this.handleClose.bind(this)},U("cancel",this.language)),i("button",{key:"1d054ca93148286249d4989c783a67e1afe33667",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},U("confirm",this.language))))))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};A.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";export{v as lottery_oddsbom_bullet,w as lottery_oddsbom_bullet_group,I as lottery_oddsbom_oddschart,_ as lottery_oddsbom_oddschart_input,j as lottery_oddsbom_ticket_board,M as lottery_oddsbom_ticket_button,D as lottery_oddsbom_ticket_selection,A as lottery_tipping_dialog}
|
|
1
|
+
import{r as t,c as e,h as i,g as o}from"./index-9dee9d86.js";import{s as n,a as s,b as d,c as a,t as l,d as r,r as c,f as h,g as m,M as b}from"./lottery-oddsbom-ticket-bet-2da56108.js";export{L as lottery_oddsbom_ticket_bet}from"./lottery-oddsbom-ticket-bet-2da56108.js";const p={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"}}]},name:"info-circle",theme:"filled"};var g=function(){return g=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},g.apply(this,arguments)},f={primaryColor:"#333",secondaryColor:"#E6E6E6"};function u(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var i=e.placeholders||f;return y(t.icon(i.primaryColor,i.secondaryColor),e)}return y(t.icon,e)}function y(t,e){var i="svg"===t.tag?g(g({},t.attrs),e.extraSVGAttrs||{}):t.attrs,o=Object.keys(i).reduce((function(t,e){var o=i[e],n="".concat(e,'="').concat(o,'"');return t.push(n),t}),[]),n=o.length?" "+o.join(" "):"",s=(t.children||[]).map((function(t){return y(t,e)})).join("");return s&&s.length?"<".concat(t.tag).concat(n,">").concat(s,"</").concat(t.tag,">"):"<".concat(t.tag).concat(n," />")}const x=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"}}]},name:"delete",theme:"filled"},{extraSVGAttrs:{width:"18px",height:"18px",fill:""}}),v=class{constructor(i){t(this,i),this.oddsbomBulletToggleEvent=e(this,"oddsbomBulletToggle",7),this.oddsbomBulletDeleteEvent=e(this,"oddsbomBulletDelete",7),this.oddsbomBulletAddedByMoreBtnDeleteEvent=e(this,"oddsbomBulletAddedByMoreBtnDelete",7),this.oddsbomBulletCallDialogEvent=e(this,"oddsbomBulletCallDialog",7),this.isSelected=void 0,this.disabled=void 0,this.text=void 0,this.idx=void 0,this.isReading=void 0,this.isDeleteByIcon=void 0,this.isCallDialogBtn=void 0,this.isAddedByMoreBtn=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClick(){this.isCallDialogBtn?this.oddsbomBulletCallDialogEvent.emit():this.isDeleteByIcon?this.isAddedByMoreBtn?this.oddsbomBulletAddedByMoreBtnDeleteEvent.emit(this.text):this.oddsbomBulletDeleteEvent.emit(this.idx):this.disabled||this.oddsbomBulletToggleEvent.emit(this.idx)}render(){return i("div",{key:"e21cf46108e35dcbf7d65e8c6a5f12f5d5ae49cb",class:"OddsbomBullet",ref:t=>this.stylingContainer=t},i("button",{key:"4edf5cd481d8283bd71f6806b6f93949e1308095",class:{OddsbomBulletBtn__normal:!0,OddsbomBulletBtn__selected:this.isSelected,OddsbomBulletBtn__disabled:this.disabled,isDeleteByIcon:this.isDeleteByIcon,isCallDialogBtn:this.isCallDialogBtn||this.isReading},onClick:this.handleClick.bind(this),disabled:this.disabled},i("span",{key:"fa1aed0293dc004808e6992c069d6992317b0788",class:"OddsbomBullet--deleteIcon",innerHTML:x}),i("span",{key:"53ed96f2c2b833d21488049f987b6131718d563e",class:"OddsbomBullet--text"},this.text)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};v.style=".OddsbomBullet .OddsbomBulletBtn__normal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--emw--color-background, #fff);border:2px solid var(--emw--color-primary, #0d196e);border-radius:var(--emw--border-radius-medium, 8px);color:var(--emw--color-typography, #000);font-weight:bold;cursor:pointer;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.2s ease, background-color 0.3s;user-select:none;position:relative}.OddsbomBullet .OddsbomBulletBtn__normal:hover{transform:scale(1.15) rotate(-5deg);box-shadow:var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15)) 7px 6px 6px}.OddsbomBullet .OddsbomBulletBtn__normal .OddsbomBullet--deleteIcon{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover{background-color:var(--emw--color-background, #fff)}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--text{display:none}.OddsbomBullet .OddsbomBulletBtn__normal.isDeleteByIcon:hover .OddsbomBullet--deleteIcon{display:inline;fill:var(--emw--color-typography, #000)}.OddsbomBullet .OddsbomBulletBtn__normal.isCallDialogBtn:hover{transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__selected{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff);transform:scale(1.05);box-shadow:0 5px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed;transform:none;box-shadow:none}.OddsbomBullet .OddsbomBulletBtn__normal.OddsbomBulletBtn__disabled:hover{transform:none;box-shadow:none}";const w=class{constructor(i){t(this,i),this.addSelectionEvent=e(this,"addSelection",7),this.deleteSelectionEvent=e(this,"deleteSelection",7),this.deleteSelectionOriginEvent=e(this,"deleteSelectionOrigin",7),this.oddsbomBulletGroupToggleEvent=e(this,"oddsbomBulletGroupToggle",7),this.oddsbomBulletGroupAddedByMoreBtnDelEvent=e(this,"oddsbomBulletGroupAddedByMoreBtnDel",7),this.oddsbomBulletCallDialogFromGroupEvent=e(this,"oddsbomBulletCallDialogFromGroup",7),this.selectionIdx=void 0,this.matchIdx=void 0,this.bulletConfigs=[],this.bulletConfigsDeleteOrigin=[],this.addSelectionConfig=void 0,this.isDeleteByIcon=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.bulletListClass=void 0,this.innerBulletConfigs=void 0,this.innerBulletConfigsDeleteOrigin=void 0}handleBulletConfigsChange(t){this.innerBulletConfigs=t.map((t=>Object.assign({},t)))}handleBulletConfigsDeleteOriginChange(t){this.innerBulletConfigsDeleteOrigin=t.map((t=>Object.assign({},t)))}componentWillLoad(){this.handleBulletConfigsChange(this.bulletConfigs)}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}oddsbomBulletToggleHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this,n=[...this.innerBulletConfigs],s=Object.assign({},n[e]);s.isSelected=!s.isSelected,n[e]=s,this.innerBulletConfigs=n,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigs,matchIdx:i,selectionIdx:o})}oddsbomBulletDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this,n=[...this.innerBulletConfigsDeleteOrigin],s=Object.assign({},n[e]);s.isSelected=!s.isSelected,n[e]=s,this.innerBulletConfigsDeleteOrigin=n,this.oddsbomBulletGroupToggleEvent.emit({bulletSelctionArr:this.innerBulletConfigsDeleteOrigin,matchIdx:i,selectionIdx:o})}oddsbomBulletAddedByMoreBtnDeleteHandler(t){const e=t.detail,{matchIdx:i,selectionIdx:o}=this;this.oddsbomBulletGroupAddedByMoreBtnDelEvent.emit({delText:e,matchIdx:i,selectionIdx:o})}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleOddsbomBulletCallDialog(){const{matchIdx:t,selectionIdx:e}=this;this.oddsbomBulletCallDialogFromGroupEvent.emit({matchIdx:t,selectionIdx:e})}render(){return i("div",{key:"38102a447cf8fafc8f7a7e5a122c7ccbc2ce8b4a",class:"oddsbomBulletGroup",ref:t=>this.stylingContainer=t},i("div",{key:"59ca1df498575356eb3438b45e9431b1bc7ee2dd",class:`oddsbomBulletGroup-list ${this.bulletListClass||""}`},this.innerBulletConfigs.map((t=>i("lottery-oddsbom-bullet",t.isAddMoreBtn?{text:`${this.addSelectionConfig.maxOverScore}+`,disabled:t.isDisabled,isCallDialogBtn:!0,onOddsbomBulletCallDialog:this.handleOddsbomBulletCallDialog.bind(this)}:{text:t.text,idx:t.idx,isSelected:t.isSelected,disabled:t.isDisabled,isDeleteByIcon:this.isDeleteByIcon,isAddedByMoreBtn:t.isAddedByMoreBtn})))))}static get watchers(){return{bulletConfigs:["handleBulletConfigsChange"],bulletConfigsDeleteOrigin:["handleBulletConfigsDeleteOriginChange"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};w.style=".oddsbomBulletGroup{width:100%}.oddsbomBulletGroup .oddsbomBulletGroup-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.oddsbomBulletGroup .selection-bullet-list{justify-content:flex-end}";const k=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"}}]},name:"arrow-up",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),S=u(p,{extraSVGAttrs:{width:"18px",height:"18px",fill:"#0d196e"}}),C=u(p,{extraSVGAttrs:{width:"16px",height:"16px",fill:"#1367e7"}}),B=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"}}]},name:"left",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),O=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"}}]},name:"right",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),I=class{constructor(i){t(this,i),this.oddsQueryLineChangeEvent=e(this,"oddsQueryLineChange",7),this.oddschartFillInEvent=e(this,"oddschartFillIn",7),this.oddsQueryChangeEvent=e(this,"oddsQueryChange",7),this.handleSearch=async()=>{const t=this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input"),e=await Promise.all(Array.from(t).map((t=>t.getValue())));if(e.length!=2*this.matchInfo.length)return void a({theme:"warning",message:l("pleaseFillIn",this.language)});const i=[...this.matchSelection],o=[];for(let t=0;t<e.length;t+=2){const n=e[t],s=e[t+1],d=t/2;n&&s&&(o.push([[`${n}:${s}`]]),i[d]=[n,s])}if(this.matchSelection=[...i],o.length>0){const t=await r(JSON.stringify(o));this.oddsQueryLineChangeEvent.emit({lineSelectionBase64:t,offset:0}),this.hasFillInSelection=!0}},this.handleGroupClick=t=>{this.selectedGroupIndex=t},this.toggleFilterIcon=()=>{this.isAscend=!this.isAscend,this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({ascending:this.isAscend,offset:0,lineSelectionBase64:""})},this.handlePrevPage=()=>{this.curPage>=1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset-this.limit,lineSelectionBase64:""}))},this.handleNextPage=()=>{this.curPage<this.totalPage-1&&(this.selectedGroupIndex=-1,this.oddsQueryChangeEvent.emit({offset:this.offset+this.limit,lineSelectionBase64:""}))},this.matchInfo=void 0,this.oddsInfo=void 0,this.total=void 0,this.curPage=void 0,this.limit=void 0,this.offset=void 0,this.filterdOdds=void 0,this.isSearching=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.isLoading=!1,this.language="en",this.translationUrl="",this.isAscend=!0,this.selectedGroupIndex=-1,this.matchSelection=[],this.hasFillInSelection=!1}async initOddsChart(){this.oddsQueryChangeEvent.emit({offset:0,ascending:!0,lineSelectionBase64:""})}async closeOddsChart(){this.hasFillInSelection=!1,this.selectedGroupIndex=-1,this.matchSelection=[],this.isAscend=!0,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}handleMatchInfoChange(t){this.matchSelection=t.map((()=>[-1,-1]))}componentWillLoad(){this.translationUrl&&c(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get totalPage(){return Math.ceil(this.total/this.limit)}generateBulletGroup(t,e,o){let n;try{n=JSON.parse(t)}catch(t){return console.error("Failed to parse line JSON:",t),i("div",{class:"error-message"},"Invalid data format")}let s=n.map((t=>t[0])).map((t=>t[0]));const d=this.selectedGroupIndex===o;return i("div",{class:"oddsbom-oddschart-selection--group",onClick:this.handleGroupClick.bind(this,o)},i("div",{class:"oddsbom-oddschart-selection--group-wrap",style:{flexBasis:160*s.length+"px"}},s.map(((t,e)=>{const o=t.split(":");return i("div",{class:"oddsbom-oddschart-selection-item",key:e},i("div",{class:"oddsbom-oddschart-selection-item--1"},i("lottery-oddsbom-bullet",{text:o[0],"is-reading":!0,"is-selected":d})),i("div",{class:"oddsbom-oddschart-selection-item--2"},i("lottery-oddsbom-bullet",{text:o[1],"is-reading":!0,"is-selected":d})))}))),i("div",{class:"oddsbom-oddschart-selection-odds"},i("div",{class:"oddsbom-oddschart-selection-odds--text"},h(e)),d&&i("div",{class:"oddsbom-oddschart-selection-odds--fillIn"},i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),size:"small",variant:"outline",onClick:this.handleFillIn.bind(this,s),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))}handleFillIn(t){this.oddschartFillInEvent.emit({fillInNums:t})}clearMatchSelection(){this.hasFillInSelection=!1,this.matchItemsContainer&&this.matchItemsContainer.querySelectorAll("lottery-oddsbom-oddschart-input").forEach((t=>{t.clearValue()}))}fillInMatchSelection(){const t=[];this.matchSelection.forEach((e=>{t.push(`${e[0]}:${e[1]}`)})),this.handleFillIn(t)}render(){var t,e;return i("div",{key:"b160d1870184937cdd013a233a4841545d8f769a",class:"oddsbom-oddschart",ref:t=>this.stylingContainer=t},(null===(t=this.matchInfo)||void 0===t?void 0:t.length)&&(null===(e=this.oddsInfo)||void 0===e?void 0:e.length)?this.matchInfo&&i("div",{class:"oddsbom-oddschart-container"},i("div",{class:"oddsbom-oddschart-wrap"},i("div",{class:"oddsbom-oddschart-match",ref:t=>this.matchItemsContainer=t},this.matchInfo.map(((t,e)=>i("div",{class:"oddsbom-oddschart-match-item",key:e},i("div",{class:"oddsbom-oddschart-match-item-name"},i("div",{class:"oddsbom-oddschart-match-item-name--home"},`${e+1}. ${t.eventName.split("vs")[0]}`),i("div",{class:"oddsbom-oddschart-match-item-name--delimiter"},"vs"),i("div",{class:"oddsbom-oddschart-match-item-name--away"},`${t.eventName.split("vs")[1]}`)),i("div",{class:"oddsbom-oddschart-match-item-input"},i("lottery-oddsbom-oddschart-input",null),i("lottery-oddsbom-oddschart-input",null))))),i("div",{class:"oddsbom-oddschart-match-search"},i("lottery-oddsbom-ticket-button",{text:l("search",this.language),variant:"outline",onClick:this.handleSearch}))),this.hasFillInSelection&&!this.isSearching&&(this.filterdOdds?i("div",{class:"oddsbom-oddschart-input-wrap"},i("div",{class:"oddsbom-oddschart-input"},this.matchSelection.map((t=>i("div",{class:"oddsbom-oddschart-input-item"},i("lottery-oddsbom-bullet",{text:t[0],"is-reading":!0,"is-selected":!0}),i("lottery-oddsbom-bullet",{text:t[1],"is-reading":!0,"is-selected":!0})))),i("div",{class:"oddsbom-oddschart-input-odds"},h(this.filterdOdds))),i("div",{class:"oddsbom-oddschart-input-operation"},i("lottery-oddsbom-ticket-button",{text:l("clear",this.language),variant:"outline",size:"small",onClick:this.clearMatchSelection.bind(this)}),i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),variant:"outline",size:"small",onClick:this.fillInMatchSelection.bind(this)}))):i("div",{class:"oddsbom-oddschart-input-empty"},i("div",null,i("span",{innerHTML:C,style:{marginRight:"6px",height:"16px"}}),i("span",{style:{fontSize:"14px"}},l("noBets",this.language))),i("div",{class:"oddsbom-oddschart-input-empty-operation"},i("lottery-oddsbom-ticket-button",{text:l("clear",this.language),variant:"text",size:"small",onClick:this.clearMatchSelection.bind(this)}),i("lottery-oddsbom-ticket-button",{text:l("fillIn",this.language),variant:"text",size:"small",onClick:this.fillInMatchSelection.bind(this)})))),i("div",{class:"oddsbom-oddschart-match-filter"},(this.isLoading||this.isSearching)&&i("div",{class:"progress-bar"}),i("span",{onClick:this.toggleFilterIcon,class:"arrow "+(this.isAscend?"ascend":""),innerHTML:k})),i("div",{class:"oddsbom-oddschart-selection"},this.oddsInfo.map(((t,e)=>this.generateBulletGroup(t.lineSelection,t.odds,e)))),i("div",{class:"oddsbom-oddschart-pagination"},i("div",{class:"oddsbom-oddschart-pagination-wrap"},i("div",{class:"oddsbom-oddschart-pagination-prev "+(this.curPage<1?"disabled":""),onClick:this.handlePrevPage},i("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:B})),i("div",{class:"oddsbom-oddschart-pagination-page"},`${this.curPage+1} / ${this.totalPage}`),i("div",{class:"oddsbom-oddschart-pagination-next "+(this.curPage>=this.totalPage-1?"disabled":""),onClick:this.handleNextPage},i("div",{class:"oddsbom-oddschart-pagination-icon",innerHTML:O})))))):i("div",{class:"empty-wrap"},i("span",{innerHTML:S,style:{marginRight:"6px",height:"18px"}}),i("span",{class:"empty-wrap-text",style:{fontSize:"18px"}},l("noBets",this.language))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],matchInfo:["handleMatchInfoChange"]}}};I.style='.oddsbom-oddschart {\n container-type: inline-size;\n}\n.oddsbom-oddschart-container {\n position: relative;\n}\n.oddsbom-oddschart-match {\n display: flex;\n align-items: flex-end;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-match-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-basis: 160px;\n}\n.oddsbom-oddschart-match-item-name {\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbom-oddschart-match-item-name--home, .oddsbom-oddschart-match-item-name--away, .oddsbom-oddschart-match-item-name--delimiter {\n font-size: 13px;\n height: 16px;\n line-height: 16px;\n overflow: hidden;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-match-item-input {\n display: flex;\n justify-content: space-between;\n}\n.oddsbom-oddschart-match-search {\n flex-basis: 130px;\n text-align: center;\n}\n.oddsbom-oddschart-match-filter {\n display: flex;\n justify-content: flex-end;\n padding: 2px;\n position: relative;\n padding-top: 4px;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbom-oddschart-input {\n display: flex;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-empty {\n padding: 12px;\n border: 1px solid var(--emw--color-primary-variant, #1367e7);\n background-color: var(--emw--color-tertiary, #e3f2fd);\n width: 50%;\n min-width: 240px;\n max-width: 360px;\n margin: 4px auto;\n border-radius: 6px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n}\n.oddsbom-oddschart-input-empty-operation {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: 4px;\n}\n.oddsbom-oddschart-input-wrap {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 4px;\n}\n.oddsbom-oddschart-input-item {\n display: flex;\n align-items: center;\n flex-basis: 160px;\n justify-content: center;\n gap: 5px;\n}\n.oddsbom-oddschart-input-odds {\n flex-basis: 130px;\n display: flex;\n align-items: center;\n font-size: 14px;\n text-indent: 16px;\n}\n.oddsbom-oddschart-input-operation {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n}\n.oddsbom-oddschart-selection--group {\n display: flex;\n margin-bottom: 8px;\n}\n.oddsbom-oddschart-selection--group-wrap {\n display: flex;\n border-radius: 4px;\n}\n.oddsbom-oddschart-selection--group-wrap:hover {\n background: var(--emw--color-gray-50, #f5f5f5);\n cursor: pointer;\n}\n.oddsbom-oddschart-selection-item {\n display: flex;\n flex-basis: 160px;\n justify-content: center;\n gap: 10px;\n}\n.oddsbom-oddschart-selection-odds {\n display: flex;\n gap: 12px;\n align-items: center;\n flex-basis: 130px;\n position: relative;\n text-indent: 16px;\n}\n.oddsbom-oddschart-selection-odds--text {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-selection-odds--fillIn {\n position: absolute;\n right: 0;\n}\n@container (max-width: 430px) {\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds {\n text-indent: unset;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-odds--fillIn {\n right: -22px;\n }\n .oddsbom-oddschart .oddsbom-oddschart-selection-item {\n gap: 4px;\n }\n}\n.oddsbom-oddschart .arrow {\n transition: transform 0.3s ease;\n font-size: 16px;\n display: inline-flex;\n cursor: pointer;\n fill: var(--emw--color-typography, #000);\n display: flex;\n justify-content: center;\n flex-basis: 130px;\n}\n.oddsbom-oddschart .arrow.ascend {\n transform: rotate(180deg);\n}\n\n.empty-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.empty-wrap-text {\n color: var(--emw--color-typography, #000);\n}\n\n.oddsbom-oddschart-pagination {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 10px;\n padding-right: 16px;\n}\n.oddsbom-oddschart-pagination-wrap {\n display: flex;\n align-items: center;\n gap: 12px;\n height: 18px;\n}\n.oddsbom-oddschart-pagination-prev, .oddsbom-oddschart-pagination-next {\n cursor: pointer;\n}\n.oddsbom-oddschart-pagination-prev.disabled, .oddsbom-oddschart-pagination-next.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n.oddsbom-oddschart-pagination-icon {\n display: flex;\n height: 18px;\n align-items: center;\n fill: var(--emw--color-typography, #000);\n}\n.oddsbom-oddschart-pagination-page {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n}\n\n.progress-bar {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n overflow: hidden;\n}\n.progress-bar::after {\n content: "";\n display: block;\n width: 20%;\n height: 100%;\n background-color: var(--emw--color-primary, #0d196e);\n animation: progress 1.5s linear infinite;\n}\n\n@keyframes progress {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(500%);\n }\n}';const _=class{constructor(i){t(this,i),this.valueChange=e(this,"valueChange",7),this.handleInputChange=t=>{const e=t.target.value.trim();this.valueChange.emit(e)},this.handleKeyDown=t=>{"Enter"===t.key&&this.inputElement.blur()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.value=""}async getValue(){return this.inputElement.value}async clearValue(){this.inputElement&&(this.inputElement.value=""),this.value=""}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return i("div",{key:"eb973f7978b7452788f72a43da5424abbe845361",class:"oddscharts-input",ref:t=>this.stylingContainer=t},i("input",{key:"f24fba10175b944af328b71f8e257d8ad1386af2",ref:t=>this.inputElement=t,type:"text",inputMode:"numeric",value:this.value,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,autocomplete:"one-time-code"}))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};_.style=".oddscharts-input{display:inline-flex;padding:2px}.oddscharts-input input{width:32px;height:32px;text-align:center;font-size:14px;font-weight:bold;line-height:32px;border:2px solid var(--emw--color-gray-100, #e6e6e6);border-radius:4px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);text-transform:uppercase}.oddscharts-input input:focus{outline:none;border-color:var(--emw--color-primary, #0d196e);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));border-width:2px}.oddscharts-input input:disabled{background-color:var(--emw--color-gray-50, #f5f5f5);border-color:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-150, #6f6f6f);cursor:not-allowed}.oddscharts-input input.error{border-color:var(--emw--color-error, #ff3d00)}.oddscharts-input input.error:focus{box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}";const j=class{constructor(i){t(this,i),this.oddsbomBoardClearEvent=e(this,"oddsbomBoardClear",7),this.oddsbomAddMoreToMatchEvent=e(this,"oddsbomAddMoreToMatch",7),this.ticketBoardInfo=void 0,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl="",this.addSelectionConfig=void 0,this.bulletsConfig=void 0,this.isInputInvalid=!1,this.errorMessage="",this.dialogConfig={width:"400px",visible:!1,onConfirm:()=>this.handleFillInAddMore(),onCancel:()=>this.handleCloseAddMoreDialog()},this.curAddMoreInfo={matchIdx:0,selectionIdx:0,value:""}}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&m(JSON.parse(this.translationUrl))}handleOddsbomBulletGroupToggle(t){const{bulletConfigArr:e}=t.detail;this.bulletsConfig=e}handleOddsbomBulletCallDialogFromGroup(t){const{matchIdx:e,selectionIdx:i}=t.detail;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{matchIdx:e,selectionIdx:i}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0})}handleFillInAddMore(){if(this.isInputInvalid)return void this.handleCloseAddMoreDialog();const{matchIdx:t,selectionIdx:e,value:i}=this.curAddMoreInfo;this.oddsbomAddMoreToMatchEvent.emit({matchIdx:t,selectionIdx:e,value:i}),this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""})}handleCloseAddMoreDialog(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:""}),this.isInputInvalid=!1,this.errorMessage=""}handleClearAllSelection(){this.oddsbomBoardClearEvent.emit(),a({message:l("selectionCleared",this.language)})}validateInput(t){const e=Number(t);if(isNaN(e))return this.isInputInvalid=!0,void(this.errorMessage=l("enterValidNumber",this.language));if(e<b||e>this.addSelectionConfig.maxScore)return this.isInputInvalid=!0,void(this.errorMessage=l("enterNumberBetween",this.language,{min:b,max:this.addSelectionConfig.maxScore}));const{matchIdx:i,selectionIdx:o}=this.curAddMoreInfo;if(this.ticketBoardInfo[i].addSelections[o].some((e=>Number(e)===Number(t))))return this.isInputInvalid=!0,void(this.errorMessage=l("numberAlreadySelected",this.language));this.isInputInvalid=!1,this.errorMessage=""}handleInputChange(t){const e=t.target.value;this.curAddMoreInfo=Object.assign(Object.assign({},this.curAddMoreInfo),{value:e}),this.validateInput(e)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return i("div",{key:"7cacb40559ce42eed5c03326d830461c9dbd2708",class:"oddsbomTicketBoard",ref:t=>this.stylingContainer=t},i("div",{key:"b1c7f38a621320949049f26745232d2a34d644e8",class:"oddsbomTicketBoard-btn"},i("lottery-oddsbom-ticket-button",{key:"ff6c51b5a115cf46e4fc6df5b725a8233a55fa0f",onClick:this.handleClearAllSelection.bind(this),text:l("clearAll",this.language),variant:"outline"})),this.ticketBoardInfo.length?i("div",{class:"oddsbomTicketBoard-list"},this.ticketBoardInfo.map(((t,e)=>i("div",{class:"oddsbomTicketBoard-item"},i("div",{class:"oddsbomTicketBoard-item-header"},`${e+1}. ${t.matchName}`),i("div",{class:"oddsbomTicketBoard-item-match"},i("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[0]),i("div",{class:"oddsbomTicketBoard-item-match--right"},i("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[0],selectionIdx:0,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))),i("div",{class:"oddsbomTicketBoard-item-match"},i("div",{class:"oddsbomTicketBoard-item-match--left"},t.matchName.split("vs")[1]),i("div",{class:"oddsbomTicketBoard-item-match--right"},i("lottery-oddsbom-bullet-group",{bulletConfigs:t.selections[1],selectionIdx:1,matchIdx:e,addSelectionConfig:this.addSelectionConfig}))))))):i("div",{class:"oddsbomTicketBoard-noData"},l("noTicketBoard",this.language)),i("lottery-tipping-dialog",{key:"dbaf34154fcf9a16d3210f03345d80c4a5354125",visible:this.dialogConfig.visible,width:this.dialogConfig.width,onCancel:this.handleCloseAddMoreDialog.bind(this)},i("div",{key:"93370ed84ff6e3483214307e45cb46f767712343",class:"addSelectionDialog"},i("div",{key:"ec774960c7f0bc25dc2d2e55d7b185d520dbbe27",class:"addSelectionDialog-title"},l("enterScoreUpTo",this.language,{maxScore:this.addSelectionConfig.maxScore})),i("input",{key:"d21da9e15f671a9790b343674af722394c5599ce",type:"text",class:{"dialog-input":!0,invalid:this.isInputInvalid},value:this.curAddMoreInfo.value,onInput:this.handleInputChange.bind(this)}),i("div",{key:"ebe2c70cd8a5ba10bdfdc99178356677cd076621",class:"error-message"},this.errorMessage)),i("div",{key:"31ff21b79c853c9f46fc8e8ba0f33b39bf2cda4f",slot:"footer",class:"addSelectionDialog-footer"},i("lottery-oddsbom-ticket-button",{key:"34a4edbfae9233b0ee47ffd929901ad7fe991ffe",onClick:this.dialogConfig.onCancel,text:l("cancel",this.language),variant:"outline"}),i("lottery-oddsbom-ticket-button",{key:"d0ff9fb20917bd30d88b2aaa87cb863069a88328",onClick:this.dialogConfig.onConfirm,text:l("confirm",this.language),variant:"primary",disabled:!this.curAddMoreInfo.value}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};j.style=".oddsbomTicketBoard {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n container-type: inline-size;\n min-height: 220px;\n}\n.oddsbomTicketBoard-noData {\n display: flex;\n justify-content: center;\n height: 200px;\n align-items: center;\n}\n.oddsbomTicketBoard-btn {\n display: flex;\n justify-content: flex-end;\n margin: 16px;\n margin-bottom: unset;\n}\n.oddsbomTicketBoard-item {\n display: flex;\n gap: 16px;\n flex-direction: column;\n padding: 24px;\n}\n.oddsbomTicketBoard-item:not(:last-child) {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBoard-item-header {\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBoard-item-match--left {\n width: 130px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBoard-item-match--right {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 12px;\n justify-content: space-evenly;\n}\n@container (max-width: 320px) {\n .oddsbomTicketBoard-item-match--left {\n width: 100px;\n max-width: 100px;\n }\n}\n\n.dialog-input {\n width: 100%;\n padding: 8px;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n box-sizing: border-box;\n margin-top: 10px;\n}\n\n.dialog-input.invalid,\n.dialog-input.invalid:focus {\n border-color: var(--emw--color-error, #ff3d00);\n outline-color: var(--emw--color-error, #ff3d00);\n}\n\n.error-message {\n color: var(--emw--color-error, #ff3d00);\n font-size: 12px;\n margin-top: 4px;\n}\n\n.addSelectionDialog-title {\n color: var(--emw--color-typography, #000);\n}\n.addSelectionDialog-footer {\n display: flex;\n justify-content: flex-end;\n gap: 18px;\n}";const M=class{constructor(e){t(this,e),this.handleClick=t=>{if(this.disabled)return;const e=this.host.shadowRoot.querySelector(".btn");if(!e)return;const i=e.getBoundingClientRect(),o=Math.max(i.width,i.height),n={top:t.clientY-i.top-o/2,left:t.clientX-i.left-o/2,size:o};this.ripples=[...this.ripples,n],setTimeout((()=>{this.ripples=this.ripples.filter((t=>t!==n))}),600)},this.variant="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.text=void 0,this.mbSource=void 0,this.language="en",this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.ripples=[]}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&c(this.translationUrl)}render(){const{variant:t,disabled:e,size:o}=this,n=e||this.loading;return i("button",{key:"c0c87c36c7c3f48286729c9133eded8338f137be",class:{btn:!0,[`btn--${t}`]:!0,[`btn--${o}`]:!0,"btn--loading":this.loading},disabled:n,onClick:this.handleClick},this.loading?i("div",{class:"loading-container"},i("span",{class:"content"},this.text||l("loading",this.language)),i("span",{class:"spinner"})):i("span",{class:"content"},this.text),i("div",{key:"8276ad215063ef4217b11f65fb189d6fcccd1f24",class:"ripple-container"},this.ripples.map(((t,e)=>i("span",{key:e,class:"ripple",style:{top:`${t.top}px`,left:`${t.left}px`,width:`${t.size}px`,height:`${t.size}px`}})))))}get host(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};M.style=':host{display:inline-block;font-family:"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;outline:none;overflow:hidden;transition:background-color 0.2s, border-color 0.2s, color 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.btn .content{position:relative}.btn:disabled{cursor:not-allowed;opacity:0.5}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:#08104a}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:rgba(0, 0, 0, 0.2)}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:#dcdcdc;color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:#a6a6a6}.btn--outline:active:not(:disabled){background-color:#e6e6e6}.btn--dashed{background-color:transparent;border-style:dashed;border-color:#dcdcdc;color:#333}.btn--dashed:hover:not(:disabled){border-color:#a6a6a6;color:#0052d9}.btn--text{background-color:transparent;color:#0052d9;border-color:transparent}.btn--text:hover:not(:disabled){background-color:#f2f2f2}.btn--text:active:not(:disabled){background-color:#e6e6e6}.btn--small{height:28px;font-size:12px;padding:0 12px}.btn--medium{height:34px;font-size:14px;padding:0 18px}.btn--large{height:40px;font-size:16px;padding:0 24px}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:rgba(0, 0, 0, 0.1)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}';const z=u({icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),D=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.ticketBoardInfo=void 0,this.language="en",this.expanded=!1,this._ticketBoardInfo=[]}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this._ticketBoardInfo=JSON.parse(JSON.stringify(this.ticketBoardInfo))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&d(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleTicketBoradInfoChange(t){this._ticketBoardInfo=JSON.parse(JSON.stringify(t))}generateMatchItemSelection(t,e,o,n,s,d,a){return i("div",{class:"oddsbomSelection-item"},i("div",{class:"oddsbomSelection-item-number"},o+1),i("div",{class:"oddsbomSelection-item-selection"},i("div",{class:"oddsbomSelection-item-team"},i("div",{class:"oddsbomSelection-item-team-name"},t),i("div",{class:"oddsbomSelection-item-team-selection"},i("lottery-oddsbom-bullet-group",{bulletConfigs:n,selectionIdx:0,matchIdx:o,bulletConfigsDeleteOrigin:d,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"}))),i("div",{class:"oddsbomSelection-item-team"},i("div",{class:"oddsbomSelection-item-team-name"},e),i("div",{class:"oddsbomSelection-item-team-selection"},i("lottery-oddsbom-bullet-group",{bulletConfigs:s,selectionIdx:1,matchIdx:o,bulletConfigsDeleteOrigin:a,isDeleteByIcon:!0,bulletListClass:"selection-bullet-list"})))))}generateSelectionList(){return this._ticketBoardInfo?this._ticketBoardInfo.map(((t,e)=>{var i,o,n,s;const{matchName:d,selections:a}=t,l=d.split("vs")[0],r=d.split("vs")[1],c=a[0].filter((t=>t.isSelected)),h=a[1].filter((t=>t.isSelected)),m=null!==(o=null===(i=t.addSelections)||void 0===i?void 0:i[0])&&void 0!==o?o:[],b=null!==(s=null===(n=t.addSelections)||void 0===n?void 0:n[1])&&void 0!==s?s:[];return m.length>0&&m.forEach((t=>{c.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),b.length>0&&b.forEach((t=>{h.push({text:t,idx:-1,isSelected:!0,isDisabled:!1,isAddedByMoreBtn:!0})})),this.generateMatchItemSelection(l,r,e,c,h,a[0],a[1])})):null}render(){return i("div",{key:"8e359b773654d6a1632f69837009ccc29d547561",class:"oddsbomSelection",ref:t=>this.stylingContainer=t},i("div",{key:"93c2575de9e70759118f4d4702f356322c2bcb88",class:"oddsbomSelection-panel"},i("div",{key:"2df0bf1be465b9baa00f44052c623071f78d799d",class:"oddsbomSelection-panel--header",onClick:this.togglePanel},i("div",{key:"c32a79afcab02f683ffb8abc26395e098b080939",class:"oddsbomSelection-panel--header-title"},l("myChoices",this.language)),i("div",{key:"de2b875b0fc538212d15cb7dde2c95b10d49665a",class:"oddsbomSelection-panel--header-icon "+(this.expanded?"expanded":""),innerHTML:z})),i("div",{key:"4a51e00f8ab67d9ab6c1cfd25d47f93c79d7a4bf",class:"oddsbomSelection-panel--content "+(this.expanded?"open":"closed")},i("div",{key:"9f9575c3bb176769cee836c9cf027fc76580b367",class:"oddsbomSelection-panel--content-thead"},i("div",{key:"3dd762c94c915afc9f14b38fdaec73a42b56004e",class:"oddsbomSelection-panel--content-thead-item"},l("teams",this.language)),i("div",{key:"2ea960a6db72e11a7e9157871f70769174f722f0",class:"oddsbomSelection-panel--content-thead-item"},l("scores",this.language))),i("div",{key:"847ef04f0a9e289c796a856c3d16bebc83d2d188",class:"oddsbomSelection-panel--content-tbody"},this.generateSelectionList()))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoradInfoChange"]}}};D.style=".oddsbomSelection {\n container-type: inline-size;\n}\n.oddsbomSelection-panel--header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n height: 40px;\n padding: 0 4px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--header:hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n border-radius: 4px;\n}\n.oddsbomSelection-panel--header-title {\n font-size: 16px;\n font-weight: 600;\n user-select: none;\n}\n.oddsbomSelection-panel--header-icon {\n transition: transform 0.2s;\n}\n.oddsbomSelection-panel--header-icon.expanded {\n transform: rotate(180deg);\n}\n.oddsbomSelection-panel--content {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 12px;\n font-size: 14px;\n user-select: none;\n}\n.oddsbomSelection-panel--content.open {\n max-height: 19000px;\n padding: 10px 12px;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomSelection-panel--content.closed {\n max-height: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n.oddsbomSelection-panel--content-thead {\n display: flex;\n justify-content: space-between;\n padding: 0 24px;\n margin-bottom: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-panel--content-tbody {\n padding: 0 18px;\n}\n.oddsbomSelection-item {\n display: flex;\n justify-content: space-between;\n position: relative;\n padding: 8px;\n}\n.oddsbomSelection-item:not(:last-child) {\n border-bottom: 1px dashed var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomSelection-item-number {\n position: absolute;\n left: -18px;\n top: 48%;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-selection {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.oddsbomSelection-item-team {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 32px;\n color: var();\n}\n.oddsbomSelection-item-team-name {\n max-width: 140px;\n width: 140px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomSelection-item-team-selection {\n display: flex;\n gap: 6px;\n flex: 1;\n justify-content: flex-end;\n}\n@container (max-width: 430px) {\n .oddsbomSelection-item-team-name {\n max-width: 80px;\n width: 80px;\n }\n}\n\n.oddsbomSelection-panel--header-icon {\n fill: var(--emw--color-typography, #000);\n}";const T=["ro","en","fr","ar","hr"],$={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},U=(t,e)=>{const i=e;return $[void 0!==i&&T.includes(i)?i:"en"][t]},A=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(t,e){t!=e&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&d(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&(async t=>{if(t)try{const i=await fetch(t);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const o=await i.json();e=o,Object.keys(e).forEach((t=>{for(let i in e[t])$[t][i]=e[t][i]}))}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}var e})(this.translationUrl)}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll(),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.cancel.emit()}handleMaskClick(t){this.maskClosable&&t.target===this.el.querySelector(".mask")&&this.cancel.emit()}handleConfirm(){this.confirm.emit()}render(){const t={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],o=["mask",this.visible?"mask-enter":"mask-leave"],n=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return i("div",{key:"716c6488b86fc5a74bcd8c8c8a4eee1b85f75cb7",class:e.join(" "),ref:t=>this.stylingContainer=t},i("div",{key:"161d976b5a15f62c63b56555e161b5b29c0a7771",class:o.join(" "),onClick:this.handleMaskClick.bind(this)}),i("div",{key:"ebd2c356c169765b06c85997dc9906b74358b450",class:n,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},i("div",{key:"2a8616c336447b33d3c4b3f22deee3871abd93c9",class:"dialog-header"},i("h2",{key:"fc4f4f87826620754f8cce73874726cdebcc280e",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&i("button",{key:"1626434c0700df7dc094cbf0c96840476ab65da5",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),i("div",{key:"44d28c0e477e3e16069749f7700ee70b6a486d07",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},i("slot",{key:"745e1329fc3647247245f7aa96d10a06b6b18329"})),this.showFooter&&i("div",{key:"cc3b19ba0ab16fd485f2c4e81a5793a25cecb98f",class:"dialog-footer"},i("slot",{key:"906adc00a3735e096159002b972804cfe147f42e",name:"footer"},this.showCancelBtn&&i("button",{key:"1fc68b04c7c39ca9b7dfb228836eb38c4368c355",class:"cancel-btn",onClick:this.handleClose.bind(this)},U("cancel",this.language)),i("button",{key:"1d054ca93148286249d4989c783a67e1afe33667",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},U("confirm",this.language))))))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};A.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";export{v as lottery_oddsbom_bullet,w as lottery_oddsbom_bullet_group,I as lottery_oddsbom_oddschart,_ as lottery_oddsbom_oddschart_input,j as lottery_oddsbom_ticket_board,M as lottery_oddsbom_ticket_button,D as lottery_oddsbom_ticket_selection,A as lottery_tipping_dialog}
|
|
@@ -6654,4 +6654,4 @@ Ue("vaadin-tabs",Ot`
|
|
|
6654
6654
|
</div>
|
|
6655
6655
|
|
|
6656
6656
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
6657
|
-
`}static get is(){return"vaadin-tabs"}}Ct(kh);const Ch=["ro","en","fr","ar","hr","zh"],Ah={en:{noTicketBoard:"No ticket board available.",selectionCleared:"Your selection has been cleared.",clearAll:"Clear All",stopAt:"Stop at",turnover:"Turnover: ",pleaseFillIn:"Please fill in all the selection input!",fillIn:"Fill in",noBets:"Sorry. No bets have been placed so far. Check back later!",search:"Search",clear:"Clear",oddsChart:"Odds Chart",ticketSuccess:"Ticket purchased successfully.",stakePerLine:"Stake per Line:",lowestOdds:"Lowest Odds:",highestOdds:"Highest Odds:",orderSummary:"ORDER SUMMARY",ticket:"Ticket",lines:"Lines",total:"Total",submit:"Submit",loading:"Loading",enterValidNumber:"Please enter a valid number.",enterNumberBetween:"Please enter a number between {min} and {max}.",numberAlreadySelected:"This number has already been selected.",enterScoreUpTo:"Please enter the score (Up to {maxScore})",myChoices:"My Choices",teams:"Teams",scores:"Scores",euro:"Euro",cancel:"Cancel",confirm:"Confirm"},ro:{},fr:{},ar:{},hr:{}},Sh=(t,e,i)=>{const s=e;let o=Ah[void 0!==s&&Ch.includes(s)?s:"en"][t];return i&&Object.keys(i).forEach((t=>{o=o.replace(`{${t}}`,i[t])})),o},zh=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Ah[e][i]=t[e][i]}))},Th=async t=>{if(t)try{const e=await fetch(t);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const i=await e.json();zh(i)}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}},Ih=class{constructor(e){t(this,e),this.onStakeChange=t=>{this.gameInfo=Object.assign(Object.assign({},this.gameInfo),{stake:t.detail.value})},this.generateSelection=()=>this.ticketBoardInfo.map((t=>{const e=t.addSelections[0].map((t=>String(t))),i=t.selections[0].filter((t=>t.isSelected)).map((t=>String(t.text))).concat(e),s=t.addSelections[1].map((t=>String(t))),o=((t,e)=>{const i=[];for(const s of t)for(const t of e)i.push(`${s}:${t}`);return i})(i,t.selections[1].filter((t=>t.isSelected)).map((t=>String(t.text))).concat(s));return[[...o]]})),this.endpoint=void 0,this.endpointTicket=void 0,this.endpointLotteryBe=void 0,this.gameId=void 0,this.sessionId=void 0,this.drawId=void 0,this.playerId="",this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isLoading=!1,this.isLoadingOdds=!1,this.isSubmitLoading=!1,this.matchInfo=void 0,this.ticketBoardInfo=[],this.gameConfig={minScore:0,maxScore:10,minCount:1,maxCount:10,stopTime:"",gameBackEndId:"",stakes:[{label:"1",value:"1"}]},this.addSelectionConfig={needAddMoreBtn:!1,maxOverScore:0,maxScore:0},this.gameInfo={stake:1,quickPick:2,lines:0},this.dialogConfig={title:"",visible:!1},this.oddsData={highest:"",lowest:"",filterdOdds:"",isSearching:!1},this.oddsInfo={count:0,items:[],total:0},this.oddsQuery={limit:10,offset:0,ascending:!0},this.saleStatisticsInfo={}}handleClientStylingChange(t,e){t!=e&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&o(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&Th(this.translationUrl),this.initData()}async initData(){await this.fetchGameData(),await this.fetchOddsData()}async fetchGameData(){this.isLoading=!0;try{await this.getGameConfig(),await this.getDrawEventData(),this.initTicketBoard()}catch(t){}finally{this.isLoading=!1}}async fetchOddsData(){this.isLoadingOdds=!0;try{const t=await this.getOddsData({ascending:!0,limit:10,offset:0});this.oddsData.lowest=t.minItem.odds,this.oddsData.highest=t.maxItem.odds,this.oddsInfo=t}catch(t){}finally{this.isLoadingOdds=!1}}async componentDidLoad(){this.stylingContainer&&(this.mbSource&&o(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get canSubmit(){return this.ticketBoardInfo.every((t=>t.selections.every(((e,i)=>e.filter((t=>t.isSelected)).length+t.addSelections[i].length>=this.gameConfig.minCount))))}get oddsChartDialogWidth(){var t;return 0==(null===(t=this.oddsInfo)||void 0===t?void 0:t.total)?"480px":this.ticketBoardInfo.length<=2?"360px":180*this.ticketBoardInfo.length+48+"px"}formattedStopTime(t){let e="";return t?(e=lt({date:t,format:"dd/MM/yyyy HH:mm"}),function(t){return a(1,arguments),function(t,e){a(2,arguments);var i=c(t),s=c(e);return i.getTime()===s.getTime()}(t,Date.now())}(new Date(t))&&(e=lt({date:t,format:"HH:mm"})),e):e}updateBulletDisabledState(t,e,i,s){const o=t[e],r=o.selections[i],n=o.addSelections[i],a=r.filter((t=>t.isSelected)).length+n.length,l=r.map((t=>t.isSelected?t:Object.assign(Object.assign({},t),{isDisabled:a===s})));return t[e].selections[i]=l,t}getMatchCombinationCount(t){return(t.selections[0].filter((t=>t.isSelected)).length+t.addSelections[0].length)*(t.selections[1].filter((t=>t.isSelected)).length+t.addSelections[1].length)}calculateTotalLines(){return this.canSubmit?this.ticketBoardInfo.reduce(((t,e)=>t*this.getMatchCombinationCount(e)),1):0}updateLines(){const t=this.calculateTotalLines();this.gameInfo=Object.assign(Object.assign({},this.gameInfo),{lines:t})}handleTicketBoardInfoChange(){this.updateLines()}handleCanSubmitChange(){this.updateLines()}initTicketBoard(){const{minScore:t,maxScore:e}=this.gameConfig;e-t+1>10&&(this.addSelectionConfig.needAddMoreBtn=!0,this.addSelectionConfig.maxOverScore=t+10,this.addSelectionConfig.maxScore=e),this.ticketBoardInfo=this.matchInfo.map((t=>({matchId:t.eventId,matchName:t.eventName,minScore:0,maxScore:0,selections:[[],[]],addSelections:[[],[]]}))),this.ticketBoardInfo=this.ticketBoardInfo.map((i=>{let s=new Array(e-t+1).fill(0).map(((e,i)=>({text:i+t,idx:i,isSelected:!1,isDisabled:!1,isAddMoreBtn:!1})));return this.addSelectionConfig.needAddMoreBtn&&(s=s.slice(0,10),s.push({text:this.addSelectionConfig.maxOverScore,idx:-1,isSelected:!1,isDisabled:!1,isAddMoreBtn:!0})),Object.assign(Object.assign({},i),{minScore:t,maxScore:e,selections:[s,s]})}))}async getGameConfig(){var t,e,i,s,o,r,n,a,l,h,d,c;try{const u=await nt(`${this.endpoint}/games/${this.gameId}`,"GET");this.rawGameConfig=u,console.log("in getgameconfig",u,this.rawGameConfig);const{minRow:p=0,maxRow:m=0}=null!==(r=null===(o=null===(s=null===(i=null===(e=null===(t=null==u?void 0:u.rules)||void 0===t?void 0:t.poolGame)||void 0===e?void 0:e.outcomeRanges)||void 0===i?void 0:i[0])||void 0===s?void 0:s.bettingType)||void 0===o?void 0:o[0])&&void 0!==r?r:{},{minCount:v=0,maxCount:f=0}=null!==(c=null===(d=null===(h=null===(l=null===(a=null===(n=null==u?void 0:u.rules)||void 0===n?void 0:n.poolGame)||void 0===a?void 0:a.outcomeRanges)||void 0===l?void 0:l[0])||void 0===h?void 0:h.selectRule)||void 0===d?void 0:d[0])&&void 0!==c?c:{},b=p,g=m;this.gameConfig=Object.assign(Object.assign({},this.gameConfig),{minScore:b,maxScore:g,minCount:v,maxCount:f,gameBackEndId:u.type}),this.gameConfig.stakes=u.rules.stakes.map((t=>({value:t.value,label:t.value}))),this.gameConfig.stopTime=u.currentDraw.wagerCloseTime,this.dialogConfig.title=`${u.name} - ${Sh("oddsChart",this.language)}`,this.updateSaleStatistics()}catch(t){}}async updateSaleStatistics(){var t;this.saleStatisticsInfo=await async function({endpoint:t,gameId:e,drawId:i}){try{return await nt(`${t}/api/v1/lottery/core/widget/games/${e}/draws/${i}/saleStatistics`)}catch(t){return Promise.reject(t)}}({endpoint:this.endpointLotteryBe,gameId:null===(t=this.rawGameConfig)||void 0===t?void 0:t.type,drawId:this.drawId})}async getDrawEventData(){try{const t=await nt(`${this.endpoint}/games/${this.rawGameConfig.type}/draws/${this.drawId}/findDrawEvents`,"GET");this.matchInfo=t}catch(t){}}handleOddsBomBulletGroupToggle(t){const{bulletSelctionArr:e,matchIdx:i,selectionIdx:s}=t.detail;let o=[...this.ticketBoardInfo];o[i].selections[s]=e,o=this.updateBulletDisabledState(o,i,s,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomBulletAddedByMoreBtnDelete(t){const{delText:e,matchIdx:i,selectionIdx:s}=t.detail;let o=[...this.ticketBoardInfo];o[i].addSelections[s]=o[i].addSelections[s].filter((t=>t!==e)),o=this.updateBulletDisabledState(o,i,s,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomAddMoreToMatch(t){const{matchIdx:e,selectionIdx:i,value:s}=t.detail;let o=[...this.ticketBoardInfo];const r=[...o[e].addSelections[i],s].sort(((t,e)=>t-e));o[e].addSelections[i]=r,o=this.updateBulletDisabledState(o,e,i,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomBoardClear(){this.initTicketBoard()}handleOddsChartFillIn(t){const{fillInNums:e}=t.detail,i=e.map((t=>t.split(":")[0])).map((t=>Number(t))),s=e.map((t=>t.split(":")[1])).map((t=>Number(t)));let o=[...this.ticketBoardInfo];o=this.ticketBoardInfo.map(((t,e)=>{let o=[...t.addSelections[0]],r=[...t.addSelections[1]];return i[e]>=this.addSelectionConfig.maxOverScore&&(o=[...o,i[e]]),s[e]>=this.addSelectionConfig.maxOverScore&&(r=[...r,s[e]]),Object.assign(Object.assign({},t),{selections:[t.selections[0].map((t=>i[e]==Number(t.text)?Object.assign(Object.assign({},t),{isSelected:!0}):t)),t.selections[1].map((t=>s[e]==Number(t.text)?Object.assign(Object.assign({},t),{isSelected:!0}):t))],addSelections:[o,r]})})),this.ticketBoardInfo=[...o]}async handleSubmit(){var t,e,i,s;const o=this.generateSelection(),r={playerId:this.playerId,tickets:[{startingDrawId:null===(e=null===(t=this.rawGameConfig)||void 0===t?void 0:t.currentDraw)||void 0===e?void 0:e.id,addon:!1,amount:String(Number(this.gameInfo.stake)*this.gameInfo.lines),currency:this.rawGameConfig.rules.stakes[0].currency,selection:[{poolGameSelections:o,multiplier:!1,quickPick:!1,betType:this.rawGameConfig.rules.poolGame.playTypes[0].betTypeId,betName:this.rawGameConfig.rules.betTypes[0].name,stake:Number(this.gameInfo.stake)}],multiplier:!1,multipierNum:1,quickPick:!1,gameName:this.rawGameConfig.name}]};try{this.isSubmitLoading=!0;const t=await nt(`${this.endpointTicket}/tickets`,"POST",r,{Authorization:`Bearer ${this.sessionId}`});"Error"===t.state?at({message:null!==(s=null===(i=null==t?void 0:t.errorDetail)||void 0===i?void 0:i.message)&&void 0!==s?s:"Fail to purchase ticket.",theme:"error"}):(at({message:Sh("ticketSuccess",this.language),theme:"success"}),this.updateSaleStatistics()),this.initTicketBoard()}catch(t){console.log(t),at({message:t.message,theme:"error"})}finally{this.isSubmitLoading=!1}}async getOddsData(t){try{const{drawId:e}=this,i=Object.assign({gameId:this.rawGameConfig.type,drawId:e},t);return await nt(`${this.endpointLotteryBe}/api/v1/lottery/core/widget/poolgame/statistic/realtime/odds${function(t){const e={};Object.entries(t).forEach((([t,i])=>{ht(i,!0)||(e[t]=i)}));const i=Object.entries(e).map((([t,e])=>`${encodeURIComponent(t)}=${encodeURIComponent(e)}`)).join("&");return i?`?${i}`:""}(i)}`,"GET")}catch(t){}}handleOpenOddsChart(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0}),setTimeout((()=>{this.childRef?this.childRef.initOddsChart():console.warn("childRef is not defined")}),0)}handleCloseOddsChart(){var t;this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),null===(t=this.childRef)||void 0===t||t.closeOddsChart(),this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),{limit:10,offset:0,ascending:!0})}async handleOddsQueryChange(t){this.isLoadingOdds=!0;try{const e=t.detail;this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),e),this.oddsInfo=await this.getOddsData(this.oddsQuery)}catch(t){console.error("Failed to fetch odds data:",t)}finally{this.isLoadingOdds=!1}}async handleOddsQueryLineChange(t){var e,i;this.oddsData=Object.assign(Object.assign({},this.oddsData),{isSearching:!0});try{const s=t.detail;this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),s);const o=await this.getOddsData(this.oddsQuery);this.oddsData.filterdOdds=null===(i=null===(e=null==o?void 0:o.items)||void 0===e?void 0:e[0])||void 0===i?void 0:i.odds}catch(t){console.error("Failed to fetch odds data:",t)}finally{this.oddsData=Object.assign(Object.assign({},this.oddsData),{isSearching:!1})}}get formattedTurnover(){var t,e;const i=null===(e=null===(t=this.saleStatisticsInfo)||void 0===t?void 0:t.wagerSegment)||void 0===e?void 0:e.totalSalesCrossDraw;return null==i?"":`€${i?function(t){if(0===t)return"0";if(!t)return"";const e=(t=t.toString()).split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}(i):0}`}render(){var t,i,s;return e("div",{key:"5e1e0a6e065edc83f9882fb1d062a188c7ec1dfe",class:"oddsbomTicketBet",ref:t=>this.stylingContainer=t},e("div",{key:"c8bb06895030f9a98eb569f4bb620865161c2a40",class:"oddsbomTicketBet-banner"},e("div",{key:"d94848f9e1bd44c9e48871987c1db6eb9c5036f7",class:"oddsbomTicketBet-banner-title"},null===(t=this.rawGameConfig)||void 0===t?void 0:t.name),e("div",{key:"0bd4f3ce88e6eb47f0954a699e5b906e0d063140",class:"oddsbomTicketBet-banner-info"},e("div",{key:"8861fe255797345be626da811ac3c4b012ec7ebd",class:"oddsbomTicketBet-banner-info-stoptime"},e("span",{key:"093a9080139aea482c6f062440d8c59abc5e7426",style:{fontWeight:"bold",marginRight:"5px"}},Sh("stopAt",this.language)),e("span",{key:"732790eb3aff1a4ffb3806d1b16859671ef110ad"},this.formattedStopTime(this.gameConfig.stopTime))),e("div",{key:"39e62a18b9644c23c94df03c45402735dbad2ef9",class:"oddsbomTicketBet-banner-info-turnover"},e("span",{key:"14c92633246651198d463419f0277a7955702ca6",style:{fontWeight:"bold",marginRight:"5px"}},Sh("turnover",this.language)),e("span",{key:"9620ae1b0c081c982ea258bf995a255033b2fab4"},this.formattedTurnover)))),e("div",{key:"81f6d0bbaa6e96e518d367f2e6ea35fd79f428dd",class:"oddsbomTicketBet-content"},e("div",{key:"d6afe1f75bf31fa00811e8a12bb1594b9b570962",class:"oddsbomTicketBet-info"},e("div",{key:"dac6c5e2d22e993ea5bf98ad51c57c4954e9a4ba",class:"oddsbomTicketBet-info-game"},e("div",{key:"a9263b1a50e71a5eb87d828a676f7bd4cd95cffb",class:"oddsbomTicketBet-info--item"},e("div",{key:"60dcbef471ec43662e87c716f54f7c4028753ae1",class:"oddsbomTicketBet-info--key"},Sh("stakePerLine",this.language)),e("div",{key:"5940e25e8f6735f4425a7ed37966023d8293b24c",class:"oddsbomTicketBet-info--value"},e("vaadin-select",{key:"102066bc4db5b93a96258f1dc9365f4b1014c022",items:this.gameConfig.stakes,value:this.gameInfo.stake,"on-value-changed":this.onStakeChange.bind(this),"no-vertical-overlap":!0,noVerticalOverlap:!0})))),e("div",{key:"0bb1ef8c4a4a83a32d768f116f31abda1d2fd5f9",class:"oddsbomTicketBet-info-odds"},e("div",{key:"bc9ac4b4d8dfae301f1adcc175e5f6454c597545",class:"oddsbomTicketBet-info--item"},e("div",{key:"328984e6e06eb394723cfb7367e6fe9d537a059c",class:"oddsbomTicketBet-info--key"},Sh("lowestOdds",this.language)),e("div",{key:"7608a59d710c0277f899596d93958833a29ec35f",class:"oddsbomTicketBet-info--value"},this.oddsData.lowest?ct(this.oddsData.lowest):"-")),e("div",{key:"ad834be654d4c9903c95d93712a4da8c78e1d9a7",class:"oddsbomTicketBet-info--item"},e("div",{key:"af4248fc5b8366ce124e0c37a826e5ff95bdc88d",class:"oddsbomTicketBet-info--key"},Sh("highestOdds",this.language)),e("div",{key:"5b0fb67de3cf85c0f8feb25f6f6b7d8fcad94b37",class:"oddsbomTicketBet-info--value"},this.oddsData.highest?ct(this.oddsData.highest):"-")),e("div",{key:"c67e7fce75e8001becbb30a48d15e6c3ef2f1233",class:"oddsbomTicketBet-info---chart"},e("lottery-oddsbom-ticket-button",{key:"d7908a92bad58fb68d7415a8781d19deebe1c241",onClick:this.handleOpenOddsChart.bind(this),text:Sh("oddsChart",this.language),variant:"outline",language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})))),e("div",{key:"5a566925de5c1a208d794ca75989a2377edbc858",class:"oddsbomTicketBet-ticketArea"},e("div",{key:"5e627a176e5698645ab6e17e36c89238fcee71bc",class:"oddsbomTicketBet-ticketArea--left"},this.isLoading?e("div",{class:"loading-wrap"},e("div",{class:"skeleton-content"},e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}))):e("div",null,e("lottery-oddsbom-ticket-board",{ticketBoardInfo:this.ticketBoardInfo,addSelectionConfig:this.addSelectionConfig,language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))),e("div",{key:"ae5e743cdbf5e3d6d0437c52b404bb55e478255e",class:"oddsbomTicketBet-ticketArea--right"},e("div",{key:"a1da1765b2aa53eb6d36a35b6c27f7d6eb0e2ab6",class:"oddsbomTicketBet-ticketArea--right-title"},Sh("orderSummary",this.language)),e("div",{key:"0adebc04e81f44067aff4be255b80b91a78a8ae0",class:"oddsbomTicketBet-ticketArea--right-info"},e("div",{key:"6c3413fc1ee102bd71511468b33d5a0ff992b21b",class:"oddsbomTicketBet-ticketArea--right-ticketCount"},`${Sh("ticket",this.language)}: ${this.gameInfo.lines} ${Sh("lines",this.language)} x ${this.gameInfo.stake} ${Sh("euro",this.language)}`," "),e("div",{key:"34e8024ad809bed294cb581a60607652e6e32fa4",class:"oddsbomTicketBet-ticketArea--right-delimiter"}),e("div",{key:"ea341ebbd0346a3c0c35ffd6e6e0d4abd9a3fdca",class:"oddsbomTicketBet-ticketArea--right-ticketTotal"},`${Sh("total",this.language)}: ${Number(this.gameInfo.stake)*this.gameInfo.lines} ${Sh("euro",this.language)}`),e("div",{key:"aad84df2f809a9d4a78e1ed1c1d3e5c198267b33",class:"oddsbomTicketBet-ticketArea--right-selection"},e("lottery-oddsbom-ticket-selection",{key:"48f37706b402c330d64df8e706be59463271319e",ticketBoardInfo:this.ticketBoardInfo,language:this.language}))),e("div",{key:"686c35333a26ec749a809842b7ee22d2f4e27550",class:"oddsbomTicketBet-ticketArea--right-submitBtn"},e("lottery-oddsbom-ticket-button",{key:"ea2054dbdc6a5afbe6a0f7e992721453434e4d7f",text:Sh("submit",this.language),variant:"primary",size:"large",disabled:!this.canSubmit,loading:this.isSubmitLoading,onClick:this.handleSubmit.bind(this),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))),e("lottery-tipping-dialog",{key:"2dc1050509a5b4a272a0eca9bc276b3e970c22c7",dialogTitle:this.dialogConfig.title,visible:this.dialogConfig.visible,onCancel:this.handleCloseOddsChart.bind(this),showFooter:!1,width:this.oddsChartDialogWidth},e("lottery-oddsbom-oddschart",{key:"7da6bacc7fb19e34ab5e04d7c41f1ee5d2c987eb",ref:t=>this.childRef=t,matchInfo:this.matchInfo,oddsInfo:null===(i=this.oddsInfo)||void 0===i?void 0:i.items,curPage:this.oddsQuery.offset/this.oddsQuery.limit,total:null===(s=this.oddsInfo)||void 0===s?void 0:s.total,limit:this.oddsQuery.limit,offset:this.oddsQuery.offset,isLoading:this.isLoadingOdds,isSearching:this.oddsData.isSearching,filterdOdds:this.oddsData.filterdOdds,language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoardInfoChange"],canSubmit:["handleCanSubmitChange"]}}};Ih.style=":host {\n --vaadin-input-field-background: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-border-color: var(--emw--color-gray-100, #e6e6e6);\n --vaadin-input-field-invalid-hover-highlight: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-hover-highlight: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-border-width: 1px;\n}\n\n.oddsbomTicketBet {\n container-type: inline-size;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomTicketBet-banner {\n background-color: var(--emw--color-primary, #0d196e);\n height: 52px;\n padding: 0 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n color: var(--emw--color-background, #fff);\n}\n.oddsbomTicketBet-banner-title {\n font-size: 22px;\n font-style: italic;\n font-weight: bold;\n}\n.oddsbomTicketBet-banner-info {\n position: absolute;\n right: 20px;\n display: flex;\n gap: 16px;\n align-items: center;\n}\n.oddsbomTicketBet-banner-info-stoptime, .oddsbomTicketBet-banner-info-turnover {\n color: var(--emw--color-typography-inverse, #fff);\n background-color: var(--emw--color-secondary, #405c8b);\n height: 36px;\n line-height: 36px;\n border-radius: 4px;\n padding: 0 8px;\n font-size: 16px;\n font-weight: bold;\n}\n.oddsbomTicketBet-ticketArea {\n width: 100%;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 18px 0;\n}\n.oddsbomTicketBet-ticketArea--left {\n max-width: 60%;\n min-width: 50%;\n margin-bottom: 12px;\n}\n.oddsbomTicketBet-ticketArea--right {\n width: 40%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbomTicketBet-ticketArea--right-title {\n font-size: 20px;\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-ticketArea--right-info {\n width: 96%;\n padding-left: 4%;\n}\n.oddsbomTicketBet-ticketArea--right-ticketCount, .oddsbomTicketBet-ticketArea--right-ticketTotal {\n height: 40px;\n line-height: 40px;\n font-size: 18px;\n user-select: none;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-ticketArea--right-ticketCount {\n margin-top: 40px;\n}\n.oddsbomTicketBet-ticketArea--right-delimiter {\n width: 100%;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBet-ticketArea--right-submitBtn {\n display: flex;\n align-items: center;\n margin-top: 20px;\n}\n.oddsbomTicketBet-info {\n margin-left: 5%;\n padding: 18px;\n}\n.oddsbomTicketBet-info-game, .oddsbomTicketBet-info-odds {\n display: flex;\n flex-wrap: wrap;\n}\n.oddsbomTicketBet-info-game {\n gap: 24px;\n margin-bottom: 20px;\n}\n.oddsbomTicketBet-info-odds {\n gap: 26px;\n}\n.oddsbomTicketBet-info--item {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBet-info--key {\n font-weight: bold;\n margin-right: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-info--value {\n color: var(--emw--color-typography, #000);\n}\n@container (max-width: 430px) {\n .oddsbomTicketBet-banner-title {\n font-size: 20px;\n position: absolute;\n left: 6px;\n }\n .oddsbomTicketBet-banner-info {\n right: 4px;\n gap: 4px;\n }\n .oddsbomTicketBet-banner-info-stoptime, .oddsbomTicketBet-banner-info-turnover {\n height: 32px;\n line-height: 32px;\n font-weight: bold;\n font-size: 16px;\n }\n .oddsbomTicketBet-ticketArea {\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--left {\n max-width: 100%;\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--right {\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--right-info {\n width: 90%;\n padding-left: unset;\n }\n}\n@container (min-width: 1680px) {\n .oddsbomTicketBet-ticketArea {\n width: 80%;\n }\n .oddsbomTicketBet-ticketArea--left {\n width: 50%;\n }\n .oddsbomTicketBet-ticketArea--right {\n width: 50%;\n }\n .oddsbomTicketBet-info {\n margin-left: 10%;\n }\n}\n\n.loading-wrap {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n padding: 20px 0;\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-gray-50, #f5f5f5);\n border-radius: 4px;\n}\n\n.skeleton-animated {\n animation: skeleton-shimmer 1.5s infinite linear;\n background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 37%, #f0f0f0 63%);\n background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n to {\n background-position: 100% 0;\n }\n}";export{Ih as L,ut as M,s as a,o as b,at as c,dt as d,ct as f,zh as g,Th as r,i as s,Sh as t}
|
|
6657
|
+
`}static get is(){return"vaadin-tabs"}}Ct(kh);const Ch=["ro","en","fr","ar","hr","zh"],Ah={en:{noTicketBoard:"No ticket board available.",selectionCleared:"Your selection has been cleared.",clearAll:"Clear All",stopAt:"Stop at",turnover:"Turnover: ",pleaseFillIn:"Please fill in all the selection input!",fillIn:"Fill in",noBets:"Sorry. No bets have been placed so far. Check back later!",search:"Search",clear:"Clear",oddsChart:"Odds Chart",ticketSuccess:"Ticket purchased successfully.",stakePerLine:"Stake per Line:",lowestOdds:"Lowest Odds:",highestOdds:"Highest Odds:",orderSummary:"ORDER SUMMARY",ticket:"Ticket",lines:"Lines",total:"Total",submit:"Submit",loading:"Loading",enterValidNumber:"Please enter a valid number.",enterNumberBetween:"Please enter a number between {min} and {max}.",numberAlreadySelected:"This number has already been selected.",enterScoreUpTo:"Please enter the score (Up to {maxScore})",myChoices:"My Choices",teams:"Teams",scores:"Scores",euro:"Euro",cancel:"Cancel",confirm:"Confirm"},ro:{},fr:{},ar:{},hr:{}},Sh=(t,e,i)=>{const s=e;let o=Ah[void 0!==s&&Ch.includes(s)?s:"en"][t];return i&&Object.keys(i).forEach((t=>{o=o.replace(`{${t}}`,i[t])})),o},zh=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Ah[e][i]=t[e][i]}))},Th=async t=>{if(t)try{const e=await fetch(t);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const i=await e.json();zh(i)}catch(t){console.error("Failed to fetch or parse translations from URL:",t)}},Ih=class{constructor(e){t(this,e),this.onStakeChange=t=>{this.gameInfo=Object.assign(Object.assign({},this.gameInfo),{stake:t.detail.value})},this.generateSelection=()=>this.ticketBoardInfo.map((t=>{const e=t.addSelections[0].map((t=>String(t))),i=t.selections[0].filter((t=>t.isSelected)).map((t=>String(t.text))).concat(e),s=t.addSelections[1].map((t=>String(t))),o=((t,e)=>{const i=[];for(const s of t)for(const t of e)i.push(`${s}:${t}`);return i})(i,t.selections[1].filter((t=>t.isSelected)).map((t=>String(t.text))).concat(s));return[[...o]]})),this.endpoint=void 0,this.endpointTicket=void 0,this.endpointLotteryBe=void 0,this.gameId=void 0,this.sessionId=void 0,this.drawId=void 0,this.playerId="",this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isLoading=!1,this.isLoadingOdds=!1,this.isSubmitLoading=!1,this.matchInfo=void 0,this.ticketBoardInfo=[],this.gameConfig={minScore:0,maxScore:10,minCount:1,maxCount:10,stopTime:"",gameBackEndId:"",stakes:[{label:"1",value:"1"}]},this.addSelectionConfig={needAddMoreBtn:!1,maxOverScore:0,maxScore:0},this.gameInfo={stake:1,quickPick:2,lines:0},this.dialogConfig={title:"",visible:!1},this.oddsData={highest:"",lowest:"",filterdOdds:"",isSearching:!1},this.oddsInfo={count:0,items:[],total:0},this.oddsQuery={limit:10,offset:0,ascending:!0},this.saleStatisticsInfo={}}handleClientStylingChange(t,e){t!=e&&i(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&o(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&Th(this.translationUrl),this.initData()}async initData(){await this.fetchGameData(),await this.fetchOddsData()}async fetchGameData(){this.isLoading=!0;try{await this.getGameConfig(),await this.getDrawEventData(),this.initTicketBoard()}catch(t){}finally{this.isLoading=!1}}async fetchOddsData(){this.isLoadingOdds=!0;try{const t=await this.getOddsData({ascending:!0,limit:10,offset:0});this.oddsData.lowest=t.minItem.odds,this.oddsData.highest=t.maxItem.odds,this.oddsInfo=t}catch(t){}finally{this.isLoadingOdds=!1}}async componentDidLoad(){this.stylingContainer&&(this.mbSource&&o(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&i(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get canSubmit(){return this.ticketBoardInfo.every((t=>t.selections.every(((e,i)=>e.filter((t=>t.isSelected)).length+t.addSelections[i].length>=this.gameConfig.minCount))))}get oddsChartDialogWidth(){var t;return 0==(null===(t=this.oddsInfo)||void 0===t?void 0:t.total)?"480px":this.ticketBoardInfo.length<=2?"360px":180*this.ticketBoardInfo.length+48+"px"}formattedStopTime(t){let e="";return t?(e=lt({date:t,format:"dd/MM/yyyy HH:mm"}),function(t){return a(1,arguments),function(t,e){a(2,arguments);var i=c(t),s=c(e);return i.getTime()===s.getTime()}(t,Date.now())}(new Date(t))&&(e=lt({date:t,format:"HH:mm"})),e):e}updateBulletDisabledState(t,e,i,s){const o=t[e],r=o.selections[i],n=o.addSelections[i],a=r.filter((t=>t.isSelected)).length+n.length,l=r.map((t=>t.isSelected?t:Object.assign(Object.assign({},t),{isDisabled:a===s})));return t[e].selections[i]=l,t}getMatchCombinationCount(t){return(t.selections[0].filter((t=>t.isSelected)).length+t.addSelections[0].length)*(t.selections[1].filter((t=>t.isSelected)).length+t.addSelections[1].length)}calculateTotalLines(){return this.canSubmit?this.ticketBoardInfo.reduce(((t,e)=>t*this.getMatchCombinationCount(e)),1):0}updateLines(){const t=this.calculateTotalLines();this.gameInfo=Object.assign(Object.assign({},this.gameInfo),{lines:t})}handleTicketBoardInfoChange(){this.updateLines()}handleCanSubmitChange(){this.updateLines()}initTicketBoard(){const{minScore:t,maxScore:e}=this.gameConfig;e-t+1>10&&(this.addSelectionConfig.needAddMoreBtn=!0,this.addSelectionConfig.maxOverScore=t+10,this.addSelectionConfig.maxScore=e),this.ticketBoardInfo=this.matchInfo.map((t=>({matchId:t.eventId,matchName:t.eventName,minScore:0,maxScore:0,selections:[[],[]],addSelections:[[],[]]}))),this.ticketBoardInfo=this.ticketBoardInfo.map((i=>{let s=new Array(e-t+1).fill(0).map(((e,i)=>({text:i+t,idx:i,isSelected:!1,isDisabled:!1,isAddMoreBtn:!1})));return this.addSelectionConfig.needAddMoreBtn&&(s=s.slice(0,10),s.push({text:this.addSelectionConfig.maxOverScore,idx:-1,isSelected:!1,isDisabled:!1,isAddMoreBtn:!0})),Object.assign(Object.assign({},i),{minScore:t,maxScore:e,selections:[s,s]})}))}async getGameConfig(){var t,e,i,s,o,r,n,a,l,h,d,c;try{const u=await nt(`${this.endpoint}/games/${this.gameId}`,"GET");this.rawGameConfig=u,console.log("in getgameconfig",u,this.rawGameConfig);const{minRow:p=0,maxRow:m=0}=null!==(r=null===(o=null===(s=null===(i=null===(e=null===(t=null==u?void 0:u.rules)||void 0===t?void 0:t.poolGame)||void 0===e?void 0:e.outcomeRanges)||void 0===i?void 0:i[0])||void 0===s?void 0:s.bettingType)||void 0===o?void 0:o[0])&&void 0!==r?r:{},{minCount:v=0,maxCount:f=0}=null!==(c=null===(d=null===(h=null===(l=null===(a=null===(n=null==u?void 0:u.rules)||void 0===n?void 0:n.poolGame)||void 0===a?void 0:a.outcomeRanges)||void 0===l?void 0:l[0])||void 0===h?void 0:h.selectRule)||void 0===d?void 0:d[0])&&void 0!==c?c:{},b=p,g=m;this.gameConfig=Object.assign(Object.assign({},this.gameConfig),{minScore:b,maxScore:g,minCount:v,maxCount:f,gameBackEndId:u.type}),this.gameConfig.stakes=u.rules.stakes.map((t=>({value:t.value,label:t.value}))),this.gameConfig.stopTime=u.currentDraw.wagerCloseTime,this.dialogConfig.title=`${u.name} - ${Sh("oddsChart",this.language)}`,this.updateSaleStatistics()}catch(t){}}async updateSaleStatistics(){var t;this.saleStatisticsInfo=await async function({endpoint:t,gameId:e,drawId:i}){try{return await nt(`${t}/api/v1/lottery/core/widget/games/${e}/draws/${i}/saleStatistics`)}catch(t){return Promise.reject(t)}}({endpoint:this.endpointLotteryBe,gameId:null===(t=this.rawGameConfig)||void 0===t?void 0:t.type,drawId:this.drawId})}async getDrawEventData(){try{const t=await nt(`${this.endpoint}/games/${this.rawGameConfig.type}/draws/${this.drawId}/findDrawEvents`,"GET");this.matchInfo=t}catch(t){}}handleOddsBomBulletGroupToggle(t){const{bulletSelctionArr:e,matchIdx:i,selectionIdx:s}=t.detail;let o=[...this.ticketBoardInfo];o[i].selections[s]=e,o=this.updateBulletDisabledState(o,i,s,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomBulletAddedByMoreBtnDelete(t){const{delText:e,matchIdx:i,selectionIdx:s}=t.detail;let o=[...this.ticketBoardInfo];o[i].addSelections[s]=o[i].addSelections[s].filter((t=>t!==e)),o=this.updateBulletDisabledState(o,i,s,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomAddMoreToMatch(t){const{matchIdx:e,selectionIdx:i,value:s}=t.detail;let o=[...this.ticketBoardInfo];const r=[...o[e].addSelections[i],s].sort(((t,e)=>t-e));o[e].addSelections[i]=r,o=this.updateBulletDisabledState(o,e,i,this.gameConfig.maxCount),this.ticketBoardInfo=[...o]}handleOddsBomBoardClear(){this.initTicketBoard()}handleOddsChartFillIn(t){const{fillInNums:e}=t.detail,i=e.map((t=>t.split(":")[0])).map((t=>Number(t))),s=e.map((t=>t.split(":")[1])).map((t=>Number(t)));let o=[...this.ticketBoardInfo];o=this.ticketBoardInfo.map(((t,e)=>{let o=[...t.addSelections[0]],r=[...t.addSelections[1]];return i[e]>=this.addSelectionConfig.maxOverScore&&(o=[...o,i[e]]),s[e]>=this.addSelectionConfig.maxOverScore&&(r=[...r,s[e]]),Object.assign(Object.assign({},t),{selections:[t.selections[0].map((t=>i[e]==Number(t.text)?Object.assign(Object.assign({},t),{isSelected:!0}):t)),t.selections[1].map((t=>s[e]==Number(t.text)?Object.assign(Object.assign({},t),{isSelected:!0}):t))],addSelections:[o,r]})})),this.ticketBoardInfo=[...o]}async handleSubmit(){var t,e,i,s;const o=this.generateSelection(),r={playerId:this.playerId,tickets:[{startingDrawId:null===(e=null===(t=this.rawGameConfig)||void 0===t?void 0:t.currentDraw)||void 0===e?void 0:e.id,addon:!1,amount:String(Number(this.gameInfo.stake)*this.gameInfo.lines),currency:this.rawGameConfig.rules.stakes[0].currency,selection:[{poolGameSelections:o,multiplier:!1,quickPick:!1,betType:this.rawGameConfig.rules.poolGame.playTypes[0].betTypeId,betName:this.rawGameConfig.rules.betTypes[0].name,stake:Number(this.gameInfo.stake)}],multiplier:!1,multipierNum:1,quickPick:!1,gameName:this.rawGameConfig.name}]};try{this.isSubmitLoading=!0;const t=await nt(`${this.endpointTicket}/tickets`,"POST",r,{Authorization:`Bearer ${this.sessionId}`});"Error"===t.state?at({message:null!==(s=null===(i=null==t?void 0:t.errorDetail)||void 0===i?void 0:i.message)&&void 0!==s?s:"Fail to purchase ticket.",theme:"error"}):(at({message:Sh("ticketSuccess",this.language),theme:"success"}),this.updateSaleStatistics()),this.initTicketBoard()}catch(t){console.log(t),at({message:t.message,theme:"error"})}finally{this.isSubmitLoading=!1}}async getOddsData(t){var e;try{const{drawId:i}=this,s=Object.assign({gameId:this.rawGameConfig.type,drawId:i,bettingType:null!==(e=this.rawGameConfig.rules.poolGame.playTypes[0].bettingType)&&void 0!==e?e:""},t);return await nt(`${this.endpointLotteryBe}/api/v1/lottery/core/widget/poolgame/statistic/realtime/odds${function(t){const e={};Object.entries(t).forEach((([t,i])=>{ht(i,!0)||(e[t]=i)}));const i=Object.entries(e).map((([t,e])=>`${encodeURIComponent(t)}=${encodeURIComponent(e)}`)).join("&");return i?`?${i}`:""}(s)}`,"GET")}catch(t){}}handleOpenOddsChart(){this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!0}),setTimeout((()=>{this.childRef?this.childRef.initOddsChart():console.warn("childRef is not defined")}),0)}handleCloseOddsChart(){var t;this.dialogConfig=Object.assign(Object.assign({},this.dialogConfig),{visible:!1}),null===(t=this.childRef)||void 0===t||t.closeOddsChart(),this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),{limit:10,offset:0,ascending:!0})}async handleOddsQueryChange(t){this.isLoadingOdds=!0;try{const e=t.detail;this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),e),this.oddsInfo=await this.getOddsData(this.oddsQuery)}catch(t){console.error("Failed to fetch odds data:",t)}finally{this.isLoadingOdds=!1}}async handleOddsQueryLineChange(t){var e,i;this.oddsData=Object.assign(Object.assign({},this.oddsData),{isSearching:!0});try{const s=t.detail;this.oddsQuery=Object.assign(Object.assign({},this.oddsQuery),s);const o=await this.getOddsData(this.oddsQuery);this.oddsData.filterdOdds=null===(i=null===(e=null==o?void 0:o.items)||void 0===e?void 0:e[0])||void 0===i?void 0:i.odds}catch(t){console.error("Failed to fetch odds data:",t)}finally{this.oddsData=Object.assign(Object.assign({},this.oddsData),{isSearching:!1})}}get formattedTurnover(){var t,e;const i=null===(e=null===(t=this.saleStatisticsInfo)||void 0===t?void 0:t.wagerSegment)||void 0===e?void 0:e.totalSalesCrossDraw;return null==i?"":`€${i?function(t){if(0===t)return"0";if(!t)return"";const e=(t=t.toString()).split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}(i):0}`}render(){var t,i,s;return e("div",{key:"a452341452c423f4497dc49490136d81186f39d5",class:"oddsbomTicketBet",ref:t=>this.stylingContainer=t},e("div",{key:"e6157e120a70b5f01286c39f379909b48b42cdd7",class:"oddsbomTicketBet-banner"},e("div",{key:"53cd51c38956adeaadf8f6c9c1ef0cd49454c973",class:"oddsbomTicketBet-banner-title"},null===(t=this.rawGameConfig)||void 0===t?void 0:t.name),e("div",{key:"6f27e2a768a94701fd4fd0e49b69beef202399ee",class:"oddsbomTicketBet-banner-info"},e("div",{key:"5aeb077902a92af4c8f4137891ae1bb3c29e6e6f",class:"oddsbomTicketBet-banner-info-stoptime"},e("span",{key:"3ebbc2ff952933d63551f1dd82cc1f132513a9f5",style:{fontWeight:"bold",marginRight:"5px"}},Sh("stopAt",this.language)),e("span",{key:"e1f6a4e927a75ef9f4f036fd3eb9fb65f80cb8ff"},this.formattedStopTime(this.gameConfig.stopTime))),e("div",{key:"0ad98e987d5da9e3c2580dc0e46634942ae0d418",class:"oddsbomTicketBet-banner-info-turnover"},e("span",{key:"de2f463b19d848f8bb84f94d9fe1da065246ed33",style:{fontWeight:"bold",marginRight:"5px"}},Sh("turnover",this.language)),e("span",{key:"1d2a975ef0adf7a71219b69747c00335f717dffe"},this.formattedTurnover)))),e("div",{key:"cd2509f8af05db1fc9cee9d12e2e7760383865a5",class:"oddsbomTicketBet-content"},e("div",{key:"6678c2feec0530b3de252857b4a606fe796282a1",class:"oddsbomTicketBet-info"},e("div",{key:"ff2f92502ba18f18d3dbf6f4e4e1180c465cae37",class:"oddsbomTicketBet-info-game"},e("div",{key:"591b3054bbcfc8d78f7de7e2402d79e5b9c38629",class:"oddsbomTicketBet-info--item"},e("div",{key:"10530a1adef3ccedb32ef2af495c7cd8d7867fce",class:"oddsbomTicketBet-info--key"},Sh("stakePerLine",this.language)),e("div",{key:"f6329f6aa83f89a4cbdd95e61dca711a41ef847d",class:"oddsbomTicketBet-info--value"},e("vaadin-select",{key:"50f623f45db1f8039cad01e22c7545a8959ac4e7",items:this.gameConfig.stakes,value:this.gameInfo.stake,"on-value-changed":this.onStakeChange.bind(this),"no-vertical-overlap":!0,noVerticalOverlap:!0})))),e("div",{key:"65b5a68db4e37ba929f77ec7a70ee5f69da92a72",class:"oddsbomTicketBet-info-odds"},e("div",{key:"54000fd4c000b434bc235b23267d2a498a3c9c06",class:"oddsbomTicketBet-info--item"},e("div",{key:"b095f21c9c331a170933b07fbaf8b468e8108f43",class:"oddsbomTicketBet-info--key"},Sh("lowestOdds",this.language)),e("div",{key:"e5f31fbd229ed9e968adc703b552bc1aefb3804a",class:"oddsbomTicketBet-info--value"},this.oddsData.lowest?ct(this.oddsData.lowest):"-")),e("div",{key:"38e80195e6b79ebcda8d30c8b8c47c4c24f4b797",class:"oddsbomTicketBet-info--item"},e("div",{key:"6473ad5dbf3d031b59d47d571aff8347c056690c",class:"oddsbomTicketBet-info--key"},Sh("highestOdds",this.language)),e("div",{key:"dcb1211c33402dbf997ec99710db517d1828cba9",class:"oddsbomTicketBet-info--value"},this.oddsData.highest?ct(this.oddsData.highest):"-")),e("div",{key:"7437feb59d9a3b7a962ee07048704be77ca7083d",class:"oddsbomTicketBet-info---chart"},e("lottery-oddsbom-ticket-button",{key:"014f7ea0d2c044b618b3b6dcf8eddc505d6d59cb",onClick:this.handleOpenOddsChart.bind(this),text:Sh("oddsChart",this.language),variant:"outline",language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})))),e("div",{key:"1219f9c6a5c45e0d81e58c547acd079286477204",class:"oddsbomTicketBet-ticketArea"},e("div",{key:"3540d727eb9144a3bb5f44c119c93d8e82596032",class:"oddsbomTicketBet-ticketArea--left"},this.isLoading?e("div",{class:"loading-wrap"},e("div",{class:"skeleton-content"},e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}),e("div",{class:"skeleton-item skeleton-animated",style:{height:"32px",width:"94%"}}))):e("div",null,e("lottery-oddsbom-ticket-board",{ticketBoardInfo:this.ticketBoardInfo,addSelectionConfig:this.addSelectionConfig,language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))),e("div",{key:"e861df8b8815203f46aae4e48beb5baa4f35d431",class:"oddsbomTicketBet-ticketArea--right"},e("div",{key:"02e6942f0e299d5d6ead74786194a5cafbf1e594",class:"oddsbomTicketBet-ticketArea--right-title"},Sh("orderSummary",this.language)),e("div",{key:"5394435b91a1e738617b8da518e4b8f292fb0f67",class:"oddsbomTicketBet-ticketArea--right-info"},e("div",{key:"08af33121f5e7891e6cbe090fc1da57afb5b838e",class:"oddsbomTicketBet-ticketArea--right-ticketCount"},`${Sh("ticket",this.language)}: ${this.gameInfo.lines} ${Sh("lines",this.language)} x ${this.gameInfo.stake} ${Sh("euro",this.language)}`," "),e("div",{key:"e2f69a26d49e4d473a3240dceca34fed9ae1ecb5",class:"oddsbomTicketBet-ticketArea--right-delimiter"}),e("div",{key:"1d9863afc24a5244e0748173425e979bd605c7fc",class:"oddsbomTicketBet-ticketArea--right-ticketTotal"},`${Sh("total",this.language)}: ${Number(this.gameInfo.stake)*this.gameInfo.lines} ${Sh("euro",this.language)}`),e("div",{key:"7f819287fd6ec22caf027fa748188a5c5730d4fd",class:"oddsbomTicketBet-ticketArea--right-selection"},e("lottery-oddsbom-ticket-selection",{key:"5b73c411433b0224b6b5d9295715ce073e404703",ticketBoardInfo:this.ticketBoardInfo,language:this.language}))),e("div",{key:"ebb777f1c1dabbaaba308960fae8563fcd07cf2c",class:"oddsbomTicketBet-ticketArea--right-submitBtn"},e("lottery-oddsbom-ticket-button",{key:"b2e949540aadf04f9e7f2d8bf9deac8a326e0c1d",text:Sh("submit",this.language),variant:"primary",size:"large",disabled:!this.canSubmit,loading:this.isSubmitLoading,onClick:this.handleSubmit.bind(this),language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl}))))),e("lottery-tipping-dialog",{key:"9e8782c15ea827ffd3398cab2eddeceb8af70568",dialogTitle:this.dialogConfig.title,visible:this.dialogConfig.visible,onCancel:this.handleCloseOddsChart.bind(this),showFooter:!1,width:this.oddsChartDialogWidth},e("lottery-oddsbom-oddschart",{key:"3fcb642569764819b0d86e630f314c77532d9c70",ref:t=>this.childRef=t,matchInfo:this.matchInfo,oddsInfo:null===(i=this.oddsInfo)||void 0===i?void 0:i.items,curPage:this.oddsQuery.offset/this.oddsQuery.limit,total:null===(s=this.oddsInfo)||void 0===s?void 0:s.total,limit:this.oddsQuery.limit,offset:this.oddsQuery.offset,isLoading:this.isLoadingOdds,isSearching:this.oddsData.isSearching,filterdOdds:this.oddsData.filterdOdds,language:this.language,"translation-url":this.translationUrl,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],ticketBoardInfo:["handleTicketBoardInfoChange"],canSubmit:["handleCanSubmitChange"]}}};Ih.style=":host {\n --vaadin-input-field-background: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-border-color: var(--emw--color-gray-100, #e6e6e6);\n --vaadin-input-field-invalid-hover-highlight: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-hover-highlight: var(--emw--color-gray-50, #f5f5f5);\n --vaadin-input-field-border-width: 1px;\n}\n\n.oddsbomTicketBet {\n container-type: inline-size;\n background-color: var(--emw--color-background, #fff);\n}\n.oddsbomTicketBet-banner {\n background-color: var(--emw--color-primary, #0d196e);\n height: 52px;\n padding: 0 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n color: var(--emw--color-background, #fff);\n}\n.oddsbomTicketBet-banner-title {\n font-size: 22px;\n font-style: italic;\n font-weight: bold;\n}\n.oddsbomTicketBet-banner-info {\n position: absolute;\n right: 20px;\n display: flex;\n gap: 16px;\n align-items: center;\n}\n.oddsbomTicketBet-banner-info-stoptime, .oddsbomTicketBet-banner-info-turnover {\n color: var(--emw--color-typography-inverse, #fff);\n background-color: var(--emw--color-secondary, #405c8b);\n height: 36px;\n line-height: 36px;\n border-radius: 4px;\n padding: 0 8px;\n font-size: 16px;\n font-weight: bold;\n}\n.oddsbomTicketBet-ticketArea {\n width: 100%;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n padding: 18px 0;\n}\n.oddsbomTicketBet-ticketArea--left {\n max-width: 60%;\n min-width: 50%;\n margin-bottom: 12px;\n}\n.oddsbomTicketBet-ticketArea--right {\n width: 40%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.oddsbomTicketBet-ticketArea--right-title {\n font-size: 20px;\n font-weight: bold;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-ticketArea--right-info {\n width: 96%;\n padding-left: 4%;\n}\n.oddsbomTicketBet-ticketArea--right-ticketCount, .oddsbomTicketBet-ticketArea--right-ticketTotal {\n height: 40px;\n line-height: 40px;\n font-size: 18px;\n user-select: none;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-ticketArea--right-ticketCount {\n margin-top: 40px;\n}\n.oddsbomTicketBet-ticketArea--right-delimiter {\n width: 100%;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n.oddsbomTicketBet-ticketArea--right-submitBtn {\n display: flex;\n align-items: center;\n margin-top: 20px;\n}\n.oddsbomTicketBet-info {\n margin-left: 5%;\n padding: 18px;\n}\n.oddsbomTicketBet-info-game, .oddsbomTicketBet-info-odds {\n display: flex;\n flex-wrap: wrap;\n}\n.oddsbomTicketBet-info-game {\n gap: 24px;\n margin-bottom: 20px;\n}\n.oddsbomTicketBet-info-odds {\n gap: 26px;\n}\n.oddsbomTicketBet-info--item {\n display: flex;\n align-items: center;\n}\n.oddsbomTicketBet-info--key {\n font-weight: bold;\n margin-right: 12px;\n color: var(--emw--color-typography, #000);\n}\n.oddsbomTicketBet-info--value {\n color: var(--emw--color-typography, #000);\n}\n@container (max-width: 430px) {\n .oddsbomTicketBet-banner-title {\n font-size: 20px;\n position: absolute;\n left: 6px;\n }\n .oddsbomTicketBet-banner-info {\n right: 4px;\n gap: 4px;\n }\n .oddsbomTicketBet-banner-info-stoptime, .oddsbomTicketBet-banner-info-turnover {\n height: 32px;\n line-height: 32px;\n font-weight: bold;\n font-size: 16px;\n }\n .oddsbomTicketBet-ticketArea {\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--left {\n max-width: 100%;\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--right {\n width: 100%;\n }\n .oddsbomTicketBet-ticketArea--right-info {\n width: 90%;\n padding-left: unset;\n }\n}\n@container (min-width: 1680px) {\n .oddsbomTicketBet-ticketArea {\n width: 80%;\n }\n .oddsbomTicketBet-ticketArea--left {\n width: 50%;\n }\n .oddsbomTicketBet-ticketArea--right {\n width: 50%;\n }\n .oddsbomTicketBet-info {\n margin-left: 10%;\n }\n}\n\n.loading-wrap {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n padding: 20px 0;\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-gray-50, #f5f5f5);\n border-radius: 4px;\n}\n\n.skeleton-animated {\n animation: skeleton-shimmer 1.5s infinite linear;\n background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 37%, #f0f0f0 63%);\n background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n to {\n background-position: 100% 0;\n }\n}";export{Ih as L,ut as M,s as a,o as b,at as c,dt as d,ct as f,zh as g,Th as r,i as s,Sh as t}
|