@everymatrix/lottery-game-details 1.52.6 → 1.53.10
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_4.cjs.entry.js +169 -51
- package/dist/cjs/{index-ed0fb832.js → index-615c4fc5.js} +164 -69
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottery-game-details.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/lottery-game-details/lottery-game-details.js +90 -4
- package/dist/esm/helper-accordion_4.entry.js +169 -51
- package/dist/esm/{index-74e7562d.js → index-87f5c36e.js} +164 -69
- package/dist/esm/loader.js +3 -3
- package/dist/esm/lottery-game-details.js +4 -4
- package/dist/lottery-game-details/lottery-game-details.esm.js +1 -1
- package/dist/lottery-game-details/p-a6734e8b.js +2 -0
- package/dist/lottery-game-details/p-ee88afe7.entry.js +1 -0
- package/dist/types/components/lottery-game-details/lottery-game-details.d.ts +16 -0
- package/dist/types/components.d.ts +32 -0
- package/package.json +1 -1
- package/dist/lottery-game-details/p-93821907.entry.js +0 -1
- package/dist/lottery-game-details/p-c3ab4585.js +0 -2
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-615c4fc5.js');
|
|
6
6
|
|
|
7
|
-
const DEFAULT_LANGUAGE = 'en';
|
|
8
|
-
const
|
|
7
|
+
const DEFAULT_LANGUAGE$1 = 'en';
|
|
8
|
+
const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'hr'];
|
|
9
|
+
const TRANSLATIONS$1 = {
|
|
9
10
|
en: {
|
|
10
11
|
deleteTicket: 'Delete ticket'
|
|
11
12
|
},
|
|
@@ -22,44 +23,79 @@ const TRANSLATIONS = {
|
|
|
22
23
|
deleteTicket: 'Izbriši listić'
|
|
23
24
|
}
|
|
24
25
|
};
|
|
25
|
-
const translate = (key, customLang) => {
|
|
26
|
+
const translate$1 = (key, customLang) => {
|
|
26
27
|
const lang = customLang;
|
|
27
|
-
return TRANSLATIONS[
|
|
28
|
+
return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
|
|
28
29
|
};
|
|
29
30
|
|
|
30
|
-
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
|
|
31
|
+
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)}";
|
|
31
32
|
const HelperAccordionStyle0 = helperAccordionCss;
|
|
32
33
|
|
|
33
34
|
const HelperAccordion = class {
|
|
34
35
|
constructor(hostRef) {
|
|
35
36
|
index.registerInstance(this, hostRef);
|
|
36
37
|
this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
this.stylingContainer.prepend(sheet);
|
|
41
|
-
};
|
|
42
|
-
this.setClientStylingURL = () => {
|
|
43
|
-
let cssFile = document.createElement('style');
|
|
44
|
-
setTimeout(() => {
|
|
45
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
46
|
-
this.stylingContainer.prepend(cssFile);
|
|
47
|
-
}, 1);
|
|
48
|
-
};
|
|
38
|
+
/**
|
|
39
|
+
* Flag for ticket history
|
|
40
|
+
*/
|
|
49
41
|
this.ticketHistoryFlag = false;
|
|
42
|
+
/**
|
|
43
|
+
* Title (top header)
|
|
44
|
+
*/
|
|
50
45
|
this.headerTitle = '';
|
|
46
|
+
/**
|
|
47
|
+
* SubTitle (top header)
|
|
48
|
+
*/
|
|
51
49
|
this.headerSubtitle = '';
|
|
50
|
+
/**
|
|
51
|
+
* Description
|
|
52
|
+
*/
|
|
52
53
|
this.description = '';
|
|
54
|
+
/**
|
|
55
|
+
* Enables footer content
|
|
56
|
+
*/
|
|
53
57
|
this.footer = false;
|
|
58
|
+
/**
|
|
59
|
+
* Enables footer button for tab deletion
|
|
60
|
+
*/
|
|
54
61
|
this.deleteTab = false;
|
|
62
|
+
/**
|
|
63
|
+
* Activates postMessages as events for actions from the widget
|
|
64
|
+
*/
|
|
55
65
|
this.postMessage = false;
|
|
66
|
+
/**
|
|
67
|
+
* Name of the event emitter by the action button
|
|
68
|
+
*/
|
|
56
69
|
this.eventName = 'helperAccordionAction';
|
|
70
|
+
/**
|
|
71
|
+
* Collapsed
|
|
72
|
+
*/
|
|
57
73
|
this.collapsed = true;
|
|
74
|
+
/**
|
|
75
|
+
* Language
|
|
76
|
+
*/
|
|
58
77
|
this.language = 'en';
|
|
78
|
+
/**
|
|
79
|
+
* Client custom styling via string
|
|
80
|
+
*/
|
|
59
81
|
this.clientStyling = '';
|
|
82
|
+
/**
|
|
83
|
+
* Client custom styling via url content
|
|
84
|
+
*/
|
|
60
85
|
this.clientStylingUrlContent = '';
|
|
61
|
-
this.showContent = undefined;
|
|
62
86
|
this.limitStylingAppends = false;
|
|
87
|
+
this.setClientStyling = () => {
|
|
88
|
+
let sheet = document.createElement('style');
|
|
89
|
+
sheet.innerHTML = this.clientStyling;
|
|
90
|
+
this.stylingContainer.prepend(sheet);
|
|
91
|
+
};
|
|
92
|
+
this.setClientStylingURL = () => {
|
|
93
|
+
let cssFile = document.createElement('style');
|
|
94
|
+
setTimeout(() => {
|
|
95
|
+
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
96
|
+
this.stylingContainer.prepend(cssFile);
|
|
97
|
+
}, 1);
|
|
98
|
+
};
|
|
63
99
|
}
|
|
64
100
|
// @TODO fix the `any` type :)
|
|
65
101
|
connectedCallback() {
|
|
@@ -90,17 +126,85 @@ const HelperAccordion = class {
|
|
|
90
126
|
return (index.h("div", { key: 'ad26faefd6e3dd089171c7e2bff13faa5a26d972', class: "Wrapper", ref: el => this.stylingContainer = el }, index.h("div", { key: 'bb7045653ec12a2526029589744f7ef014ec6a6a', class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, index.h("p", { key: 'ae30943582063e368e942124d8d5acadc1732629', class: "Title" }, this.headerTitle), index.h("p", { key: '7c35076cb768de784177988900c61fe40a71594c', class: "Subtitle" }, this.headerSubtitle), index.h("p", { key: 'daff2b456a427f45b00efc32ba33a68cdc2228f0', class: "Subtitle Description" }, this.description), index.h("span", { key: '0c4f942642da6e8b1ac3d2aeac46034963965d8f', class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
|
|
91
127
|
index.h("div", { key: 'c688ab7cc629a3974b905a2fdc43063e996a3b90' }, index.h("div", { key: 'aaa3ad7d9f1503b8e1baaa2c756376a580ffe261', class: "Content" }, index.h("slot", { key: '8c5c8ff70857da9414c7284b052a3fbc5f503f4a', name: 'accordionContent' }), this.footer && this.showContent &&
|
|
92
128
|
index.h("div", { key: '917191f55a45647d708a5e3ff5e188c7e565a0c0' }, this.deleteTab &&
|
|
93
|
-
index.h("span", { key: 'e7fdd5b4f18cacaceda206b36ce9576cc3fc1472', class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
|
|
129
|
+
index.h("span", { key: 'e7fdd5b4f18cacaceda206b36ce9576cc3fc1472', class: "ActionButton", onClick: () => this.deleteAction() }, translate$1('deleteTicket', this.language)))))));
|
|
94
130
|
}
|
|
95
131
|
};
|
|
96
132
|
HelperAccordion.style = HelperAccordionStyle0;
|
|
97
133
|
|
|
98
|
-
const
|
|
134
|
+
const DEFAULT_LANGUAGE = 'en';
|
|
135
|
+
const SUPPORTED_LANGUAGES = ['en'];
|
|
136
|
+
const TRANSLATIONS = {
|
|
137
|
+
en: {
|
|
138
|
+
numbersFrom: 'Each play includes one set of numbers from',
|
|
139
|
+
to: 'to',
|
|
140
|
+
selectableNumber: 'with a selectable number of',
|
|
141
|
+
minimumSelection: 'and a minimum selection of',
|
|
142
|
+
winnings: 'The winnings are automatically credited to your account.',
|
|
143
|
+
register: 'Register or Login',
|
|
144
|
+
butTickets: 'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',
|
|
145
|
+
reviewPurchase: "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!",
|
|
146
|
+
odds: 'What are my odds of winning?',
|
|
147
|
+
winGame: 'How can I find out if I’ve won a draw game?',
|
|
148
|
+
claimPrize: 'How do I claim my prize?'
|
|
149
|
+
},
|
|
150
|
+
ro: {
|
|
151
|
+
numbersFrom: 'Each play includes one set of numbers from',
|
|
152
|
+
to: 'to',
|
|
153
|
+
selectableNumber: 'with a selectable number of',
|
|
154
|
+
minimumSelection: 'and a minimum selection of',
|
|
155
|
+
winnings: 'The winnings are automatically credited to your account.'
|
|
156
|
+
},
|
|
157
|
+
fr: {
|
|
158
|
+
numbersFrom: 'Each play includes one set of numbers from',
|
|
159
|
+
to: 'to',
|
|
160
|
+
selectableNumber: 'with a selectable number of',
|
|
161
|
+
minimumSelection: 'and a minimum selection of',
|
|
162
|
+
winnings: 'The winnings are automatically credited to your account.'
|
|
163
|
+
},
|
|
164
|
+
ar: {
|
|
165
|
+
numbersFrom: 'Each play includes one set of numbers from',
|
|
166
|
+
to: 'to',
|
|
167
|
+
selectableNumber: 'with a selectable number of',
|
|
168
|
+
minimumSelection: 'and a minimum selection of',
|
|
169
|
+
winnings: 'The winnings are automatically credited to your account.'
|
|
170
|
+
},
|
|
171
|
+
hr: {
|
|
172
|
+
numbersFrom: 'Each play includes one set of numbers from',
|
|
173
|
+
to: 'to',
|
|
174
|
+
selectableNumber: 'with a selectable number of',
|
|
175
|
+
minimumSelection: 'and a minimum selection of',
|
|
176
|
+
winnings: 'The winnings are automatically credited to your account.'
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
const translate = (key, customLang) => {
|
|
180
|
+
const lang = customLang;
|
|
181
|
+
return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--button-text-color, #000);font-weight:normal}";
|
|
99
185
|
const HelperTabStyle0 = helperTabCss;
|
|
100
186
|
|
|
101
187
|
const HelperTab = class {
|
|
102
188
|
constructor(hostRef) {
|
|
103
189
|
index.registerInstance(this, hostRef);
|
|
190
|
+
/**
|
|
191
|
+
* Selected index
|
|
192
|
+
*/
|
|
193
|
+
this.selectedIndex = 0;
|
|
194
|
+
/**
|
|
195
|
+
* Client custom styling via string
|
|
196
|
+
*/
|
|
197
|
+
this.clientStyling = '';
|
|
198
|
+
/**
|
|
199
|
+
* Client custom styling via url content
|
|
200
|
+
*/
|
|
201
|
+
this.clientStylingUrlContent = '';
|
|
202
|
+
/**
|
|
203
|
+
* Language of the widget
|
|
204
|
+
*/
|
|
205
|
+
this.language = 'en';
|
|
206
|
+
this.tabContent = '';
|
|
207
|
+
this.limitStylingAppends = false;
|
|
104
208
|
this.setClientStyling = () => {
|
|
105
209
|
let sheet = document.createElement('style');
|
|
106
210
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -113,17 +217,6 @@ const HelperTab = class {
|
|
|
113
217
|
this.stylingContainer.prepend(cssFile);
|
|
114
218
|
}, 1);
|
|
115
219
|
};
|
|
116
|
-
this.selectedIndex = 0;
|
|
117
|
-
this.cmsEndpoint = undefined;
|
|
118
|
-
this.clientStyling = '';
|
|
119
|
-
this.clientStylingUrlContent = '';
|
|
120
|
-
this.tabContent = '';
|
|
121
|
-
this.limitStylingAppends = false;
|
|
122
|
-
}
|
|
123
|
-
connectedCallback() {
|
|
124
|
-
/**
|
|
125
|
-
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
126
|
-
*/
|
|
127
220
|
}
|
|
128
221
|
componentDidRender() {
|
|
129
222
|
// start custom styling area
|
|
@@ -137,24 +230,53 @@ const HelperTab = class {
|
|
|
137
230
|
// end custom styling area
|
|
138
231
|
}
|
|
139
232
|
render() {
|
|
140
|
-
this.tabContent = index.h("div", { key: '
|
|
233
|
+
this.tabContent = index.h("div", { key: '8c2b3f0f34ccda482fd187218840f9a622698b1f', class: "TabContent", ref: el => this.stylingContainer = el }, translate('numbersFrom', this.language), " ", this.lowNumber, " ", translate('to', this.language), " ", this.highNumber, " ", translate('selectableNumber', this.language), " ", this.maxinumAllowed, " ", translate('minimumSelection', this.language), " ", this.minimumAllowed, ". ", translate('winnings', this.language));
|
|
141
234
|
if (this.selectedIndex + 1 == 2) {
|
|
142
|
-
this.tabContent = index.h("div", { key: '
|
|
235
|
+
this.tabContent = index.h("div", { key: '2950bb6ccdd98761099d12239881ab29da4b2213', class: "TabContent", ref: el => this.stylingContainer = el }, index.h("ol", { key: '0da821f45e855155003809cb4c84eaa8d25f1f2a' }, index.h("li", { key: '15d4f064c62319c6611baa3693f4ef297309c786' }, translate('register', this.language)), index.h("li", { key: '4933c6970d4044aac746abb398f7c255b0484f6a' }, translate('butTickets', this.language)), index.h("li", { key: 'ffe7cef3e53bd281173384756476acd2e0e8f148' }, translate('reviewPurchase', this.language))));
|
|
143
236
|
}
|
|
144
237
|
else if (this.selectedIndex + 1 == 3) {
|
|
145
|
-
this.tabContent = index.h("div", { key: '
|
|
238
|
+
this.tabContent = index.h("div", { key: '296c83d55150c67522cea9cb1fc10f3542c72452', class: "TabContent", ref: el => this.stylingContainer = el }, index.h("ul", { key: '3fc772a007d0f73e0692021a2f700bab5807bb85' }, index.h("li", { key: 'fd6e459a0536261d98e42e37a272f229d152dfb7' }, translate('odds', this.language)), index.h("li", { key: 'ae7e5bceb217c9ceb1303145ae83f05fddd7dde6' }, translate('winGame', this.language)), index.h("li", { key: 'a094c7ea0db72683fb134f010d22f02b61f25a4b' }, translate('claimPrize', this.language))));
|
|
146
239
|
}
|
|
147
240
|
return (this.tabContent);
|
|
148
241
|
}
|
|
149
242
|
};
|
|
150
243
|
HelperTab.style = HelperTabStyle0;
|
|
151
244
|
|
|
152
|
-
const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background
|
|
245
|
+
const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;margin:5px 0 10px;border:1px solid var(--emw--color-typography, #009993);background:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));color:var(--emw--button-text-color, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:var(--emw--color-gray-50, #F1F1F1)}.TabButton.Active{background:var(--emw--color-background, #009993);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}";
|
|
153
246
|
const HelperTabsStyle0 = helperTabsCss;
|
|
154
247
|
|
|
155
248
|
const HelperTabs = class {
|
|
156
249
|
constructor(hostRef) {
|
|
157
250
|
index.registerInstance(this, hostRef);
|
|
251
|
+
/**
|
|
252
|
+
* Tell me if it is disabled
|
|
253
|
+
*/
|
|
254
|
+
this.disabled = false;
|
|
255
|
+
/**
|
|
256
|
+
* Tell me what tab is selected
|
|
257
|
+
*/
|
|
258
|
+
this.selected = false;
|
|
259
|
+
/**
|
|
260
|
+
* Default selected index
|
|
261
|
+
*/
|
|
262
|
+
this.selectedIndex = 0;
|
|
263
|
+
/**
|
|
264
|
+
* Tabs details
|
|
265
|
+
*/
|
|
266
|
+
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
267
|
+
/**
|
|
268
|
+
* Client custom styling via string
|
|
269
|
+
*/
|
|
270
|
+
this.clientStyling = '';
|
|
271
|
+
/**
|
|
272
|
+
* Client custom styling via url
|
|
273
|
+
*/
|
|
274
|
+
this.clientStylingurl = '';
|
|
275
|
+
/**
|
|
276
|
+
* Client custom styling via url content
|
|
277
|
+
*/
|
|
278
|
+
this.clientStylingUrlContent = '';
|
|
279
|
+
this.limitStylingAppends = false;
|
|
158
280
|
this.setClientStyling = () => {
|
|
159
281
|
let sheet = document.createElement('style');
|
|
160
282
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -167,16 +289,6 @@ const HelperTabs = class {
|
|
|
167
289
|
this.stylingContainer.prepend(cssFile);
|
|
168
290
|
}, 1);
|
|
169
291
|
};
|
|
170
|
-
this.disabled = false;
|
|
171
|
-
this.label = undefined;
|
|
172
|
-
this.selected = false;
|
|
173
|
-
this.cmsEndpoint = undefined;
|
|
174
|
-
this.selectedIndex = 0;
|
|
175
|
-
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
176
|
-
this.clientStyling = '';
|
|
177
|
-
this.clientStylingurl = '';
|
|
178
|
-
this.clientStylingUrlContent = '';
|
|
179
|
-
this.limitStylingAppends = false;
|
|
180
292
|
}
|
|
181
293
|
connectedCallback() {
|
|
182
294
|
}
|
|
@@ -192,7 +304,7 @@ const HelperTabs = class {
|
|
|
192
304
|
// end custom styling area
|
|
193
305
|
}
|
|
194
306
|
render() {
|
|
195
|
-
return (index.h("div", { key: '
|
|
307
|
+
return (index.h("div", { key: 'cb91a99a4d5eb99ce625c276894f8b682159c12c', ref: el => this.stylingContainer = el }, index.h("div", { key: 'c57ea36b3e25c605894b7ddf19e5e456f2fa252d', class: "Tabs" }, this.tabs.map((tab, index$1) => index.h("button", { class: 'TabButton' + (this.selectedIndex == index$1 ? ' Active' : ''), onClick: () => this.selectedIndex = index$1 }, tab.label))), index.h("div", { key: '41fa20ee2cc713af685f902fc496a702464398d1' }, index.h("helper-tab", { key: 'fded6e290107cbc06909aee2e2c97e1c1dd76db3', "low-number": this.lowNumber, "high-number": this.highNumber, "minimum-allowed": this.minimumAllowed, "maxinum-allowed": this.maxinumAllowed, selectedIndex: this.selectedIndex, "client-styling": this.clientStyling, "client-stylingurl": this.clientStylingurl, "client-styling-url-content": this.clientStylingUrlContent }))));
|
|
196
308
|
}
|
|
197
309
|
get host() { return index.getElement(this); }
|
|
198
310
|
};
|
|
@@ -204,6 +316,15 @@ const LotteryGameDetailsStyle0 = lotteryGameDetailsCss;
|
|
|
204
316
|
const LotteryGameDetails = class {
|
|
205
317
|
constructor(hostRef) {
|
|
206
318
|
index.registerInstance(this, hostRef);
|
|
319
|
+
/**
|
|
320
|
+
* Client custom styling via string
|
|
321
|
+
*/
|
|
322
|
+
this.clientStyling = '';
|
|
323
|
+
/**
|
|
324
|
+
* Client custom styling via url content
|
|
325
|
+
*/
|
|
326
|
+
this.clientStylingUrlContent = '';
|
|
327
|
+
this.limitStylingAppends = false;
|
|
207
328
|
this.setClientStyling = () => {
|
|
208
329
|
let sheet = document.createElement('style');
|
|
209
330
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -216,9 +337,6 @@ const LotteryGameDetails = class {
|
|
|
216
337
|
this.stylingContainer.prepend(cssFile);
|
|
217
338
|
}, 1);
|
|
218
339
|
};
|
|
219
|
-
this.clientStyling = '';
|
|
220
|
-
this.clientStylingUrlContent = '';
|
|
221
|
-
this.limitStylingAppends = false;
|
|
222
340
|
}
|
|
223
341
|
componentDidRender() {
|
|
224
342
|
// start custom styling area
|
|
@@ -232,7 +350,7 @@ const LotteryGameDetails = class {
|
|
|
232
350
|
// end custom styling area
|
|
233
351
|
}
|
|
234
352
|
render() {
|
|
235
|
-
return (index.h("div", { key: '
|
|
353
|
+
return (index.h("div", { key: '3dafa3d772ae66652005edce8a3fac088f936c68', class: "GamePageDetailsContainer", ref: el => this.stylingContainer = el }, index.h("helper-accordion", { key: '8a3a6c1582a6454c1903e020f2be4a7265141eaf', "header-title": "Game Details", collapsed: false, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, index.h("div", { key: '138ebf383a6ee985ea18d201eb8211d78d2b4316', class: "AccordionContainer", slot: "accordionContent" }, index.h("helper-tabs", { key: '27ca88f3893f6bfb5fd679347d990bf1e4a72815', "low-number": this.lowNumber, "high-number": this.highNumber, "minimum-allowed": this.minimumAllowed, "maxinum-allowed": this.maxinumAllowed, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })))));
|
|
236
354
|
}
|
|
237
355
|
};
|
|
238
356
|
LotteryGameDetails.style = LotteryGameDetailsStyle0;
|