@everymatrix/lottery-game-page 1.77.25 → 1.77.27
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_16.cjs.entry.js +143 -96
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/lottery-game-page.cjs.js +1 -1
- package/dist/collection/components/lottery-game-page/lottery-game-page.css +89 -97
- package/dist/collection/components/lottery-game-page/lottery-game-page.js +87 -51
- package/dist/collection/utils/utils.js +11 -4
- package/dist/esm/general-multi-select_16.entry.js +143 -96
- package/dist/esm/loader.js +1 -1
- package/dist/esm/lottery-game-page.js +1 -1
- package/dist/lottery-game-page/general-multi-select_16.entry.js +50 -50
- package/dist/lottery-game-page/lottery-game-page.esm.js +1 -1
- package/dist/types/components/lottery-game-page/lottery-game-page.d.ts +3 -3
- package/dist/types/utils/utils.d.ts +4 -0
- package/package.json +1 -1
|
@@ -234,25 +234,16 @@ const getTranslations$9 = (data) => {
|
|
|
234
234
|
});
|
|
235
235
|
};
|
|
236
236
|
|
|
237
|
-
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:5px;background:var(--emw--color-
|
|
237
|
+
const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:5px;background:var(--emw--color-primary, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-primary, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-secondary, #00aba4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-typography-inverse, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-typography-inverse, rgb(255, 255, 255));width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.HeaderTicketHistory{border-radius:4px;background:var(--emw--color-background, #fff);display:flex;gap:30px;border:1px solid var(--emw--color-primary, #009993);padding:8px 10px;user-select:none;margin-bottom:5px;cursor:pointer}.HeaderTicketHistory:hover{background:var(--emw--color-secondary, #00aba4)}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:var(--emw--color-typography, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-typography-inverse, rgb(255, 255, 255));width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:0 0 4px 4px;background:var(--emw--color-background, #fff);border:1px solid var(--emw--color-primary, #009993);padding:10px 15px;user-select:none;color:var(--emw--color-typography, #000);margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:var(--emw--color-error, #ff3d00);border:1px solid var(--emw--color-error, #ff3d00);color:var(--emw--color-background, #fff)}.ActionButton:hover{background:var(--emw--color-secondary, #ff6536);border:1px solid var(--emw--color-error, #ff3d00)}";
|
|
238
238
|
const HelperAccordionStyle0 = helperAccordionCss;
|
|
239
239
|
|
|
240
240
|
const HelperAccordion = class {
|
|
241
241
|
constructor(hostRef) {
|
|
242
242
|
registerInstance(this, hostRef);
|
|
243
243
|
this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
|
|
244
|
-
this.
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
this.stylingContainer.prepend(sheet);
|
|
248
|
-
};
|
|
249
|
-
this.setClientStylingURL = () => {
|
|
250
|
-
let cssFile = document.createElement('style');
|
|
251
|
-
setTimeout(() => {
|
|
252
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
253
|
-
this.stylingContainer.prepend(cssFile);
|
|
254
|
-
}, 1);
|
|
255
|
-
};
|
|
244
|
+
this.mbSource = undefined;
|
|
245
|
+
this.clientStyling = undefined;
|
|
246
|
+
this.clientStylingUrl = undefined;
|
|
256
247
|
this.ticketHistoryFlag = false;
|
|
257
248
|
this.headerTitle = '';
|
|
258
249
|
this.headerSubtitle = '';
|
|
@@ -263,13 +254,38 @@ const HelperAccordion = class {
|
|
|
263
254
|
this.eventName = 'helperAccordionAction';
|
|
264
255
|
this.collapsed = true;
|
|
265
256
|
this.language = 'en';
|
|
266
|
-
this.clientStyling = '';
|
|
267
|
-
this.clientStylingUrlContent = '';
|
|
268
257
|
this.translationUrl = undefined;
|
|
269
258
|
this.showContent = undefined;
|
|
270
|
-
this.limitStylingAppends = false;
|
|
271
259
|
}
|
|
272
260
|
// @TODO fix the `any` type :)
|
|
261
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
262
|
+
if (newValue != oldValue) {
|
|
263
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
267
|
+
if (newValue != oldValue) {
|
|
268
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
272
|
+
if (newValue != oldValue) {
|
|
273
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
componentDidLoad() {
|
|
277
|
+
if (this.stylingContainer) {
|
|
278
|
+
if (this.mbSource)
|
|
279
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
280
|
+
if (this.clientStyling)
|
|
281
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
282
|
+
if (this.clientStylingUrl)
|
|
283
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
disconnectedCallback() {
|
|
287
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
288
|
+
}
|
|
273
289
|
connectedCallback() {
|
|
274
290
|
this.showContent = !this.collapsed;
|
|
275
291
|
}
|
|
@@ -278,17 +294,6 @@ const HelperAccordion = class {
|
|
|
278
294
|
getTranslations$9(JSON.parse(this.translationUrl));
|
|
279
295
|
}
|
|
280
296
|
}
|
|
281
|
-
componentDidRender() {
|
|
282
|
-
// start custom styling area
|
|
283
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
284
|
-
if (this.clientStyling)
|
|
285
|
-
this.setClientStyling();
|
|
286
|
-
if (this.clientStylingUrlContent)
|
|
287
|
-
this.setClientStylingURL();
|
|
288
|
-
this.limitStylingAppends = true;
|
|
289
|
-
}
|
|
290
|
-
// end custom styling area
|
|
291
|
-
}
|
|
292
297
|
toggleContent() {
|
|
293
298
|
this.showContent = !this.showContent;
|
|
294
299
|
}
|
|
@@ -300,11 +305,13 @@ const HelperAccordion = class {
|
|
|
300
305
|
this.accordionEvent.emit();
|
|
301
306
|
}
|
|
302
307
|
render() {
|
|
303
|
-
return (h("div", { key: '
|
|
304
|
-
h("div", { key: 'ba970b8947e1986aedbdfd37b044e05f2b1c29fc' }, h("div", { key: '7cfc0ca2b99d76d7647569f7105c29d1be8cf994', class: "Content" }, h("slot", { key: 'a2d866a914d33eac26b3b7e138e611be9f942c65', name: 'accordionContent' }), this.footer && this.showContent &&
|
|
305
|
-
h("div", { key: 'c44d54e98f712c921e7dd16faaaaa7cfb92e17c4' }, this.deleteTab &&
|
|
306
|
-
h("span", { key: '8c46aa94fcce959f370d07da69bd58509c143373', class: "ActionButton", onClick: () => this.deleteAction() }, translate$9('deleteTicket', this.language)))))));
|
|
308
|
+
return (h("div", { key: '58cd507e7d1dc8de1e3b049936a2d6acb355e83d', class: "Wrapper", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '70c6453ca4c4d40738edb1ae7e91f8954eebd3eb', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, h("p", { key: 'cf543e01c0baa833bea27aa4effb19734e234ed1', class: "Title" }, this.headerTitle), h("p", { key: '365a05cabda273796e9d9689e514566ecc2aadcc', class: "Subtitle" }, this.headerSubtitle), h("p", { key: 'f30680b6c9d2d65fdb607a7293d6ce4b56c6b20f', class: "Subtitle Description" }, this.description), h("span", { key: 'a47718e90743d53b31968f67b002a3e427e193bc', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent && (h("div", { key: 'bb34d51602f9397c427d79141a38aca7a64bf206' }, h("div", { key: '64171a30185b88bbafaa4ea555aeb9e2e33c46d6', class: "Content" }, h("slot", { key: '6def0d44f3881196255f3329184053fb3d5a3cfd', name: "accordionContent" }), this.footer && this.showContent && (h("div", { key: '08bfb5b017055788ba55b149e3bee23964f11ccf' }, this.deleteTab && (h("span", { key: 'b7b03fc6329a37841a2cf2b6a34780349341a0d5', class: "ActionButton", onClick: () => this.deleteAction() }, translate$9('deleteTicket', this.language))))))))));
|
|
307
309
|
}
|
|
310
|
+
static get watchers() { return {
|
|
311
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
312
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
313
|
+
"mbSource": ["handleMbSourceChange"]
|
|
314
|
+
}; }
|
|
308
315
|
};
|
|
309
316
|
HelperAccordion.style = HelperAccordionStyle0;
|
|
310
317
|
|
|
@@ -9252,7 +9259,7 @@ function cleanEscapedString(input) {
|
|
|
9252
9259
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
9253
9260
|
}
|
|
9254
9261
|
|
|
9255
|
-
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;
|
|
9262
|
+
const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;border:1px solid var(--emw--color-primary, #009993);background:var(--emw--color-typography-inverse, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .filterKey,.FilterModalBody .filterKey,.FilterModalFooter .filterKey{color:var(--emw--color-primary, #009993);text-align:left;font-size:16px}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:var(--emw--color-primary, #009993);text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:var(--emw--button-border-radius, 4px);background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-primary-variant, #004d4a);width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:var(--emw--color-primary, #009993)}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 60px;width:max-content;margin:5px;background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}.ticketFilterItem{margin:12px 0}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
9256
9263
|
const HelperFiltersStyle0 = helperFiltersCss;
|
|
9257
9264
|
|
|
9258
9265
|
const HelperFilters = class {
|
|
@@ -9427,7 +9434,7 @@ const isMobile$2 = (userAgent) => {
|
|
|
9427
9434
|
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
9428
9435
|
};
|
|
9429
9436
|
|
|
9430
|
-
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:
|
|
9437
|
+
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:var(--emw--color-background, #fff);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-300, #333);box-shadow:2px 2px 2px var(--emw--color-typography-secondary, #ccc);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-dialog-background, #fff);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-dialog-background, #fff);top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--color-dialog-typography, #000)}";
|
|
9431
9438
|
const HelperModalStyle0 = helperModalCss;
|
|
9432
9439
|
|
|
9433
9440
|
const HelperModal = class {
|
|
@@ -9548,7 +9555,7 @@ const getTranslations$7 = (data) => {
|
|
|
9548
9555
|
});
|
|
9549
9556
|
};
|
|
9550
9557
|
|
|
9551
|
-
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--
|
|
9558
|
+
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--color-typography, #000);font-weight:normal}";
|
|
9552
9559
|
const HelperTabStyle0 = helperTabCss;
|
|
9553
9560
|
|
|
9554
9561
|
const HelperTab = class {
|
|
@@ -9628,7 +9635,7 @@ const HelperTab = class {
|
|
|
9628
9635
|
};
|
|
9629
9636
|
HelperTab.style = HelperTabStyle0;
|
|
9630
9637
|
|
|
9631
|
-
const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;margin:5px 0 10px;border:1px solid var(--emw--color-
|
|
9638
|
+
const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;margin:5px 0 10px;border:1px solid var(--emw--color-primary, #009993);background:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:var(--emw--color-background-secondary, #f5f5f5)}.TabButton.Active{background:var(--emw--color-primary, #009993);color:var(--emw--color-background, #fff)}";
|
|
9632
9639
|
const HelperTabsStyle0 = helperTabsCss;
|
|
9633
9640
|
|
|
9634
9641
|
const HelperTabs = class {
|
|
@@ -9691,7 +9698,7 @@ const HelperTabs = class {
|
|
|
9691
9698
|
};
|
|
9692
9699
|
HelperTabs.style = HelperTabsStyle0;
|
|
9693
9700
|
|
|
9694
|
-
const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--
|
|
9701
|
+
const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:var(--emw--color-typography, #000);display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px var(--emw--color-background, #fff);background:radial-gradient(circle at top, var(--emw--color-background, #fff) 0%, var(--emw--color-background, #fff) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 var(--emw--color-gray-300, #333);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, var(--emw--color-background, #fff) 0%, var(--emw--color-background-secondary, #f5f5f5) 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-background, #fff);background:-webkit-radial-gradient(top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));background:-moz-radial-gradient(top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));background:radial-gradient(circle at top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));border:solid 2px var(--emw--color-primary, #009993)}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #f5f5f5);background:var(--emw--color-gray-250, #ccc);border:solid 2px var(--emw--color-gray-100, #e6e6e6);cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:var(--emw--color-gray-50, #f5f5f5);background:-webkit-radial-gradient(top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));background:-moz-radial-gradient(top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));background:radial-gradient(circle at top, var(--emw--color-primary, #009993), var(--emw--color-primary-variant, #004d4a));border:solid 2px var(--emw--color-gray-100, #e6e6e6);cursor:default}.Circle.Bonus{background:var(--emw--color-tertiary, #ff6536)}";
|
|
9695
9702
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
9696
9703
|
|
|
9697
9704
|
const LotteryBullet = class {
|
|
@@ -9836,7 +9843,7 @@ const getTranslations$6 = (data) => {
|
|
|
9836
9843
|
});
|
|
9837
9844
|
};
|
|
9838
9845
|
|
|
9839
|
-
const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.
|
|
9846
|
+
const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:var(--emw--color-primary, #009993);color:var(--emw--color-background-secondary, #f5f5f5);font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid var(--emw--color-typography, #009993)}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;color:var(--emw--color-typography, #000)}.DrawNumbersGrid label{display:block;margin-bottom:7px}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid var(--emw--color-gray-250, #ccc);border-radius:5px;background-color:var(--emw--color-background-secondary, #f5f5f5)}.ExpandableBox{border-bottom:1px solid var(--emw--color-gray-250, #ccc);transition:height 300ms ease-in-out;overflow:hidden;height:80px;background-color:var(--emw--color-background, #fff)}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:var(--emw--color-primary, #009993)}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:\"\";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:var(--emw--color-primary, #009993)}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:var(--emw--color-primary, #009993);transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:auto}";
|
|
9840
9847
|
const LotteryDrawResultsStyle0 = lotteryDrawResultsCss;
|
|
9841
9848
|
|
|
9842
9849
|
const LotteryDrawResults = class {
|
|
@@ -10104,7 +10111,7 @@ const getTranslations$5 = (data) => {
|
|
|
10104
10111
|
});
|
|
10105
10112
|
};
|
|
10106
10113
|
|
|
10107
|
-
const lotteryDrawResultsHistoryCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridBanner{background-color:var(--emw--color-
|
|
10114
|
+
const lotteryDrawResultsHistoryCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridBanner{background-color:var(--emw--color-primary, #009993);background-repeat:no-repeat;background-position:center;color:var(--emw--color-typography, #000);padding:0 20px 30px}.GridBanner .BannerButtonsWrapper{display:flex;justify-content:space-between;padding-top:16px}.GridBanner .BannerButtonsWrapper .BannerBackButton,.GridBanner .BannerButtonsWrapper .BannerLobbyButton{background:var(--emw--color-background, #fff);border:1px solid var(--emw--color-primary, #009993);border-radius:4px;padding:7px 15px;font-size:12px;text-transform:uppercase;width:80px;cursor:pointer}.GridBanner .HistoryGridBannerArea{padding-top:30px}.HistoryGridBannerArea{display:flex;flex-direction:column;align-items:center}.BannerText{font-size:14px;font-weight:300}.BannerCountdown{font-size:22px;display:flex;gap:20px}.GridWrapper{background-color:var(--emw--color-background, #fff)}.DrawResultsSection{max-width:600px;margin:0px auto;padding-bottom:30px;color:var(--emw--color-typography, #000)}.HistoryGrid{border-radius:5px}.DrawResultsHeader{color:var(--emw--color-primary, #009993);padding:25px 0 10px 0;text-align:center;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-size:16px;font-weight:600;margin:0}.DrawNumbersGrid{padding:10px 50px}.DrawNumbersGrid p{margin:0 0 10px 0;font-size:14px}.BulletContainer{margin-bottom:20px}.DrawResultTop{background-color:var(--emw--color-primary, #009993);padding:10px;text-align:center;color:var(--emw--color-background, #fff);padding:0 50px;display:flex;justify-content:center;gap:40px}.ViewAllResults{display:block;padding:10px 40px;margin:40px auto;border:0;border-radius:5px;background-color:var(--emw--color-primary, #009993);color:var(--emw--color-background, #fff);outline:none}.FilterSection{display:flex;justify-content:space-between;padding:25px 15px 10px;gap:10px;margin:0px 15px}.FilterSection .FilterResultsContainer{display:flex;gap:5px;overflow-x:auto}.FilterSection .QuickFilterButton,.FilterSection .ResetButton{cursor:pointer;width:max-content;border-radius:var(--emw--button-border-radius, 4px);border:1px solid var(--emw--button-border-color, #009993);background:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterSection .Active{background:var(--emw--color-primary-variant, #004d4a);color:var(--emw--color-background, #fff)}.FilterSection helper-filters{margin-left:auto}.errorText{color:var(--emw--color-error, #ff0000)}";
|
|
10108
10115
|
const LotteryDrawResultsHistoryStyle0 = lotteryDrawResultsHistoryCss;
|
|
10109
10116
|
|
|
10110
10117
|
const LotteryDrawResultsHistory = class {
|
|
@@ -10403,7 +10410,7 @@ const isMobile$1 = (userAgent) => {
|
|
|
10403
10410
|
};
|
|
10404
10411
|
const generateUUID$1 = () => {
|
|
10405
10412
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
10406
|
-
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8
|
|
10413
|
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
10407
10414
|
return v.toString(16);
|
|
10408
10415
|
});
|
|
10409
10416
|
};
|
|
@@ -10419,18 +10426,25 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
|
10419
10426
|
options.body = JSON.stringify(body);
|
|
10420
10427
|
}
|
|
10421
10428
|
fetch(url, options)
|
|
10422
|
-
.then(response => {
|
|
10429
|
+
.then((response) => {
|
|
10423
10430
|
if (!response.ok) {
|
|
10424
10431
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
|
10425
10432
|
}
|
|
10426
10433
|
return response.json();
|
|
10427
10434
|
})
|
|
10428
|
-
.then(data => resolve(data))
|
|
10429
|
-
.catch(error => reject(error));
|
|
10435
|
+
.then((data) => resolve(data))
|
|
10436
|
+
.catch((error) => reject(error));
|
|
10430
10437
|
});
|
|
10431
10438
|
}
|
|
10439
|
+
const showNotification = ({ message, theme = 'success' }) => {
|
|
10440
|
+
window.postMessage({
|
|
10441
|
+
type: 'ShowNotificationToast',
|
|
10442
|
+
message,
|
|
10443
|
+
theme
|
|
10444
|
+
});
|
|
10445
|
+
};
|
|
10432
10446
|
|
|
10433
|
-
const lotteryGamePageCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\")
|
|
10447
|
+
const lotteryGamePageCss = "@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n display: block;\n font-family: \"Roboto\", sans-serif;\n}\n\n.GamePage {\n background-color: var(--emw--color-background, #fff);\n}\n.GamePage ß .GridBanner {\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n background-repeat: no-repeat;\n background-position: center;\n color: var(--emw--color-typography, #000);\n padding: 0 20px 10px;\n height: 220px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.GamePage ß .GridBanner .BannerButtonsWrapper {\n display: flex;\n justify-content: space-between;\n padding-top: 16px;\n}\n.GamePage ß .GridBanner .BannerButtonsWrapper .BannerBackButton,\n.GamePage ß .GridBanner .BannerButtonsWrapper .BannerLobbyButton {\n background: var(--emw--color-background-secondary, #f5f5f5);\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n border-radius: var(--emw--button-border-radius, 4px);\n padding: 7px 15px;\n font-size: 12px;\n text-transform: uppercase;\n width: 80px;\n cursor: pointer;\n}\n.GamePage ß .GridBanner .GridBannerArea {\n padding-top: 30px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.GamePage .TotalWinnings {\n color: var(--emw--color-typography, #000);\n font-size: 18px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 10px;\n text-transform: uppercase;\n}\n.GamePage .TotalWinnings span {\n font-size: 18px;\n font-weight: 700;\n}\n.GamePage .NextDraw {\n color: var(--emw--color-primary, #009993);\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto;\n text-align: center;\n text-transform: uppercase;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n gap: 4px;\n}\n.GamePage .NextDraw .BannerText {\n font-weight: 400;\n font-size: 18px;\n text-transform: uppercase;\n padding: 0;\n margin: 15px 0 0 0;\n}\n.GamePage .NextDraw .BannerCountdown {\n font-size: 22px;\n color: var(--emw--color-primary, #009993);\n display: flex;\n gap: 20px;\n}\n.GamePage .Tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n}\n.GamePage .Tabs .TabButton {\n border-radius: var(--emw--button-border-radius, 4px);\n cursor: pointer;\n padding: 8px 0;\n width: 50%;\n max-width: 200px;\n border: 1px solid var(--emw--color-primary, #009993);\n background: var(--emw--color-primary, #009993);\n color: var(--emw--color-background-secondary, #f5f5f5);\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n}\n.GamePage .Tabs .TabButton.Active {\n color: var(--emw--color-primary, #009993);\n background: var(--emw--color-gray-50, #f5f5f5);\n border: 1px solid var(--emw--color-gray-50, #f5f5f5);\n}\n\n.LastDrawResultsTitle {\n color: var(--emw--color-primary, #009993);\n padding: 25px 0 10px 0;\n text-align: center;\n border-radius: var(--emw--button-border-radius, 4px);\n text-transform: uppercase;\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n\n.NextDrawWrapper {\n padding: 10px 15px;\n background: var(--emw--color-background, #fff);\n}\n.NextDrawWrapper .BannerText {\n font-size: 16px;\n font-weight: 700;\n text-align: center;\n color: var(--emw--color-typography, #000);\n}\n.NextDrawWrapper .BannerCountdown {\n font-size: 22px;\n display: flex;\n gap: 8px;\n color: var(--emw--color-primary, #009993);\n font-weight: bolder;\n justify-content: center;\n}\n\n.GamePageContent {\n max-width: 1200px;\n margin: 0 auto;\n background: var(--emw--color-background, #fff);\n container-type: inline-size;\n container-name: gamePage;\n}\n\n.TicketsWrapper {\n min-height: 300px;\n}\n\n@container gamePage (min-width: 1200px) {\n .GamePageContent .TicketsWrapper {\n float: left;\n width: 49%;\n }\n .GamePageContent .GameDetails {\n float: right;\n width: 49%;\n }\n .GamePageContent .OrderSummary {\n float: right;\n width: 49%;\n }\n}\n.GameDetails {\n padding-bottom: 10px;\n margin-bottom: 20px;\n}\n\n.OrderSummary {\n min-width: 200px;\n border-radius: var(--emw--button-border-radius, 4px);\n color: var(--emw--color-typography, #000);\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n background: var(--emw--color-background, #fff);\n}\n.OrderSummary .OrderSummaryTitle {\n font-size: 16px;\n color: var(--emw--color-primary, #009993);\n text-transform: uppercase;\n text-align: center;\n}\n.OrderSummary .OrderTicketInfo {\n display: flex;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n.OrderSummary .OrderTicketInfo .Multiplier {\n margin: 0 6px;\n}\n.OrderSummary .Ticket {\n display: inline-block;\n color: var(--emw--color-typography, #000);\n font-size: 14px;\n height: 50px;\n line-height: 50px;\n margin-left: 15px;\n margin-right: 30px;\n}\n.OrderSummary .Ticket span {\n text-align: right;\n}\n.OrderSummary hr {\n border: none;\n border-top: 1px double var(--emw--color-gray-100, #e6e6e6);\n color: var(--emw--color-gray-100, #e6e6e6);\n width: 100%;\n}\n.OrderSummary .Total {\n display: inline-block;\n color: var(--emw--color-typography, #000);\n font-size: 14px;\n height: 50px;\n line-height: 50px;\n margin-left: 15px;\n}\n.OrderSummary .Total span {\n text-align: right;\n}\n\n.ButtonWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ButtonWrapper .Button {\n cursor: pointer;\n border-radius: var(--emw--button-border-radius, 4px);\n padding: 8px 60px;\n width: max-content;\n margin: 5px;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n background: var(--emw--color-primary, #009993);\n color: var(--emw--color-background-secondary, #f5f5f5);\n}\n.ButtonWrapper .Button:hover {\n background: var(--emw--color-secondary, #00aba4);\n}\n.ButtonWrapper .Button.ButtonDisabled {\n pointer-events: none;\n background: var(--emw--color-background-tertiary, #ccc);\n}\n.ButtonWrapper .submitError {\n margin-top: 10px;\n color: var(--emw--color-error, #ff3d00);\n}\n.ButtonWrapper .submitWrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.SubmitModalSuccess {\n text-align: center;\n font-size: 18px;\n padding: 20px;\n}\n\n.DeleteTicketModalWrapper {\n padding: 20px;\n text-align: center;\n}\n.DeleteTicketModalWrapper .DeleteTicketModalTitle {\n font-size: 16px;\n color: var(--emw--color-primary, #009993);\n font-weight: 400;\n text-transform: uppercase;\n margin: 20px 0 40px;\n}\n.DeleteTicketModalWrapper .DeleteTicketModalText {\n font-size: 14px;\n color: var(--emw--color-typography, #000);\n line-height: 22px;\n margin-bottom: 40px;\n}\n.DeleteTicketModalWrapper .DeleteTicketModalButtons {\n display: flex;\n gap: 10px;\n justify-content: center;\n}\n.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm {\n cursor: pointer;\n border-radius: 4px;\n padding: 8px 25px;\n width: max-content;\n margin: 5px;\n color: var(--emw--color-typography, #000);\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n background: var(--emw--color-error, #ff3d00);\n border: 1px solid var(--emw--color-error, #ff3d00);\n color: var(--emw--color-background-secondary, #f5f5f5);\n}\n.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm:hover {\n background: var(--emw--color-tertiary, #ff6536);\n border: 1px solid var(--emw--color-error, #ff3d00);\n}\n.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel {\n cursor: pointer;\n width: max-content;\n border-radius: var(--emw--button-border-radius, 4px);\n padding: 10px 25px;\n margin: 5px;\n border: 1px solid var(--emw--color-secondary, #00aba4);\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n}\n.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel:hover {\n background: var(--emw--color-gray-50, #f5f5f5);\n}\n\n.GamePage {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.GamePage .GamePageContentWrapper,\n.GamePage .HistoryContentWrapper {\n padding: 15px;\n flex: 1;\n background: var(--emw--color-background, #fff);\n}\n\n.HistoryContentWrapper::after,\n.GamePageContent::after {\n content: \"\";\n display: block;\n clear: both;\n}";
|
|
10434
10448
|
const LotteryGamePageStyle0 = lotteryGamePageCss;
|
|
10435
10449
|
|
|
10436
10450
|
const LotteryGamePage = class {
|
|
@@ -10452,9 +10466,9 @@ const LotteryGamePage = class {
|
|
|
10452
10466
|
return '';
|
|
10453
10467
|
}
|
|
10454
10468
|
value = value.toString();
|
|
10455
|
-
const parts = value.split(
|
|
10456
|
-
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g,
|
|
10457
|
-
return parts.join(
|
|
10469
|
+
const parts = value.split('.');
|
|
10470
|
+
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
10471
|
+
return parts.join('.');
|
|
10458
10472
|
};
|
|
10459
10473
|
this.endpoint = undefined;
|
|
10460
10474
|
this.endpointTicket = undefined;
|
|
@@ -10515,17 +10529,26 @@ const LotteryGamePage = class {
|
|
|
10515
10529
|
this.isLoading = false;
|
|
10516
10530
|
});
|
|
10517
10531
|
}
|
|
10532
|
+
watchGameInfoChange(newValue, oldValue) {
|
|
10533
|
+
if (newValue && newValue != oldValue) {
|
|
10534
|
+
this.getGameDetails();
|
|
10535
|
+
}
|
|
10536
|
+
}
|
|
10518
10537
|
async componentWillLoad() {
|
|
10519
|
-
this.
|
|
10538
|
+
if (this.gameId && this.endpoint) {
|
|
10539
|
+
this.getGameDetails();
|
|
10540
|
+
}
|
|
10520
10541
|
if (this.sessionId) {
|
|
10521
10542
|
this.isLoggedIn = true;
|
|
10522
10543
|
}
|
|
10523
10544
|
// Translation url logic
|
|
10524
10545
|
const promises = [];
|
|
10525
10546
|
if (this.translationUrl) {
|
|
10526
|
-
const translationPromise = getTranslations$4(this.translationUrl)
|
|
10547
|
+
const translationPromise = getTranslations$4(this.translationUrl)
|
|
10548
|
+
.then((data) => {
|
|
10527
10549
|
this.translationData = JSON.stringify(data);
|
|
10528
|
-
})
|
|
10550
|
+
})
|
|
10551
|
+
.catch((err) => {
|
|
10529
10552
|
console.log(err);
|
|
10530
10553
|
});
|
|
10531
10554
|
promises.push(translationPromise);
|
|
@@ -10546,8 +10569,13 @@ const LotteryGamePage = class {
|
|
|
10546
10569
|
const setTime = () => {
|
|
10547
10570
|
this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));
|
|
10548
10571
|
this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);
|
|
10549
|
-
this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) -
|
|
10550
|
-
|
|
10572
|
+
this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) -
|
|
10573
|
+
this.daysRemaining * 24 * 60 -
|
|
10574
|
+
this.hoursRemaining * 60);
|
|
10575
|
+
this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 -
|
|
10576
|
+
this.daysRemaining * 24 * 60 * 60 -
|
|
10577
|
+
this.hoursRemaining * 60 * 60 -
|
|
10578
|
+
this.minutesRemaining * 60);
|
|
10551
10579
|
};
|
|
10552
10580
|
setTime();
|
|
10553
10581
|
this.interval = setInterval(setTime, 1000);
|
|
@@ -10573,9 +10601,9 @@ const LotteryGamePage = class {
|
|
|
10573
10601
|
this.basicBetType = this.gameData.rules.betTypes[0];
|
|
10574
10602
|
this.nextDate = (_b = this.gameData.currentDraw) === null || _b === void 0 ? void 0 : _b.date;
|
|
10575
10603
|
this.nextDate && this.countdownLogic(this.nextDate);
|
|
10576
|
-
this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed ===
|
|
10604
|
+
this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === 'INPUT' ? true : false;
|
|
10577
10605
|
this.quickPick = this.gameData.rules.quickPickAvailable;
|
|
10578
|
-
this.isSubscription = this.gameData.rules.wagerTypes && this.gameData.rules.wagerTypes.includes(
|
|
10606
|
+
this.isSubscription = this.gameData.rules.wagerTypes && this.gameData.rules.wagerTypes.includes('Subscription');
|
|
10579
10607
|
let draws = this.gameData.draws ? this.gameData.draws.filter((item) => !item.winningNumbers) : [];
|
|
10580
10608
|
draws.length > 0 && (this.nextDraw = draws[0].id);
|
|
10581
10609
|
this.createNewTicket();
|
|
@@ -10591,7 +10619,12 @@ const LotteryGamePage = class {
|
|
|
10591
10619
|
this.mainTickets.forEach((item) => {
|
|
10592
10620
|
var _a;
|
|
10593
10621
|
if (item.completed.every((v) => v)) {
|
|
10594
|
-
this.totalAmount +=
|
|
10622
|
+
this.totalAmount +=
|
|
10623
|
+
item.drawCount *
|
|
10624
|
+
(item.stake || this.basicStake) *
|
|
10625
|
+
item.multiplierNum *
|
|
10626
|
+
item.lineNum *
|
|
10627
|
+
((_a = item.betType) === null || _a === void 0 ? void 0 : _a.combinations);
|
|
10595
10628
|
}
|
|
10596
10629
|
});
|
|
10597
10630
|
this.currency = currency;
|
|
@@ -10702,11 +10735,31 @@ const LotteryGamePage = class {
|
|
|
10702
10735
|
createNewTicket() {
|
|
10703
10736
|
this.mainTickets = [
|
|
10704
10737
|
...this.mainTickets,
|
|
10705
|
-
{
|
|
10738
|
+
{
|
|
10739
|
+
gameId: this.gameId,
|
|
10740
|
+
ticketId: this.mainTickets.length + 1,
|
|
10741
|
+
drawCount: 1,
|
|
10742
|
+
multiplierNum: 1,
|
|
10743
|
+
completed: [false],
|
|
10744
|
+
stake: this.basicStake,
|
|
10745
|
+
betType: this.basicBetType,
|
|
10746
|
+
lineNum: this.basicLine,
|
|
10747
|
+
quickPicks: [false],
|
|
10748
|
+
betName: ''
|
|
10749
|
+
}
|
|
10706
10750
|
];
|
|
10707
10751
|
this.secondaryTickets = [
|
|
10708
10752
|
...this.secondaryTickets,
|
|
10709
|
-
{
|
|
10753
|
+
{
|
|
10754
|
+
gameId: this.gameId,
|
|
10755
|
+
ticketId: this.secondaryTickets.length + 1,
|
|
10756
|
+
drawCount: 1,
|
|
10757
|
+
multiplierNum: 1,
|
|
10758
|
+
completed: [false],
|
|
10759
|
+
stake: this.basicStake,
|
|
10760
|
+
betType: this.basicBetType,
|
|
10761
|
+
lineNum: this.basicLine
|
|
10762
|
+
}
|
|
10710
10763
|
];
|
|
10711
10764
|
}
|
|
10712
10765
|
showLoginModal() {
|
|
@@ -10742,7 +10795,7 @@ const LotteryGamePage = class {
|
|
|
10742
10795
|
let mergedUniqueArray = [...new Set([...secondaryDirtyTicketLines, ...dirtyTicketLines])].sort((a, b) => a - b);
|
|
10743
10796
|
if (mergedUniqueArray.length) {
|
|
10744
10797
|
this.showSubmitError = true;
|
|
10745
|
-
let lines = mergedUniqueArray.map(item => `Line${item + 1}`).join();
|
|
10798
|
+
let lines = mergedUniqueArray.map((item) => `Line${item + 1}`).join();
|
|
10746
10799
|
this.submitError = `The number of the selected number(s) on ${lines} is invalid.`;
|
|
10747
10800
|
setTimeout(() => {
|
|
10748
10801
|
this.showSubmitError = false;
|
|
@@ -10753,7 +10806,11 @@ const LotteryGamePage = class {
|
|
|
10753
10806
|
var _a;
|
|
10754
10807
|
body.tickets.push({
|
|
10755
10808
|
startingDrawId: this.nextDraw,
|
|
10756
|
-
amount: (item.stake *
|
|
10809
|
+
amount: (item.stake *
|
|
10810
|
+
item.drawCount *
|
|
10811
|
+
item.multiplierNum *
|
|
10812
|
+
(item.lineNum || 1) *
|
|
10813
|
+
((_a = item.betType) === null || _a === void 0 ? void 0 : _a.combinations)).toString(),
|
|
10757
10814
|
gameId: this.gameId,
|
|
10758
10815
|
gameName: this.gameData.name,
|
|
10759
10816
|
currency: this.currency,
|
|
@@ -10771,24 +10828,11 @@ const LotteryGamePage = class {
|
|
|
10771
10828
|
multiplier: item.multiplier,
|
|
10772
10829
|
multiplierNum: item.multiplierNum,
|
|
10773
10830
|
drawCount: item.drawCount,
|
|
10774
|
-
quickPick: this.quickPick
|
|
10831
|
+
quickPick: this.quickPick
|
|
10775
10832
|
});
|
|
10776
10833
|
});
|
|
10777
10834
|
return body;
|
|
10778
10835
|
}
|
|
10779
|
-
showNotification(message, theme = '', position = 'top-end') {
|
|
10780
|
-
const notification = document.createElement('vaadin-notification');
|
|
10781
|
-
notification.renderer = (root) => {
|
|
10782
|
-
root.textContent = message;
|
|
10783
|
-
};
|
|
10784
|
-
notification.duration = 5000;
|
|
10785
|
-
if (theme) {
|
|
10786
|
-
notification.setAttribute('theme', theme);
|
|
10787
|
-
}
|
|
10788
|
-
notification.setAttribute('position', position);
|
|
10789
|
-
document.body.appendChild(notification);
|
|
10790
|
-
notification.opened = true;
|
|
10791
|
-
}
|
|
10792
10836
|
handleSubmitTickets() {
|
|
10793
10837
|
if (this.isSubscription && this.isSubscribed) {
|
|
10794
10838
|
this.submitTickets();
|
|
@@ -10824,19 +10868,19 @@ const LotteryGamePage = class {
|
|
|
10824
10868
|
const timeStamp = format(new Date(), 'yyyyMMddHHMMSS');
|
|
10825
10869
|
this.subscriptionParam.name = `${this.subscriptionParam.ruleType}_${playerId}_${timeStamp}`;
|
|
10826
10870
|
const { id } = await fetchRequest$1(crateRuleUrl, 'POST', this.subscriptionParam, {
|
|
10827
|
-
|
|
10871
|
+
Authorization: `Bearer ${this.sessionId}`
|
|
10828
10872
|
});
|
|
10829
10873
|
if (bodyParam) {
|
|
10830
10874
|
const body = Object.assign(Object.assign({}, bodyParam), { ruleDefinitionId: id });
|
|
10831
10875
|
const createTicketId = `${this.endpointTicket}/subscription`;
|
|
10832
10876
|
await fetchRequest$1(createTicketId, 'POST', body, {
|
|
10833
|
-
|
|
10877
|
+
Authorization: `Bearer ${this.sessionId}`
|
|
10834
10878
|
});
|
|
10835
|
-
|
|
10879
|
+
showNotification({ message: 'Subscription rule created successfully.', theme: 'success' });
|
|
10836
10880
|
}
|
|
10837
10881
|
}
|
|
10838
10882
|
catch (err) {
|
|
10839
|
-
|
|
10883
|
+
showNotification({ message: 'Failed to create the subscription rule. Please try again.', theme: 'error' });
|
|
10840
10884
|
}
|
|
10841
10885
|
this.isLoading = false;
|
|
10842
10886
|
}
|
|
@@ -10851,8 +10895,8 @@ const LotteryGamePage = class {
|
|
|
10851
10895
|
method: 'POST',
|
|
10852
10896
|
headers: {
|
|
10853
10897
|
'Content-Type': 'application/json',
|
|
10854
|
-
|
|
10855
|
-
|
|
10898
|
+
Accept: 'application/json',
|
|
10899
|
+
Authorization: `Bearer ${this.sessionId}`,
|
|
10856
10900
|
'X-Idempotency-Key': uuid
|
|
10857
10901
|
},
|
|
10858
10902
|
body: JSON.stringify(body)
|
|
@@ -10872,11 +10916,11 @@ const LotteryGamePage = class {
|
|
|
10872
10916
|
})
|
|
10873
10917
|
.then(() => {
|
|
10874
10918
|
// this.successVisible = true;
|
|
10875
|
-
|
|
10919
|
+
showNotification({ message: 'Ticket submitted successfully.', theme: 'success' });
|
|
10876
10920
|
})
|
|
10877
10921
|
.catch((err) => {
|
|
10878
10922
|
console.log('Error ', err);
|
|
10879
|
-
|
|
10923
|
+
showNotification({ message: 'Failed to purchase the ticket. Please try again.', theme: 'error' });
|
|
10880
10924
|
})
|
|
10881
10925
|
.finally(() => {
|
|
10882
10926
|
this.isLoading = false;
|
|
@@ -10898,18 +10942,19 @@ const LotteryGamePage = class {
|
|
|
10898
10942
|
}
|
|
10899
10943
|
return (
|
|
10900
10944
|
/* Game details */
|
|
10901
|
-
h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, h("div", { class: "GridBanner", style: {
|
|
10902
|
-
|
|
10903
|
-
|
|
10904
|
-
|
|
10905
|
-
|
|
10906
|
-
|
|
10907
|
-
|
|
10908
|
-
|
|
10909
|
-
|
|
10910
|
-
|
|
10911
|
-
|
|
10912
|
-
|
|
10945
|
+
h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: (el) => (this.stylingContainer = el) }, h("div", { class: "GridBanner", style: {
|
|
10946
|
+
background: `url(${this.backgroundUrl ? this.backgroundUrl : backgroundImagePath})`,
|
|
10947
|
+
'background-size': 'contain',
|
|
10948
|
+
'background-repeat': 'no-repeat',
|
|
10949
|
+
'background-position': 'center'
|
|
10950
|
+
} }, h("div", { class: "BannerButtonsWrapper" }), h("div", { class: "Tabs" }, h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => (this.tabIndex = 0) }, translate$4('buy', this.language)), h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => (this.tabIndex = 1) }, translate$4('viewLatest', this.language)))), this.nextDate && (h("div", { class: "NextDrawWrapper" }, h("div", { class: "NextDraw" }, h("p", { class: "BannerText" }, translate$4('nextDraw', this.language)), h("div", { class: "BannerCountdown" }, h("span", { class: "CountdownDays" }, this.daysRemaining, "D"), h("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), h("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), h("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S"))))), this.tabIndex == 0 && (h("div", { class: "GamePageContentWrapper" }, h("div", { class: "GamePageContent" }, h("div", { class: "GameDetails" }, h("lottery-game-details", { "low-number": (_b = (_a = this.gameData.rules) === null || _a === void 0 ? void 0 : _a.boards[0]) === null || _b === void 0 ? void 0 : _b.lowNumber, "high-number": (_d = (_c = this.gameData.rules) === null || _c === void 0 ? void 0 : _c.boards[0]) === null || _d === void 0 ? void 0 : _d.highNumber, "minimum-allowed": (_f = (_e = this.gameData.rules) === null || _e === void 0 ? void 0 : _e.boards[0]) === null || _f === void 0 ? void 0 : _f.minimumAllowed, "maxinum-allowed": (_h = (_g = this.gameData.rules) === null || _g === void 0 ? void 0 : _g.boards[0]) === null || _h === void 0 ? void 0 : _h.maxinumAllowed, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationData })), h("div", { class: "TicketsWrapper" }, this.mainTickets.map((item) => {
|
|
10951
|
+
var _a, _b;
|
|
10952
|
+
return (h("lottery-ticket-controller", { endpoint: this.endpoint, "ticket-id": item.ticketId, "game-id": item.gameId, collapsed: false, last: true, language: this.language, "auto-pick": (_a = this.gameData.rules) === null || _a === void 0 ? void 0 : _a.quickPickAvailable, "reset-button": (_b = this.gameData.rules) === null || _b === void 0 ? void 0 : _b.quickPickAvailable, "total-controllers": this.mainTickets.length, "translation-url": this.translationData, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }));
|
|
10953
|
+
})), h("div", { class: "OrderSummary" }, h("h3", { class: "OrderSummaryTitle" }, translate$4('orderSummaryTitle', this.language)), h("div", { class: "OrderTicketInfo" }, h("div", { class: "Ticket" }, translate$4('orderSummaryTickets', this.language), ": ", h("span", null, this.mainTickets.length)), h("div", null, h("span", null, this.thousandSeperator(((_k = (_j = this.mainTickets[0]) === null || _j === void 0 ? void 0 : _j.betType) === null || _k === void 0 ? void 0 : _k.combinations) * ((_l = this.mainTickets[0]) === null || _l === void 0 ? void 0 : _l.lineNum))), h("span", { class: "Multiplier" }, "x"), ((_m = this.gameData.rules) === null || _m === void 0 ? void 0 : _m.stakeMultiplierAvailable) && (h("span", null, h("span", null, ((_o = this.mainTickets[0]) === null || _o === void 0 ? void 0 : _o.multiplierNum) === 1
|
|
10954
|
+
? `${(_p = this.mainTickets[0]) === null || _p === void 0 ? void 0 : _p.multiplierNum} Multiplier`
|
|
10955
|
+
: `${(_q = this.mainTickets[0]) === null || _q === void 0 ? void 0 : _q.multiplierNum} Multipliers`), h("span", { class: "Multiplier" }, "x"))), h("span", null, `${(_r = this.mainTickets[0]) === null || _r === void 0 ? void 0 : _r.stake} EUR`), ((_s = this.gameData.rules) === null || _s === void 0 ? void 0 : _s.drawMultiplierAvailable) && (h("span", null, h("span", { class: "Multiplier" }, "x"), h("span", null, ((_t = this.mainTickets[0]) === null || _t === void 0 ? void 0 : _t.drawCount) === 1
|
|
10956
|
+
? `${(_u = this.mainTickets[0]) === null || _u === void 0 ? void 0 : _u.drawCount} Draw`
|
|
10957
|
+
: `${(_v = this.mainTickets[0]) === null || _v === void 0 ? void 0 : _v.drawCount} Draws`))))), h("hr", null), h("div", { class: "Total" }, translate$4('orderSummaryTotal', this.language), ":", ' ', h("span", null, this.thousandSeperator(this.totalAmount), " ", this.currency)), this.isSubscription && (h("div", { class: "SubscriptionWrapper" }, h("lottery-subscription", { endpoint: this.endpoint, endpointSubscription: this.endpointSubscription, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, gameName: this.gameData.name }))), h("div", { class: "ButtonWrapper" }, this.isLoggedIn && (h("div", null, !this.isLoading && (h("div", { class: "submitWrap" }, h("div", { class: "Button", onClick: () => this.handleSubmitTickets() }, translate$4('orderSummarySubmit', this.language)), this.showSubmitError && h("div", { class: "submitError" }, this.submitError), this.showApiError && h("div", { class: "submitError" }, this.apiError), this.showSubscriptionError && h("div", { class: "submitError" }, this.subscriptionError))), this.isLoading && (h("span", { class: "Button", style: { cursor: 'default' } }, translate$4('loading', this.language))))), !this.isLoggedIn && (h("div", null, h("span", { class: "Button", onClick: () => this.showLoginModal() }, translate$4('orderSummarySubmit', this.language)), h("helper-modal", { "title-modal": "Success", visible: this.loginModalVisible, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, h("p", { class: "SubmitModalSuccess" }, translate$4('modalLogin', this.language)))))))))), this.tabIndex == 1 && (h("div", { class: "HistoryContentWrapper" }, h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "translation-url": this.translationData, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("helper-modal", { "title-modal": "Success", visible: this.successVisible, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, h("p", { class: "SubmitModalSuccess" }, translate$4('submitSuccess', this.language)))));
|
|
10913
10958
|
}
|
|
10914
10959
|
static get assetsDirs() { return ["../static"]; }
|
|
10915
10960
|
get element() { return getElement(this); }
|
|
@@ -10917,7 +10962,9 @@ const LotteryGamePage = class {
|
|
|
10917
10962
|
"clientStyling": ["handleClientStylingChange"],
|
|
10918
10963
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
10919
10964
|
"mbSource": ["handleMbSourceChange"],
|
|
10920
|
-
"translationUrl": ["handleNewTranslations"]
|
|
10965
|
+
"translationUrl": ["handleNewTranslations"],
|
|
10966
|
+
"endpoint": ["watchGameInfoChange"],
|
|
10967
|
+
"gameId": ["watchGameInfoChange"]
|
|
10921
10968
|
}; }
|
|
10922
10969
|
};
|
|
10923
10970
|
LotteryGamePage.style = LotteryGamePageStyle0;
|
|
@@ -11214,7 +11261,7 @@ const getTranslations$3 = (data) => {
|
|
|
11214
11261
|
});
|
|
11215
11262
|
};
|
|
11216
11263
|
|
|
11217
|
-
const lotteryPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:var(--emw--color-
|
|
11264
|
+
const lotteryPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:var(--emw--color-primary, #009993);border-color:var(--emw--color-primary, #009993)}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:var(--emw--color-typography, #000);cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:var(--emw--color-primary, #009993);border-color:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:var(--emw--color-primary, #009993);border-color:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff);opacity:0.8}button{width:100px;height:32px;border:1px solid var(--emw--color-gray-150, #6f6f6f);border-radius:5px;background:var(--emw--color-gray-150, #6f6f6f);color:var(--emw--color-typography-inverse, #fff);font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:var(--emw--color-primary-variant, #004d4a);border-color:var(--emw--color-primary-variant, #004d4a)}button:disabled{background-color:var(--emw--color-background-tertiary, #ccc);border-color:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-typography-inverse, #fff);cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:var(--emw--color-primary, #009993);border-color:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}}";
|
|
11218
11265
|
const LotteryPaginationStyle0 = lotteryPaginationCss;
|
|
11219
11266
|
|
|
11220
11267
|
const LotteryPagination = class {
|
|
@@ -11476,7 +11523,7 @@ function fetchRequest(url, method = 'GET', body = null, headers = {}) {
|
|
|
11476
11523
|
});
|
|
11477
11524
|
}
|
|
11478
11525
|
|
|
11479
|
-
const lotterySubscriptionCss = ".subscripitonContainer{margin-bottom:40px}.subscripitonContainer vaadin-checkbox[checked]::part(checkbox){background-color:var(--emw--color-
|
|
11526
|
+
const lotterySubscriptionCss = ".subscripitonContainer{margin-bottom:40px}.subscripitonContainer vaadin-checkbox[checked]::part(checkbox){background-color:var(--emw--color-primary, #009993)}.subscripitonContainer .secondCondition{padding-left:24px}.subscripitonContainer .thirdCondition{display:flex;gap:24px;align-items:center}.subscripitonContainer .thirdCondition,.subscripitonContainer .secondConditon{margin:16px 0}";
|
|
11480
11527
|
const LotterySubscriptionStyle0 = lotterySubscriptionCss;
|
|
11481
11528
|
|
|
11482
11529
|
const LotterySubscription = class {
|
|
@@ -11814,7 +11861,7 @@ const getTranslations$1 = (data) => {
|
|
|
11814
11861
|
});
|
|
11815
11862
|
};
|
|
11816
11863
|
|
|
11817
|
-
const lotteryTicketCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketTitle{font-size:16px;font-weight:bold}.TicketTabs{display:flex;overflow:auto}.TicketTabs .TabButton{color:var(--emw--color-
|
|
11864
|
+
const lotteryTicketCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketTitle{font-size:16px;font-weight:bold}.TicketTabs{display:flex;overflow:auto}.TicketTabs .TabButton{color:var(--emw--color-primary, #009993);margin:0 40px 10px 0;cursor:pointer}.TicketTabs .Active{border-bottom:1px solid var(--emw--color-primary, #009993)}.ButtonContainer{display:flex;justify-content:flex-end}.SecondarySelectionWrapper{margin-top:20px}.Label{margin-right:5px;position:relative;top:2px;font-size:14px;font-weight:lighter;color:var(--emw--color-typography, #000)}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.NumberInput,.WagerInput{margin-top:10px;display:inline-flex;align-items:center}.NumberInput,.NumberInput *{box-sizing:border-box}.NumberInput button{cursor:pointer;outline:none;-webkit-appearance:none;border:none;align-items:center;justify-content:center;height:20px;position:relative}.NumberInput button:after{display:inline-block;position:absolute;transform:translate(-50%, -50%) rotate(180deg);align-items:center;text-align:center}.NumberInput button.Plus:after{transform:translate(-50%, -50%) rotate(0deg);width:30px;display:inline-flex;align-items:center;text-align:center}.NumberInput input[type=number],.WagerInput input[type=number]{max-width:50px;display:inline-flex;align-items:center;padding:4px 10px;text-align:center}.NumberInput input[type=number] .WagerInputTitle,.WagerInput input[type=number] .WagerInputTitle{font-size:14px;color:var(--emw--color-typography, #000);padding:10px;margin-left:8px}.AutoButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);padding:8px 20px;width:max-content;margin:5px 0;border:1px solid var(--emw--color-primary, #009993);background:var(--emw--color-typography-inverse, #fff);color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.AutoButton:active{background:var(--emw--color-primary, #009993);color:var(--emw--color-typography-inverse, #fff)}.ResetButton{cursor:pointer;display:inline-block;border-radius:var(--emw--button-border-radius, 4px);padding:8px 20px;width:max-content;margin:5px 0;color:var(--emw--color-typography, #000);font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0;background:var(--emw--color-error, #ff3d00);border:1px solid var(--emw--color-error, #ff3d00);color:var(--emw--color-typography-inverse, #fff)}.ResetButton:hover{background:var(--emw--color-tertiary, #ff6536);border:1px solid var(--emw--color-error, #ff3d00)}.TicketGridHeader{display:flex;justify-content:space-between;align-items:center;font-weight:bold;margin-top:10px}.TicketGridBullets{background:var(--emw--color-background-secondary, #f5f5f5);border-radius:4px;padding:20px;margin-top:5px;margin-bottom:10px}.TicketGridBullets .TicketGridTitle{margin-top:0px}.Minus{border-radius:4px;width:30px;height:24px !important;margin-right:10px;color:var(--emw--color-typography-inverse, #fff);background:var(--emw--color-background, #009993)}.Plus{border-radius:4px;width:30px;height:24px !important;margin-left:10px;color:var(--emw--color-typography-inverse, #fff);background:var(--emw--color-background, #009993)}.SelectWrapper{width:auto;padding:5px;margin:0 auto;border:1px solid var(--emw--color-background-tertiary, #ccc);border-radius:5px;position:relative}.SelectButton,.SelectOptions li{display:flex;align-items:center;cursor:pointer}.SelectButton{display:flex;padding:0 5px;border-radius:7px;align-items:center;justify-content:space-between;font-size:14px}.SelectButton span:first-child{padding-right:10px}.SelectExpand{transition:transform 0.3s linear;font-size:12px}.SelectActive .SelectExpand{transform:rotate(180deg)}.SelectContent{display:none;padding:5px;border-radius:7px}.SelectWrapper.SelectActive .SelectContent{width:100%;display:block;position:absolute;left:0;top:32px;padding:0;border:1px solid var(--emw--color-background-tertiary, #ccc);overflow:hidden;background:var(--emw--color-typography-inverse, #fff);z-index:20}.SelectContent .SelectOptions{max-height:100px;margin:0;overflow-y:auto;padding:0}.SelectContent .SelectOptions .SelectedValue{background-color:var(--emw--color-background, #009993);color:var(--emw--color-typography-inverse, #fff)}.SelectOptions::-webkit-scrollbar{width:7px}.SelectOptions::-webkit-scrollbar-track{background:var(--emw--color-background-secondary, #f5f5f5);border-radius:25px}.SelectOptions::-webkit-scrollbar-thumb{background:var(--emw--color-background-tertiary, #ccc);border-radius:25px}.SelectOptions li{height:20px;padding:0 13px;font-size:14px}.SelectOptions li:hover{background:var(--emw--color-background-secondary, #f5f5f5)}";
|
|
11818
11865
|
const LotteryTicketStyle0 = lotteryTicketCss;
|
|
11819
11866
|
|
|
11820
11867
|
const LotteryTicket = class {
|