@everymatrix/lottery-tipping-entrance 1.92.2 → 1.92.3
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.
|
@@ -1857,6 +1857,19 @@ const LotteryTippingFilter = class {
|
|
|
1857
1857
|
};
|
|
1858
1858
|
LotteryTippingFilter.style = LotteryTippingFilterStyle0;
|
|
1859
1859
|
|
|
1860
|
+
var DrawStatusEnum;
|
|
1861
|
+
(function (DrawStatusEnum) {
|
|
1862
|
+
DrawStatusEnum["UPCOMING"] = "UPCOMING";
|
|
1863
|
+
DrawStatusEnum["OPEN"] = "OPEN";
|
|
1864
|
+
DrawStatusEnum["PENDING"] = "PENDING";
|
|
1865
|
+
DrawStatusEnum["ACTIVE"] = "ACTIVE";
|
|
1866
|
+
DrawStatusEnum["DRAWN"] = "DRAWN";
|
|
1867
|
+
DrawStatusEnum["SETTLED"] = "SETTLED";
|
|
1868
|
+
DrawStatusEnum["CLOSED"] = "CLOSED";
|
|
1869
|
+
DrawStatusEnum["PAYABLE"] = "PAYABLE";
|
|
1870
|
+
DrawStatusEnum["CANCELED"] = "CANCELED";
|
|
1871
|
+
})(DrawStatusEnum || (DrawStatusEnum = {}));
|
|
1872
|
+
|
|
1860
1873
|
const generateUUID$3 = () => {
|
|
1861
1874
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1862
1875
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
@@ -2142,7 +2155,7 @@ const LotteryTippingLatestResult = class {
|
|
|
2142
2155
|
async fetDrawList() {
|
|
2143
2156
|
try {
|
|
2144
2157
|
const GAME_DRAW_LIMIT = 9999;
|
|
2145
|
-
const filterData = { status:
|
|
2158
|
+
const filterData = { status: [DrawStatusEnum.PAYABLE, DrawStatusEnum.CLOSED], limit: GAME_DRAW_LIMIT };
|
|
2146
2159
|
const { items } = await fetchRequest$2(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams$1(filterData)}`, 'GET');
|
|
2147
2160
|
if (!items || items.length === 0)
|
|
2148
2161
|
return;
|
|
@@ -2255,10 +2268,10 @@ const LotteryTippingLatestResult = class {
|
|
|
2255
2268
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
2256
2269
|
}
|
|
2257
2270
|
render() {
|
|
2258
|
-
return (index.h("div", { key: '
|
|
2271
|
+
return (index.h("div", { key: '8c335f9e53307ec5daa17fa3c2a1dfb3d297fc2a', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (index.h("div", { key: '3421f161eb079ff4dbfa39bbe82895848b1f9dd4', class: "result-wrapper" }, index.h("div", { key: 'fac3c7896481321a8fb0f16593b1f7e73d2e86de', class: "date-selection" }, index.h("div", { key: 'a90dd4854fdcfe1cd2e8e3f97ce8544bf8bca9c1', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), index.h("div", { key: '17a0ee67e5b5328bb0266184ae7a1990802c92e2', class: "date-selection-calendar" }, index.h("lottery-tipping-calendar", { key: '35061b59e66321cfddfd227d726f025c3b45052f', 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: '327ff883fc08e79b2aedd4c0bab0cd1061915127', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), index.h("div", { key: '11d3b8ca7a66e446f90b1473f9c9a43bb4d86711', class: "winning-result" }, index.h("div", { key: '343fd834b770e4190cdb7e42eb46d6a7795e93e6', class: "betting-type" }, index.h("div", { key: '315484ffe766a9852fd503ae5b8f690e0fad0529', class: "betting-type-title" }, translate$5('bettingType', this.language)), index.h("div", { key: '84567042ab822a86074026849b7f3758606e3764', class: "betting-type-text" }, index.h("div", { key: '89149f374071611844332c43712d5d16c9f801a5', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
2259
2272
|
LotteryTippingTicketController__segment: true,
|
|
2260
2273
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
2261
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
2274
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '075832e03958cb7b3c6f73bbbaae59ee5c377f6d', "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: 'a559efd7c0d427c2cf748f2e51357ec729367199' }, translate$5('noLatestResult', this.language))), this.isLoading && index.h("div", { key: '0f177a28107f224f1a1ad97eb23fbd2db50d99af', class: "loading-wrap" }, translate$5('loading', this.language))));
|
|
2262
2275
|
}
|
|
2263
2276
|
static get watchers() { return {
|
|
2264
2277
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -3884,7 +3897,7 @@ const LotteryTippingTicketController = class {
|
|
|
3884
3897
|
return _ + ' ' + unit;
|
|
3885
3898
|
}
|
|
3886
3899
|
renderBettingControls() {
|
|
3887
|
-
var _a
|
|
3900
|
+
var _a;
|
|
3888
3901
|
const renderSkeleton = () => (index.h("div", { class: "skeleton-content" }, index.h("div", { class: "skeleton-item skeleton-animated" })));
|
|
3889
3902
|
const renderBettingTypeOptions = () => (index.h("div", { class: "LotteryTippingTicketController__segmented-control" }, this.bettingTypeOptions.map((item) => (index.h("button", { class: {
|
|
3890
3903
|
LotteryTippingTicketController__segment: true,
|
|
@@ -3898,7 +3911,7 @@ const LotteryTippingTicketController = class {
|
|
|
3898
3911
|
var _a;
|
|
3899
3912
|
return (index.h("div", null, index.h("vaadin-select", { items: this.stakeOptions || [], value: ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) || '', "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true })));
|
|
3900
3913
|
};
|
|
3901
|
-
return (index.h("div", { class: "LotteryTippingTicketController__top" }, index.h("div", { class: "LotteryTippingTicketController__row" }, index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions()))
|
|
3914
|
+
return (index.h("div", { class: "LotteryTippingTicketController__top" }, index.h("div", { class: "LotteryTippingTicketController__row" }, index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions())))));
|
|
3902
3915
|
}
|
|
3903
3916
|
renderOrderSummary() {
|
|
3904
3917
|
var _a;
|
|
@@ -3909,7 +3922,7 @@ const LotteryTippingTicketController = class {
|
|
|
3909
3922
|
}
|
|
3910
3923
|
render() {
|
|
3911
3924
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
3912
|
-
return (index.h("div", { key: '
|
|
3925
|
+
return (index.h("div", { key: '8f520b33fe0b935feb26e39baa840457ccc357df', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-banner", { key: '10ddfb775cfe7c8f2c980414302123309a7ad7d1', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), index.h("div", { key: 'add963c6aaa5f852f589fc1b20b31882d62ca8db', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '55c990ea441ca3b2192c3dbaa328dd31046b6d9c', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '7511cd997bfef3688e60afd207c109bfe20637cd', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: 'dfc1353806484dc8614d19737f922113a18099af', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
|
|
3913
3926
|
}
|
|
3914
3927
|
static get assetsDirs() { return ["../static"]; }
|
|
3915
3928
|
static get watchers() { return {
|
|
@@ -1854,6 +1854,19 @@ const LotteryTippingFilter = class {
|
|
|
1854
1854
|
};
|
|
1855
1855
|
LotteryTippingFilter.style = LotteryTippingFilterStyle0;
|
|
1856
1856
|
|
|
1857
|
+
var DrawStatusEnum;
|
|
1858
|
+
(function (DrawStatusEnum) {
|
|
1859
|
+
DrawStatusEnum["UPCOMING"] = "UPCOMING";
|
|
1860
|
+
DrawStatusEnum["OPEN"] = "OPEN";
|
|
1861
|
+
DrawStatusEnum["PENDING"] = "PENDING";
|
|
1862
|
+
DrawStatusEnum["ACTIVE"] = "ACTIVE";
|
|
1863
|
+
DrawStatusEnum["DRAWN"] = "DRAWN";
|
|
1864
|
+
DrawStatusEnum["SETTLED"] = "SETTLED";
|
|
1865
|
+
DrawStatusEnum["CLOSED"] = "CLOSED";
|
|
1866
|
+
DrawStatusEnum["PAYABLE"] = "PAYABLE";
|
|
1867
|
+
DrawStatusEnum["CANCELED"] = "CANCELED";
|
|
1868
|
+
})(DrawStatusEnum || (DrawStatusEnum = {}));
|
|
1869
|
+
|
|
1857
1870
|
const generateUUID$3 = () => {
|
|
1858
1871
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1859
1872
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
@@ -2139,7 +2152,7 @@ const LotteryTippingLatestResult = class {
|
|
|
2139
2152
|
async fetDrawList() {
|
|
2140
2153
|
try {
|
|
2141
2154
|
const GAME_DRAW_LIMIT = 9999;
|
|
2142
|
-
const filterData = { status:
|
|
2155
|
+
const filterData = { status: [DrawStatusEnum.PAYABLE, DrawStatusEnum.CLOSED], limit: GAME_DRAW_LIMIT };
|
|
2143
2156
|
const { items } = await fetchRequest$2(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams$1(filterData)}`, 'GET');
|
|
2144
2157
|
if (!items || items.length === 0)
|
|
2145
2158
|
return;
|
|
@@ -2252,10 +2265,10 @@ const LotteryTippingLatestResult = class {
|
|
|
2252
2265
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
2253
2266
|
}
|
|
2254
2267
|
render() {
|
|
2255
|
-
return (h("div", { key: '
|
|
2268
|
+
return (h("div", { key: '8c335f9e53307ec5daa17fa3c2a1dfb3d297fc2a', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: '3421f161eb079ff4dbfa39bbe82895848b1f9dd4', class: "result-wrapper" }, h("div", { key: 'fac3c7896481321a8fb0f16593b1f7e73d2e86de', class: "date-selection" }, h("div", { key: 'a90dd4854fdcfe1cd2e8e3f97ce8544bf8bca9c1', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: '17a0ee67e5b5328bb0266184ae7a1990802c92e2', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: '35061b59e66321cfddfd227d726f025c3b45052f', 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: '327ff883fc08e79b2aedd4c0bab0cd1061915127', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: '11d3b8ca7a66e446f90b1473f9c9a43bb4d86711', class: "winning-result" }, h("div", { key: '343fd834b770e4190cdb7e42eb46d6a7795e93e6', class: "betting-type" }, h("div", { key: '315484ffe766a9852fd503ae5b8f690e0fad0529', class: "betting-type-title" }, translate$5('bettingType', this.language)), h("div", { key: '84567042ab822a86074026849b7f3758606e3764', class: "betting-type-text" }, h("div", { key: '89149f374071611844332c43712d5d16c9f801a5', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
|
|
2256
2269
|
LotteryTippingTicketController__segment: true,
|
|
2257
2270
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
2258
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '
|
|
2271
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '075832e03958cb7b3c6f73bbbaae59ee5c377f6d', "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: 'a559efd7c0d427c2cf748f2e51357ec729367199' }, translate$5('noLatestResult', this.language))), this.isLoading && h("div", { key: '0f177a28107f224f1a1ad97eb23fbd2db50d99af', class: "loading-wrap" }, translate$5('loading', this.language))));
|
|
2259
2272
|
}
|
|
2260
2273
|
static get watchers() { return {
|
|
2261
2274
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -3881,7 +3894,7 @@ const LotteryTippingTicketController = class {
|
|
|
3881
3894
|
return _ + ' ' + unit;
|
|
3882
3895
|
}
|
|
3883
3896
|
renderBettingControls() {
|
|
3884
|
-
var _a
|
|
3897
|
+
var _a;
|
|
3885
3898
|
const renderSkeleton = () => (h("div", { class: "skeleton-content" }, h("div", { class: "skeleton-item skeleton-animated" })));
|
|
3886
3899
|
const renderBettingTypeOptions = () => (h("div", { class: "LotteryTippingTicketController__segmented-control" }, this.bettingTypeOptions.map((item) => (h("button", { class: {
|
|
3887
3900
|
LotteryTippingTicketController__segment: true,
|
|
@@ -3895,7 +3908,7 @@ const LotteryTippingTicketController = class {
|
|
|
3895
3908
|
var _a;
|
|
3896
3909
|
return (h("div", null, h("vaadin-select", { items: this.stakeOptions || [], value: ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.value) || '', "on-value-changed": this.onStakeChange.bind(this), "no-vertical-overlap": true })));
|
|
3897
3910
|
};
|
|
3898
|
-
return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions()))
|
|
3911
|
+
return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()), ((_a = this.stakeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('stakePerLine', this.language)), renderingStakeOptions())))));
|
|
3899
3912
|
}
|
|
3900
3913
|
renderOrderSummary() {
|
|
3901
3914
|
var _a;
|
|
@@ -3906,7 +3919,7 @@ const LotteryTippingTicketController = class {
|
|
|
3906
3919
|
}
|
|
3907
3920
|
render() {
|
|
3908
3921
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
3909
|
-
return (h("div", { key: '
|
|
3922
|
+
return (h("div", { key: '8f520b33fe0b935feb26e39baa840457ccc357df', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-banner", { key: '10ddfb775cfe7c8f2c980414302123309a7ad7d1', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, startTime: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.wagerStartTime, "banner-title": formattedWeekName((_f = (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.currentDraw) === null || _f === void 0 ? void 0 : _f.date), turnover: formattedTurnover((_h = (_g = this.saleStatisticsInfo) === null || _g === void 0 ? void 0 : _g.wagerSegment) === null || _h === void 0 ? void 0 : _h.totalSalesCrossDraw), language: this.language, "translation-url": this.translationUrl, onLotteryBannerTimerStop: this.handleTimerStop.bind(this) }), this.renderBettingControls(), h("div", { key: 'add963c6aaa5f852f589fc1b20b31882d62ca8db', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '55c990ea441ca3b2192c3dbaa328dd31046b6d9c', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '7511cd997bfef3688e60afd207c109bfe20637cd', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_j = this.rawData) === null || _j === void 0 ? void 0 : _j.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'dfc1353806484dc8614d19737f922113a18099af', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_k = this.dialogConfig) === null || _k === void 0 ? void 0 : _k.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_l = this.dialogConfig) === null || _l === void 0 ? void 0 : _l.content))));
|
|
3910
3923
|
}
|
|
3911
3924
|
static get assetsDirs() { return ["../static"]; }
|
|
3912
3925
|
static get watchers() { return {
|