@everymatrix/lottery-ticket-controller 1.76.12 → 1.76.13
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 +181 -98
- package/dist/cjs/{index-1fc68b7c.js → index-14a6c159.js} +4 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottery-ticket-controller.cjs.js +2 -2
- package/dist/collection/components/lottery-ticket-controller/lottery-ticket-controller.js +57 -30
- package/dist/esm/helper-accordion_5.entry.js +181 -98
- package/dist/esm/{index-bf542936.js → index-4d2aef6e.js} +4 -1
- 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 +241 -241
- package/dist/lottery-ticket-controller/{index-bf542936.js → index-4d2aef6e.js} +2 -2
- package/dist/lottery-ticket-controller/lottery-ticket-controller.esm.js +1 -1
- package/dist/types/components/lottery-ticket-controller/lottery-ticket-controller.d.ts +10 -5
- package/dist/types/components.d.ts +10 -2
- package/package.json +1 -1
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
2
3
|
import "../../../../../helper-accordion/dist/types/index";
|
|
3
4
|
import "../../../../../lottery-ticket/dist/types/index";
|
|
4
5
|
import { translate, getTranslations } from "../../utils/locale.utils";
|
|
5
6
|
export class LotteryTicketController {
|
|
6
7
|
constructor() {
|
|
7
|
-
this.setClientStyling = () => {
|
|
8
|
-
let sheet = document.createElement('style');
|
|
9
|
-
sheet.innerHTML = this.clientStyling;
|
|
10
|
-
this.stylingContainer.prepend(sheet);
|
|
11
|
-
};
|
|
12
|
-
this.setClientStylingURL = () => {
|
|
13
|
-
let cssFile = document.createElement('style');
|
|
14
|
-
setTimeout(() => {
|
|
15
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
16
|
-
this.stylingContainer.prepend(cssFile);
|
|
17
|
-
}, 1);
|
|
18
|
-
};
|
|
19
8
|
this.endpoint = '';
|
|
20
9
|
this.ticketId = 1;
|
|
21
10
|
this.ticketDescription = undefined;
|
|
@@ -30,9 +19,9 @@ export class LotteryTicketController {
|
|
|
30
19
|
this.resetButton = false;
|
|
31
20
|
this.totalControllers = 1;
|
|
32
21
|
this.clientStyling = '';
|
|
33
|
-
this.
|
|
22
|
+
this.clientStylingUrl = '';
|
|
23
|
+
this.mbSource = undefined;
|
|
34
24
|
this.translationUrl = undefined;
|
|
35
|
-
this.limitStylingAppends = false;
|
|
36
25
|
}
|
|
37
26
|
// @TODO fix the `any` type
|
|
38
27
|
helperAccordionActionHandler() {
|
|
@@ -48,19 +37,33 @@ export class LotteryTicketController {
|
|
|
48
37
|
getTranslations(JSON.parse(this.translationUrl));
|
|
49
38
|
}
|
|
50
39
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
40
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
41
|
+
if (newValue != oldValue) {
|
|
42
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
46
|
+
if (newValue != oldValue) {
|
|
47
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
51
|
+
if (newValue != oldValue) {
|
|
52
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
componentDidLoad() {
|
|
56
|
+
if (this.stylingContainer) {
|
|
57
|
+
if (this.mbSource)
|
|
58
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
54
59
|
if (this.clientStyling)
|
|
55
|
-
this.
|
|
56
|
-
if (this.
|
|
57
|
-
this.
|
|
58
|
-
this.limitStylingAppends = true;
|
|
60
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
61
|
+
if (this.clientStylingUrl)
|
|
62
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
59
63
|
}
|
|
60
|
-
// end custom styling area
|
|
61
64
|
}
|
|
62
65
|
render() {
|
|
63
|
-
return (h("div", { key: '
|
|
66
|
+
return (h("div", { key: '28756fcff01b738bfe8339114445032a5da757c2', class: "LotteryTicketControllerContainer", ref: el => this.stylingContainer = el }, h("helper-accordion", { key: '18a566d1c97ccbf74cd759215df3a18faf5c43dc', "header-title": `${translate('ticket', this.language)} ${this.ticketId}`, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": this.totalControllers !== 1, collapsed: !this.last || this.collapsed, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, h("div", { key: '3a056f64dc8572b66f50cb151adde2caea2cd427', slot: "accordionContent" }, h("lottery-ticket", { key: '06a0696b79840c05381429b1b87af94b478b09f0', endpoint: this.endpoint, "game-id": this.gameId, "ticket-id": this.ticketId, "number-of-grids": this.numberOfGrids, language: this.language, "translation-url": this.translationUrl, "reset-button": this.resetButton, "auto-pick": this.autoPick, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })))));
|
|
64
67
|
}
|
|
65
68
|
static get is() { return "lottery-ticket-controller"; }
|
|
66
69
|
static get encapsulation() { return "shadow"; }
|
|
@@ -326,7 +329,7 @@ export class LotteryTicketController {
|
|
|
326
329
|
"reflect": true,
|
|
327
330
|
"defaultValue": "''"
|
|
328
331
|
},
|
|
329
|
-
"
|
|
332
|
+
"clientStylingUrl": {
|
|
330
333
|
"type": "string",
|
|
331
334
|
"mutable": false,
|
|
332
335
|
"complexType": {
|
|
@@ -340,10 +343,27 @@ export class LotteryTicketController {
|
|
|
340
343
|
"tags": [],
|
|
341
344
|
"text": "Client custom styling via url content"
|
|
342
345
|
},
|
|
343
|
-
"attribute": "client-styling-url
|
|
346
|
+
"attribute": "client-styling-url",
|
|
344
347
|
"reflect": true,
|
|
345
348
|
"defaultValue": "''"
|
|
346
349
|
},
|
|
350
|
+
"mbSource": {
|
|
351
|
+
"type": "string",
|
|
352
|
+
"mutable": false,
|
|
353
|
+
"complexType": {
|
|
354
|
+
"original": "string",
|
|
355
|
+
"resolved": "string",
|
|
356
|
+
"references": {}
|
|
357
|
+
},
|
|
358
|
+
"required": false,
|
|
359
|
+
"optional": false,
|
|
360
|
+
"docs": {
|
|
361
|
+
"tags": [],
|
|
362
|
+
"text": "Client custom styling via message bus"
|
|
363
|
+
},
|
|
364
|
+
"attribute": "mb-source",
|
|
365
|
+
"reflect": true
|
|
366
|
+
},
|
|
347
367
|
"translationUrl": {
|
|
348
368
|
"type": "any",
|
|
349
369
|
"mutable": false,
|
|
@@ -363,11 +383,6 @@ export class LotteryTicketController {
|
|
|
363
383
|
}
|
|
364
384
|
};
|
|
365
385
|
}
|
|
366
|
-
static get states() {
|
|
367
|
-
return {
|
|
368
|
-
"limitStylingAppends": {}
|
|
369
|
-
};
|
|
370
|
-
}
|
|
371
386
|
static get events() {
|
|
372
387
|
return [{
|
|
373
388
|
"method": "deleteTicketEvent",
|
|
@@ -386,6 +401,18 @@ export class LotteryTicketController {
|
|
|
386
401
|
}
|
|
387
402
|
}];
|
|
388
403
|
}
|
|
404
|
+
static get watchers() {
|
|
405
|
+
return [{
|
|
406
|
+
"propName": "clientStyling",
|
|
407
|
+
"methodName": "handleClientStylingChange"
|
|
408
|
+
}, {
|
|
409
|
+
"propName": "clientStylingUrl",
|
|
410
|
+
"methodName": "handleClientStylingUrlChange"
|
|
411
|
+
}, {
|
|
412
|
+
"propName": "mbSource",
|
|
413
|
+
"methodName": "handleMbSourceChange"
|
|
414
|
+
}];
|
|
415
|
+
}
|
|
389
416
|
static get listeners() {
|
|
390
417
|
return [{
|
|
391
418
|
"name": "helperAccordionAction",
|
|
@@ -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-4d2aef6e.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE$2 = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'hr'];
|
|
@@ -105,6 +105,63 @@ const HelperAccordion = class {
|
|
|
105
105
|
};
|
|
106
106
|
HelperAccordion.style = HelperAccordionStyle0;
|
|
107
107
|
|
|
108
|
+
/**
|
|
109
|
+
* @name setClientStyling
|
|
110
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
111
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
112
|
+
* @param {string} clientStyling The style content
|
|
113
|
+
*/
|
|
114
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
115
|
+
if (stylingContainer) {
|
|
116
|
+
const sheet = document.createElement('style');
|
|
117
|
+
sheet.innerHTML = clientStyling;
|
|
118
|
+
stylingContainer.appendChild(sheet);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* @name setClientStylingURL
|
|
124
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
125
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
126
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
127
|
+
*/
|
|
128
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
129
|
+
const url = new URL(clientStylingUrl);
|
|
130
|
+
|
|
131
|
+
fetch(url.href)
|
|
132
|
+
.then((res) => res.text())
|
|
133
|
+
.then((data) => {
|
|
134
|
+
const cssFile = document.createElement('style');
|
|
135
|
+
cssFile.innerHTML = data;
|
|
136
|
+
if (stylingContainer) {
|
|
137
|
+
stylingContainer.appendChild(cssFile);
|
|
138
|
+
}
|
|
139
|
+
})
|
|
140
|
+
.catch((err) => {
|
|
141
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* @name setStreamLibrary
|
|
147
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
148
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
149
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
150
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
151
|
+
*/
|
|
152
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
153
|
+
if (window.emMessageBus) {
|
|
154
|
+
const sheet = document.createElement('style');
|
|
155
|
+
|
|
156
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
157
|
+
sheet.innerHTML = data;
|
|
158
|
+
if (stylingContainer) {
|
|
159
|
+
stylingContainer.appendChild(sheet);
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
108
165
|
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--button-text-color, #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-gray-transparency-100, rgb(255, 255, 255));background:radial-gradient(circle at top, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-transparency-100, rgb(255, 255, 255)) 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);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-gray-transparency-100, rgb(255, 255, 255)) 0%, var(--emw--color-gray-50, #F1F1F1) 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-gray-transparency-100, rgb(255, 255, 255));background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--button-border-color, #00958f)}.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, #F1F1F1);background:var(--emw--color-gray-100, #D4D4D4);border:solid 2px var(--emw--color-gray-100, #D4D4D4);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, #F1F1F1);background:var(--emw--color-primary, #9EC258);background:-webkit-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:-moz-radial-gradient(top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));background:radial-gradient(circle at top, var(--emw--button-background-color, #00958f), var(--emw--color-primary-variant, #004D4A));border:solid 2px var(--emw--color-gray-100, #D4D4D4);cursor:default}.Circle.Bonus{background:var(--emw--color-error, #FF3D00)}";
|
|
109
166
|
const LotteryBulletStyle0 = lotteryBulletCss;
|
|
110
167
|
|
|
@@ -121,40 +178,47 @@ const LotteryBullet = class {
|
|
|
121
178
|
});
|
|
122
179
|
}
|
|
123
180
|
};
|
|
124
|
-
this.setClientStyling = () => {
|
|
125
|
-
let sheet = document.createElement('style');
|
|
126
|
-
sheet.innerHTML = this.clientStyling;
|
|
127
|
-
this.stylingContainer.prepend(sheet);
|
|
128
|
-
};
|
|
129
|
-
this.setClientStylingURL = () => {
|
|
130
|
-
let cssFile = document.createElement('style');
|
|
131
|
-
setTimeout(() => {
|
|
132
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
133
|
-
this.stylingContainer.prepend(cssFile);
|
|
134
|
-
}, 1);
|
|
135
|
-
};
|
|
136
181
|
this.value = '0';
|
|
137
182
|
this.selectable = true;
|
|
138
183
|
this.isSelected = false;
|
|
139
184
|
this.isBonus = false;
|
|
140
185
|
this.clientStyling = '';
|
|
141
|
-
this.
|
|
142
|
-
this.
|
|
186
|
+
this.clientStylingUrl = '';
|
|
187
|
+
this.mbSource = undefined;
|
|
143
188
|
}
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
189
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
190
|
+
if (newValue != oldValue) {
|
|
191
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
195
|
+
if (newValue != oldValue) {
|
|
196
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
200
|
+
if (newValue != oldValue) {
|
|
201
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
componentDidLoad() {
|
|
205
|
+
if (this.stylingContainer) {
|
|
206
|
+
if (this.mbSource)
|
|
207
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
147
208
|
if (this.clientStyling)
|
|
148
|
-
this.
|
|
149
|
-
if (this.
|
|
150
|
-
this.
|
|
151
|
-
this.limitStylingAppends = true;
|
|
209
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
210
|
+
if (this.clientStylingUrl)
|
|
211
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
152
212
|
}
|
|
153
|
-
// end custom styling area
|
|
154
213
|
}
|
|
155
214
|
render() {
|
|
156
|
-
return (h("div", { key: '
|
|
215
|
+
return (h("div", { key: '2cfab600728d3aa72f9f87e4e07a968ea030e415', class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : '') + (this.isBonus ? ' Bonus' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
|
|
157
216
|
}
|
|
217
|
+
static get watchers() { return {
|
|
218
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
219
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
220
|
+
"mbSource": ["handleMbSourceChange"]
|
|
221
|
+
}; }
|
|
158
222
|
};
|
|
159
223
|
LotteryBullet.style = LotteryBulletStyle0;
|
|
160
224
|
|
|
@@ -168,18 +232,6 @@ const LotteryGrid = class {
|
|
|
168
232
|
this.gridDirtyEvent = createEvent(this, "gridDirty", 7);
|
|
169
233
|
this.gridClearAllEvent = createEvent(this, "gridClearAllEvent", 7);
|
|
170
234
|
this.selectedCounter = 0;
|
|
171
|
-
this.setClientStyling = () => {
|
|
172
|
-
let sheet = document.createElement('style');
|
|
173
|
-
sheet.innerHTML = this.clientStyling;
|
|
174
|
-
this.stylingContainer.prepend(sheet);
|
|
175
|
-
};
|
|
176
|
-
this.setClientStylingURL = () => {
|
|
177
|
-
let cssFile = document.createElement('style');
|
|
178
|
-
setTimeout(() => {
|
|
179
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
180
|
-
this.stylingContainer.prepend(cssFile);
|
|
181
|
-
}, 1);
|
|
182
|
-
};
|
|
183
235
|
this.ticketId = undefined;
|
|
184
236
|
this.totalNumbers = 0;
|
|
185
237
|
this.gameId = undefined;
|
|
@@ -194,14 +246,39 @@ const LotteryGrid = class {
|
|
|
194
246
|
this.gridIndex = undefined;
|
|
195
247
|
this.gridType = '';
|
|
196
248
|
this.clientStyling = '';
|
|
197
|
-
this.
|
|
249
|
+
this.clientStylingUrl = '';
|
|
250
|
+
this.mbSource = undefined;
|
|
198
251
|
this.highNumber = 47;
|
|
199
252
|
this.lowNumber = 1;
|
|
200
253
|
this.selectionType = 'mainSelection';
|
|
201
254
|
this.partialQuickpickAvailable = false;
|
|
202
255
|
this.numbers = [];
|
|
203
256
|
this.bonusNumbers = [];
|
|
204
|
-
|
|
257
|
+
}
|
|
258
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
259
|
+
if (newValue != oldValue) {
|
|
260
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
264
|
+
if (newValue != oldValue) {
|
|
265
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
269
|
+
if (newValue != oldValue) {
|
|
270
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
componentDidLoad() {
|
|
274
|
+
if (this.stylingContainer) {
|
|
275
|
+
if (this.mbSource)
|
|
276
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
277
|
+
if (this.clientStyling)
|
|
278
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
279
|
+
if (this.clientStylingUrl)
|
|
280
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
281
|
+
}
|
|
205
282
|
}
|
|
206
283
|
connectedCallback() {
|
|
207
284
|
let selected = [];
|
|
@@ -238,17 +315,6 @@ const LotteryGrid = class {
|
|
|
238
315
|
});
|
|
239
316
|
}
|
|
240
317
|
}
|
|
241
|
-
componentDidRender() {
|
|
242
|
-
// start custom styling area
|
|
243
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
244
|
-
if (this.clientStyling)
|
|
245
|
-
this.setClientStyling();
|
|
246
|
-
if (this.clientStylingUrlContent)
|
|
247
|
-
this.setClientStylingURL();
|
|
248
|
-
this.limitStylingAppends = true;
|
|
249
|
-
}
|
|
250
|
-
// end custom styling area
|
|
251
|
-
}
|
|
252
318
|
// wrote this because the classic .sort(() => 0.5 - Math.random()) method yielded low entropy shuffles for some reason on certain devices
|
|
253
319
|
shuffleArray(array) {
|
|
254
320
|
const result = [];
|
|
@@ -374,8 +440,13 @@ const LotteryGrid = class {
|
|
|
374
440
|
}
|
|
375
441
|
}
|
|
376
442
|
render() {
|
|
377
|
-
return (h("div", { key: '
|
|
443
|
+
return (h("div", { key: 'f62b5b1e5a6cf7bcaa13ce2c8a281bc93fa439f7', class: "GridContainer", ref: el => this.stylingContainer = el }, h("div", { key: 'e381adbfff57e2cc343188c46037eb45ab798cac', class: this.gridType === 'ticket' ? 'Grid TicketGrid' : 'Grid' }, this.numbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))), this.bonusNumbers.length ? this.bonusNumbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected, "is-bonus": true, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))) : '')));
|
|
378
444
|
}
|
|
445
|
+
static get watchers() { return {
|
|
446
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
447
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
448
|
+
"mbSource": ["handleMbSourceChange"]
|
|
449
|
+
}; }
|
|
379
450
|
};
|
|
380
451
|
LotteryGrid.style = LotteryGridStyle0;
|
|
381
452
|
|
|
@@ -7128,18 +7199,6 @@ const LotteryTicket = class {
|
|
|
7128
7199
|
this.drawMultiplierChange = createEvent(this, "drawMultiplierChange", 7);
|
|
7129
7200
|
this.lineMultiplierChange = createEvent(this, "lineMultiplierChange", 7);
|
|
7130
7201
|
this.betTypeChange = createEvent(this, "betTypeChange", 7);
|
|
7131
|
-
this.setClientStyling = () => {
|
|
7132
|
-
let sheet = document.createElement('style');
|
|
7133
|
-
sheet.innerHTML = this.clientStyling;
|
|
7134
|
-
this.stylingContainer.prepend(sheet);
|
|
7135
|
-
};
|
|
7136
|
-
this.setClientStylingURL = () => {
|
|
7137
|
-
let cssFile = document.createElement('style');
|
|
7138
|
-
setTimeout(() => {
|
|
7139
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
7140
|
-
this.stylingContainer.prepend(cssFile);
|
|
7141
|
-
}, 1);
|
|
7142
|
-
};
|
|
7143
7202
|
this.endpoint = undefined;
|
|
7144
7203
|
this.gameId = undefined;
|
|
7145
7204
|
this.numberOfGrids = 1;
|
|
@@ -7149,14 +7208,14 @@ const LotteryTicket = class {
|
|
|
7149
7208
|
this.autoPick = false;
|
|
7150
7209
|
this.language = 'en';
|
|
7151
7210
|
this.clientStyling = '';
|
|
7152
|
-
this.
|
|
7211
|
+
this.clientStylingUrl = '';
|
|
7212
|
+
this.mbSource = undefined;
|
|
7153
7213
|
this.translationUrl = undefined;
|
|
7154
7214
|
this.isLoading = true;
|
|
7155
7215
|
this.hasErrors = false;
|
|
7156
7216
|
this.ticketDone = [];
|
|
7157
7217
|
this.isCustomSelect = false;
|
|
7158
7218
|
this.amountInfo = {};
|
|
7159
|
-
this.limitStylingAppends = false;
|
|
7160
7219
|
this.stakeMultiplier = '1';
|
|
7161
7220
|
this.lineMultiplier = 0;
|
|
7162
7221
|
this.isCustomSelectStake = false;
|
|
@@ -7215,6 +7274,21 @@ const LotteryTicket = class {
|
|
|
7215
7274
|
betType: this.playType[0]
|
|
7216
7275
|
});
|
|
7217
7276
|
}
|
|
7277
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
7278
|
+
if (newValue != oldValue) {
|
|
7279
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7280
|
+
}
|
|
7281
|
+
}
|
|
7282
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
7283
|
+
if (newValue != oldValue) {
|
|
7284
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
7285
|
+
}
|
|
7286
|
+
}
|
|
7287
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
7288
|
+
if (newValue != oldValue) {
|
|
7289
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
7290
|
+
}
|
|
7291
|
+
}
|
|
7218
7292
|
checkForClickOutside(ev) {
|
|
7219
7293
|
if (this.selectRef && !this.selectRef.contains(ev.composedPath()[0])) {
|
|
7220
7294
|
this.isCustomSelect = false;
|
|
@@ -7296,16 +7370,15 @@ const LotteryTicket = class {
|
|
|
7296
7370
|
getTranslations$1(JSON.parse(this.translationUrl));
|
|
7297
7371
|
}
|
|
7298
7372
|
}
|
|
7299
|
-
|
|
7300
|
-
|
|
7301
|
-
|
|
7373
|
+
componentDidLoad() {
|
|
7374
|
+
if (this.stylingContainer) {
|
|
7375
|
+
if (this.mbSource)
|
|
7376
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
7302
7377
|
if (this.clientStyling)
|
|
7303
|
-
this.
|
|
7304
|
-
if (this.
|
|
7305
|
-
this.
|
|
7306
|
-
this.limitStylingAppends = true;
|
|
7378
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7379
|
+
if (this.clientStylingUrl)
|
|
7380
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
7307
7381
|
}
|
|
7308
|
-
// end custom styling area
|
|
7309
7382
|
}
|
|
7310
7383
|
gridFilledHandler(event) {
|
|
7311
7384
|
this.ticket = Object.assign(Object.assign({}, event.detail), { drawCount: this.drawMultiplier, multiplierNum: Number(this.stakeMultiplier), multiplier: this.gameData.rules.stakeMultiplierAvailable, quickPicks: this.quickPicks, betName: this.playType.length > 1 ? this.playType.find((item) => item.value === this.selectedPlayTypeId).label : this.groupType[this.tabIndex].groupName });
|
|
@@ -7434,8 +7507,8 @@ const LotteryTicket = class {
|
|
|
7434
7507
|
h("div", null, h("label", { class: "Label" }, translate$1('playType', this.language), ": "), h("vaadin-select", { style: { 'width': '160px' }, items: this.playType, value: this.selectedPlayTypeId, "on-value-changed": (e) => this.handlePlayTypeChange(e.detail.value) })), this.boardsAllowed.length > 1 &&
|
|
7435
7508
|
h("div", null, h("label", { class: "Label" }, translate$1('lines', this.language), ": "), h("div", { class: "WagerInput" }, h("div", { ref: el => this.selectLineRef = el, class: this.isCustomSelectLine ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleLineSelection() }, h("span", null, this.lineMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, this.boardsAllowed.map((item) => h("li", { class: this.lineMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setLineMultiplier(item) }, item))))))), this.grids.map((_, index) => h("div", null, h("div", { class: "TicketGridHeader" }, h("div", null, translate$1('lineName', this.language), index + 1), this.resetButton && this.ticketDone[index] &&
|
|
7436
7509
|
h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection(index) }, translate$1('resetButton', this.language))), this.autoPick && !this.ticketDone[index] &&
|
|
7437
|
-
h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate$1('autoButton', this.language)))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url-
|
|
7438
|
-
h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url-
|
|
7510
|
+
h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection(index) }, translate$1('autoButton', this.language)))), h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].selectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.maximumAllowed, "minimum-allowed": this.minimumAllowed, "number-range": JSON.stringify(this.numberRange), "high-number": rules.boards[0].highNumber, "low-number": rules.boards[0].lowNumber, "total-numbers": rules.boards[0].highNumber - rules.boards[0].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'mainSelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })), this.secondarySelectionAllowed &&
|
|
7511
|
+
h("div", { class: "SecondarySelectionWrapper" }, h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, rules.boards[0].secondarySelectionName), h("lottery-grid", { "grid-index": index, "maximum-allowed": this.secondaryMaximumAllowed, "minimum-allowed": this.secondaryMinimumAllowed, "number-range": JSON.stringify(this.secondaryNumberRange), "high-number": rules.boards[0].secondaryHighNumber, "low-number": rules.boards[0].secondaryLowNumber, "total-numbers": rules.boards[0].secondaryHighNumber - rules.boards[0].secondaryLowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, "partial-quickpick-available": this.partialQuickpickAvailable, language: this.language, "translation-url": this.translationUrl, "selection-type": 'secondarySelection', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }))))), rules.stakeMultiplierAvailable &&
|
|
7439
7512
|
h("div", null, h("label", { class: "Label" }, translate$1('multiplier', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakeMultipliers.length > 1 ?
|
|
7440
7513
|
(h("div", { ref: el => this.selectStakeRef = el, class: this.isCustomSelectStake ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { class: "SelectButton", onClick: () => this.toggleSelection() }, h("span", null, this.stakeMultiplier), h("span", { class: "SelectExpand" }, "\u25BC")), h("div", { class: "SelectContent" }, h("ul", { class: "SelectOptions" }, rules.stakeMultipliers.map((item) => h("li", { class: this.stakeMultiplier == item ? 'SelectedValue' : '', value: item, onClick: () => this.setStakeMultiplier(item) }, item)))))) : (h("div", null, h("input", { min: "1", value: rules.stakeMultipliers[0] || 1, type: "number", disabled: true }))))), rules.drawMultiplierAvailable &&
|
|
7441
7514
|
h("div", null, h("label", { class: "Label" }, translate$1('numberOfDraws', this.language), ": "), h("div", { class: "WagerInput" }, rules.durations.length > 1 ?
|
|
@@ -7446,7 +7519,10 @@ const LotteryTicket = class {
|
|
|
7446
7519
|
}
|
|
7447
7520
|
static get watchers() { return {
|
|
7448
7521
|
"lineMultiplier": ["handleLineMultiplierChange"],
|
|
7449
|
-
"tabIndex": ["handleTabIndexChange"]
|
|
7522
|
+
"tabIndex": ["handleTabIndexChange"],
|
|
7523
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
7524
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
7525
|
+
"mbSource": ["handleMbSourceChange"]
|
|
7450
7526
|
}; }
|
|
7451
7527
|
};
|
|
7452
7528
|
LotteryTicket.style = LotteryTicketStyle0;
|
|
@@ -7489,18 +7565,6 @@ const LotteryTicketController = class {
|
|
|
7489
7565
|
constructor(hostRef) {
|
|
7490
7566
|
registerInstance(this, hostRef);
|
|
7491
7567
|
this.deleteTicketEvent = createEvent(this, "deleteTicket", 7);
|
|
7492
|
-
this.setClientStyling = () => {
|
|
7493
|
-
let sheet = document.createElement('style');
|
|
7494
|
-
sheet.innerHTML = this.clientStyling;
|
|
7495
|
-
this.stylingContainer.prepend(sheet);
|
|
7496
|
-
};
|
|
7497
|
-
this.setClientStylingURL = () => {
|
|
7498
|
-
let cssFile = document.createElement('style');
|
|
7499
|
-
setTimeout(() => {
|
|
7500
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
7501
|
-
this.stylingContainer.prepend(cssFile);
|
|
7502
|
-
}, 1);
|
|
7503
|
-
};
|
|
7504
7568
|
this.endpoint = '';
|
|
7505
7569
|
this.ticketId = 1;
|
|
7506
7570
|
this.ticketDescription = undefined;
|
|
@@ -7515,9 +7579,9 @@ const LotteryTicketController = class {
|
|
|
7515
7579
|
this.resetButton = false;
|
|
7516
7580
|
this.totalControllers = 1;
|
|
7517
7581
|
this.clientStyling = '';
|
|
7518
|
-
this.
|
|
7582
|
+
this.clientStylingUrl = '';
|
|
7583
|
+
this.mbSource = undefined;
|
|
7519
7584
|
this.translationUrl = undefined;
|
|
7520
|
-
this.limitStylingAppends = false;
|
|
7521
7585
|
}
|
|
7522
7586
|
// @TODO fix the `any` type
|
|
7523
7587
|
helperAccordionActionHandler() {
|
|
@@ -7533,20 +7597,39 @@ const LotteryTicketController = class {
|
|
|
7533
7597
|
getTranslations(JSON.parse(this.translationUrl));
|
|
7534
7598
|
}
|
|
7535
7599
|
}
|
|
7536
|
-
|
|
7537
|
-
|
|
7538
|
-
|
|
7600
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
7601
|
+
if (newValue != oldValue) {
|
|
7602
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7603
|
+
}
|
|
7604
|
+
}
|
|
7605
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
7606
|
+
if (newValue != oldValue) {
|
|
7607
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
7608
|
+
}
|
|
7609
|
+
}
|
|
7610
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
7611
|
+
if (newValue != oldValue) {
|
|
7612
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
7613
|
+
}
|
|
7614
|
+
}
|
|
7615
|
+
componentDidLoad() {
|
|
7616
|
+
if (this.stylingContainer) {
|
|
7617
|
+
if (this.mbSource)
|
|
7618
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
7539
7619
|
if (this.clientStyling)
|
|
7540
|
-
this.
|
|
7541
|
-
if (this.
|
|
7542
|
-
this.
|
|
7543
|
-
this.limitStylingAppends = true;
|
|
7620
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
7621
|
+
if (this.clientStylingUrl)
|
|
7622
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
7544
7623
|
}
|
|
7545
|
-
// end custom styling area
|
|
7546
7624
|
}
|
|
7547
7625
|
render() {
|
|
7548
|
-
return (h("div", { key: '
|
|
7626
|
+
return (h("div", { key: '28756fcff01b738bfe8339114445032a5da757c2', class: "LotteryTicketControllerContainer", ref: el => this.stylingContainer = el }, h("helper-accordion", { key: '18a566d1c97ccbf74cd759215df3a18faf5c43dc', "header-title": `${translate('ticket', this.language)} ${this.ticketId}`, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": this.totalControllers !== 1, collapsed: !this.last || this.collapsed, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource }, h("div", { key: '3a056f64dc8572b66f50cb151adde2caea2cd427', slot: "accordionContent" }, h("lottery-ticket", { key: '06a0696b79840c05381429b1b87af94b478b09f0', endpoint: this.endpoint, "game-id": this.gameId, "ticket-id": this.ticketId, "number-of-grids": this.numberOfGrids, language: this.language, "translation-url": this.translationUrl, "reset-button": this.resetButton, "auto-pick": this.autoPick, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource })))));
|
|
7549
7627
|
}
|
|
7628
|
+
static get watchers() { return {
|
|
7629
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
7630
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
7631
|
+
"mbSource": ["handleMbSourceChange"]
|
|
7632
|
+
}; }
|
|
7550
7633
|
};
|
|
7551
7634
|
LotteryTicketController.style = LotteryTicketControllerStyle0;
|
|
7552
7635
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'lottery-ticket-controller';
|
|
2
|
-
const BUILD = /* lottery-ticket-controller */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* lottery-ticket-controller */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, 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 };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -839,6 +839,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
839
839
|
{
|
|
840
840
|
addHydratedFlag(elm);
|
|
841
841
|
}
|
|
842
|
+
{
|
|
843
|
+
safeCall(instance, "componentDidLoad");
|
|
844
|
+
}
|
|
842
845
|
endPostUpdate();
|
|
843
846
|
{
|
|
844
847
|
hostRef.$onReadyResolve$(elm);
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-4d2aef6e.js';
|
|
2
|
+
export { s as setNonce } from './index-4d2aef6e.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["helper-accordion_5",[[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"],"
|
|
8
|
+
return bootstrapLazy([["helper-accordion_5",[[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],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"translationUrl":[520,"translation-url"],"showContent":[32],"limitStylingAppends":[32]}],[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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|