@everymatrix/lottery-ticket-controller 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/helper-accordion_5.cjs.entry.js +84 -77
- package/dist/cjs/{index-14a6c159.js → index-938812cb.js} +8 -6
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottery-ticket-controller.cjs.js +2 -2
- package/dist/esm/helper-accordion_5.entry.js +84 -77
- package/dist/esm/{index-4d2aef6e.js → index-66213763.js} +8 -6
- package/dist/esm/loader.js +3 -3
- package/dist/esm/lottery-ticket-controller.js +3 -3
- package/dist/lottery-ticket-controller/helper-accordion_5.entry.js +57 -57
- package/dist/lottery-ticket-controller/{index-4d2aef6e.js → index-66213763.js} +2 -2
- package/dist/lottery-ticket-controller/lottery-ticket-controller.esm.js +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-938812cb.js');
|
|
6
6
|
|
|
7
7
|
const DEFAULT_LANGUAGE$2 = 'en';
|
|
8
8
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'hr'];
|
|
@@ -35,80 +35,6 @@ const getTranslations$2 = (data) => {
|
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
37
|
|
|
38
|
-
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-background, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-background-secondary, #00ABA4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, 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-gray-50, #F1F1F1);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #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--button-text-color, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, 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-gray-transparency-100, rgb(255, 255, 255));border:1px solid var(--emw--button-border-color, #009993);padding:10px 15px;user-select:none;color:var(--emw--button-text-color, #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-gray-transparency-100, rgb(255, 255, 255))}.ActionButton:hover{background:var(--emw--color-secondary, #FF6536);border:1px solid var(--emw--color-error, #FF3D00)}";
|
|
39
|
-
const HelperAccordionStyle0 = helperAccordionCss;
|
|
40
|
-
|
|
41
|
-
const HelperAccordion = class {
|
|
42
|
-
constructor(hostRef) {
|
|
43
|
-
index.registerInstance(this, hostRef);
|
|
44
|
-
this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
|
|
45
|
-
this.setClientStyling = () => {
|
|
46
|
-
let sheet = document.createElement('style');
|
|
47
|
-
sheet.innerHTML = this.clientStyling;
|
|
48
|
-
this.stylingContainer.prepend(sheet);
|
|
49
|
-
};
|
|
50
|
-
this.setClientStylingURL = () => {
|
|
51
|
-
let cssFile = document.createElement('style');
|
|
52
|
-
setTimeout(() => {
|
|
53
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
54
|
-
this.stylingContainer.prepend(cssFile);
|
|
55
|
-
}, 1);
|
|
56
|
-
};
|
|
57
|
-
this.ticketHistoryFlag = false;
|
|
58
|
-
this.headerTitle = '';
|
|
59
|
-
this.headerSubtitle = '';
|
|
60
|
-
this.description = '';
|
|
61
|
-
this.footer = false;
|
|
62
|
-
this.deleteTab = false;
|
|
63
|
-
this.postMessage = false;
|
|
64
|
-
this.eventName = 'helperAccordionAction';
|
|
65
|
-
this.collapsed = true;
|
|
66
|
-
this.language = 'en';
|
|
67
|
-
this.clientStyling = '';
|
|
68
|
-
this.clientStylingUrlContent = '';
|
|
69
|
-
this.translationUrl = undefined;
|
|
70
|
-
this.showContent = undefined;
|
|
71
|
-
this.limitStylingAppends = false;
|
|
72
|
-
}
|
|
73
|
-
// @TODO fix the `any` type :)
|
|
74
|
-
connectedCallback() {
|
|
75
|
-
this.showContent = !this.collapsed;
|
|
76
|
-
}
|
|
77
|
-
componentWillLoad() {
|
|
78
|
-
if (this.translationUrl) {
|
|
79
|
-
getTranslations$2(JSON.parse(this.translationUrl));
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
componentDidRender() {
|
|
83
|
-
// start custom styling area
|
|
84
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
85
|
-
if (this.clientStyling)
|
|
86
|
-
this.setClientStyling();
|
|
87
|
-
if (this.clientStylingUrlContent)
|
|
88
|
-
this.setClientStylingURL();
|
|
89
|
-
this.limitStylingAppends = true;
|
|
90
|
-
}
|
|
91
|
-
// end custom styling area
|
|
92
|
-
}
|
|
93
|
-
toggleContent() {
|
|
94
|
-
this.showContent = !this.showContent;
|
|
95
|
-
}
|
|
96
|
-
deleteAction() {
|
|
97
|
-
if (this.postMessage) {
|
|
98
|
-
// @TODO maybe change the name type, this one sucks
|
|
99
|
-
window.postMessage({ type: this.eventName }, window.location.href);
|
|
100
|
-
}
|
|
101
|
-
this.accordionEvent.emit();
|
|
102
|
-
}
|
|
103
|
-
render() {
|
|
104
|
-
return (index.h("div", { key: '2db19795aa22479f038d9fc7c936cf7403efa43e', class: "Wrapper", ref: el => this.stylingContainer = el }, index.h("div", { key: '6804e27dbd68e4f4182ab07beb665c53b54069b6', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, index.h("p", { key: 'd1293990d39da1f50d36dff28e1abbe53259356b', class: "Title" }, this.headerTitle), index.h("p", { key: '7632e3ddda5dea8e91d8a3935ff46c0f357c4397', class: "Subtitle" }, this.headerSubtitle), index.h("p", { key: '1ab0dd4cc2625ef20c858738ee290e922e37dd21', class: "Subtitle Description" }, this.description), index.h("span", { key: '3c7e3d3092aa97d24f62383e17a8a91646a78058', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
|
|
105
|
-
index.h("div", { key: 'ba970b8947e1986aedbdfd37b044e05f2b1c29fc' }, index.h("div", { key: '7cfc0ca2b99d76d7647569f7105c29d1be8cf994', class: "Content" }, index.h("slot", { key: 'a2d866a914d33eac26b3b7e138e611be9f942c65', name: 'accordionContent' }), this.footer && this.showContent &&
|
|
106
|
-
index.h("div", { key: 'c44d54e98f712c921e7dd16faaaaa7cfb92e17c4' }, this.deleteTab &&
|
|
107
|
-
index.h("span", { key: '8c46aa94fcce959f370d07da69bd58509c143373', class: "ActionButton", onClick: () => this.deleteAction() }, translate$2('deleteTicket', this.language)))))));
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
HelperAccordion.style = HelperAccordionStyle0;
|
|
111
|
-
|
|
112
38
|
/**
|
|
113
39
|
* @name setClientStyling
|
|
114
40
|
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
@@ -166,7 +92,88 @@ function setStreamStyling(stylingContainer, domain, subscription) {
|
|
|
166
92
|
}
|
|
167
93
|
}
|
|
168
94
|
|
|
169
|
-
const
|
|
95
|
+
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)}";
|
|
96
|
+
const HelperAccordionStyle0 = helperAccordionCss;
|
|
97
|
+
|
|
98
|
+
const HelperAccordion = class {
|
|
99
|
+
constructor(hostRef) {
|
|
100
|
+
index.registerInstance(this, hostRef);
|
|
101
|
+
this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
|
|
102
|
+
this.mbSource = undefined;
|
|
103
|
+
this.clientStyling = undefined;
|
|
104
|
+
this.clientStylingUrl = undefined;
|
|
105
|
+
this.ticketHistoryFlag = false;
|
|
106
|
+
this.headerTitle = '';
|
|
107
|
+
this.headerSubtitle = '';
|
|
108
|
+
this.description = '';
|
|
109
|
+
this.footer = false;
|
|
110
|
+
this.deleteTab = false;
|
|
111
|
+
this.postMessage = false;
|
|
112
|
+
this.eventName = 'helperAccordionAction';
|
|
113
|
+
this.collapsed = true;
|
|
114
|
+
this.language = 'en';
|
|
115
|
+
this.translationUrl = undefined;
|
|
116
|
+
this.showContent = undefined;
|
|
117
|
+
}
|
|
118
|
+
// @TODO fix the `any` type :)
|
|
119
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
120
|
+
if (newValue != oldValue) {
|
|
121
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
125
|
+
if (newValue != oldValue) {
|
|
126
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
130
|
+
if (newValue != oldValue) {
|
|
131
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
componentDidLoad() {
|
|
135
|
+
if (this.stylingContainer) {
|
|
136
|
+
if (this.mbSource)
|
|
137
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
138
|
+
if (this.clientStyling)
|
|
139
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
140
|
+
if (this.clientStylingUrl)
|
|
141
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
disconnectedCallback() {
|
|
145
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
146
|
+
}
|
|
147
|
+
connectedCallback() {
|
|
148
|
+
this.showContent = !this.collapsed;
|
|
149
|
+
}
|
|
150
|
+
componentWillLoad() {
|
|
151
|
+
if (this.translationUrl) {
|
|
152
|
+
getTranslations$2(JSON.parse(this.translationUrl));
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
toggleContent() {
|
|
156
|
+
this.showContent = !this.showContent;
|
|
157
|
+
}
|
|
158
|
+
deleteAction() {
|
|
159
|
+
if (this.postMessage) {
|
|
160
|
+
// @TODO maybe change the name type, this one sucks
|
|
161
|
+
window.postMessage({ type: this.eventName }, window.location.href);
|
|
162
|
+
}
|
|
163
|
+
this.accordionEvent.emit();
|
|
164
|
+
}
|
|
165
|
+
render() {
|
|
166
|
+
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$2('deleteTicket', this.language))))))))));
|
|
167
|
+
}
|
|
168
|
+
static get watchers() { return {
|
|
169
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
170
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
171
|
+
"mbSource": ["handleMbSourceChange"]
|
|
172
|
+
}; }
|
|
173
|
+
};
|
|
174
|
+
HelperAccordion.style = HelperAccordionStyle0;
|
|
175
|
+
|
|
176
|
+
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)}";
|
|
170
177
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
171
178
|
|
|
172
179
|
const LotteryBullet = class {
|
|
@@ -7190,7 +7197,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
7190
7197
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
7191
7198
|
`}static get is(){return "vaadin-tabs"}}v(_h);
|
|
7192
7199
|
|
|
7193
|
-
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-
|
|
7200
|
+
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)}";
|
|
7194
7201
|
const LotteryTicketStyle0 = lotteryTicketCss;
|
|
7195
7202
|
|
|
7196
7203
|
const LotteryTicket = class {
|
|
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'lottery-ticket-controller';
|
|
24
|
-
const BUILD = /* lottery-ticket-controller */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender:
|
|
24
|
+
const BUILD = /* lottery-ticket-controller */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
27
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -853,9 +853,6 @@ var postUpdateComponent = (hostRef) => {
|
|
|
853
853
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
854
854
|
const instance = hostRef.$lazyInstance$ ;
|
|
855
855
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
856
|
-
{
|
|
857
|
-
safeCall(instance, "componentDidRender");
|
|
858
|
-
}
|
|
859
856
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
860
857
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
861
858
|
{
|
|
@@ -1129,6 +1126,9 @@ var connectedCallback = (elm) => {
|
|
|
1129
1126
|
}
|
|
1130
1127
|
};
|
|
1131
1128
|
var disconnectInstance = (instance) => {
|
|
1129
|
+
{
|
|
1130
|
+
safeCall(instance, "disconnectedCallback");
|
|
1131
|
+
}
|
|
1132
1132
|
};
|
|
1133
1133
|
var disconnectedCallback = async (elm) => {
|
|
1134
1134
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1139,8 +1139,10 @@ var disconnectedCallback = async (elm) => {
|
|
|
1139
1139
|
hostRef.$rmListeners$ = void 0;
|
|
1140
1140
|
}
|
|
1141
1141
|
}
|
|
1142
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1143
|
-
hostRef.$
|
|
1142
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1143
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1144
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1145
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1144
1146
|
}
|
|
1145
1147
|
}
|
|
1146
1148
|
};
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-938812cb.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["helper-accordion_5.cjs",[[1,"lottery-ticket-controller",{"endpoint":[513],"ticketId":[514,"ticket-id"],"ticketDescription":[513,"ticket-description"],"gameId":[513,"game-id"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"numberOfGrids":[514,"number-of-grids"],"last":[516],"language":[513],"autoPick":[516,"auto-pick"],"resetButton":[516,"reset-button"],"totalControllers":[514,"total-controllers"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-accordion",{"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"
|
|
11
|
+
return index.bootstrapLazy([["helper-accordion_5.cjs",[[1,"lottery-ticket-controller",{"endpoint":[513],"ticketId":[514,"ticket-id"],"ticketDescription":[513,"ticket-description"],"gameId":[513,"game-id"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"numberOfGrids":[514,"number-of-grids"],"last":[516],"language":[513],"autoPick":[516,"auto-pick"],"resetButton":[516,"reset-button"],"totalControllers":[514,"total-controllers"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-accordion",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"translationUrl":[520,"translation-url"],"showContent":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-grid",{"ticketId":[514,"ticket-id"],"totalNumbers":[514,"total-numbers"],"gameId":[513,"game-id"],"maximumAllowed":[514,"maximum-allowed"],"minimumAllowed":[514,"minimum-allowed"],"numberRange":[513,"number-range"],"selectable":[516],"selectedNumbers":[513,"selected-numbers"],"secondaryNumbers":[513,"secondary-numbers"],"displaySelected":[516,"display-selected"],"language":[513],"gridIndex":[514,"grid-index"],"gridType":[513,"grid-type"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-938812cb.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["helper-accordion_5.cjs",[[1,"lottery-ticket-controller",{"endpoint":[513],"ticketId":[514,"ticket-id"],"ticketDescription":[513,"ticket-description"],"gameId":[513,"game-id"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"numberOfGrids":[514,"number-of-grids"],"last":[516],"language":[513],"autoPick":[516,"auto-pick"],"resetButton":[516,"reset-button"],"totalControllers":[514,"total-controllers"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-accordion",{"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"
|
|
22
|
+
return index.bootstrapLazy([["helper-accordion_5.cjs",[[1,"lottery-ticket-controller",{"endpoint":[513],"ticketId":[514,"ticket-id"],"ticketDescription":[513,"ticket-description"],"gameId":[513,"game-id"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"numberOfGrids":[514,"number-of-grids"],"last":[516],"language":[513],"autoPick":[516,"auto-pick"],"resetButton":[516,"reset-button"],"totalControllers":[514,"total-controllers"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-ticket",{"endpoint":[513],"gameId":[513,"game-id"],"numberOfGrids":[514,"number-of-grids"],"multipleDraws":[516,"multiple-draws"],"ticketId":[514,"ticket-id"],"resetButton":[516,"reset-button"],"autoPick":[516,"auto-pick"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"translationUrl":[520,"translation-url"],"isLoading":[32],"hasErrors":[32],"ticketDone":[32],"isCustomSelect":[32],"amountInfo":[32],"stakeMultiplier":[32],"lineMultiplier":[32],"isCustomSelectStake":[32],"isCustomSelectDraw":[32],"isCustomSelectLine":[32],"drawMultiplier":[32],"secondarySelectionAllowed":[32],"partialQuickpickAvailable":[32],"boardsAllowed":[32],"tabIndex":[32],"groupType":[32],"playType":[32],"selectedPlayTypeId":[32],"maximumAllowed":[32],"numberRange":[32],"secondaryNumberRange":[32],"secondaryMaximumAllowed":[32],"minimumAllowed":[32],"secondaryMinimumAllowed":[32],"quickPicks":[32]},[[8,"click","checkForClickOutside"],[0,"gridFilled","gridFilledHandler"],[0,"gridClearAllEvent","handleGridClearAllEvent"]],{"lineMultiplier":["handleLineMultiplierChange"],"tabIndex":["handleTabIndexChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-accordion",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"ticketHistoryFlag":[516,"ticket-history-flag"],"headerTitle":[513,"header-title"],"headerSubtitle":[513,"header-subtitle"],"description":[513],"footer":[516],"deleteTab":[516,"delete-tab"],"postMessage":[516,"post-message"],"eventName":[513,"event-name"],"collapsed":[516],"language":[513],"translationUrl":[520,"translation-url"],"showContent":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-grid",{"ticketId":[514,"ticket-id"],"totalNumbers":[514,"total-numbers"],"gameId":[513,"game-id"],"maximumAllowed":[514,"maximum-allowed"],"minimumAllowed":[514,"minimum-allowed"],"numberRange":[513,"number-range"],"selectable":[516],"selectedNumbers":[513,"selected-numbers"],"secondaryNumbers":[513,"secondary-numbers"],"displaySelected":[516,"display-selected"],"language":[513],"gridIndex":[514,"grid-index"],"gridType":[513,"grid-type"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"highNumber":[514,"high-number"],"lowNumber":[514,"low-number"],"selectionType":[513,"selection-type"],"partialQuickpickAvailable":[516,"partial-quickpick-available"],"numbers":[32],"bonusNumbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-bullet",{"value":[513],"selectable":[516],"isSelected":[516,"is-selected"],"isBonus":[516,"is-bonus"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-66213763.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE$2 = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'hr'];
|
|
@@ -31,80 +31,6 @@ const getTranslations$2 = (data) => {
|
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
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-background, #009993);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #009993);padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:var(--emw--color-background-secondary, #00ABA4)}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));text-transform:capitalize}.Header .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, 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-gray-50, #F1F1F1);display:flex;gap:30px;border:1px solid var(--emw--color-typography, #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--button-text-color, #000)}.HeaderTicketHistory .Expand{margin-left:auto;color:var(--emw--color-gray-transparency-100, 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-gray-transparency-100, rgb(255, 255, 255));border:1px solid var(--emw--button-border-color, #009993);padding:10px 15px;user-select:none;color:var(--emw--button-text-color, #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-gray-transparency-100, rgb(255, 255, 255))}.ActionButton:hover{background:var(--emw--color-secondary, #FF6536);border:1px solid var(--emw--color-error, #FF3D00)}";
|
|
35
|
-
const HelperAccordionStyle0 = helperAccordionCss;
|
|
36
|
-
|
|
37
|
-
const HelperAccordion = class {
|
|
38
|
-
constructor(hostRef) {
|
|
39
|
-
registerInstance(this, hostRef);
|
|
40
|
-
this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
|
|
41
|
-
this.setClientStyling = () => {
|
|
42
|
-
let sheet = document.createElement('style');
|
|
43
|
-
sheet.innerHTML = this.clientStyling;
|
|
44
|
-
this.stylingContainer.prepend(sheet);
|
|
45
|
-
};
|
|
46
|
-
this.setClientStylingURL = () => {
|
|
47
|
-
let cssFile = document.createElement('style');
|
|
48
|
-
setTimeout(() => {
|
|
49
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
50
|
-
this.stylingContainer.prepend(cssFile);
|
|
51
|
-
}, 1);
|
|
52
|
-
};
|
|
53
|
-
this.ticketHistoryFlag = false;
|
|
54
|
-
this.headerTitle = '';
|
|
55
|
-
this.headerSubtitle = '';
|
|
56
|
-
this.description = '';
|
|
57
|
-
this.footer = false;
|
|
58
|
-
this.deleteTab = false;
|
|
59
|
-
this.postMessage = false;
|
|
60
|
-
this.eventName = 'helperAccordionAction';
|
|
61
|
-
this.collapsed = true;
|
|
62
|
-
this.language = 'en';
|
|
63
|
-
this.clientStyling = '';
|
|
64
|
-
this.clientStylingUrlContent = '';
|
|
65
|
-
this.translationUrl = undefined;
|
|
66
|
-
this.showContent = undefined;
|
|
67
|
-
this.limitStylingAppends = false;
|
|
68
|
-
}
|
|
69
|
-
// @TODO fix the `any` type :)
|
|
70
|
-
connectedCallback() {
|
|
71
|
-
this.showContent = !this.collapsed;
|
|
72
|
-
}
|
|
73
|
-
componentWillLoad() {
|
|
74
|
-
if (this.translationUrl) {
|
|
75
|
-
getTranslations$2(JSON.parse(this.translationUrl));
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
componentDidRender() {
|
|
79
|
-
// start custom styling area
|
|
80
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
81
|
-
if (this.clientStyling)
|
|
82
|
-
this.setClientStyling();
|
|
83
|
-
if (this.clientStylingUrlContent)
|
|
84
|
-
this.setClientStylingURL();
|
|
85
|
-
this.limitStylingAppends = true;
|
|
86
|
-
}
|
|
87
|
-
// end custom styling area
|
|
88
|
-
}
|
|
89
|
-
toggleContent() {
|
|
90
|
-
this.showContent = !this.showContent;
|
|
91
|
-
}
|
|
92
|
-
deleteAction() {
|
|
93
|
-
if (this.postMessage) {
|
|
94
|
-
// @TODO maybe change the name type, this one sucks
|
|
95
|
-
window.postMessage({ type: this.eventName }, window.location.href);
|
|
96
|
-
}
|
|
97
|
-
this.accordionEvent.emit();
|
|
98
|
-
}
|
|
99
|
-
render() {
|
|
100
|
-
return (h("div", { key: '2db19795aa22479f038d9fc7c936cf7403efa43e', class: "Wrapper", ref: el => this.stylingContainer = el }, h("div", { key: '6804e27dbd68e4f4182ab07beb665c53b54069b6', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, h("p", { key: 'd1293990d39da1f50d36dff28e1abbe53259356b', class: "Title" }, this.headerTitle), h("p", { key: '7632e3ddda5dea8e91d8a3935ff46c0f357c4397', class: "Subtitle" }, this.headerSubtitle), h("p", { key: '1ab0dd4cc2625ef20c858738ee290e922e37dd21', class: "Subtitle Description" }, this.description), h("span", { key: '3c7e3d3092aa97d24f62383e17a8a91646a78058', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
|
|
101
|
-
h("div", { key: 'ba970b8947e1986aedbdfd37b044e05f2b1c29fc' }, h("div", { key: '7cfc0ca2b99d76d7647569f7105c29d1be8cf994', class: "Content" }, h("slot", { key: 'a2d866a914d33eac26b3b7e138e611be9f942c65', name: 'accordionContent' }), this.footer && this.showContent &&
|
|
102
|
-
h("div", { key: 'c44d54e98f712c921e7dd16faaaaa7cfb92e17c4' }, this.deleteTab &&
|
|
103
|
-
h("span", { key: '8c46aa94fcce959f370d07da69bd58509c143373', class: "ActionButton", onClick: () => this.deleteAction() }, translate$2('deleteTicket', this.language)))))));
|
|
104
|
-
}
|
|
105
|
-
};
|
|
106
|
-
HelperAccordion.style = HelperAccordionStyle0;
|
|
107
|
-
|
|
108
34
|
/**
|
|
109
35
|
* @name setClientStyling
|
|
110
36
|
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
@@ -162,7 +88,88 @@ function setStreamStyling(stylingContainer, domain, subscription) {
|
|
|
162
88
|
}
|
|
163
89
|
}
|
|
164
90
|
|
|
165
|
-
const
|
|
91
|
+
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)}";
|
|
92
|
+
const HelperAccordionStyle0 = helperAccordionCss;
|
|
93
|
+
|
|
94
|
+
const HelperAccordion = class {
|
|
95
|
+
constructor(hostRef) {
|
|
96
|
+
registerInstance(this, hostRef);
|
|
97
|
+
this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
|
|
98
|
+
this.mbSource = undefined;
|
|
99
|
+
this.clientStyling = undefined;
|
|
100
|
+
this.clientStylingUrl = undefined;
|
|
101
|
+
this.ticketHistoryFlag = false;
|
|
102
|
+
this.headerTitle = '';
|
|
103
|
+
this.headerSubtitle = '';
|
|
104
|
+
this.description = '';
|
|
105
|
+
this.footer = false;
|
|
106
|
+
this.deleteTab = false;
|
|
107
|
+
this.postMessage = false;
|
|
108
|
+
this.eventName = 'helperAccordionAction';
|
|
109
|
+
this.collapsed = true;
|
|
110
|
+
this.language = 'en';
|
|
111
|
+
this.translationUrl = undefined;
|
|
112
|
+
this.showContent = undefined;
|
|
113
|
+
}
|
|
114
|
+
// @TODO fix the `any` type :)
|
|
115
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
116
|
+
if (newValue != oldValue) {
|
|
117
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
121
|
+
if (newValue != oldValue) {
|
|
122
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
126
|
+
if (newValue != oldValue) {
|
|
127
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
componentDidLoad() {
|
|
131
|
+
if (this.stylingContainer) {
|
|
132
|
+
if (this.mbSource)
|
|
133
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
134
|
+
if (this.clientStyling)
|
|
135
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
136
|
+
if (this.clientStylingUrl)
|
|
137
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
disconnectedCallback() {
|
|
141
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
142
|
+
}
|
|
143
|
+
connectedCallback() {
|
|
144
|
+
this.showContent = !this.collapsed;
|
|
145
|
+
}
|
|
146
|
+
componentWillLoad() {
|
|
147
|
+
if (this.translationUrl) {
|
|
148
|
+
getTranslations$2(JSON.parse(this.translationUrl));
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
toggleContent() {
|
|
152
|
+
this.showContent = !this.showContent;
|
|
153
|
+
}
|
|
154
|
+
deleteAction() {
|
|
155
|
+
if (this.postMessage) {
|
|
156
|
+
// @TODO maybe change the name type, this one sucks
|
|
157
|
+
window.postMessage({ type: this.eventName }, window.location.href);
|
|
158
|
+
}
|
|
159
|
+
this.accordionEvent.emit();
|
|
160
|
+
}
|
|
161
|
+
render() {
|
|
162
|
+
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$2('deleteTicket', this.language))))))))));
|
|
163
|
+
}
|
|
164
|
+
static get watchers() { return {
|
|
165
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
166
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
167
|
+
"mbSource": ["handleMbSourceChange"]
|
|
168
|
+
}; }
|
|
169
|
+
};
|
|
170
|
+
HelperAccordion.style = HelperAccordionStyle0;
|
|
171
|
+
|
|
172
|
+
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)}";
|
|
166
173
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
167
174
|
|
|
168
175
|
const LotteryBullet = class {
|
|
@@ -7186,7 +7193,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
7186
7193
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
7187
7194
|
`}static get is(){return "vaadin-tabs"}}v(_h);
|
|
7188
7195
|
|
|
7189
|
-
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-
|
|
7196
|
+
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)}";
|
|
7190
7197
|
const LotteryTicketStyle0 = lotteryTicketCss;
|
|
7191
7198
|
|
|
7192
7199
|
const LotteryTicket = class {
|