@everymatrix/helper-tabs 1.54.12 → 1.56.0
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-tab_2.cjs.entry.js +123 -52
- package/dist/cjs/helper-tabs.cjs.js +2 -2
- package/dist/cjs/{index-11d06848.js → index-08bd9c7c.js} +38 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/helper-tab/helper-tab.js +63 -32
- package/dist/collection/components/helper-tabs/helper-tabs.js +57 -30
- package/dist/esm/helper-tab_2.entry.js +123 -52
- package/dist/esm/helper-tabs.js +3 -3
- package/dist/esm/{index-a23eff9f.js → index-c5727b52.js} +38 -7
- package/dist/esm/loader.js +3 -3
- package/dist/helper-tabs/helper-tabs.esm.js +1 -1
- package/dist/helper-tabs/p-c6fec16e.entry.js +1 -0
- package/dist/helper-tabs/p-d8d96e22.js +2 -0
- package/dist/types/components/helper-tab/helper-tab.d.ts +10 -5
- package/dist/types/components/helper-tabs/helper-tabs.d.ts +10 -5
- package/dist/types/components.d.ts +20 -4
- package/package.json +1 -1
- package/dist/helper-tabs/p-c9bad8e6.js +0 -2
- package/dist/helper-tabs/p-e7d78538.entry.js +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
2
3
|
export class HelperTabs {
|
|
3
4
|
constructor() {
|
|
4
5
|
/**
|
|
@@ -28,43 +29,46 @@ export class HelperTabs {
|
|
|
28
29
|
/**
|
|
29
30
|
* Client custom styling via url content
|
|
30
31
|
*/
|
|
31
|
-
this.
|
|
32
|
+
this.clientStylingUrl = '';
|
|
32
33
|
/**
|
|
33
34
|
* Language
|
|
34
35
|
*/
|
|
35
36
|
this.language = 'en';
|
|
36
|
-
this.limitStylingAppends = false;
|
|
37
|
-
this.setClientStyling = () => {
|
|
38
|
-
let sheet = document.createElement('style');
|
|
39
|
-
sheet.innerHTML = this.clientStyling;
|
|
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
|
-
};
|
|
49
37
|
}
|
|
50
38
|
connectedCallback() {
|
|
51
39
|
if (this.tabs.length == 0) {
|
|
52
40
|
// fetch CMS data
|
|
53
41
|
}
|
|
54
42
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
43
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
44
|
+
if (newValue != oldValue) {
|
|
45
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
handleClientStylingChangeURL(newValue, oldValue) {
|
|
49
|
+
if (newValue != oldValue) {
|
|
50
|
+
if (this.clientStylingUrl)
|
|
51
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
componentDidLoad() {
|
|
55
|
+
if (this.stylingContainer) {
|
|
56
|
+
if (window.emMessageBus != undefined) {
|
|
57
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
if (this.clientStyling)
|
|
61
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
62
|
+
if (this.clientStylingUrl)
|
|
63
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
61
64
|
}
|
|
62
|
-
this.limitStylingAppends = true;
|
|
63
65
|
}
|
|
64
|
-
|
|
66
|
+
}
|
|
67
|
+
disconnectedCallback() {
|
|
68
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
65
69
|
}
|
|
66
70
|
render() {
|
|
67
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: '173c4774748482dc56fcffb4bac4e1666fa9170f', ref: el => this.stylingContainer = el }, h("div", { key: '680b65218e4b00f134b354f593c0c20fb5882dca', class: "Tabs" }, this.tabs.map((tab, index) => h("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h("div", { key: '67aa26c92fb416c5d0934988fb071481f805685b' }, h("helper-tab", { key: '63c8dfc253d4fc12b0310a2585a44b90807e1a9f', "low-number": this.lowNumber, "high-number": this.highNumber, "minimum-allowed": this.minimumAllowed, "maxinum-allowed": this.maxinumAllowed, selectedIndex: this.selectedIndex, "client-styling": this.clientStyling, language: this.language, "translation-url": this.translationUrl, "client-stylingurl": this.clientStylingurl, "client-styling-url-content": this.clientStylingUrl, "mb-source": this.mbSource }))));
|
|
68
72
|
}
|
|
69
73
|
static get is() { return "helper-tabs"; }
|
|
70
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -225,6 +229,25 @@ export class HelperTabs {
|
|
|
225
229
|
"reflect": true,
|
|
226
230
|
"defaultValue": "''"
|
|
227
231
|
},
|
|
232
|
+
"mbSource": {
|
|
233
|
+
"type": "string",
|
|
234
|
+
"mutable": false,
|
|
235
|
+
"complexType": {
|
|
236
|
+
"original": "string",
|
|
237
|
+
"resolved": "string",
|
|
238
|
+
"references": {}
|
|
239
|
+
},
|
|
240
|
+
"required": false,
|
|
241
|
+
"optional": false,
|
|
242
|
+
"docs": {
|
|
243
|
+
"tags": [],
|
|
244
|
+
"text": "Client custom styling via streamStyling"
|
|
245
|
+
},
|
|
246
|
+
"getter": false,
|
|
247
|
+
"setter": false,
|
|
248
|
+
"attribute": "mb-source",
|
|
249
|
+
"reflect": false
|
|
250
|
+
},
|
|
228
251
|
"clientStylingurl": {
|
|
229
252
|
"type": "string",
|
|
230
253
|
"mutable": false,
|
|
@@ -245,7 +268,7 @@ export class HelperTabs {
|
|
|
245
268
|
"reflect": true,
|
|
246
269
|
"defaultValue": "''"
|
|
247
270
|
},
|
|
248
|
-
"
|
|
271
|
+
"clientStylingUrl": {
|
|
249
272
|
"type": "string",
|
|
250
273
|
"mutable": false,
|
|
251
274
|
"complexType": {
|
|
@@ -261,7 +284,7 @@ export class HelperTabs {
|
|
|
261
284
|
},
|
|
262
285
|
"getter": false,
|
|
263
286
|
"setter": false,
|
|
264
|
-
"attribute": "client-styling-url
|
|
287
|
+
"attribute": "client-styling-url",
|
|
265
288
|
"reflect": true,
|
|
266
289
|
"defaultValue": "''"
|
|
267
290
|
},
|
|
@@ -382,10 +405,14 @@ export class HelperTabs {
|
|
|
382
405
|
}
|
|
383
406
|
};
|
|
384
407
|
}
|
|
385
|
-
static get states() {
|
|
386
|
-
return {
|
|
387
|
-
"limitStylingAppends": {}
|
|
388
|
-
};
|
|
389
|
-
}
|
|
390
408
|
static get elementRef() { return "host"; }
|
|
409
|
+
static get watchers() {
|
|
410
|
+
return [{
|
|
411
|
+
"propName": "clientStyling",
|
|
412
|
+
"methodName": "handleClientStylingChange"
|
|
413
|
+
}, {
|
|
414
|
+
"propName": "clientStylingUrl",
|
|
415
|
+
"methodName": "handleClientStylingChangeURL"
|
|
416
|
+
}];
|
|
417
|
+
}
|
|
391
418
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-c5727b52.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES = ['en'];
|
|
@@ -72,6 +72,63 @@ const getTranslations = (data) => {
|
|
|
72
72
|
});
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
+
/**
|
|
76
|
+
* @name setClientStyling
|
|
77
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
78
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
79
|
+
* @param {string} clientStyling The style content
|
|
80
|
+
*/
|
|
81
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
82
|
+
if (stylingContainer) {
|
|
83
|
+
const sheet = document.createElement('style');
|
|
84
|
+
sheet.innerHTML = clientStyling;
|
|
85
|
+
stylingContainer.appendChild(sheet);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* @name setClientStylingURL
|
|
91
|
+
* @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
|
|
92
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
93
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
94
|
+
*/
|
|
95
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
96
|
+
const url = new URL(clientStylingUrl);
|
|
97
|
+
|
|
98
|
+
fetch(url.href)
|
|
99
|
+
.then((res) => res.text())
|
|
100
|
+
.then((data) => {
|
|
101
|
+
const cssFile = document.createElement('style');
|
|
102
|
+
cssFile.innerHTML = data;
|
|
103
|
+
if (stylingContainer) {
|
|
104
|
+
stylingContainer.appendChild(cssFile);
|
|
105
|
+
}
|
|
106
|
+
})
|
|
107
|
+
.catch((err) => {
|
|
108
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* @name setStreamLibrary
|
|
114
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
115
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
116
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
117
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
118
|
+
*/
|
|
119
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
120
|
+
if (window.emMessageBus) {
|
|
121
|
+
const sheet = document.createElement('style');
|
|
122
|
+
|
|
123
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
124
|
+
sheet.innerHTML = data;
|
|
125
|
+
if (stylingContainer) {
|
|
126
|
+
stylingContainer.appendChild(sheet);
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
75
132
|
const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:var(--emw--button-text-color, #000);font-weight:normal}";
|
|
76
133
|
const HelperTabStyle0 = helperTabCss;
|
|
77
134
|
|
|
@@ -89,42 +146,45 @@ const HelperTab = class {
|
|
|
89
146
|
/**
|
|
90
147
|
* Client custom styling via url content
|
|
91
148
|
*/
|
|
92
|
-
this.
|
|
149
|
+
this.clientStylingUrl = '';
|
|
93
150
|
/**
|
|
94
151
|
* Language of the widget
|
|
95
152
|
*/
|
|
96
153
|
this.language = 'en';
|
|
97
154
|
this.tabContent = '';
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
155
|
+
}
|
|
156
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
157
|
+
if (newValue != oldValue) {
|
|
158
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
handleClientStylingChangeURL(newValue, oldValue) {
|
|
162
|
+
if (newValue != oldValue) {
|
|
163
|
+
if (this.clientStylingUrl)
|
|
164
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
componentDidLoad() {
|
|
168
|
+
if (this.stylingContainer) {
|
|
169
|
+
if (window.emMessageBus != undefined) {
|
|
170
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
171
|
+
}
|
|
172
|
+
else {
|
|
173
|
+
if (this.clientStyling)
|
|
174
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
175
|
+
if (this.clientStylingUrl)
|
|
176
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
disconnectedCallback() {
|
|
181
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
111
182
|
}
|
|
112
183
|
componentWillLoad() {
|
|
113
184
|
if (this.translationUrl) {
|
|
114
185
|
getTranslations(JSON.parse(this.translationUrl));
|
|
115
186
|
}
|
|
116
187
|
}
|
|
117
|
-
componentDidRender() {
|
|
118
|
-
// start custom styling area
|
|
119
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
120
|
-
if (this.clientStyling)
|
|
121
|
-
this.setClientStyling();
|
|
122
|
-
if (this.clientStylingUrlContent)
|
|
123
|
-
this.setClientStylingURL();
|
|
124
|
-
this.limitStylingAppends = true;
|
|
125
|
-
}
|
|
126
|
-
// end custom styling area
|
|
127
|
-
}
|
|
128
188
|
getHowToPlay() {
|
|
129
189
|
if (this.lowNumber && this.highNumber && this.maxinumAllowed && this.minimumAllowed) {
|
|
130
190
|
return translateWithParams('howToPlay', {
|
|
@@ -138,15 +198,19 @@ const HelperTab = class {
|
|
|
138
198
|
return '';
|
|
139
199
|
}
|
|
140
200
|
render() {
|
|
141
|
-
this.tabContent = h("div", { key: '
|
|
201
|
+
this.tabContent = h("div", { key: '92877a17361066f68fce6299cb8f65901f6abc60', class: "TabContent", ref: el => this.stylingContainer = el }, this.getHowToPlay());
|
|
142
202
|
if (this.selectedIndex + 1 == 2) {
|
|
143
|
-
this.tabContent = h("div", { key: '
|
|
203
|
+
this.tabContent = h("div", { key: '9876b9250371034ef40dab0f5fc3fe1a5631a370', class: "TabContent", ref: el => this.stylingContainer = el }, h("ol", { key: 'ef2097eb54aeb640f06871277d8cafd2f4455109' }, h("li", { key: 'e9a0237e1fdead445abcd9240174276ffef81a67' }, translate('register', this.language)), h("li", { key: '2bdfaffdc9f1a7ae021913cb0ba346132140dcfd' }, translate('butTickets', this.language)), h("li", { key: 'bff38eaeabeaece83dc8ed1697e5b052802753f6' }, translate('reviewPurchase', this.language))));
|
|
144
204
|
}
|
|
145
205
|
else if (this.selectedIndex + 1 == 3) {
|
|
146
|
-
this.tabContent = h("div", { key: '
|
|
206
|
+
this.tabContent = h("div", { key: '49a7fb3435fb50b54572ec38d1e632e2eacf56fb', class: "TabContent", ref: el => this.stylingContainer = el }, h("ul", { key: '7f642625f35a1ed1eae7655144c0b8b1bfe25f55' }, h("li", { key: '037a5913be57dd1e2dcde5a061e9c64e70365e8d' }, translate('odds', this.language)), h("li", { key: '8775a1b2e8eda285e2c248b8d7235f06ac593fc6' }, translate('winGame', this.language)), h("li", { key: '5297fc5e757c29a1349049f1fe294e926255d518' }, translate('claimPrize', this.language))));
|
|
147
207
|
}
|
|
148
208
|
return (this.tabContent);
|
|
149
209
|
}
|
|
210
|
+
static get watchers() { return {
|
|
211
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
212
|
+
"clientStylingUrl": ["handleClientStylingChangeURL"]
|
|
213
|
+
}; }
|
|
150
214
|
};
|
|
151
215
|
HelperTab.style = HelperTabStyle0;
|
|
152
216
|
|
|
@@ -183,42 +247,49 @@ const HelperTabs = class {
|
|
|
183
247
|
/**
|
|
184
248
|
* Client custom styling via url content
|
|
185
249
|
*/
|
|
186
|
-
this.
|
|
250
|
+
this.clientStylingUrl = '';
|
|
187
251
|
/**
|
|
188
252
|
* Language
|
|
189
253
|
*/
|
|
190
254
|
this.language = 'en';
|
|
191
|
-
this.limitStylingAppends = false;
|
|
192
|
-
this.setClientStyling = () => {
|
|
193
|
-
let sheet = document.createElement('style');
|
|
194
|
-
sheet.innerHTML = this.clientStyling;
|
|
195
|
-
this.stylingContainer.prepend(sheet);
|
|
196
|
-
};
|
|
197
|
-
this.setClientStylingURL = () => {
|
|
198
|
-
let cssFile = document.createElement('style');
|
|
199
|
-
setTimeout(() => {
|
|
200
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
201
|
-
this.stylingContainer.prepend(cssFile);
|
|
202
|
-
}, 1);
|
|
203
|
-
};
|
|
204
255
|
}
|
|
205
256
|
connectedCallback() {
|
|
206
257
|
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
258
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
259
|
+
if (newValue != oldValue) {
|
|
260
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
handleClientStylingChangeURL(newValue, oldValue) {
|
|
264
|
+
if (newValue != oldValue) {
|
|
265
|
+
if (this.clientStylingUrl)
|
|
266
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
componentDidLoad() {
|
|
270
|
+
if (this.stylingContainer) {
|
|
271
|
+
if (window.emMessageBus != undefined) {
|
|
272
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
273
|
+
}
|
|
274
|
+
else {
|
|
275
|
+
if (this.clientStyling)
|
|
276
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
277
|
+
if (this.clientStylingUrl)
|
|
278
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
213
279
|
}
|
|
214
|
-
this.limitStylingAppends = true;
|
|
215
280
|
}
|
|
216
|
-
|
|
281
|
+
}
|
|
282
|
+
disconnectedCallback() {
|
|
283
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
217
284
|
}
|
|
218
285
|
render() {
|
|
219
|
-
return (h("div", { key: '
|
|
286
|
+
return (h("div", { key: '173c4774748482dc56fcffb4bac4e1666fa9170f', ref: el => this.stylingContainer = el }, h("div", { key: '680b65218e4b00f134b354f593c0c20fb5882dca', class: "Tabs" }, this.tabs.map((tab, index) => h("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h("div", { key: '67aa26c92fb416c5d0934988fb071481f805685b' }, h("helper-tab", { key: '63c8dfc253d4fc12b0310a2585a44b90807e1a9f', "low-number": this.lowNumber, "high-number": this.highNumber, "minimum-allowed": this.minimumAllowed, "maxinum-allowed": this.maxinumAllowed, selectedIndex: this.selectedIndex, "client-styling": this.clientStyling, language: this.language, "translation-url": this.translationUrl, "client-stylingurl": this.clientStylingurl, "client-styling-url-content": this.clientStylingUrl, "mb-source": this.mbSource }))));
|
|
220
287
|
}
|
|
221
288
|
get host() { return getElement(this); }
|
|
289
|
+
static get watchers() { return {
|
|
290
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
291
|
+
"clientStylingUrl": ["handleClientStylingChangeURL"]
|
|
292
|
+
}; }
|
|
222
293
|
};
|
|
223
294
|
HelperTabs.style = HelperTabsStyle0;
|
|
224
295
|
|
package/dist/esm/helper-tabs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-c5727b52.js';
|
|
2
|
+
export { s as setNonce } from './index-c5727b52.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["helper-tab_2",[[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"clientStylingurl":[513,"client-stylingurl"],"
|
|
19
|
+
return bootstrapLazy([["helper-tab_2",[[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingurl":[513,"client-stylingurl"],"clientStylingUrl":[513,"client-styling-url"],"lowNumber":[514,"low-number"],"highNumber":[514,"high-number"],"minimumAllowed":[514,"minimum-allowed"],"maxinumAllowed":[514,"maxinum-allowed"],"language":[513],"translationUrl":[520,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[1,"helper-tab",{"selectedIndex":[514,"selected-index"],"cmsEndpoint":[513,"cms-endpoint"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"lowNumber":[514,"low-number"],"highNumber":[514,"high-number"],"minimumAllowed":[514,"minimum-allowed"],"maxinumAllowed":[514,"maxinum-allowed"],"language":[513],"translationUrl":[520,"translation-url"],"tabContent":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'helper-tabs';
|
|
2
|
-
const BUILD = /* helper-tabs */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* helper-tabs */ { 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: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, 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, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, 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: false, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -834,14 +834,14 @@ var postUpdateComponent = (hostRef) => {
|
|
|
834
834
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
835
835
|
const instance = hostRef.$lazyInstance$ ;
|
|
836
836
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
837
|
-
{
|
|
838
|
-
safeCall(instance, "componentDidRender", void 0, elm);
|
|
839
|
-
}
|
|
840
837
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
841
838
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
842
839
|
{
|
|
843
840
|
addHydratedFlag(elm);
|
|
844
841
|
}
|
|
842
|
+
{
|
|
843
|
+
safeCall(instance, "componentDidLoad", void 0, elm);
|
|
844
|
+
}
|
|
845
845
|
endPostUpdate();
|
|
846
846
|
{
|
|
847
847
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -890,6 +890,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
890
890
|
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
|
|
891
891
|
);
|
|
892
892
|
}
|
|
893
|
+
const elm = hostRef.$hostElement$ ;
|
|
893
894
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
894
895
|
const flags = hostRef.$flags$;
|
|
895
896
|
const instance = hostRef.$lazyInstance$ ;
|
|
@@ -899,6 +900,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
899
900
|
if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
|
|
900
901
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
901
902
|
if (instance) {
|
|
903
|
+
if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
|
|
904
|
+
const watchMethods = cmpMeta.$watchers$[propName];
|
|
905
|
+
if (watchMethods) {
|
|
906
|
+
watchMethods.map((watchMethodName) => {
|
|
907
|
+
try {
|
|
908
|
+
instance[watchMethodName](newVal, oldVal, propName);
|
|
909
|
+
} catch (e) {
|
|
910
|
+
consoleError(e, elm);
|
|
911
|
+
}
|
|
912
|
+
});
|
|
913
|
+
}
|
|
914
|
+
}
|
|
902
915
|
if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
903
916
|
scheduleUpdate(hostRef, false);
|
|
904
917
|
}
|
|
@@ -910,7 +923,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
910
923
|
var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
911
924
|
var _a, _b;
|
|
912
925
|
const prototype = Cstr.prototype;
|
|
913
|
-
if (cmpMeta.$members$ ||
|
|
926
|
+
if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
|
|
927
|
+
if (Cstr.watchers && !cmpMeta.$watchers$) {
|
|
928
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
929
|
+
}
|
|
914
930
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
915
931
|
members.map(([memberName, [memberFlags]]) => {
|
|
916
932
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
@@ -1050,6 +1066,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1050
1066
|
throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
|
|
1051
1067
|
}
|
|
1052
1068
|
if (!Cstr.isProxied) {
|
|
1069
|
+
{
|
|
1070
|
+
cmpMeta.$watchers$ = Cstr.watchers;
|
|
1071
|
+
}
|
|
1053
1072
|
proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
|
|
1054
1073
|
Cstr.isProxied = true;
|
|
1055
1074
|
}
|
|
@@ -1065,6 +1084,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1065
1084
|
{
|
|
1066
1085
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
1067
1086
|
}
|
|
1087
|
+
{
|
|
1088
|
+
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1089
|
+
}
|
|
1068
1090
|
endNewInstance();
|
|
1069
1091
|
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
1070
1092
|
} else {
|
|
@@ -1139,12 +1161,17 @@ var connectedCallback = (elm) => {
|
|
|
1139
1161
|
}
|
|
1140
1162
|
};
|
|
1141
1163
|
var disconnectInstance = (instance, elm) => {
|
|
1164
|
+
{
|
|
1165
|
+
safeCall(instance, "disconnectedCallback", void 0, elm || instance);
|
|
1166
|
+
}
|
|
1142
1167
|
};
|
|
1143
1168
|
var disconnectedCallback = async (elm) => {
|
|
1144
1169
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1145
1170
|
const hostRef = getHostRef(elm);
|
|
1146
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1147
|
-
hostRef.$
|
|
1171
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1172
|
+
disconnectInstance(hostRef.$lazyInstance$, elm);
|
|
1173
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1174
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
|
|
1148
1175
|
}
|
|
1149
1176
|
}
|
|
1150
1177
|
if (rootAppliedStyles.has(elm)) {
|
|
@@ -1173,6 +1200,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1173
1200
|
let hasSlotRelocation = false;
|
|
1174
1201
|
lazyBundles.map((lazyBundle) => {
|
|
1175
1202
|
lazyBundle[1].map((compactMeta) => {
|
|
1203
|
+
var _a2;
|
|
1176
1204
|
const cmpMeta = {
|
|
1177
1205
|
$flags$: compactMeta[0],
|
|
1178
1206
|
$tagName$: compactMeta[1],
|
|
@@ -1188,6 +1216,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1188
1216
|
{
|
|
1189
1217
|
cmpMeta.$attrsToReflect$ = [];
|
|
1190
1218
|
}
|
|
1219
|
+
{
|
|
1220
|
+
cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
|
|
1221
|
+
}
|
|
1191
1222
|
const tagName = cmpMeta.$tagName$;
|
|
1192
1223
|
const HostElement = class extends HTMLElement {
|
|
1193
1224
|
// StencilLazyHost
|
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-c5727b52.js';
|
|
2
|
+
export { s as setNonce } from './index-c5727b52.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-tab_2",[[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"clientStylingurl":[513,"client-stylingurl"],"
|
|
8
|
+
return bootstrapLazy([["helper-tab_2",[[1,"helper-tabs",{"disabled":[516],"label":[513],"selected":[516],"cmsEndpoint":[513,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16],"clientStyling":[513,"client-styling"],"mbSource":[1,"mb-source"],"clientStylingurl":[513,"client-stylingurl"],"clientStylingUrl":[513,"client-styling-url"],"lowNumber":[514,"low-number"],"highNumber":[514,"high-number"],"minimumAllowed":[514,"minimum-allowed"],"maxinumAllowed":[514,"maxinum-allowed"],"language":[513],"translationUrl":[520,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}],[1,"helper-tab",{"selectedIndex":[514,"selected-index"],"cmsEndpoint":[513,"cms-endpoint"],"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"lowNumber":[514,"low-number"],"highNumber":[514,"high-number"],"minimumAllowed":[514,"minimum-allowed"],"maxinumAllowed":[514,"maxinum-allowed"],"language":[513],"translationUrl":[520,"translation-url"],"tabContent":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as l,b as e}from"./p-d8d96e22.js";export{s as setNonce}from"./p-d8d96e22.js";import{g as n}from"./p-e1255160.js";(()=>{const e=import.meta.url,n={};return""!==e&&(n.resourcesUrl=new URL(".",e).href),l(n)})().then((async l=>(await n(),e([["p-c6fec16e",[[1,"helper-tabs",{disabled:[516],label:[513],selected:[516],cmsEndpoint:[513,"cms-endpoint"],selectedIndex:[1538,"selected-index"],tabs:[16],clientStyling:[513,"client-styling"],mbSource:[1,"mb-source"],clientStylingurl:[513,"client-stylingurl"],clientStylingUrl:[513,"client-styling-url"],lowNumber:[514,"low-number"],highNumber:[514,"high-number"],minimumAllowed:[514,"minimum-allowed"],maxinumAllowed:[514,"maxinum-allowed"],language:[513],translationUrl:[520,"translation-url"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[1,"helper-tab",{selectedIndex:[514,"selected-index"],cmsEndpoint:[513,"cms-endpoint"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],lowNumber:[514,"low-number"],highNumber:[514,"high-number"],minimumAllowed:[514,"minimum-allowed"],maxinumAllowed:[514,"maxinum-allowed"],language:[513],translationUrl:[520,"translation-url"],tabContent:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],l))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,g as i}from"./p-d8d96e22.js";const o="en",a=["en"],n={en:{howToPlay:"Each play includes one set of numbers from ${lowNumber} to ${highNumber} with a selectable number of ${maxinumAllowed} and a minimum selection of ${minimumAllowed}. The winnings are automatically credited to your account.",register:"Register or Login",butTickets:'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',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!",odds:"What are my odds of winning?",winGame:"How can I find out if I’ve won a draw game?",claimPrize:"How do I claim my prize?"},ro:{howToPlay:"Each play includes one set of numbers from ${lowNumber} to ${highNumber} with a selectable number of ${maxinumAllowed} and a minimum selection of ${minimumAllowed}. The winnings are automatically credited to your account.",register:"Register or Login",butTickets:'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',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!",odds:"What are my odds of winning?",winGame:"How can I find out if I’ve won a draw game?",claimPrize:"How do I claim my prize?"},fr:{howToPlay:"Each play includes one set of numbers from ${lowNumber} to ${highNumber} with a selectable number of ${maxinumAllowed} and a minimum selection of ${minimumAllowed}. The winnings are automatically credited to your account.",register:"Register or Login",butTickets:'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',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!",odds:"What are my odds of winning?",winGame:"How can I find out if I’ve won a draw game?",claimPrize:"How do I claim my prize?"},ar:{howToPlay:"Each play includes one set of numbers from ${lowNumber} to ${highNumber} with a selectable number of ${maxinumAllowed} and a minimum selection of ${minimumAllowed}. The winnings are automatically credited to your account.",register:"Register or Login",butTickets:'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',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!",odds:"What are my odds of winning?",winGame:"How can I find out if I’ve won a draw game?",claimPrize:"How do I claim my prize?"},hr:{howToPlay:"Each play includes one set of numbers from ${lowNumber} to ${highNumber} with a selectable number of ${maxinumAllowed} and a minimum selection of ${minimumAllowed}. The winnings are automatically credited to your account.",register:"Register or Login",butTickets:'Buy tickets. Select "Buy Tickets" to pick your numbers. Want us to automatically generate random numbers for you? Choose “quick pick”.',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!",odds:"What are my odds of winning?",winGame:"How can I find out if I’ve won a draw game?",claimPrize:"How do I claim my prize?"}},s=(e,t)=>{const i=t;return n[void 0!==i&&a.includes(i)?i:o][e]};function r(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function c(e,t){const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function l(e,t){if(window.emMessageBus){const i=document.createElement("style");window.emMessageBus.subscribe(t,(t=>{i.innerHTML=t,e&&e.appendChild(i)}))}}const u=class{constructor(t){e(this,t),this.selectedIndex=0,this.clientStyling="",this.clientStylingUrl="",this.language="en",this.tabContent=""}handleClientStylingChange(e,t){e!=t&&r(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl)}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?l(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){var e;this.translationUrl&&(e=JSON.parse(this.translationUrl),Object.keys(e).forEach((t=>{for(let i in e[t])n[t][i]=e[t][i]})))}getHowToPlay(){return this.lowNumber&&this.highNumber&&this.maxinumAllowed&&this.minimumAllowed?((e,t)=>{const i=t.lang;let s=n[void 0!==i&&a.includes(i)?i:o][e];return t?(Object.keys(t).forEach((e=>{s=s.replace(new RegExp("\\${"+e+"}","gm"),t[e])})),s):n[void 0!==i&&a.includes(i)?i:o][e]})("howToPlay",{lowNumber:this.lowNumber,highNumber:this.highNumber,maxinumAllowed:this.maxinumAllowed,minimumAllowed:this.minimumAllowed,lang:this.language}):""}render(){return this.tabContent=t("div",{key:"92877a17361066f68fce6299cb8f65901f6abc60",class:"TabContent",ref:e=>this.stylingContainer=e},this.getHowToPlay()),this.selectedIndex+1==2?this.tabContent=t("div",{key:"9876b9250371034ef40dab0f5fc3fe1a5631a370",class:"TabContent",ref:e=>this.stylingContainer=e},t("ol",{key:"ef2097eb54aeb640f06871277d8cafd2f4455109"},t("li",{key:"e9a0237e1fdead445abcd9240174276ffef81a67"},s("register",this.language)),t("li",{key:"2bdfaffdc9f1a7ae021913cb0ba346132140dcfd"},s("butTickets",this.language)),t("li",{key:"bff38eaeabeaece83dc8ed1697e5b052802753f6"},s("reviewPurchase",this.language)))):this.selectedIndex+1==3&&(this.tabContent=t("div",{key:"49a7fb3435fb50b54572ec38d1e632e2eacf56fb",class:"TabContent",ref:e=>this.stylingContainer=e},t("ul",{key:"7f642625f35a1ed1eae7655144c0b8b1bfe25f55"},t("li",{key:"037a5913be57dd1e2dcde5a061e9c64e70365e8d"},s("odds",this.language)),t("li",{key:"8775a1b2e8eda285e2c248b8d7235f06ac593fc6"},s("winGame",this.language)),t("li",{key:"5297fc5e757c29a1349049f1fe294e926255d518"},s("claimPrize",this.language))))),this.tabContent}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};u.style=":host{display:block}.TabContent{font-size:14px;color:var(--emw--button-text-color, #000);font-weight:normal}";const h=class{constructor(t){e(this,t),this.disabled=!1,this.selected=!1,this.selectedIndex=0,this.tabs=[{label:"How to Play"},{label:"About"},{label:"FAQs"}],this.clientStyling="",this.clientStylingurl="",this.clientStylingUrl="",this.language="en"}connectedCallback(){}handleClientStylingChange(e,t){e!=t&&r(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(e,t){e!=t&&this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl)}componentDidLoad(){this.stylingContainer&&(null!=window.emMessageBus?l(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&c(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return t("div",{key:"173c4774748482dc56fcffb4bac4e1666fa9170f",ref:e=>this.stylingContainer=e},t("div",{key:"680b65218e4b00f134b354f593c0c20fb5882dca",class:"Tabs"},this.tabs.map(((e,i)=>t("button",{class:"TabButton"+(this.selectedIndex==i?" Active":""),onClick:()=>this.selectedIndex=i},e.label)))),t("div",{key:"67aa26c92fb416c5d0934988fb071481f805685b"},t("helper-tab",{key:"63c8dfc253d4fc12b0310a2585a44b90807e1a9f","low-number":this.lowNumber,"high-number":this.highNumber,"minimum-allowed":this.minimumAllowed,"maxinum-allowed":this.maxinumAllowed,selectedIndex:this.selectedIndex,"client-styling":this.clientStyling,language:this.language,"translation-url":this.translationUrl,"client-stylingurl":this.clientStylingurl,"client-styling-url-content":this.clientStylingUrl,"mb-source":this.mbSource})))}get host(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};h.style='@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))}';export{u as helper_tab,h as helper_tabs}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>{t.set(n.t=e,n)},o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],v=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?w(b):f.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(m),$(y),(p=m.length>0)&&f.raf(b)},w=e=>h().then(e),S=v(y,!0),g=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>O,map:()=>C,ok:()=>k,unwrap:()=>M,unwrapErr:()=>x});var k=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return O(e.value);throw"should never get here"}var E,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!g(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?A(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},A=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),L={},N=(e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e,R=e=>n(e).$hostElement$,T=new WeakMap,D=e=>"sc-"+e.$,F=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=U(n);let s=U(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=g(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]!==l&&(e[t]=l);else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(W);t=t.replace(V,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},H=/\s/,U=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(H):[]),W="Capture",V=RegExp(W+"$"),q=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||{},s=t.u||{};for(const e of G(Object.keys(o)))e in s||F(l,e,o[e],void 0,n,t.l);for(const e of G(Object.keys(s)))F(l,e,o[e],s[e],n,t.l)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.v=a.createTextNode(l.i);else if(o=l.v=a.createElement(l.m),q(null,l,_),l.h)for(i=0;i<l.h.length;++i)s=z(e,l,i),s&&o.appendChild(s);return o["s-hn"]=E,o},B=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===E&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=z(null,n,o),i&&(l[o].v=i,X(r,i,t)))},I=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;Q(t),e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),K=(e,t,n=!1)=>{const l=t.v=e.v,o=e.h,s=t.h,i=t.i;null===i?(q(e,t,_),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(J(h,m,o))K(h,m,o),h=t[++r],m=l[++c];else if(J(d,y,o))K(d,y,o),d=t[--f],y=l[--p];else if(J(h,y,o))K(h,y,o),X(e,h.v,d.v.nextSibling),h=t[++r],y=l[--p];else if(J(d,m,o))K(d,m,o),X(e,d.v,h.v),d=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=z(t&&t[c],n,u):(K(i,m,o),t[u]=void 0,s=i.v),m=l[++c]):(s=z(t&&t[c],n,c),m=l[++c]),s&&X(h.v.parentNode,s,h.v)}r>f?B(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&I(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),B(l,null,t,s,0,s.length-1)):!n&&null!==o&&I(o,0,o.length-1)):e.i!==i&&(l.data=i)},Q=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Q)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.S=()=>{t["s-p"].splice(n-1,1),l()})))}},Z=(e,t)=>{if(e.l|=16,!(4&e.l))return Y(e,e.j),S((()=>ee(e,t)));e.l|=512},ee=(e,t)=>{const n=e.$hostElement$,l=e.t;if(!l)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return t&&(o=re(l,"componentWillLoad",void 0,n)),te(o,(()=>le(e,l,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,le=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=D(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=T.get(e=e.head||e);if(i||T.set(e,i=new Set),!i.has(l)){{s=document.querySelector(`[sty-id="${l}"]`)||a.createElement("style"),s.innerHTML=o;const i=null!=(n=f.O)?n:j(a);if(null!=i&&s.setAttribute("nonce",i),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&l&&2&l||128&l)&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);oe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},oe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.k,s=e.C||A(null,null),i=(e=>e&&e.m===L)(t)?t:P(null,null,t);if(E=l.tagName,o.M&&(i.u=i.u||{},o.M.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.C=i,i.v=s.v=l.shadowRoot||l,K(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,l=e.j;64&e.l||(e.l|=64,ce(t),re(n,"componentDidLoad",void 0,t),e.P(t),l||ie()),e.S&&(e.S(),e.S=void 0),512&e.l&&w((()=>Z(e,!1))),e.l&=-517},ie=()=>{w((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"helper-tabs"}});return e.dispatchEvent(t),t})(u)))},re=(e,t,n,l)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e,l)}},ce=e=>e.classList.add("hydrated"),ue=(e,t,l,o)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${o.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.A.get(t),u=i.l,a=i.t;if(l=N(l,o.L[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.A.set(t,l),a)){if(o.N&&128&u){const e=o.N[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&u)&&Z(i,!1)}},ae=(e,t,l)=>{var o,s;const i=e.prototype;if(t.L||t.N||e.watchers){e.watchers&&!t.N&&(t.N=e.watchers);const r=Object.entries(null!=(o=t.L)?o:{});if(r.map((([e,[o]])=>{if(31&o||2&l&&32&o){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.L[e][0]|=2048),r&&(t.L[e][0]|=4096),(1&l||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.L[e][0]))return((e,t)=>n(this).A.get(t))(0,e);const l=n(this),o=l?l.t:i;if(!o)return;return o[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&o?this[e]:i.$hostElement$[e];return void 0===n&&i.A.get(e)?s=i.A.get(e):!i.A.get(e)&&n&&i.A.set(e,n),r.call(this,N(s,o)),void ue(this,e,s=32&o?this[e]:i.$hostElement$[e],t)}{if(!(1&l&&4096&t.L[e][0]))return ue(this,e,s,t),void(1&l&&!i.t&&i.R.then((()=>{4096&t.L[e][0]&&i.t[e]!==i.A.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.A.get(e)&&n&&i.A.set(e,n),i.t[e]=N(s,o),ue(this,e,i.t[e],t)};i.t?n():i.R.then((()=>n()))}}})}})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.N)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.N)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.M)||o.push([e,s])),s}))]))}}return e},fe=(e,t)=>{re(e,"connectedCallback",void 0,t)},he=(e,t)=>{re(e,"disconnectedCallback",void 0,t||e)},de=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=u.customElements,y=a.head,v=y.querySelector("meta[charset]"),$=a.createElement("style"),b=[];let w,S=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],$:l[1],L:l[2],T:l[3]};4&c.l&&(g=!0),c.L=l[2],c.M=[],c.N=null!=(o=l[4])?o:{};const u=c.$,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,k:n,A:new Map};l.R=new Promise((e=>l.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),S?b.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.k,o=()=>{};if(1&t.l)(null==t?void 0:t.t)?fe(t.t,e):(null==t?void 0:t.R)&&t.R.then((()=>fe(t.t,e)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.j=n);break}}l.L&&Object.entries(l.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.D){const o=((e,t)=>{const n=e.$.replace(/-/g,"_"),l=e.D;if(!l)return;const o=i.get(l);return o?o[n]:import(`./${l}.entry.js`).then((e=>(i.set(l,e),e[n])),(e=>{s(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(o&&"then"in o){const e=()=>{};l=await o,e()}else l=o;if(!l)throw Error(`Constructor for "${n.$}#${t.F}" was not found`);l.isProxied||(n.N=l.watchers,ae(l,n,2),l.isProxied=!0);const r=()=>{};t.l|=8;try{new l(t)}catch(t){s(t,e)}t.l&=-9,t.l|=128,r(),fe(t.t,e)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=D(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>Z(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async e=>{if(!(1&f.l)){const t=n(e);(null==t?void 0:t.t)?he(t.t,e):(null==t?void 0:t.R)&&t.R.then((()=>he(t.t,e)))}T.has(e)&&T.delete(e),e.shadowRoot&&T.has(e.shadowRoot)&&T.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this),l=b.findIndex((e=>e===this));l>-1&&b.splice(l,1),(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).R}};c.D=e[0],p.includes(u)||m.get(u)||(h.push(u),m.define(u,ae(a,c,1)))}))})),h.length>0&&(g&&($.textContent+=c),$.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(o=f.O)?o:j(a);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,v?v.nextSibling:y.firstChild)}S=!1,b.length?b.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ie,30)))},pe=e=>f.O=e;export{de as b,R as g,P as h,h as p,l as r,pe as s}
|