@everymatrix/lottery-tipping-ticket-history 1.87.26 → 1.87.28
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/general-multi-select_10.cjs.entry.js +29 -29
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/lottery-tipping-ticket-history-abedc303.js +7871 -0
- package/dist/collection/components/lottery-tipping-filter/lottery-tipping-filter.css +3 -0
- package/dist/collection/components/lottery-tipping-filter/lottery-tipping-filter.js +4 -4
- package/dist/collection/components/lottery-tipping-pagination/lottery-tipping-pagination.js +2 -2
- package/dist/collection/components/lottery-tipping-panel/lottery-tipping-panel.js +1 -1
- package/dist/collection/components/lottery-tipping-ticket-history/lottery-tipping-ticket-history.js +24 -10
- package/dist/esm/general-multi-select_10.entry.js +30 -30
- package/dist/esm/index.js +1 -1
- package/dist/esm/lottery-tipping-ticket-history-e70dd42b.js +7860 -0
- package/dist/lottery-tipping-ticket-history/general-multi-select_10.entry.js +2 -2
- package/dist/lottery-tipping-ticket-history/index.esm.js +1 -1
- package/dist/lottery-tipping-ticket-history/lottery-tipping-ticket-history-e70dd42b.js +9 -0
- package/package.json +1 -1
- package/dist/cjs/lottery-tipping-ticket-history-7b5d66d1.js +0 -2848
- package/dist/esm/lottery-tipping-ticket-history-c4942b0c.js +0 -2837
- package/dist/lottery-tipping-ticket-history/lottery-tipping-ticket-history-c4942b0c.js +0 -1
|
@@ -131,14 +131,14 @@ export class LotteryTippingFilter {
|
|
|
131
131
|
this.isOpen = true;
|
|
132
132
|
} }, translate('filter', this.language))), (this.showClearButton || this.quickFiltersActive) && (h("div", { key: 'aa747af2461e72fbacc16decd7fc75cd6f640c47', class: "operate-btn", onClick: () => this.resetSearch() }, translate('clear', this.language)))), h("lottery-tipping-dialog", { key: '9a9472dee498db7acc83fd96db89b635be07a837', "dialog-title": translate('ticketResult', this.language), visible: this.isOpen, onCancel: () => {
|
|
133
133
|
this.isOpen = false;
|
|
134
|
-
}, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, translate('searchByTicketId', this.language)), h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, h("vaadin-text-field", { key: '
|
|
134
|
+
}, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, translate('searchByTicketId', this.language)), h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, h("div", { key: '7e49aab4b087a1e077cc03d4331df52be03a79c2', class: "general-multi-select-container" }, h("vaadin-text-field", { key: '9d810aac3959e689cefed434d7c5569b18e4c0ec', placeholder: translate('enterTicketId', this.language), value: this.filterData.ticketId, onInput: (event) => {
|
|
135
135
|
this.filterData.ticketId = event.target.value;
|
|
136
|
-
} }))), h("div", { key: '
|
|
136
|
+
} })))), h("div", { key: '8b9fda151a493c920797e4c7e2a8693c84ea5620', class: "filter-item" }, h("div", { key: '23439a0cad69db2ddafc8c131d5e1f5a019c3805', class: "filter-item-label" }, translate('searchByTicketType', this.language)), h("div", { key: 'ffe8de6c8acb7ecb92301d417e5d3cddb9941601', class: "general-multi-select-container" }, h("general-multi-select", { key: '90b2b967b17830a22ea08aa0f22e155e42922f21', ref: (el) => (this.comboBox = el), placeholder: translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
|
|
137
137
|
text: item.label,
|
|
138
138
|
value: item.value
|
|
139
|
-
})), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { key: '
|
|
139
|
+
})), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { key: 'b8dc91b5337a8f4064160c50c20f213fbb1649bd', class: "filter-item" }, h("div", { key: '476fb4074ad41ce1a014eb9355504aa4a53161ca', class: "filter-item-label" }, translate('searchByDate', this.language)), h("div", { key: 'd4498509f769af6cd5d008dc8433a61b9c9c5487', class: "filter-item-val" }, h("vaadin-date-picker", { key: 'bd525309eb193cd2e12fc87aee172d423397d22e', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
|
|
140
140
|
? undefined
|
|
141
|
-
: this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '
|
|
141
|
+
: this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '50eb713df259a2d0fce36b90d81d1ea388c8545d', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
|
|
142
142
|
? undefined
|
|
143
143
|
: this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: translate('to', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))))));
|
|
144
144
|
}
|
|
@@ -98,14 +98,14 @@ export class LotteryTippingPagination {
|
|
|
98
98
|
}
|
|
99
99
|
render() {
|
|
100
100
|
const pages = this.getPagesToShow();
|
|
101
|
-
return (h("div", { key: '
|
|
101
|
+
return (h("div", { key: 'daa1bf4cd3031ae3f908bd2638424cbf82b81021', class: "paginator", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '93841d6094df6f52b24e277b66d92158aabd2955', class: "total-num" }, translate('totalItems', this.language, { total: this.total })), h("button", { key: '205e1dcc5e5c1b18f2dbbb61e127d13e4adaa79f', class: "arrow-btn", disabled: this.current <= 1, onClick: () => this.goToPage(this.current - 1) }, "<"), pages.map((item) => {
|
|
102
102
|
if (item.type === 'page') {
|
|
103
103
|
return (h("button", { class: { page: true, active: this.current === item.value }, onClick: () => this.goToPage(item.value) }, item.value));
|
|
104
104
|
}
|
|
105
105
|
else {
|
|
106
106
|
return (h("button", { class: "ellipsis", onClick: () => this.jumpTo(item.direction) }, "..."));
|
|
107
107
|
}
|
|
108
|
-
}), h("button", { key: '
|
|
108
|
+
}), h("button", { key: '3213a6519702b4215e66afadf8dc6e44839455e7', class: "arrow-btn", disabled: this.current >= this.totalPages, onClick: () => this.goToPage(this.current + 1) }, ">"), h("select", { key: 'da36befb97834a7d3ca212f724306cbe57f76167', onInput: (e) => this.changePageSize(parseInt(e.target.value)) }, this.pageSizeOptions.map((size) => (h("option", { value: size }, translate('perPage', this.language, { size: size }))))), h("div", { key: '063ca0f31a3ab170a697af945414602f95748dac', class: "jump-box" }, translate('goTo', this.language), h("input", { key: '1ec1cbf62de505ea6770c59536c41f3bbb241261', type: "number", min: "1", max: this.totalPages, value: this.current, onKeyDown: (e) => {
|
|
109
109
|
if (e.key === 'Enter') {
|
|
110
110
|
const input = e.target;
|
|
111
111
|
const page = parseInt(input.value);
|
|
@@ -45,7 +45,7 @@ export class lotteryTippingPanel {
|
|
|
45
45
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h("div", { key: '
|
|
48
|
+
return (h("div", { key: '3a7acb79544c31ac93d82a2ea62ca7d343901b3f', class: "panel-container", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '1c4f38f5c8df2e08dd3a33f9af45b7bc0cc1f025', class: { 'panel-header': true, active: this.expanded }, onClick: this.togglePanel }, h("div", { key: '6e08ac8f744bb3abbfb0148d4cc82843f13b1ea5', class: "header-content" }, h("slot", { key: 'b58eee18d78117db3638ed71800b40e626de7d63', name: "header" }, h("span", { key: 'cfc3586117731014a1511f9df19d53132580e2ac' }, this.headerTitle))), h("span", { key: '41a8fb02bb96acd842668cd717909f07d02bdad2', class: `arrow ${this.expanded ? 'expanded' : ''}`, innerHTML: downIcon })), h("div", { key: '5deb75348843b6cf12bba4c03a5defeaa82760f8', class: `panel-body ${this.expanded ? 'open' : 'closed'}` }, h("slot", { key: '0191d8c751a6fecaaeae237cba17e125df42b6d4', name: "content" }))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "lottery-tipping-panel"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/lottery-tipping-ticket-history/lottery-tipping-ticket-history.js
CHANGED
|
@@ -3,6 +3,7 @@ import "../../../../../lottery-tipping-ticket-bet/dist/types/index";
|
|
|
3
3
|
import { h } from "@stencil/core";
|
|
4
4
|
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
5
5
|
import { format } from "date-fns";
|
|
6
|
+
import Decimal from "decimal.js";
|
|
6
7
|
import { DrawResult } from "../../models";
|
|
7
8
|
import { getTranslations, translate } from "../../utils/locale.utils";
|
|
8
9
|
import { fetchRequest, isMobile, parseEachLineNumber, showNotification, thousandSeperator, toQueryParams } from "../../utils/utils";
|
|
@@ -20,22 +21,35 @@ export class LotteryTippingTicketHistory {
|
|
|
20
21
|
let prizeName = detail.divisionDisplayName;
|
|
21
22
|
let amount = detail.amount;
|
|
22
23
|
let currency = detail.currency;
|
|
23
|
-
if (prizeName && prizeName
|
|
24
|
+
if (prizeName && prizeName !== 'None') {
|
|
25
|
+
const decimalAmount = new Decimal(amount);
|
|
24
26
|
if (prizeMap.has(prizeName)) {
|
|
27
|
+
const existingEntry = prizeMap.get(prizeName);
|
|
28
|
+
const newAmount = existingEntry.amount.plus(decimalAmount);
|
|
25
29
|
prizeMap.set(prizeName, {
|
|
26
|
-
amount:
|
|
30
|
+
amount: newAmount,
|
|
27
31
|
currency,
|
|
28
|
-
times:
|
|
32
|
+
times: existingEntry.times + 1
|
|
29
33
|
});
|
|
30
34
|
}
|
|
31
35
|
else {
|
|
32
|
-
prizeMap.set(prizeName, {
|
|
36
|
+
prizeMap.set(prizeName, {
|
|
37
|
+
amount: decimalAmount,
|
|
38
|
+
currency,
|
|
39
|
+
times: 1
|
|
40
|
+
});
|
|
33
41
|
}
|
|
34
42
|
}
|
|
35
43
|
});
|
|
36
44
|
const resultArr = [];
|
|
37
45
|
for (let [key, val] of prizeMap.entries()) {
|
|
38
|
-
|
|
46
|
+
const finalAmount = val.amount.times(100).floor().dividedBy(100);
|
|
47
|
+
resultArr.push({
|
|
48
|
+
prizeName: key,
|
|
49
|
+
amount: finalAmount.toNumber(),
|
|
50
|
+
currency: val.currency,
|
|
51
|
+
times: val.times
|
|
52
|
+
});
|
|
39
53
|
}
|
|
40
54
|
resultArr.sort((p1, p2) => p2.prizeName.localeCompare(p1.prizeName));
|
|
41
55
|
return resultArr;
|
|
@@ -333,15 +347,15 @@ export class LotteryTippingTicketHistory {
|
|
|
333
347
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
334
348
|
}
|
|
335
349
|
render() {
|
|
336
|
-
return (h("div", { key: '
|
|
337
|
-
item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (h("div", { key: '
|
|
350
|
+
return (h("div", { key: '8b5cf7b807d86f60585333f6e1ad908c27e69d2d', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '5d5b27c8663171c205fa542fa8cabaf43a8e9868', class: "ticket-history-title" }, translate('ticketsHistory', this.language)), h("div", { key: '80a725f121d8ae43918655645b539386523f2c5b', class: "filter-wrap" }, h("div", { key: 'ddfbecf52c2b34ff65a0a1eb1c4461e2ec4adb83', class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), h("div", { key: 'd7af5f48131401c38ed5e47526cf8a0b66bf7ed5', class: "filter-operation" }, h("lottery-tipping-filter", { key: '6cb80e892227bb0cca2231dbd01c967e39f00057', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (h("div", { key: '9b1ded95022c5eff5963d81eea67c3f6a915033e', class: "loading-wrap" }, h("section", { key: '731d40f195f1cba224b792d250e9f9e4b86b61ae', class: "dots-container" }, h("div", { key: '0b5c88b5c231045760c8951e02b828f8539168ac', class: "dot" }), h("div", { key: 'e534a45e4b666ec35cefc3a709cc0b9bcb6ddd56', class: "dot" }), h("div", { key: '4adae575af1bcaa438f50fe0fa9ca1a5c8ea8c73', class: "dot" }), h("div", { key: '27c4cc688611722d858436bb857d2435d3bb57f9', class: "dot" }), h("div", { key: 'acd88b2c9756ef9c7dff629fd9d238d63128e63c', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (h("div", { key: '9afe2101cbafb68c1d0a648ccf85d7df497ea5bc', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, h("div", { class: "panel-content", slot: "content" }, h("div", { class: "ticket-info" }, h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketId', this.language)), h("div", { class: "ticket-info-val" }, item.id, " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketType', this.language)), h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketAmount', this.language)), h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('lineDetail', this.language)), h("div", { class: "ticket-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate('seeDetails', this.language)))), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('numberOfDraw', this.language)), h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
|
|
351
|
+
item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (h("div", { key: '5de413a3747c7928d9dae3a817337a6f014f0b17', class: "empty-wrap" }, translate('noData', this.language))), h("lottery-tipping-dialog", { key: 'f11f915d619c10d836427105090e861b74931d56', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
338
352
|
this.showCurrentTicketLine = false;
|
|
339
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (h("div", { key: '
|
|
353
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (h("div", { key: '899c2830647dcee4be611199a4bc42af78588894' }, h("div", { key: '5671d9815195d631026f6ed43400a0b79b43f828', class: "betting-type" }, h("div", { key: '842a5226b1f304ad23ab26081428e5bbd814671f', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: '9028c66fca47e8ca7e7d054154361fcca56a9b22', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), h("lottery-tipping-ticket-bet", { key: '3df8c748aeb165eadf68ec631ede5ef6a11ae42a', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), h("lottery-tipping-dialog", { key: '3f3dc5b9922890c11104ca55120b3fa029378f78', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
340
354
|
this.showCurrentDrawResult = false;
|
|
341
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (h("div", { key: '
|
|
355
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (h("div", { key: '348359e4256d86c47f0cb2cfe936a669f6f7c0e8' }, h("div", { key: '98ed4f468d1a1a4b237c1cfc776fcb990f69fdcf', class: "betting-type" }, h("div", { key: '2ba8e6723d1259aefd74900d82dbf3968325f944', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: '7ae55771416badb3c4746bd37353d956362241f8', class: "betting-type-text" }, h("div", { key: '998242980ce53ff0ca9ef509bb45e62d3680fd73', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
|
|
342
356
|
LotteryTippingTicketController__segment: true,
|
|
343
357
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
344
|
-
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '
|
|
358
|
+
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '57c44eb7624411a20dade3b41251285a214e4b8c', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.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, "translation-url": this.translationUrl })))), h("div", { key: '296c91bff848ca5f2ab5fe9df414ffd3b03aef58', class: "pagination-wrap" }, h("lottery-tipping-pagination", { key: '3495c8c81cf96dd28aad9a79b963d94877c8db01', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
|
|
345
359
|
}
|
|
346
360
|
static get is() { return "lottery-tipping-ticket-history"; }
|
|
347
361
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, g as getAssetPath, h, a as getElement } from './index-4e926388.js';
|
|
2
|
-
import { r as requiredArgs, t as toInteger, s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, g as getTranslations$2, c as translate$2, f as format, i as isMobile } from './lottery-tipping-ticket-history-
|
|
3
|
-
export { L as lottery_tipping_ticket_history } from './lottery-tipping-ticket-history-
|
|
2
|
+
import { r as requiredArgs, t as toInteger, s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, g as getTranslations$2, c as translate$2, f as format, i as isMobile } from './lottery-tipping-ticket-history-e70dd42b.js';
|
|
3
|
+
export { L as lottery_tipping_ticket_history } from './lottery-tipping-ticket-history-e70dd42b.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Days in 1 week.
|
|
@@ -257,7 +257,7 @@ function validateTimezone(_hours, minutes) {
|
|
|
257
257
|
return minutes >= 0 && minutes <= 59;
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
const generalMultiSelectCss = ".multi-select-container{position:relative;font-family:\"Inter\", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:
|
|
260
|
+
const generalMultiSelectCss = ".multi-select-container{position:relative;font-family:\"Inter\", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:6px 10px;padding-right:6px;border-radius:0.25em;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-dialog-typography, #000);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;padding-left:0;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-dialog-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}";
|
|
261
261
|
const GeneralMultiSelectStyle0 = generalMultiSelectCss;
|
|
262
262
|
|
|
263
263
|
const GeneralMultiSelect = class {
|
|
@@ -343,13 +343,13 @@ const GeneralMultiSelect = class {
|
|
|
343
343
|
}
|
|
344
344
|
handleMbSourceChange(newValue, oldValue) {
|
|
345
345
|
if (newValue != oldValue) {
|
|
346
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
346
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
componentDidLoad() {
|
|
350
350
|
if (this.stylingContainer) {
|
|
351
351
|
if (this.mbSource)
|
|
352
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
352
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
353
353
|
if (this.clientStyling)
|
|
354
354
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
355
355
|
if (this.clientStylingUrl)
|
|
@@ -429,7 +429,7 @@ const GeneralTooltip = class {
|
|
|
429
429
|
}
|
|
430
430
|
handleMbSourceChange(newValue, oldValue) {
|
|
431
431
|
if (newValue != oldValue) {
|
|
432
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
432
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
435
|
componentWillLoad() {
|
|
@@ -438,7 +438,7 @@ const GeneralTooltip = class {
|
|
|
438
438
|
componentDidLoad() {
|
|
439
439
|
if (this.stylingContainer) {
|
|
440
440
|
if (this.mbSource)
|
|
441
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
441
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
442
442
|
if (this.clientStyling)
|
|
443
443
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
444
444
|
if (this.clientStylingUrl)
|
|
@@ -515,13 +515,13 @@ const LotteryTippingBullet = class {
|
|
|
515
515
|
}
|
|
516
516
|
handleMbSourceChange(newValue, oldValue) {
|
|
517
517
|
if (newValue != oldValue) {
|
|
518
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
518
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
519
519
|
}
|
|
520
520
|
}
|
|
521
521
|
componentDidLoad() {
|
|
522
522
|
if (this.stylingContainer) {
|
|
523
523
|
if (this.mbSource)
|
|
524
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
524
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
525
525
|
if (this.clientStyling)
|
|
526
526
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
527
527
|
if (this.clientStylingUrl)
|
|
@@ -607,13 +607,13 @@ const LotteryTippingBulletGroup = class {
|
|
|
607
607
|
}
|
|
608
608
|
handleMbSourceChange(newValue, oldValue) {
|
|
609
609
|
if (newValue != oldValue) {
|
|
610
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
610
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
613
|
componentDidLoad() {
|
|
614
614
|
if (this.stylingContainer) {
|
|
615
615
|
if (this.mbSource)
|
|
616
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
616
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
617
617
|
if (this.clientStyling)
|
|
618
618
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
619
619
|
if (this.clientStylingUrl)
|
|
@@ -707,7 +707,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
707
707
|
}
|
|
708
708
|
};
|
|
709
709
|
|
|
710
|
-
const lotteryTippingDialogCss = ".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-
|
|
710
|
+
const lotteryTippingDialogCss = ".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:var(--emw--color-mask-dialog-background, 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 var(--emw--button-box-shadow-color-secondary, 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-typography-normalized, #ffffff);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)}}";
|
|
711
711
|
const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
|
|
712
712
|
|
|
713
713
|
const LotteryTippingDialog = class {
|
|
@@ -748,7 +748,7 @@ const LotteryTippingDialog = class {
|
|
|
748
748
|
}
|
|
749
749
|
handleMbSourceChange(newValue, oldValue) {
|
|
750
750
|
if (newValue != oldValue) {
|
|
751
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
751
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
754
|
componentWillLoad() {
|
|
@@ -7473,7 +7473,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
7473
7473
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
7474
7474
|
`}static get is(){return "vaadin-tabs"}}v(vh);
|
|
7475
7475
|
|
|
7476
|
-
const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
7476
|
+
const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}.general-multi-select-container vaadin-text-field{width:100%}";
|
|
7477
7477
|
const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
|
|
7478
7478
|
|
|
7479
7479
|
const LotteryTippingFilter = class {
|
|
@@ -7528,7 +7528,7 @@ const LotteryTippingFilter = class {
|
|
|
7528
7528
|
}
|
|
7529
7529
|
handleMbSourceChange(newValue, oldValue) {
|
|
7530
7530
|
if (newValue != oldValue) {
|
|
7531
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7531
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7532
7532
|
}
|
|
7533
7533
|
}
|
|
7534
7534
|
componentWillLoad() {
|
|
@@ -7543,7 +7543,7 @@ const LotteryTippingFilter = class {
|
|
|
7543
7543
|
componentDidLoad() {
|
|
7544
7544
|
if (this.stylingContainer) {
|
|
7545
7545
|
if (this.mbSource)
|
|
7546
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7546
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7547
7547
|
if (this.clientStyling)
|
|
7548
7548
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7549
7549
|
if (this.clientStylingUrl)
|
|
@@ -7605,14 +7605,14 @@ const LotteryTippingFilter = class {
|
|
|
7605
7605
|
this.isOpen = true;
|
|
7606
7606
|
} }, translate$2('filter', this.language))), (this.showClearButton || this.quickFiltersActive) && (h("div", { key: 'aa747af2461e72fbacc16decd7fc75cd6f640c47', class: "operate-btn", onClick: () => this.resetSearch() }, translate$2('clear', this.language)))), h("lottery-tipping-dialog", { key: '9a9472dee498db7acc83fd96db89b635be07a837', "dialog-title": translate$2('ticketResult', this.language), visible: this.isOpen, onCancel: () => {
|
|
7607
7607
|
this.isOpen = false;
|
|
7608
|
-
}, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, translate$2('searchByTicketId', this.language)), h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, h("vaadin-text-field", { key: '
|
|
7608
|
+
}, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, translate$2('searchByTicketId', this.language)), h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, h("div", { key: '7e49aab4b087a1e077cc03d4331df52be03a79c2', class: "general-multi-select-container" }, h("vaadin-text-field", { key: '9d810aac3959e689cefed434d7c5569b18e4c0ec', placeholder: translate$2('enterTicketId', this.language), value: this.filterData.ticketId, onInput: (event) => {
|
|
7609
7609
|
this.filterData.ticketId = event.target.value;
|
|
7610
|
-
} }))), h("div", { key: '
|
|
7610
|
+
} })))), h("div", { key: '8b9fda151a493c920797e4c7e2a8693c84ea5620', class: "filter-item" }, h("div", { key: '23439a0cad69db2ddafc8c131d5e1f5a019c3805', class: "filter-item-label" }, translate$2('searchByTicketType', this.language)), h("div", { key: 'ffe8de6c8acb7ecb92301d417e5d3cddb9941601', class: "general-multi-select-container" }, h("general-multi-select", { key: '90b2b967b17830a22ea08aa0f22e155e42922f21', ref: (el) => (this.comboBox = el), placeholder: translate$2('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
|
|
7611
7611
|
text: item.label,
|
|
7612
7612
|
value: item.value
|
|
7613
|
-
})), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { key: '
|
|
7613
|
+
})), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { key: 'b8dc91b5337a8f4064160c50c20f213fbb1649bd', class: "filter-item" }, h("div", { key: '476fb4074ad41ce1a014eb9355504aa4a53161ca', class: "filter-item-label" }, translate$2('searchByDate', this.language)), h("div", { key: 'd4498509f769af6cd5d008dc8433a61b9c9c5487', class: "filter-item-val" }, h("vaadin-date-picker", { key: 'bd525309eb193cd2e12fc87aee172d423397d22e', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
|
|
7614
7614
|
? undefined
|
|
7615
|
-
: this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate$2('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '
|
|
7615
|
+
: this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate$2('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '50eb713df259a2d0fce36b90d81d1ea388c8545d', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
|
|
7616
7616
|
? undefined
|
|
7617
7617
|
: this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: translate$2('to', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))))));
|
|
7618
7618
|
}
|
|
@@ -7656,13 +7656,13 @@ const LotteryTippingPagination = class {
|
|
|
7656
7656
|
}
|
|
7657
7657
|
handleMbSourceChange(newValue, oldValue) {
|
|
7658
7658
|
if (newValue != oldValue) {
|
|
7659
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7659
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7660
7660
|
}
|
|
7661
7661
|
}
|
|
7662
7662
|
componentDidLoad() {
|
|
7663
7663
|
if (this.stylingContainer) {
|
|
7664
7664
|
if (this.mbSource)
|
|
7665
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7665
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7666
7666
|
if (this.clientStyling)
|
|
7667
7667
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7668
7668
|
if (this.clientStylingUrl)
|
|
@@ -7726,14 +7726,14 @@ const LotteryTippingPagination = class {
|
|
|
7726
7726
|
}
|
|
7727
7727
|
render() {
|
|
7728
7728
|
const pages = this.getPagesToShow();
|
|
7729
|
-
return (h("div", { key: '
|
|
7729
|
+
return (h("div", { key: 'daa1bf4cd3031ae3f908bd2638424cbf82b81021', class: "paginator", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '93841d6094df6f52b24e277b66d92158aabd2955', class: "total-num" }, translate$2('totalItems', this.language, { total: this.total })), h("button", { key: '205e1dcc5e5c1b18f2dbbb61e127d13e4adaa79f', class: "arrow-btn", disabled: this.current <= 1, onClick: () => this.goToPage(this.current - 1) }, "<"), pages.map((item) => {
|
|
7730
7730
|
if (item.type === 'page') {
|
|
7731
7731
|
return (h("button", { class: { page: true, active: this.current === item.value }, onClick: () => this.goToPage(item.value) }, item.value));
|
|
7732
7732
|
}
|
|
7733
7733
|
else {
|
|
7734
7734
|
return (h("button", { class: "ellipsis", onClick: () => this.jumpTo(item.direction) }, "..."));
|
|
7735
7735
|
}
|
|
7736
|
-
}), h("button", { key: '
|
|
7736
|
+
}), h("button", { key: '3213a6519702b4215e66afadf8dc6e44839455e7', class: "arrow-btn", disabled: this.current >= this.totalPages, onClick: () => this.goToPage(this.current + 1) }, ">"), h("select", { key: 'da36befb97834a7d3ca212f724306cbe57f76167', onInput: (e) => this.changePageSize(parseInt(e.target.value)) }, this.pageSizeOptions.map((size) => (h("option", { value: size }, translate$2('perPage', this.language, { size: size }))))), h("div", { key: '063ca0f31a3ab170a697af945414602f95748dac', class: "jump-box" }, translate$2('goTo', this.language), h("input", { key: '1ec1cbf62de505ea6770c59536c41f3bbb241261', type: "number", min: "1", max: this.totalPages, value: this.current, onKeyDown: (e) => {
|
|
7737
7737
|
if (e.key === 'Enter') {
|
|
7738
7738
|
const input = e.target;
|
|
7739
7739
|
const page = parseInt(input.value);
|
|
@@ -7859,13 +7859,13 @@ const lotteryTippingPanel = class {
|
|
|
7859
7859
|
}
|
|
7860
7860
|
handleMbSourceChange(newValue, oldValue) {
|
|
7861
7861
|
if (newValue != oldValue) {
|
|
7862
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7862
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7863
7863
|
}
|
|
7864
7864
|
}
|
|
7865
7865
|
componentDidLoad() {
|
|
7866
7866
|
if (this.stylingContainer) {
|
|
7867
7867
|
if (this.mbSource)
|
|
7868
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
7868
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
7869
7869
|
if (this.clientStyling)
|
|
7870
7870
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7871
7871
|
if (this.clientStylingUrl)
|
|
@@ -7876,7 +7876,7 @@ const lotteryTippingPanel = class {
|
|
|
7876
7876
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
7877
7877
|
}
|
|
7878
7878
|
render() {
|
|
7879
|
-
return (h("div", { key: '
|
|
7879
|
+
return (h("div", { key: '3a7acb79544c31ac93d82a2ea62ca7d343901b3f', class: "panel-container", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '1c4f38f5c8df2e08dd3a33f9af45b7bc0cc1f025', class: { 'panel-header': true, active: this.expanded }, onClick: this.togglePanel }, h("div", { key: '6e08ac8f744bb3abbfb0148d4cc82843f13b1ea5', class: "header-content" }, h("slot", { key: 'b58eee18d78117db3638ed71800b40e626de7d63', name: "header" }, h("span", { key: 'cfc3586117731014a1511f9df19d53132580e2ac' }, this.headerTitle))), h("span", { key: '41a8fb02bb96acd842668cd717909f07d02bdad2', class: `arrow ${this.expanded ? 'expanded' : ''}`, innerHTML: downIcon })), h("div", { key: '5deb75348843b6cf12bba4c03a5defeaa82760f8', class: `panel-body ${this.expanded ? 'open' : 'closed'}` }, h("slot", { key: '0191d8c751a6fecaaeae237cba17e125df42b6d4', name: "content" }))));
|
|
7880
7880
|
}
|
|
7881
7881
|
get el() { return getElement(this); }
|
|
7882
7882
|
static get watchers() { return {
|
|
@@ -8082,7 +8082,7 @@ const LotteryTippingTicketBet = class {
|
|
|
8082
8082
|
this.defaultBulletConfigLineGroup = undefined;
|
|
8083
8083
|
this.bulletConfigLineGroup = [[[]]];
|
|
8084
8084
|
this.currentPage = 1;
|
|
8085
|
-
this.isLoading =
|
|
8085
|
+
this.isLoading = false;
|
|
8086
8086
|
this.hasErrors = false;
|
|
8087
8087
|
this.dialogConfig = { visible: false };
|
|
8088
8088
|
this.ticketDataSource = [];
|
|
@@ -8104,7 +8104,7 @@ const LotteryTippingTicketBet = class {
|
|
|
8104
8104
|
}
|
|
8105
8105
|
handleMbSourceChange(newValue, oldValue) {
|
|
8106
8106
|
if (newValue != oldValue) {
|
|
8107
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
8107
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
8108
8108
|
}
|
|
8109
8109
|
}
|
|
8110
8110
|
disconnectedCallback() {
|
|
@@ -8118,7 +8118,7 @@ const LotteryTippingTicketBet = class {
|
|
|
8118
8118
|
componentDidLoad() {
|
|
8119
8119
|
if (this.stylingContainer) {
|
|
8120
8120
|
if (this.mbSource)
|
|
8121
|
-
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style
|
|
8121
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
8122
8122
|
if (this.clientStyling)
|
|
8123
8123
|
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
8124
8124
|
if (this.clientStylingUrl)
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { L as LotteryTippingTicketHistory } from './lottery-tipping-ticket-history-
|
|
1
|
+
export { L as LotteryTippingTicketHistory } from './lottery-tipping-ticket-history-e70dd42b.js';
|
|
2
2
|
import './index-4e926388.js';
|