@everymatrix/helper-tabs 1.44.0 → 1.45.2
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/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/helper-tab_2.cjs.entry.js +90 -115
- package/dist/cjs/helper-tabs.cjs.js +16 -10
- package/dist/cjs/index-e6be4b2d.js +1192 -0
- package/dist/cjs/loader.cjs.js +6 -12
- package/dist/collection/collection-manifest.json +4 -4
- package/dist/collection/components/helper-tab/helper-tab.js +136 -144
- package/dist/collection/components/helper-tabs/helper-tabs.js +229 -241
- package/dist/collection/components/helper-tabs/index.js +1 -0
- package/dist/collection/utils/utils.js +15 -15
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/helper-tab_2.entry.js +90 -115
- package/dist/esm/helper-tabs.js +13 -10
- package/dist/esm/index-53eb88db.js +1165 -0
- package/dist/esm/loader.js +6 -12
- package/dist/helper-tabs/helper-tabs.esm.js +1 -1
- package/dist/helper-tabs/p-7202b7a8.entry.js +1 -0
- package/dist/helper-tabs/p-94c9f3ff.js +2 -0
- package/dist/helper-tabs/p-e1255160.js +1 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +14 -19
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-tabs/.stencil/packages/stencil/helper-tabs/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-tabs/.stencil/packages/stencil/helper-tabs/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/helper-tab/helper-tab.d.ts +24 -24
- package/dist/types/components/helper-tabs/helper-tabs.d.ts +42 -42
- package/dist/types/components/helper-tabs/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +142 -33
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +13 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/loader/package.json +1 -0
- package/package.json +8 -1
- package/dist/cjs/index-c1f39e41.js +0 -1179
- package/dist/components/helper-tab.d.ts +0 -11
- package/dist/components/helper-tab.js +0 -6
- package/dist/components/helper-tab2.js +0 -86
- package/dist/components/helper-tabs.d.ts +0 -11
- package/dist/components/helper-tabs.js +0 -105
- package/dist/components/index.d.ts +0 -26
- package/dist/components/index.js +0 -1
- package/dist/esm/index-77d38aa8.js +0 -1153
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/helper-tabs/p-b489f120.js +0 -1
- package/dist/helper-tabs/p-db41ef75.entry.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/helper-tabs/.stencil/packages/helper-tabs/stencil.config.d.ts +0 -2
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,20 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-e6be4b2d.js');
|
|
6
|
+
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const patchEsm = () => {
|
|
11
|
-
return index.promiseResolve();
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
const defineCustomElements = (win, options) => {
|
|
15
|
-
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
|
-
return patchEsm().then(() => {
|
|
8
|
+
const defineCustomElements = async (win, options) => {
|
|
9
|
+
if (typeof window === 'undefined') return undefined;
|
|
10
|
+
await appGlobals.globalScripts();
|
|
17
11
|
return index.bootstrapLazy([["helper-tab_2.cjs",[[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"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}],[1,"helper-tab",{"selectedIndex":[514,"selected-index"],"cmsEndpoint":[513,"cms-endpoint"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"tabContent":[32],"limitStylingAppends":[32]}]]]], options);
|
|
18
|
-
});
|
|
19
12
|
};
|
|
20
13
|
|
|
14
|
+
exports.setNonce = index.setNonce;
|
|
21
15
|
exports.defineCustomElements = defineCustomElements;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
|
-
"
|
|
4
|
-
"
|
|
3
|
+
"components/helper-tabs/helper-tabs.js",
|
|
4
|
+
"components/helper-tab/helper-tab.js"
|
|
5
5
|
],
|
|
6
6
|
"compiler": {
|
|
7
7
|
"name": "@stencil/core",
|
|
8
|
-
"version": "
|
|
9
|
-
"typescriptVersion": "
|
|
8
|
+
"version": "4.20.0",
|
|
9
|
+
"typescriptVersion": "5.5.3"
|
|
10
10
|
},
|
|
11
11
|
"collections": [],
|
|
12
12
|
"bundles": []
|
|
@@ -1,150 +1,142 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
2
|
export class HelperTab {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
this.setClientStylingURL = () => {
|
|
24
|
-
let cssFile = document.createElement('style');
|
|
25
|
-
setTimeout(() => {
|
|
26
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
27
|
-
this.stylingContainer.prepend(cssFile);
|
|
28
|
-
}, 1);
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
connectedCallback() {
|
|
32
|
-
/**
|
|
33
|
-
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
34
|
-
*/
|
|
35
|
-
}
|
|
36
|
-
componentDidRender() {
|
|
37
|
-
// start custom styling area
|
|
38
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
39
|
-
if (this.clientStyling)
|
|
40
|
-
this.setClientStyling();
|
|
41
|
-
if (this.clientStylingUrlContent)
|
|
42
|
-
this.setClientStylingURL();
|
|
43
|
-
this.limitStylingAppends = true;
|
|
3
|
+
constructor() {
|
|
4
|
+
this.setClientStyling = () => {
|
|
5
|
+
let sheet = document.createElement('style');
|
|
6
|
+
sheet.innerHTML = this.clientStyling;
|
|
7
|
+
this.stylingContainer.prepend(sheet);
|
|
8
|
+
};
|
|
9
|
+
this.setClientStylingURL = () => {
|
|
10
|
+
let cssFile = document.createElement('style');
|
|
11
|
+
setTimeout(() => {
|
|
12
|
+
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
13
|
+
this.stylingContainer.prepend(cssFile);
|
|
14
|
+
}, 1);
|
|
15
|
+
};
|
|
16
|
+
this.selectedIndex = 0;
|
|
17
|
+
this.cmsEndpoint = undefined;
|
|
18
|
+
this.clientStyling = '';
|
|
19
|
+
this.clientStylingUrlContent = '';
|
|
20
|
+
this.tabContent = '';
|
|
21
|
+
this.limitStylingAppends = false;
|
|
44
22
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if (this.selectedIndex + 1 == 2) {
|
|
50
|
-
this.tabContent = h("div", { class: "TabContent", ref: el => this.stylingContainer = el },
|
|
51
|
-
h("ol", null,
|
|
52
|
-
h("li", null, "Register or Login"),
|
|
53
|
-
h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."),
|
|
54
|
-
h("li", null, "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!")));
|
|
23
|
+
connectedCallback() {
|
|
24
|
+
/**
|
|
25
|
+
* fetch(cmsEndpoint + / + / + selectedIndex)
|
|
26
|
+
*/
|
|
55
27
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
28
|
+
componentDidRender() {
|
|
29
|
+
// start custom styling area
|
|
30
|
+
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
31
|
+
if (this.clientStyling)
|
|
32
|
+
this.setClientStyling();
|
|
33
|
+
if (this.clientStylingUrlContent)
|
|
34
|
+
this.setClientStylingURL();
|
|
35
|
+
this.limitStylingAppends = true;
|
|
36
|
+
}
|
|
37
|
+
// end custom styling area
|
|
62
38
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
"
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
39
|
+
render() {
|
|
40
|
+
this.tabContent = h("div", { key: 'd69c61827b4fb6d934c72b0b2d37d72fca307575', class: "TabContent", ref: el => this.stylingContainer = el }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
|
|
41
|
+
if (this.selectedIndex + 1 == 2) {
|
|
42
|
+
this.tabContent = h("div", { key: 'ab912cbb3bc3e88ecf8fe5f8f0e7eb16460100bd', class: "TabContent", ref: el => this.stylingContainer = el }, h("ol", { key: '17bed41dffe7d5578452ee13a47b442d10366ce2' }, h("li", { key: 'cf0da42f07cf92f5cea9c9f504c8836e528a5708' }, "Register or Login"), h("li", { key: '4a0339df365c6b1a37b8a74c5022a56197e870db' }, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), h("li", { key: '3f29a9b17c1059493648247868b83eb71241b8bd' }, "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!")));
|
|
43
|
+
}
|
|
44
|
+
else if (this.selectedIndex + 1 == 3) {
|
|
45
|
+
this.tabContent = h("div", { key: 'ceac54698e0e5c55a049600f02e8f413a76a1c33', class: "TabContent", ref: el => this.stylingContainer = el }, h("ul", { key: '426d89c86a1d44f6d515bc1a7902e43317127939' }, h("li", { key: '457a225564399001dcab48097578174a27231ca7' }, "What are my odds of winning?"), h("li", { key: 'd35220f2aca215eff391cab54d719f18ef906c77' }, "How can I find out if I\u2019ve won a draw game?"), h("li", { key: 'fcd560ee4b6740c319cf0f98a0b98da8fd9e14a4' }, "How do I claim my prize?")));
|
|
46
|
+
}
|
|
47
|
+
return (this.tabContent);
|
|
48
|
+
}
|
|
49
|
+
static get is() { return "helper-tab"; }
|
|
50
|
+
static get encapsulation() { return "shadow"; }
|
|
51
|
+
static get originalStyleUrls() {
|
|
52
|
+
return {
|
|
53
|
+
"$": ["helper-tab.scss"]
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
static get styleUrls() {
|
|
57
|
+
return {
|
|
58
|
+
"$": ["helper-tab.css"]
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
static get properties() {
|
|
62
|
+
return {
|
|
63
|
+
"selectedIndex": {
|
|
64
|
+
"type": "number",
|
|
65
|
+
"mutable": false,
|
|
66
|
+
"complexType": {
|
|
67
|
+
"original": "number",
|
|
68
|
+
"resolved": "number",
|
|
69
|
+
"references": {}
|
|
70
|
+
},
|
|
71
|
+
"required": false,
|
|
72
|
+
"optional": false,
|
|
73
|
+
"docs": {
|
|
74
|
+
"tags": [],
|
|
75
|
+
"text": "Selected index"
|
|
76
|
+
},
|
|
77
|
+
"attribute": "selected-index",
|
|
78
|
+
"reflect": true,
|
|
79
|
+
"defaultValue": "0"
|
|
80
|
+
},
|
|
81
|
+
"cmsEndpoint": {
|
|
82
|
+
"type": "string",
|
|
83
|
+
"mutable": false,
|
|
84
|
+
"complexType": {
|
|
85
|
+
"original": "string",
|
|
86
|
+
"resolved": "string",
|
|
87
|
+
"references": {}
|
|
88
|
+
},
|
|
89
|
+
"required": false,
|
|
90
|
+
"optional": false,
|
|
91
|
+
"docs": {
|
|
92
|
+
"tags": [],
|
|
93
|
+
"text": "Endpoing for CMS"
|
|
94
|
+
},
|
|
95
|
+
"attribute": "cms-endpoint",
|
|
96
|
+
"reflect": true
|
|
97
|
+
},
|
|
98
|
+
"clientStyling": {
|
|
99
|
+
"type": "string",
|
|
100
|
+
"mutable": false,
|
|
101
|
+
"complexType": {
|
|
102
|
+
"original": "string",
|
|
103
|
+
"resolved": "string",
|
|
104
|
+
"references": {}
|
|
105
|
+
},
|
|
106
|
+
"required": false,
|
|
107
|
+
"optional": false,
|
|
108
|
+
"docs": {
|
|
109
|
+
"tags": [],
|
|
110
|
+
"text": "Client custom styling via string"
|
|
111
|
+
},
|
|
112
|
+
"attribute": "client-styling",
|
|
113
|
+
"reflect": true,
|
|
114
|
+
"defaultValue": "''"
|
|
115
|
+
},
|
|
116
|
+
"clientStylingUrlContent": {
|
|
117
|
+
"type": "string",
|
|
118
|
+
"mutable": false,
|
|
119
|
+
"complexType": {
|
|
120
|
+
"original": "string",
|
|
121
|
+
"resolved": "string",
|
|
122
|
+
"references": {}
|
|
123
|
+
},
|
|
124
|
+
"required": false,
|
|
125
|
+
"optional": false,
|
|
126
|
+
"docs": {
|
|
127
|
+
"tags": [],
|
|
128
|
+
"text": "Client custom styling via url content"
|
|
129
|
+
},
|
|
130
|
+
"attribute": "client-styling-url-content",
|
|
131
|
+
"reflect": true,
|
|
132
|
+
"defaultValue": "''"
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
static get states() {
|
|
137
|
+
return {
|
|
138
|
+
"tabContent": {},
|
|
139
|
+
"limitStylingAppends": {}
|
|
140
|
+
};
|
|
144
141
|
}
|
|
145
|
-
}; }
|
|
146
|
-
static get states() { return {
|
|
147
|
-
"tabContent": {},
|
|
148
|
-
"limitStylingAppends": {}
|
|
149
|
-
}; }
|
|
150
142
|
}
|