@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
|
@@ -238,25 +238,16 @@ const getTranslations$9 = (data) => {
|
|
|
238
238
|
});
|
|
239
239
|
};
|
|
240
240
|
|
|
241
|
-
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-
|
|
241
|
+
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)}";
|
|
242
242
|
const HelperAccordionStyle0 = helperAccordionCss;
|
|
243
243
|
|
|
244
244
|
const HelperAccordion = class {
|
|
245
245
|
constructor(hostRef) {
|
|
246
246
|
index.registerInstance(this, hostRef);
|
|
247
247
|
this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
|
|
248
|
-
this.
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
this.stylingContainer.prepend(sheet);
|
|
252
|
-
};
|
|
253
|
-
this.setClientStylingURL = () => {
|
|
254
|
-
let cssFile = document.createElement('style');
|
|
255
|
-
setTimeout(() => {
|
|
256
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
257
|
-
this.stylingContainer.prepend(cssFile);
|
|
258
|
-
}, 1);
|
|
259
|
-
};
|
|
248
|
+
this.mbSource = undefined;
|
|
249
|
+
this.clientStyling = undefined;
|
|
250
|
+
this.clientStylingUrl = undefined;
|
|
260
251
|
this.ticketHistoryFlag = false;
|
|
261
252
|
this.headerTitle = '';
|
|
262
253
|
this.headerSubtitle = '';
|
|
@@ -267,13 +258,38 @@ const HelperAccordion = class {
|
|
|
267
258
|
this.eventName = 'helperAccordionAction';
|
|
268
259
|
this.collapsed = true;
|
|
269
260
|
this.language = 'en';
|
|
270
|
-
this.clientStyling = '';
|
|
271
|
-
this.clientStylingUrlContent = '';
|
|
272
261
|
this.translationUrl = undefined;
|
|
273
262
|
this.showContent = undefined;
|
|
274
|
-
this.limitStylingAppends = false;
|
|
275
263
|
}
|
|
276
264
|
// @TODO fix the `any` type :)
|
|
265
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
266
|
+
if (newValue != oldValue) {
|
|
267
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
271
|
+
if (newValue != oldValue) {
|
|
272
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
276
|
+
if (newValue != oldValue) {
|
|
277
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
componentDidLoad() {
|
|
281
|
+
if (this.stylingContainer) {
|
|
282
|
+
if (this.mbSource)
|
|
283
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
284
|
+
if (this.clientStyling)
|
|
285
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
286
|
+
if (this.clientStylingUrl)
|
|
287
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
disconnectedCallback() {
|
|
291
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
292
|
+
}
|
|
277
293
|
connectedCallback() {
|
|
278
294
|
this.showContent = !this.collapsed;
|
|
279
295
|
}
|
|
@@ -282,17 +298,6 @@ const HelperAccordion = class {
|
|
|
282
298
|
getTranslations$9(JSON.parse(this.translationUrl));
|
|
283
299
|
}
|
|
284
300
|
}
|
|
285
|
-
componentDidRender() {
|
|
286
|
-
// start custom styling area
|
|
287
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
288
|
-
if (this.clientStyling)
|
|
289
|
-
this.setClientStyling();
|
|
290
|
-
if (this.clientStylingUrlContent)
|
|
291
|
-
this.setClientStylingURL();
|
|
292
|
-
this.limitStylingAppends = true;
|
|
293
|
-
}
|
|
294
|
-
// end custom styling area
|
|
295
|
-
}
|
|
296
301
|
toggleContent() {
|
|
297
302
|
this.showContent = !this.showContent;
|
|
298
303
|
}
|
|
@@ -304,11 +309,13 @@ const HelperAccordion = class {
|
|
|
304
309
|
this.accordionEvent.emit();
|
|
305
310
|
}
|
|
306
311
|
render() {
|
|
307
|
-
return (index.h("div", { key: '
|
|
308
|
-
index.h("div", { key: 'ba970b8947e1986aedbdfd37b044e05f2b1c29fc' }, index.h("div", { key: '7cfc0ca2b99d76d7647569f7105c29d1be8cf994', class: "Content" }, index.h("slot", { key: 'a2d866a914d33eac26b3b7e138e611be9f942c65', name: 'accordionContent' }), this.footer && this.showContent &&
|
|
309
|
-
index.h("div", { key: 'c44d54e98f712c921e7dd16faaaaa7cfb92e17c4' }, this.deleteTab &&
|
|
310
|
-
index.h("span", { key: '8c46aa94fcce959f370d07da69bd58509c143373', class: "ActionButton", onClick: () => this.deleteAction() }, translate$9('deleteTicket', this.language)))))));
|
|
312
|
+
return (index.h("div", { key: '58cd507e7d1dc8de1e3b049936a2d6acb355e83d', class: "Wrapper", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '70c6453ca4c4d40738edb1ae7e91f8954eebd3eb', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, index.h("p", { key: 'cf543e01c0baa833bea27aa4effb19734e234ed1', class: "Title" }, this.headerTitle), index.h("p", { key: '365a05cabda273796e9d9689e514566ecc2aadcc', class: "Subtitle" }, this.headerSubtitle), index.h("p", { key: 'f30680b6c9d2d65fdb607a7293d6ce4b56c6b20f', class: "Subtitle Description" }, this.description), index.h("span", { key: 'a47718e90743d53b31968f67b002a3e427e193bc', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent && (index.h("div", { key: 'bb34d51602f9397c427d79141a38aca7a64bf206' }, index.h("div", { key: '64171a30185b88bbafaa4ea555aeb9e2e33c46d6', class: "Content" }, index.h("slot", { key: '6def0d44f3881196255f3329184053fb3d5a3cfd', name: "accordionContent" }), this.footer && this.showContent && (index.h("div", { key: '08bfb5b017055788ba55b149e3bee23964f11ccf' }, this.deleteTab && (index.h("span", { key: 'b7b03fc6329a37841a2cf2b6a34780349341a0d5', class: "ActionButton", onClick: () => this.deleteAction() }, translate$9('deleteTicket', this.language))))))))));
|
|
311
313
|
}
|
|
314
|
+
static get watchers() { return {
|
|
315
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
316
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
317
|
+
"mbSource": ["handleMbSourceChange"]
|
|
318
|
+
}; }
|
|
312
319
|
};
|
|
313
320
|
HelperAccordion.style = HelperAccordionStyle0;
|
|
314
321
|
|
|
@@ -9256,7 +9263,7 @@ function cleanEscapedString(input) {
|
|
|
9256
9263
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
9257
9264
|
}
|
|
9258
9265
|
|
|
9259
|
-
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;
|
|
9266
|
+
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)}";
|
|
9260
9267
|
const HelperFiltersStyle0 = helperFiltersCss;
|
|
9261
9268
|
|
|
9262
9269
|
const HelperFilters = class {
|
|
@@ -9431,7 +9438,7 @@ const isMobile$2 = (userAgent) => {
|
|
|
9431
9438
|
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
9432
9439
|
};
|
|
9433
9440
|
|
|
9434
|
-
const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:
|
|
9441
|
+
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)}";
|
|
9435
9442
|
const HelperModalStyle0 = helperModalCss;
|
|
9436
9443
|
|
|
9437
9444
|
const HelperModal = class {
|
|
@@ -9552,7 +9559,7 @@ const getTranslations$7 = (data) => {
|
|
|
9552
9559
|
});
|
|
9553
9560
|
};
|
|
9554
9561
|
|
|
9555
|
-
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--
|
|
9562
|
+
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--color-typography, #000);font-weight:normal}";
|
|
9556
9563
|
const HelperTabStyle0 = helperTabCss;
|
|
9557
9564
|
|
|
9558
9565
|
const HelperTab = class {
|
|
@@ -9632,7 +9639,7 @@ const HelperTab = class {
|
|
|
9632
9639
|
};
|
|
9633
9640
|
HelperTab.style = HelperTabStyle0;
|
|
9634
9641
|
|
|
9635
|
-
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-
|
|
9642
|
+
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)}";
|
|
9636
9643
|
const HelperTabsStyle0 = helperTabsCss;
|
|
9637
9644
|
|
|
9638
9645
|
const HelperTabs = class {
|
|
@@ -9695,7 +9702,7 @@ const HelperTabs = class {
|
|
|
9695
9702
|
};
|
|
9696
9703
|
HelperTabs.style = HelperTabsStyle0;
|
|
9697
9704
|
|
|
9698
|
-
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--
|
|
9705
|
+
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)}";
|
|
9699
9706
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
9700
9707
|
|
|
9701
9708
|
const LotteryBullet = class {
|
|
@@ -9840,7 +9847,7 @@ const getTranslations$6 = (data) => {
|
|
|
9840
9847
|
});
|
|
9841
9848
|
};
|
|
9842
9849
|
|
|
9843
|
-
const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.
|
|
9850
|
+
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}";
|
|
9844
9851
|
const LotteryDrawResultsStyle0 = lotteryDrawResultsCss;
|
|
9845
9852
|
|
|
9846
9853
|
const LotteryDrawResults = class {
|
|
@@ -10108,7 +10115,7 @@ const getTranslations$5 = (data) => {
|
|
|
10108
10115
|
});
|
|
10109
10116
|
};
|
|
10110
10117
|
|
|
10111
|
-
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-
|
|
10118
|
+
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)}";
|
|
10112
10119
|
const LotteryDrawResultsHistoryStyle0 = lotteryDrawResultsHistoryCss;
|
|
10113
10120
|
|
|
10114
10121
|
const LotteryDrawResultsHistory = class {
|
|
@@ -10407,7 +10414,7 @@ const isMobile$1 = (userAgent) => {
|
|
|
10407
10414
|
};
|
|
10408
10415
|
const generateUUID$1 = () => {
|
|
10409
10416
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
10410
|
-
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8
|
|
10417
|
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
10411
10418
|
return v.toString(16);
|
|
10412
10419
|
});
|
|
10413
10420
|
};
|
|
@@ -10423,18 +10430,25 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
|
10423
10430
|
options.body = JSON.stringify(body);
|
|
10424
10431
|
}
|
|
10425
10432
|
fetch(url, options)
|
|
10426
|
-
.then(response => {
|
|
10433
|
+
.then((response) => {
|
|
10427
10434
|
if (!response.ok) {
|
|
10428
10435
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
|
10429
10436
|
}
|
|
10430
10437
|
return response.json();
|
|
10431
10438
|
})
|
|
10432
|
-
.then(data => resolve(data))
|
|
10433
|
-
.catch(error => reject(error));
|
|
10439
|
+
.then((data) => resolve(data))
|
|
10440
|
+
.catch((error) => reject(error));
|
|
10434
10441
|
});
|
|
10435
10442
|
}
|
|
10443
|
+
const showNotification = ({ message, theme = 'success' }) => {
|
|
10444
|
+
window.postMessage({
|
|
10445
|
+
type: 'ShowNotificationToast',
|
|
10446
|
+
message,
|
|
10447
|
+
theme
|
|
10448
|
+
});
|
|
10449
|
+
};
|
|
10436
10450
|
|
|
10437
|
-
const lotteryGamePageCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\")
|
|
10451
|
+
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}";
|
|
10438
10452
|
const LotteryGamePageStyle0 = lotteryGamePageCss;
|
|
10439
10453
|
|
|
10440
10454
|
const LotteryGamePage = class {
|
|
@@ -10456,9 +10470,9 @@ const LotteryGamePage = class {
|
|
|
10456
10470
|
return '';
|
|
10457
10471
|
}
|
|
10458
10472
|
value = value.toString();
|
|
10459
|
-
const parts = value.split(
|
|
10460
|
-
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g,
|
|
10461
|
-
return parts.join(
|
|
10473
|
+
const parts = value.split('.');
|
|
10474
|
+
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
10475
|
+
return parts.join('.');
|
|
10462
10476
|
};
|
|
10463
10477
|
this.endpoint = undefined;
|
|
10464
10478
|
this.endpointTicket = undefined;
|
|
@@ -10519,17 +10533,26 @@ const LotteryGamePage = class {
|
|
|
10519
10533
|
this.isLoading = false;
|
|
10520
10534
|
});
|
|
10521
10535
|
}
|
|
10536
|
+
watchGameInfoChange(newValue, oldValue) {
|
|
10537
|
+
if (newValue && newValue != oldValue) {
|
|
10538
|
+
this.getGameDetails();
|
|
10539
|
+
}
|
|
10540
|
+
}
|
|
10522
10541
|
async componentWillLoad() {
|
|
10523
|
-
this.
|
|
10542
|
+
if (this.gameId && this.endpoint) {
|
|
10543
|
+
this.getGameDetails();
|
|
10544
|
+
}
|
|
10524
10545
|
if (this.sessionId) {
|
|
10525
10546
|
this.isLoggedIn = true;
|
|
10526
10547
|
}
|
|
10527
10548
|
// Translation url logic
|
|
10528
10549
|
const promises = [];
|
|
10529
10550
|
if (this.translationUrl) {
|
|
10530
|
-
const translationPromise = getTranslations$4(this.translationUrl)
|
|
10551
|
+
const translationPromise = getTranslations$4(this.translationUrl)
|
|
10552
|
+
.then((data) => {
|
|
10531
10553
|
this.translationData = JSON.stringify(data);
|
|
10532
|
-
})
|
|
10554
|
+
})
|
|
10555
|
+
.catch((err) => {
|
|
10533
10556
|
console.log(err);
|
|
10534
10557
|
});
|
|
10535
10558
|
promises.push(translationPromise);
|
|
@@ -10550,8 +10573,13 @@ const LotteryGamePage = class {
|
|
|
10550
10573
|
const setTime = () => {
|
|
10551
10574
|
this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));
|
|
10552
10575
|
this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);
|
|
10553
|
-
this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) -
|
|
10554
|
-
|
|
10576
|
+
this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) -
|
|
10577
|
+
this.daysRemaining * 24 * 60 -
|
|
10578
|
+
this.hoursRemaining * 60);
|
|
10579
|
+
this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 -
|
|
10580
|
+
this.daysRemaining * 24 * 60 * 60 -
|
|
10581
|
+
this.hoursRemaining * 60 * 60 -
|
|
10582
|
+
this.minutesRemaining * 60);
|
|
10555
10583
|
};
|
|
10556
10584
|
setTime();
|
|
10557
10585
|
this.interval = setInterval(setTime, 1000);
|
|
@@ -10577,9 +10605,9 @@ const LotteryGamePage = class {
|
|
|
10577
10605
|
this.basicBetType = this.gameData.rules.betTypes[0];
|
|
10578
10606
|
this.nextDate = (_b = this.gameData.currentDraw) === null || _b === void 0 ? void 0 : _b.date;
|
|
10579
10607
|
this.nextDate && this.countdownLogic(this.nextDate);
|
|
10580
|
-
this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed ===
|
|
10608
|
+
this.secondarySelectionAllowed = this.gameData.rules.secondarySelectionAllowed === 'INPUT' ? true : false;
|
|
10581
10609
|
this.quickPick = this.gameData.rules.quickPickAvailable;
|
|
10582
|
-
this.isSubscription = this.gameData.rules.wagerTypes && this.gameData.rules.wagerTypes.includes(
|
|
10610
|
+
this.isSubscription = this.gameData.rules.wagerTypes && this.gameData.rules.wagerTypes.includes('Subscription');
|
|
10583
10611
|
let draws = this.gameData.draws ? this.gameData.draws.filter((item) => !item.winningNumbers) : [];
|
|
10584
10612
|
draws.length > 0 && (this.nextDraw = draws[0].id);
|
|
10585
10613
|
this.createNewTicket();
|
|
@@ -10595,7 +10623,12 @@ const LotteryGamePage = class {
|
|
|
10595
10623
|
this.mainTickets.forEach((item) => {
|
|
10596
10624
|
var _a;
|
|
10597
10625
|
if (item.completed.every((v) => v)) {
|
|
10598
|
-
this.totalAmount +=
|
|
10626
|
+
this.totalAmount +=
|
|
10627
|
+
item.drawCount *
|
|
10628
|
+
(item.stake || this.basicStake) *
|
|
10629
|
+
item.multiplierNum *
|
|
10630
|
+
item.lineNum *
|
|
10631
|
+
((_a = item.betType) === null || _a === void 0 ? void 0 : _a.combinations);
|
|
10599
10632
|
}
|
|
10600
10633
|
});
|
|
10601
10634
|
this.currency = currency;
|
|
@@ -10706,11 +10739,31 @@ const LotteryGamePage = class {
|
|
|
10706
10739
|
createNewTicket() {
|
|
10707
10740
|
this.mainTickets = [
|
|
10708
10741
|
...this.mainTickets,
|
|
10709
|
-
{
|
|
10742
|
+
{
|
|
10743
|
+
gameId: this.gameId,
|
|
10744
|
+
ticketId: this.mainTickets.length + 1,
|
|
10745
|
+
drawCount: 1,
|
|
10746
|
+
multiplierNum: 1,
|
|
10747
|
+
completed: [false],
|
|
10748
|
+
stake: this.basicStake,
|
|
10749
|
+
betType: this.basicBetType,
|
|
10750
|
+
lineNum: this.basicLine,
|
|
10751
|
+
quickPicks: [false],
|
|
10752
|
+
betName: ''
|
|
10753
|
+
}
|
|
10710
10754
|
];
|
|
10711
10755
|
this.secondaryTickets = [
|
|
10712
10756
|
...this.secondaryTickets,
|
|
10713
|
-
{
|
|
10757
|
+
{
|
|
10758
|
+
gameId: this.gameId,
|
|
10759
|
+
ticketId: this.secondaryTickets.length + 1,
|
|
10760
|
+
drawCount: 1,
|
|
10761
|
+
multiplierNum: 1,
|
|
10762
|
+
completed: [false],
|
|
10763
|
+
stake: this.basicStake,
|
|
10764
|
+
betType: this.basicBetType,
|
|
10765
|
+
lineNum: this.basicLine
|
|
10766
|
+
}
|
|
10714
10767
|
];
|
|
10715
10768
|
}
|
|
10716
10769
|
showLoginModal() {
|
|
@@ -10746,7 +10799,7 @@ const LotteryGamePage = class {
|
|
|
10746
10799
|
let mergedUniqueArray = [...new Set([...secondaryDirtyTicketLines, ...dirtyTicketLines])].sort((a, b) => a - b);
|
|
10747
10800
|
if (mergedUniqueArray.length) {
|
|
10748
10801
|
this.showSubmitError = true;
|
|
10749
|
-
let lines = mergedUniqueArray.map(item => `Line${item + 1}`).join();
|
|
10802
|
+
let lines = mergedUniqueArray.map((item) => `Line${item + 1}`).join();
|
|
10750
10803
|
this.submitError = `The number of the selected number(s) on ${lines} is invalid.`;
|
|
10751
10804
|
setTimeout(() => {
|
|
10752
10805
|
this.showSubmitError = false;
|
|
@@ -10757,7 +10810,11 @@ const LotteryGamePage = class {
|
|
|
10757
10810
|
var _a;
|
|
10758
10811
|
body.tickets.push({
|
|
10759
10812
|
startingDrawId: this.nextDraw,
|
|
10760
|
-
amount: (item.stake *
|
|
10813
|
+
amount: (item.stake *
|
|
10814
|
+
item.drawCount *
|
|
10815
|
+
item.multiplierNum *
|
|
10816
|
+
(item.lineNum || 1) *
|
|
10817
|
+
((_a = item.betType) === null || _a === void 0 ? void 0 : _a.combinations)).toString(),
|
|
10761
10818
|
gameId: this.gameId,
|
|
10762
10819
|
gameName: this.gameData.name,
|
|
10763
10820
|
currency: this.currency,
|
|
@@ -10775,24 +10832,11 @@ const LotteryGamePage = class {
|
|
|
10775
10832
|
multiplier: item.multiplier,
|
|
10776
10833
|
multiplierNum: item.multiplierNum,
|
|
10777
10834
|
drawCount: item.drawCount,
|
|
10778
|
-
quickPick: this.quickPick
|
|
10835
|
+
quickPick: this.quickPick
|
|
10779
10836
|
});
|
|
10780
10837
|
});
|
|
10781
10838
|
return body;
|
|
10782
10839
|
}
|
|
10783
|
-
showNotification(message, theme = '', position = 'top-end') {
|
|
10784
|
-
const notification = document.createElement('vaadin-notification');
|
|
10785
|
-
notification.renderer = (root) => {
|
|
10786
|
-
root.textContent = message;
|
|
10787
|
-
};
|
|
10788
|
-
notification.duration = 5000;
|
|
10789
|
-
if (theme) {
|
|
10790
|
-
notification.setAttribute('theme', theme);
|
|
10791
|
-
}
|
|
10792
|
-
notification.setAttribute('position', position);
|
|
10793
|
-
document.body.appendChild(notification);
|
|
10794
|
-
notification.opened = true;
|
|
10795
|
-
}
|
|
10796
10840
|
handleSubmitTickets() {
|
|
10797
10841
|
if (this.isSubscription && this.isSubscribed) {
|
|
10798
10842
|
this.submitTickets();
|
|
@@ -10828,19 +10872,19 @@ const LotteryGamePage = class {
|
|
|
10828
10872
|
const timeStamp = format(new Date(), 'yyyyMMddHHMMSS');
|
|
10829
10873
|
this.subscriptionParam.name = `${this.subscriptionParam.ruleType}_${playerId}_${timeStamp}`;
|
|
10830
10874
|
const { id } = await fetchRequest$1(crateRuleUrl, 'POST', this.subscriptionParam, {
|
|
10831
|
-
|
|
10875
|
+
Authorization: `Bearer ${this.sessionId}`
|
|
10832
10876
|
});
|
|
10833
10877
|
if (bodyParam) {
|
|
10834
10878
|
const body = Object.assign(Object.assign({}, bodyParam), { ruleDefinitionId: id });
|
|
10835
10879
|
const createTicketId = `${this.endpointTicket}/subscription`;
|
|
10836
10880
|
await fetchRequest$1(createTicketId, 'POST', body, {
|
|
10837
|
-
|
|
10881
|
+
Authorization: `Bearer ${this.sessionId}`
|
|
10838
10882
|
});
|
|
10839
|
-
|
|
10883
|
+
showNotification({ message: 'Subscription rule created successfully.', theme: 'success' });
|
|
10840
10884
|
}
|
|
10841
10885
|
}
|
|
10842
10886
|
catch (err) {
|
|
10843
|
-
|
|
10887
|
+
showNotification({ message: 'Failed to create the subscription rule. Please try again.', theme: 'error' });
|
|
10844
10888
|
}
|
|
10845
10889
|
this.isLoading = false;
|
|
10846
10890
|
}
|
|
@@ -10855,8 +10899,8 @@ const LotteryGamePage = class {
|
|
|
10855
10899
|
method: 'POST',
|
|
10856
10900
|
headers: {
|
|
10857
10901
|
'Content-Type': 'application/json',
|
|
10858
|
-
|
|
10859
|
-
|
|
10902
|
+
Accept: 'application/json',
|
|
10903
|
+
Authorization: `Bearer ${this.sessionId}`,
|
|
10860
10904
|
'X-Idempotency-Key': uuid
|
|
10861
10905
|
},
|
|
10862
10906
|
body: JSON.stringify(body)
|
|
@@ -10876,11 +10920,11 @@ const LotteryGamePage = class {
|
|
|
10876
10920
|
})
|
|
10877
10921
|
.then(() => {
|
|
10878
10922
|
// this.successVisible = true;
|
|
10879
|
-
|
|
10923
|
+
showNotification({ message: 'Ticket submitted successfully.', theme: 'success' });
|
|
10880
10924
|
})
|
|
10881
10925
|
.catch((err) => {
|
|
10882
10926
|
console.log('Error ', err);
|
|
10883
|
-
|
|
10927
|
+
showNotification({ message: 'Failed to purchase the ticket. Please try again.', theme: 'error' });
|
|
10884
10928
|
})
|
|
10885
10929
|
.finally(() => {
|
|
10886
10930
|
this.isLoading = false;
|
|
@@ -10902,18 +10946,19 @@ const LotteryGamePage = class {
|
|
|
10902
10946
|
}
|
|
10903
10947
|
return (
|
|
10904
10948
|
/* Game details */
|
|
10905
|
-
index.h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, index.h("div", { class: "GridBanner", style: {
|
|
10906
|
-
|
|
10907
|
-
|
|
10908
|
-
|
|
10909
|
-
|
|
10910
|
-
|
|
10911
|
-
|
|
10912
|
-
|
|
10913
|
-
|
|
10914
|
-
|
|
10915
|
-
|
|
10916
|
-
|
|
10949
|
+
index.h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: (el) => (this.stylingContainer = el) }, index.h("div", { class: "GridBanner", style: {
|
|
10950
|
+
background: `url(${this.backgroundUrl ? this.backgroundUrl : backgroundImagePath})`,
|
|
10951
|
+
'background-size': 'contain',
|
|
10952
|
+
'background-repeat': 'no-repeat',
|
|
10953
|
+
'background-position': 'center'
|
|
10954
|
+
} }, index.h("div", { class: "BannerButtonsWrapper" }), index.h("div", { class: "Tabs" }, index.h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => (this.tabIndex = 0) }, translate$4('buy', this.language)), index.h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => (this.tabIndex = 1) }, translate$4('viewLatest', this.language)))), this.nextDate && (index.h("div", { class: "NextDrawWrapper" }, index.h("div", { class: "NextDraw" }, index.h("p", { class: "BannerText" }, translate$4('nextDraw', this.language)), index.h("div", { class: "BannerCountdown" }, index.h("span", { class: "CountdownDays" }, this.daysRemaining, "D"), index.h("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), index.h("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), index.h("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S"))))), this.tabIndex == 0 && (index.h("div", { class: "GamePageContentWrapper" }, index.h("div", { class: "GamePageContent" }, index.h("div", { class: "GameDetails" }, index.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 })), index.h("div", { class: "TicketsWrapper" }, this.mainTickets.map((item) => {
|
|
10955
|
+
var _a, _b;
|
|
10956
|
+
return (index.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 }));
|
|
10957
|
+
})), index.h("div", { class: "OrderSummary" }, index.h("h3", { class: "OrderSummaryTitle" }, translate$4('orderSummaryTitle', this.language)), index.h("div", { class: "OrderTicketInfo" }, index.h("div", { class: "Ticket" }, translate$4('orderSummaryTickets', this.language), ": ", index.h("span", null, this.mainTickets.length)), index.h("div", null, index.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))), index.h("span", { class: "Multiplier" }, "x"), ((_m = this.gameData.rules) === null || _m === void 0 ? void 0 : _m.stakeMultiplierAvailable) && (index.h("span", null, index.h("span", null, ((_o = this.mainTickets[0]) === null || _o === void 0 ? void 0 : _o.multiplierNum) === 1
|
|
10958
|
+
? `${(_p = this.mainTickets[0]) === null || _p === void 0 ? void 0 : _p.multiplierNum} Multiplier`
|
|
10959
|
+
: `${(_q = this.mainTickets[0]) === null || _q === void 0 ? void 0 : _q.multiplierNum} Multipliers`), index.h("span", { class: "Multiplier" }, "x"))), index.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) && (index.h("span", null, index.h("span", { class: "Multiplier" }, "x"), index.h("span", null, ((_t = this.mainTickets[0]) === null || _t === void 0 ? void 0 : _t.drawCount) === 1
|
|
10960
|
+
? `${(_u = this.mainTickets[0]) === null || _u === void 0 ? void 0 : _u.drawCount} Draw`
|
|
10961
|
+
: `${(_v = this.mainTickets[0]) === null || _v === void 0 ? void 0 : _v.drawCount} Draws`))))), index.h("hr", null), index.h("div", { class: "Total" }, translate$4('orderSummaryTotal', this.language), ":", ' ', index.h("span", null, this.thousandSeperator(this.totalAmount), " ", this.currency)), this.isSubscription && (index.h("div", { class: "SubscriptionWrapper" }, index.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 }))), index.h("div", { class: "ButtonWrapper" }, this.isLoggedIn && (index.h("div", null, !this.isLoading && (index.h("div", { class: "submitWrap" }, index.h("div", { class: "Button", onClick: () => this.handleSubmitTickets() }, translate$4('orderSummarySubmit', this.language)), this.showSubmitError && index.h("div", { class: "submitError" }, this.submitError), this.showApiError && index.h("div", { class: "submitError" }, this.apiError), this.showSubscriptionError && index.h("div", { class: "submitError" }, this.subscriptionError))), this.isLoading && (index.h("span", { class: "Button", style: { cursor: 'default' } }, translate$4('loading', this.language))))), !this.isLoggedIn && (index.h("div", null, index.h("span", { class: "Button", onClick: () => this.showLoginModal() }, translate$4('orderSummarySubmit', this.language)), index.h("helper-modal", { "title-modal": "Success", visible: this.loginModalVisible, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, index.h("p", { class: "SubmitModalSuccess" }, translate$4('modalLogin', this.language)))))))))), this.tabIndex == 1 && (index.h("div", { class: "HistoryContentWrapper" }, index.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 }))), index.h("helper-modal", { "title-modal": "Success", visible: this.successVisible, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, index.h("p", { class: "SubmitModalSuccess" }, translate$4('submitSuccess', this.language)))));
|
|
10917
10962
|
}
|
|
10918
10963
|
static get assetsDirs() { return ["../static"]; }
|
|
10919
10964
|
get element() { return index.getElement(this); }
|
|
@@ -10921,7 +10966,9 @@ const LotteryGamePage = class {
|
|
|
10921
10966
|
"clientStyling": ["handleClientStylingChange"],
|
|
10922
10967
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
10923
10968
|
"mbSource": ["handleMbSourceChange"],
|
|
10924
|
-
"translationUrl": ["handleNewTranslations"]
|
|
10969
|
+
"translationUrl": ["handleNewTranslations"],
|
|
10970
|
+
"endpoint": ["watchGameInfoChange"],
|
|
10971
|
+
"gameId": ["watchGameInfoChange"]
|
|
10925
10972
|
}; }
|
|
10926
10973
|
};
|
|
10927
10974
|
LotteryGamePage.style = LotteryGamePageStyle0;
|
|
@@ -11218,7 +11265,7 @@ const getTranslations$3 = (data) => {
|
|
|
11218
11265
|
});
|
|
11219
11266
|
};
|
|
11220
11267
|
|
|
11221
|
-
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-
|
|
11268
|
+
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)}}";
|
|
11222
11269
|
const LotteryPaginationStyle0 = lotteryPaginationCss;
|
|
11223
11270
|
|
|
11224
11271
|
const LotteryPagination = class {
|
|
@@ -11480,7 +11527,7 @@ function fetchRequest(url, method = 'GET', body = null, headers = {}) {
|
|
|
11480
11527
|
});
|
|
11481
11528
|
}
|
|
11482
11529
|
|
|
11483
|
-
const lotterySubscriptionCss = ".subscripitonContainer{margin-bottom:40px}.subscripitonContainer vaadin-checkbox[checked]::part(checkbox){background-color:var(--emw--color-
|
|
11530
|
+
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}";
|
|
11484
11531
|
const LotterySubscriptionStyle0 = lotterySubscriptionCss;
|
|
11485
11532
|
|
|
11486
11533
|
const LotterySubscription = class {
|
|
@@ -11818,7 +11865,7 @@ const getTranslations$1 = (data) => {
|
|
|
11818
11865
|
});
|
|
11819
11866
|
};
|
|
11820
11867
|
|
|
11821
|
-
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-
|
|
11868
|
+
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)}";
|
|
11822
11869
|
const LotteryTicketStyle0 = lotteryTicketCss;
|
|
11823
11870
|
|
|
11824
11871
|
const LotteryTicket = class {
|