@everymatrix/lottery-tipping-entrance 1.87.31 → 1.87.32
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.
|
@@ -593,8 +593,7 @@ const TRANSLATIONS$7 = {
|
|
|
593
593
|
stop: 'Stop',
|
|
594
594
|
at: 'at',
|
|
595
595
|
turnover: 'Turnover: ',
|
|
596
|
-
|
|
597
|
-
in: 'in'
|
|
596
|
+
startIn: 'Sales Start in:',
|
|
598
597
|
},
|
|
599
598
|
ro: {
|
|
600
599
|
stop: 'Oprește',
|
|
@@ -704,7 +703,7 @@ function getWagerTime(startTime, stopTime) {
|
|
|
704
703
|
return {};
|
|
705
704
|
}
|
|
706
705
|
|
|
707
|
-
const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
|
|
706
|
+
const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-value__strong {\n font-weight: 700;\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
|
|
708
707
|
const LotteryBannerStyle0 = lotteryBannerCss;
|
|
709
708
|
|
|
710
709
|
const LotteryBanner = class {
|
|
@@ -780,21 +779,21 @@ const LotteryBanner = class {
|
|
|
780
779
|
this.timer && clearInterval(this.timer);
|
|
781
780
|
}
|
|
782
781
|
renderElement(item, className = '') {
|
|
783
|
-
var _a, _b;
|
|
782
|
+
var _a, _b, _c;
|
|
784
783
|
switch (item) {
|
|
785
784
|
case 'logo':
|
|
786
785
|
return (index.h("div", { class: `lottery-banner__logo-wrapper ${className}` }, this.logoUrl && index.h("img", { alt: "logo", src: this.logoUrl, class: "lottery-banner__logo" })));
|
|
787
786
|
case 'title':
|
|
788
787
|
return this.bannerTitle && index.h("div", { class: `lottery-banner__title ${className}` }, this.bannerTitle);
|
|
789
788
|
case 'info':
|
|
790
|
-
return (index.h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('
|
|
789
|
+
return (index.h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('startIn', this.language)), "\u00A0"), index.h("span", { class: "lottery-banner__info-item-value lottery-banner__info-item-value__strong" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, index.h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('stop', this.language)), "\u00A0", translate$7('at', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), ((_c = this.formattedTime) === null || _c === void 0 ? void 0 : _c.end) && this.turnover !== null && this.turnover !== undefined && (index.h("div", { class: "lottery-banner__info-item" }, index.h("span", { class: "lottery-banner__info-item-label" }, translate$7('turnover', this.language)), index.h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
|
|
791
790
|
default:
|
|
792
791
|
return null;
|
|
793
792
|
}
|
|
794
793
|
}
|
|
795
794
|
render() {
|
|
796
795
|
const layoutItems = this.layout.split(',').map((item) => item.trim());
|
|
797
|
-
return (index.h("section", { key: '
|
|
796
|
+
return (index.h("section", { key: 'de09c785c74e1182381ba3332899158da814240d', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
|
|
798
797
|
const isMiddle = layoutItems.length === 3 && index === 1;
|
|
799
798
|
const className = isMiddle ? 'lottery-banner__item--center' : '';
|
|
800
799
|
return this.renderElement(item, className);
|
|
@@ -2135,7 +2134,7 @@ const LotteryTippingLatestResult = class {
|
|
|
2135
2134
|
async fetDrawList() {
|
|
2136
2135
|
try {
|
|
2137
2136
|
const GAME_DRAW_LIMIT = 9999;
|
|
2138
|
-
const filterData = { status: '
|
|
2137
|
+
const filterData = { status: 'CLOSED', limit: GAME_DRAW_LIMIT };
|
|
2139
2138
|
const { items } = await fetchRequest$2(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams$1(filterData)}`, 'GET');
|
|
2140
2139
|
if (!items || items.length === 0)
|
|
2141
2140
|
return;
|
|
@@ -2248,10 +2247,10 @@ const LotteryTippingLatestResult = class {
|
|
|
2248
2247
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
2249
2248
|
}
|
|
2250
2249
|
render() {
|
|
2251
|
-
return (index.h("div", { key: '
|
|
2250
|
+
return (index.h("div", { key: '8445ca7bb67864132c73aba8690ffc8a654acf96', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (index.h("div", { key: 'd3ea560c524a06afbce2d8ca8e0fabd0ace1f0fb', class: "result-wrapper" }, index.h("div", { key: '0612142854af558802abef88673ebcfbba75b4f5', class: "date-selection" }, index.h("div", { key: '1ccacd4df626ddbedf12f9a2076e6abf3ef92604', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), index.h("div", { key: '0f86c5df9a1e77ae59054946beae703fc1439d55', class: "date-selection-calendar" }, index.h("lottery-tipping-calendar", { key: '561f1b7b441ee5a749742fa1f9075309064d408e', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), index.h("div", { key: '3bc8ae5a02f2a3b2aa0e824bd38afedd599b0f65', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), index.h("div", { key: 'abdc4a2f4c8452754a9f963b63ee2ad895a8fc3a', class: "winning-result" }, index.h("div", { key: 'b44ad68ce7d83a4061b092610d03213a06888f5f', class: "betting-type" }, index.h("div", { key: 'b47203a44ffe076aba90e81cb579ba9ab32c2943', class: "betting-type-title" }, translate$5('bettingType', this.language)), index.h("div", { key: 'b7ba0c64f5bf7c29a33b88cbc018a1164ec16fc3', class: "betting-type-text" }, index.h("div", { key: 'cb0bb84dbe19b7928cf0f77dbec8b9eded121c0d', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
2252
2251
|
LotteryTippingTicketController__segment: true,
|
|
2253
2252
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
2254
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
2253
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '77bbc0bf4fb5b9e4db639db82235e9c5102c6571', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), this.isLoadingTurnover ? (index.h("div", { class: "loading-wrap" }, index.h("ui-skeleton", { structure: "title", width: "140px", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }))) : (index.h("div", { class: "prize-result" }, index.h("div", { class: "prize-result-title" }, translate$5('prizeAllocation', this.language, { turnover: formattedTurnover$1(this.curTurnOver) })), index.h("div", { class: "prize-result-table" }, index.h("div", { class: "prize-result-table-header" }, index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, translate$5('prizes', this.language)), index.h("div", { class: "prize-result-table-column" }, translate$5('numberOfWinners', this.language)), index.h("div", { class: "prize-result-table-column" }, translate$5('prizeMoney', this.language)))), index.h("div", { class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), index.h("div", { class: "prize-result-table-column" }, prize.players), index.h("div", { class: "prize-result-table-column" }, thousandSeperator$1(prize.totalAmount.value))))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (index.h("div", { key: 'b0b6b3889f133e7aa3fb3b716a34db7efe89d04b' }, translate$5('noLatestResult', this.language))), this.isLoading && index.h("div", { key: 'e95d1017886fc286ab985e1560dc0fd01d9bd8d3', class: "loading-wrap" }, translate$5('loading', this.language))));
|
|
2255
2254
|
}
|
|
2256
2255
|
static get watchers() { return {
|
|
2257
2256
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -590,8 +590,7 @@ const TRANSLATIONS$7 = {
|
|
|
590
590
|
stop: 'Stop',
|
|
591
591
|
at: 'at',
|
|
592
592
|
turnover: 'Turnover: ',
|
|
593
|
-
|
|
594
|
-
in: 'in'
|
|
593
|
+
startIn: 'Sales Start in:',
|
|
595
594
|
},
|
|
596
595
|
ro: {
|
|
597
596
|
stop: 'Oprește',
|
|
@@ -701,7 +700,7 @@ function getWagerTime(startTime, stopTime) {
|
|
|
701
700
|
return {};
|
|
702
701
|
}
|
|
703
702
|
|
|
704
|
-
const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
|
|
703
|
+
const lotteryBannerCss = ":host {\n display: block;\n container-type: inline-size;\n}\n\n.lottery-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--lottery-banner-gap, 0.5rem);\n padding: var(--lottery-banner-padding, 0px 20px);\n background: var(--lottery-banner-background, var(--emw--color-primary, #fed275));\n border-top: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-bottom: var(--lottery-banner-border-width, 2px) var(--lottery-banner-border-style, solid) var(--lottery-banner-border-color, var(--emw--color-primary, #fed275));\n border-left: var(--lottery-banner-border-left, none);\n border-right: var(--lottery-banner-border-right, none);\n border-radius: var(--lottery-banner-border-radius, 0);\n white-space: nowrap;\n height: var(--lottery-banner-height, 50px);\n position: relative;\n box-sizing: border-box;\n}\n\n.lottery-banner__logo-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n.lottery-banner__logo-wrapper img {\n height: 100%;\n object-fit: var(--lottery-banner-logo-object-fit, contain);\n}\n\n.lottery-banner__item--center {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.lottery-banner__title {\n text-align: center;\n font-size: var(--lottery-banner-title-font-size, 1.5rem);\n font-weight: 800;\n font-style: italic;\n letter-spacing: var(--lottery-banner-title-font-letter-spacing, 0.04em);\n color: var(--emw--color-typography, #000);\n}\n\n.lottery-banner__info {\n display: flex;\n align-items: center;\n gap: var(--lottery-banner-info-gap, 0.75rem);\n}\n\n.lottery-banner__info-item {\n font-size: var(--lottery-banner-info-font-size, 0.9rem);\n color: var(--lottery-banner-info-color, var(--emw--color-typography, #000));\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n}\n\n.lottery-banner__info-item-label {\n color: var(--lottery-banner-info-label-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-label__strong {\n font-weight: var(--lottery-banner-info-label-font-weight, 700);\n}\n\n.lottery-banner__info-item-value {\n font-weight: var(--lottery-banner-info-value-font-weight, inherit);\n color: var(--lottery-banner-info-value-color, var(--emw--color-typography, #000));\n}\n.lottery-banner__info-item-value__strong {\n font-weight: 700;\n}\n\n@container (max-width: 700px) {\n .lottery-banner {\n height: auto;\n padding: var(--lottery-banner-mobile-padding, 0.5rem 1rem);\n }\n .lottery-banner__title {\n flex-basis: 100%;\n text-align: var(--lottery-banner-mobile-title-text-align, left);\n }\n .lottery-banner__info {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--lottery-banner-mobile-info-gap, 0.1rem);\n }\n}";
|
|
705
704
|
const LotteryBannerStyle0 = lotteryBannerCss;
|
|
706
705
|
|
|
707
706
|
const LotteryBanner = class {
|
|
@@ -777,21 +776,21 @@ const LotteryBanner = class {
|
|
|
777
776
|
this.timer && clearInterval(this.timer);
|
|
778
777
|
}
|
|
779
778
|
renderElement(item, className = '') {
|
|
780
|
-
var _a, _b;
|
|
779
|
+
var _a, _b, _c;
|
|
781
780
|
switch (item) {
|
|
782
781
|
case 'logo':
|
|
783
782
|
return (h("div", { class: `lottery-banner__logo-wrapper ${className}` }, this.logoUrl && h("img", { alt: "logo", src: this.logoUrl, class: "lottery-banner__logo" })));
|
|
784
783
|
case 'title':
|
|
785
784
|
return this.bannerTitle && h("div", { class: `lottery-banner__title ${className}` }, this.bannerTitle);
|
|
786
785
|
case 'info':
|
|
787
|
-
return (h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('
|
|
786
|
+
return (h("div", { class: `lottery-banner__info ${className}` }, ((_a = this.formattedTime) === null || _a === void 0 ? void 0 : _a.start) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('startIn', this.language)), "\u00A0"), h("span", { class: "lottery-banner__info-item-value lottery-banner__info-item-value__strong" }, this.formattedTime.start))), ((_b = this.formattedTime) === null || _b === void 0 ? void 0 : _b.end) && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, h("span", { class: "lottery-banner__info-item-label__strong" }, translate$7('stop', this.language)), "\u00A0", translate$7('at', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.formattedTime.end))), ((_c = this.formattedTime) === null || _c === void 0 ? void 0 : _c.end) && this.turnover !== null && this.turnover !== undefined && (h("div", { class: "lottery-banner__info-item" }, h("span", { class: "lottery-banner__info-item-label" }, translate$7('turnover', this.language)), h("span", { class: "lottery-banner__info-item-value" }, this.turnover)))));
|
|
788
787
|
default:
|
|
789
788
|
return null;
|
|
790
789
|
}
|
|
791
790
|
}
|
|
792
791
|
render() {
|
|
793
792
|
const layoutItems = this.layout.split(',').map((item) => item.trim());
|
|
794
|
-
return (h("section", { key: '
|
|
793
|
+
return (h("section", { key: 'de09c785c74e1182381ba3332899158da814240d', ref: (el) => (this.stylingContainer = el), class: "lottery-banner" }, layoutItems.map((item, index) => {
|
|
795
794
|
const isMiddle = layoutItems.length === 3 && index === 1;
|
|
796
795
|
const className = isMiddle ? 'lottery-banner__item--center' : '';
|
|
797
796
|
return this.renderElement(item, className);
|
|
@@ -2132,7 +2131,7 @@ const LotteryTippingLatestResult = class {
|
|
|
2132
2131
|
async fetDrawList() {
|
|
2133
2132
|
try {
|
|
2134
2133
|
const GAME_DRAW_LIMIT = 9999;
|
|
2135
|
-
const filterData = { status: '
|
|
2134
|
+
const filterData = { status: 'CLOSED', limit: GAME_DRAW_LIMIT };
|
|
2136
2135
|
const { items } = await fetchRequest$2(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams$1(filterData)}`, 'GET');
|
|
2137
2136
|
if (!items || items.length === 0)
|
|
2138
2137
|
return;
|
|
@@ -2245,10 +2244,10 @@ const LotteryTippingLatestResult = class {
|
|
|
2245
2244
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
2246
2245
|
}
|
|
2247
2246
|
render() {
|
|
2248
|
-
return (h("div", { key: '
|
|
2247
|
+
return (h("div", { key: '8445ca7bb67864132c73aba8690ffc8a654acf96', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: 'd3ea560c524a06afbce2d8ca8e0fabd0ace1f0fb', class: "result-wrapper" }, h("div", { key: '0612142854af558802abef88673ebcfbba75b4f5', class: "date-selection" }, h("div", { key: '1ccacd4df626ddbedf12f9a2076e6abf3ef92604', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: '0f86c5df9a1e77ae59054946beae703fc1439d55', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: '561f1b7b441ee5a749742fa1f9075309064d408e', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '3bc8ae5a02f2a3b2aa0e824bd38afedd599b0f65', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: 'abdc4a2f4c8452754a9f963b63ee2ad895a8fc3a', class: "winning-result" }, h("div", { key: 'b44ad68ce7d83a4061b092610d03213a06888f5f', class: "betting-type" }, h("div", { key: 'b47203a44ffe076aba90e81cb579ba9ab32c2943', class: "betting-type-title" }, translate$5('bettingType', this.language)), h("div", { key: 'b7ba0c64f5bf7c29a33b88cbc018a1164ec16fc3', class: "betting-type-text" }, h("div", { key: 'cb0bb84dbe19b7928cf0f77dbec8b9eded121c0d', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
|
|
2249
2248
|
LotteryTippingTicketController__segment: true,
|
|
2250
2249
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
2251
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '
|
|
2250
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '77bbc0bf4fb5b9e4db639db82235e9c5102c6571', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), this.isLoadingTurnover ? (h("div", { class: "loading-wrap" }, h("ui-skeleton", { structure: "title", width: "140px", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }))) : (h("div", { class: "prize-result" }, h("div", { class: "prize-result-title" }, translate$5('prizeAllocation', this.language, { turnover: formattedTurnover$1(this.curTurnOver) })), h("div", { class: "prize-result-table" }, h("div", { class: "prize-result-table-header" }, h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, translate$5('prizes', this.language)), h("div", { class: "prize-result-table-column" }, translate$5('numberOfWinners', this.language)), h("div", { class: "prize-result-table-column" }, translate$5('prizeMoney', this.language)))), h("div", { class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.players), h("div", { class: "prize-result-table-column" }, thousandSeperator$1(prize.totalAmount.value))))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: 'b0b6b3889f133e7aa3fb3b716a34db7efe89d04b' }, translate$5('noLatestResult', this.language))), this.isLoading && h("div", { key: 'e95d1017886fc286ab985e1560dc0fd01d9bd8d3', class: "loading-wrap" }, translate$5('loading', this.language))));
|
|
2252
2251
|
}
|
|
2253
2252
|
static get watchers() { return {
|
|
2254
2253
|
"clientStyling": ["handleClientStylingChange"],
|