@everymatrix/helper-tabs 1.53.0 → 1.53.11
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 +48 -26
- package/dist/cjs/helper-tabs.cjs.js +2 -2
- package/dist/cjs/{index-7158b6b0.js → index-d6d883c7.js} +164 -69
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/helper-tab/helper-tab.js +36 -11
- package/dist/collection/components/helper-tabs/helper-tabs.js +55 -14
- package/dist/esm/helper-tab_2.entry.js +48 -26
- package/dist/esm/helper-tabs.js +3 -3
- package/dist/esm/{index-93aaed58.js → index-308251f5.js} +164 -69
- package/dist/esm/loader.js +2 -2
- package/dist/helper-tabs/helper-tabs.esm.js +1 -1
- package/dist/helper-tabs/p-a87ee1cf.entry.js +1 -0
- package/dist/helper-tabs/p-aac7c96a.js +2 -0
- 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/package.json +1 -1
- package/dist/helper-tabs/p-80aa1adc.entry.js +0 -1
- package/dist/helper-tabs/p-8be01f9b.js +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-tabs/.stencil/packages/stencil/helper-tabs/stencil.config.d.ts +0 -2
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-tabs/.stencil/packages/stencil/helper-tabs/stencil.config.dev.d.ts +0 -2
|
@@ -2,6 +2,24 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { translate } from "../../utils/locale.utils";
|
|
3
3
|
export class HelperTab {
|
|
4
4
|
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* Selected index
|
|
7
|
+
*/
|
|
8
|
+
this.selectedIndex = 0;
|
|
9
|
+
/**
|
|
10
|
+
* Client custom styling via string
|
|
11
|
+
*/
|
|
12
|
+
this.clientStyling = '';
|
|
13
|
+
/**
|
|
14
|
+
* Client custom styling via url content
|
|
15
|
+
*/
|
|
16
|
+
this.clientStylingUrlContent = '';
|
|
17
|
+
/**
|
|
18
|
+
* Language of the widget
|
|
19
|
+
*/
|
|
20
|
+
this.language = 'en';
|
|
21
|
+
this.tabContent = '';
|
|
22
|
+
this.limitStylingAppends = false;
|
|
5
23
|
this.setClientStyling = () => {
|
|
6
24
|
let sheet = document.createElement('style');
|
|
7
25
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -14,17 +32,6 @@ export class HelperTab {
|
|
|
14
32
|
this.stylingContainer.prepend(cssFile);
|
|
15
33
|
}, 1);
|
|
16
34
|
};
|
|
17
|
-
this.selectedIndex = 0;
|
|
18
|
-
this.cmsEndpoint = undefined;
|
|
19
|
-
this.clientStyling = '';
|
|
20
|
-
this.clientStylingUrlContent = '';
|
|
21
|
-
this.lowNumber = undefined;
|
|
22
|
-
this.highNumber = undefined;
|
|
23
|
-
this.minimumAllowed = undefined;
|
|
24
|
-
this.maxinumAllowed = undefined;
|
|
25
|
-
this.language = 'en';
|
|
26
|
-
this.tabContent = '';
|
|
27
|
-
this.limitStylingAppends = false;
|
|
28
35
|
}
|
|
29
36
|
componentDidRender() {
|
|
30
37
|
// start custom styling area
|
|
@@ -75,6 +82,8 @@ export class HelperTab {
|
|
|
75
82
|
"tags": [],
|
|
76
83
|
"text": "Selected index"
|
|
77
84
|
},
|
|
85
|
+
"getter": false,
|
|
86
|
+
"setter": false,
|
|
78
87
|
"attribute": "selected-index",
|
|
79
88
|
"reflect": true,
|
|
80
89
|
"defaultValue": "0"
|
|
@@ -93,6 +102,8 @@ export class HelperTab {
|
|
|
93
102
|
"tags": [],
|
|
94
103
|
"text": "Endpoing for CMS"
|
|
95
104
|
},
|
|
105
|
+
"getter": false,
|
|
106
|
+
"setter": false,
|
|
96
107
|
"attribute": "cms-endpoint",
|
|
97
108
|
"reflect": true
|
|
98
109
|
},
|
|
@@ -110,6 +121,8 @@ export class HelperTab {
|
|
|
110
121
|
"tags": [],
|
|
111
122
|
"text": "Client custom styling via string"
|
|
112
123
|
},
|
|
124
|
+
"getter": false,
|
|
125
|
+
"setter": false,
|
|
113
126
|
"attribute": "client-styling",
|
|
114
127
|
"reflect": true,
|
|
115
128
|
"defaultValue": "''"
|
|
@@ -128,6 +141,8 @@ export class HelperTab {
|
|
|
128
141
|
"tags": [],
|
|
129
142
|
"text": "Client custom styling via url content"
|
|
130
143
|
},
|
|
144
|
+
"getter": false,
|
|
145
|
+
"setter": false,
|
|
131
146
|
"attribute": "client-styling-url-content",
|
|
132
147
|
"reflect": true,
|
|
133
148
|
"defaultValue": "''"
|
|
@@ -146,6 +161,8 @@ export class HelperTab {
|
|
|
146
161
|
"tags": [],
|
|
147
162
|
"text": "Minimum number displayed in the board"
|
|
148
163
|
},
|
|
164
|
+
"getter": false,
|
|
165
|
+
"setter": false,
|
|
149
166
|
"attribute": "low-number",
|
|
150
167
|
"reflect": true
|
|
151
168
|
},
|
|
@@ -163,6 +180,8 @@ export class HelperTab {
|
|
|
163
180
|
"tags": [],
|
|
164
181
|
"text": "Maximum number displayed in the board"
|
|
165
182
|
},
|
|
183
|
+
"getter": false,
|
|
184
|
+
"setter": false,
|
|
166
185
|
"attribute": "high-number",
|
|
167
186
|
"reflect": true
|
|
168
187
|
},
|
|
@@ -180,6 +199,8 @@ export class HelperTab {
|
|
|
180
199
|
"tags": [],
|
|
181
200
|
"text": "Minimum number of numbers that can be selected"
|
|
182
201
|
},
|
|
202
|
+
"getter": false,
|
|
203
|
+
"setter": false,
|
|
183
204
|
"attribute": "minimum-allowed",
|
|
184
205
|
"reflect": true
|
|
185
206
|
},
|
|
@@ -197,6 +218,8 @@ export class HelperTab {
|
|
|
197
218
|
"tags": [],
|
|
198
219
|
"text": "Maximum number of numbers that can be selected"
|
|
199
220
|
},
|
|
221
|
+
"getter": false,
|
|
222
|
+
"setter": false,
|
|
200
223
|
"attribute": "maxinum-allowed",
|
|
201
224
|
"reflect": true
|
|
202
225
|
},
|
|
@@ -214,6 +237,8 @@ export class HelperTab {
|
|
|
214
237
|
"tags": [],
|
|
215
238
|
"text": "Language of the widget"
|
|
216
239
|
},
|
|
240
|
+
"getter": false,
|
|
241
|
+
"setter": false,
|
|
217
242
|
"attribute": "language",
|
|
218
243
|
"reflect": true,
|
|
219
244
|
"defaultValue": "'en'"
|
|
@@ -1,6 +1,35 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class HelperTabs {
|
|
3
3
|
constructor() {
|
|
4
|
+
/**
|
|
5
|
+
* Tell me if it is disabled
|
|
6
|
+
*/
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
/**
|
|
9
|
+
* Tell me what tab is selected
|
|
10
|
+
*/
|
|
11
|
+
this.selected = false;
|
|
12
|
+
/**
|
|
13
|
+
* Default selected index
|
|
14
|
+
*/
|
|
15
|
+
this.selectedIndex = 0;
|
|
16
|
+
/**
|
|
17
|
+
* Tabs details
|
|
18
|
+
*/
|
|
19
|
+
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
20
|
+
/**
|
|
21
|
+
* Client custom styling via string
|
|
22
|
+
*/
|
|
23
|
+
this.clientStyling = '';
|
|
24
|
+
/**
|
|
25
|
+
* Client custom styling via url
|
|
26
|
+
*/
|
|
27
|
+
this.clientStylingurl = '';
|
|
28
|
+
/**
|
|
29
|
+
* Client custom styling via url content
|
|
30
|
+
*/
|
|
31
|
+
this.clientStylingUrlContent = '';
|
|
32
|
+
this.limitStylingAppends = false;
|
|
4
33
|
this.setClientStyling = () => {
|
|
5
34
|
let sheet = document.createElement('style');
|
|
6
35
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -13,20 +42,6 @@ export class HelperTabs {
|
|
|
13
42
|
this.stylingContainer.prepend(cssFile);
|
|
14
43
|
}, 1);
|
|
15
44
|
};
|
|
16
|
-
this.disabled = false;
|
|
17
|
-
this.label = undefined;
|
|
18
|
-
this.selected = false;
|
|
19
|
-
this.cmsEndpoint = undefined;
|
|
20
|
-
this.selectedIndex = 0;
|
|
21
|
-
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
22
|
-
this.clientStyling = '';
|
|
23
|
-
this.clientStylingurl = '';
|
|
24
|
-
this.clientStylingUrlContent = '';
|
|
25
|
-
this.lowNumber = undefined;
|
|
26
|
-
this.highNumber = undefined;
|
|
27
|
-
this.minimumAllowed = undefined;
|
|
28
|
-
this.maxinumAllowed = undefined;
|
|
29
|
-
this.limitStylingAppends = false;
|
|
30
45
|
}
|
|
31
46
|
connectedCallback() {
|
|
32
47
|
if (this.tabs.length == 0) {
|
|
@@ -75,6 +90,8 @@ export class HelperTabs {
|
|
|
75
90
|
"tags": [],
|
|
76
91
|
"text": "Tell me if it is disabled"
|
|
77
92
|
},
|
|
93
|
+
"getter": false,
|
|
94
|
+
"setter": false,
|
|
78
95
|
"attribute": "disabled",
|
|
79
96
|
"reflect": true,
|
|
80
97
|
"defaultValue": "false"
|
|
@@ -93,6 +110,8 @@ export class HelperTabs {
|
|
|
93
110
|
"tags": [],
|
|
94
111
|
"text": "Gimme names or you die"
|
|
95
112
|
},
|
|
113
|
+
"getter": false,
|
|
114
|
+
"setter": false,
|
|
96
115
|
"attribute": "label",
|
|
97
116
|
"reflect": true
|
|
98
117
|
},
|
|
@@ -110,6 +129,8 @@ export class HelperTabs {
|
|
|
110
129
|
"tags": [],
|
|
111
130
|
"text": "Tell me what tab is selected"
|
|
112
131
|
},
|
|
132
|
+
"getter": false,
|
|
133
|
+
"setter": false,
|
|
113
134
|
"attribute": "selected",
|
|
114
135
|
"reflect": true,
|
|
115
136
|
"defaultValue": "false"
|
|
@@ -128,6 +149,8 @@ export class HelperTabs {
|
|
|
128
149
|
"tags": [],
|
|
129
150
|
"text": "Endpoing for CMS"
|
|
130
151
|
},
|
|
152
|
+
"getter": false,
|
|
153
|
+
"setter": false,
|
|
131
154
|
"attribute": "cms-endpoint",
|
|
132
155
|
"reflect": true
|
|
133
156
|
},
|
|
@@ -145,6 +168,8 @@ export class HelperTabs {
|
|
|
145
168
|
"tags": [],
|
|
146
169
|
"text": "Default selected index"
|
|
147
170
|
},
|
|
171
|
+
"getter": false,
|
|
172
|
+
"setter": false,
|
|
148
173
|
"attribute": "selected-index",
|
|
149
174
|
"reflect": true,
|
|
150
175
|
"defaultValue": "0"
|
|
@@ -172,6 +197,8 @@ export class HelperTabs {
|
|
|
172
197
|
"tags": [],
|
|
173
198
|
"text": "Tabs details"
|
|
174
199
|
},
|
|
200
|
+
"getter": false,
|
|
201
|
+
"setter": false,
|
|
175
202
|
"defaultValue": "[{label: 'How to Play'}, {label: 'About'}, {label: 'FAQs'}]"
|
|
176
203
|
},
|
|
177
204
|
"clientStyling": {
|
|
@@ -188,6 +215,8 @@ export class HelperTabs {
|
|
|
188
215
|
"tags": [],
|
|
189
216
|
"text": "Client custom styling via string"
|
|
190
217
|
},
|
|
218
|
+
"getter": false,
|
|
219
|
+
"setter": false,
|
|
191
220
|
"attribute": "client-styling",
|
|
192
221
|
"reflect": true,
|
|
193
222
|
"defaultValue": "''"
|
|
@@ -206,6 +235,8 @@ export class HelperTabs {
|
|
|
206
235
|
"tags": [],
|
|
207
236
|
"text": "Client custom styling via url"
|
|
208
237
|
},
|
|
238
|
+
"getter": false,
|
|
239
|
+
"setter": false,
|
|
209
240
|
"attribute": "client-stylingurl",
|
|
210
241
|
"reflect": true,
|
|
211
242
|
"defaultValue": "''"
|
|
@@ -224,6 +255,8 @@ export class HelperTabs {
|
|
|
224
255
|
"tags": [],
|
|
225
256
|
"text": "Client custom styling via url content"
|
|
226
257
|
},
|
|
258
|
+
"getter": false,
|
|
259
|
+
"setter": false,
|
|
227
260
|
"attribute": "client-styling-url-content",
|
|
228
261
|
"reflect": true,
|
|
229
262
|
"defaultValue": "''"
|
|
@@ -242,6 +275,8 @@ export class HelperTabs {
|
|
|
242
275
|
"tags": [],
|
|
243
276
|
"text": "Minimum number displayed in the board"
|
|
244
277
|
},
|
|
278
|
+
"getter": false,
|
|
279
|
+
"setter": false,
|
|
245
280
|
"attribute": "low-number",
|
|
246
281
|
"reflect": true
|
|
247
282
|
},
|
|
@@ -259,6 +294,8 @@ export class HelperTabs {
|
|
|
259
294
|
"tags": [],
|
|
260
295
|
"text": "Maximum number displayed in the board"
|
|
261
296
|
},
|
|
297
|
+
"getter": false,
|
|
298
|
+
"setter": false,
|
|
262
299
|
"attribute": "high-number",
|
|
263
300
|
"reflect": true
|
|
264
301
|
},
|
|
@@ -276,6 +313,8 @@ export class HelperTabs {
|
|
|
276
313
|
"tags": [],
|
|
277
314
|
"text": "Minimum number of numbers that can be selected"
|
|
278
315
|
},
|
|
316
|
+
"getter": false,
|
|
317
|
+
"setter": false,
|
|
279
318
|
"attribute": "minimum-allowed",
|
|
280
319
|
"reflect": true
|
|
281
320
|
},
|
|
@@ -293,6 +332,8 @@ export class HelperTabs {
|
|
|
293
332
|
"tags": [],
|
|
294
333
|
"text": "Maximum number of numbers that can be selected"
|
|
295
334
|
},
|
|
335
|
+
"getter": false,
|
|
336
|
+
"setter": false,
|
|
296
337
|
"attribute": "maxinum-allowed",
|
|
297
338
|
"reflect": true
|
|
298
339
|
}
|
|
@@ -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-308251f5.js';
|
|
2
2
|
|
|
3
3
|
const DEFAULT_LANGUAGE = 'en';
|
|
4
4
|
const SUPPORTED_LANGUAGES = ['en'];
|
|
@@ -56,6 +56,24 @@ const HelperTabStyle0 = helperTabCss;
|
|
|
56
56
|
const HelperTab = class {
|
|
57
57
|
constructor(hostRef) {
|
|
58
58
|
registerInstance(this, hostRef);
|
|
59
|
+
/**
|
|
60
|
+
* Selected index
|
|
61
|
+
*/
|
|
62
|
+
this.selectedIndex = 0;
|
|
63
|
+
/**
|
|
64
|
+
* Client custom styling via string
|
|
65
|
+
*/
|
|
66
|
+
this.clientStyling = '';
|
|
67
|
+
/**
|
|
68
|
+
* Client custom styling via url content
|
|
69
|
+
*/
|
|
70
|
+
this.clientStylingUrlContent = '';
|
|
71
|
+
/**
|
|
72
|
+
* Language of the widget
|
|
73
|
+
*/
|
|
74
|
+
this.language = 'en';
|
|
75
|
+
this.tabContent = '';
|
|
76
|
+
this.limitStylingAppends = false;
|
|
59
77
|
this.setClientStyling = () => {
|
|
60
78
|
let sheet = document.createElement('style');
|
|
61
79
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -68,17 +86,6 @@ const HelperTab = class {
|
|
|
68
86
|
this.stylingContainer.prepend(cssFile);
|
|
69
87
|
}, 1);
|
|
70
88
|
};
|
|
71
|
-
this.selectedIndex = 0;
|
|
72
|
-
this.cmsEndpoint = undefined;
|
|
73
|
-
this.clientStyling = '';
|
|
74
|
-
this.clientStylingUrlContent = '';
|
|
75
|
-
this.lowNumber = undefined;
|
|
76
|
-
this.highNumber = undefined;
|
|
77
|
-
this.minimumAllowed = undefined;
|
|
78
|
-
this.maxinumAllowed = undefined;
|
|
79
|
-
this.language = 'en';
|
|
80
|
-
this.tabContent = '';
|
|
81
|
-
this.limitStylingAppends = false;
|
|
82
89
|
}
|
|
83
90
|
componentDidRender() {
|
|
84
91
|
// start custom styling area
|
|
@@ -110,6 +117,35 @@ const HelperTabsStyle0 = helperTabsCss;
|
|
|
110
117
|
const HelperTabs = class {
|
|
111
118
|
constructor(hostRef) {
|
|
112
119
|
registerInstance(this, hostRef);
|
|
120
|
+
/**
|
|
121
|
+
* Tell me if it is disabled
|
|
122
|
+
*/
|
|
123
|
+
this.disabled = false;
|
|
124
|
+
/**
|
|
125
|
+
* Tell me what tab is selected
|
|
126
|
+
*/
|
|
127
|
+
this.selected = false;
|
|
128
|
+
/**
|
|
129
|
+
* Default selected index
|
|
130
|
+
*/
|
|
131
|
+
this.selectedIndex = 0;
|
|
132
|
+
/**
|
|
133
|
+
* Tabs details
|
|
134
|
+
*/
|
|
135
|
+
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
136
|
+
/**
|
|
137
|
+
* Client custom styling via string
|
|
138
|
+
*/
|
|
139
|
+
this.clientStyling = '';
|
|
140
|
+
/**
|
|
141
|
+
* Client custom styling via url
|
|
142
|
+
*/
|
|
143
|
+
this.clientStylingurl = '';
|
|
144
|
+
/**
|
|
145
|
+
* Client custom styling via url content
|
|
146
|
+
*/
|
|
147
|
+
this.clientStylingUrlContent = '';
|
|
148
|
+
this.limitStylingAppends = false;
|
|
113
149
|
this.setClientStyling = () => {
|
|
114
150
|
let sheet = document.createElement('style');
|
|
115
151
|
sheet.innerHTML = this.clientStyling;
|
|
@@ -122,20 +158,6 @@ const HelperTabs = class {
|
|
|
122
158
|
this.stylingContainer.prepend(cssFile);
|
|
123
159
|
}, 1);
|
|
124
160
|
};
|
|
125
|
-
this.disabled = false;
|
|
126
|
-
this.label = undefined;
|
|
127
|
-
this.selected = false;
|
|
128
|
-
this.cmsEndpoint = undefined;
|
|
129
|
-
this.selectedIndex = 0;
|
|
130
|
-
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
131
|
-
this.clientStyling = '';
|
|
132
|
-
this.clientStylingurl = '';
|
|
133
|
-
this.clientStylingUrlContent = '';
|
|
134
|
-
this.lowNumber = undefined;
|
|
135
|
-
this.highNumber = undefined;
|
|
136
|
-
this.minimumAllowed = undefined;
|
|
137
|
-
this.maxinumAllowed = undefined;
|
|
138
|
-
this.limitStylingAppends = false;
|
|
139
161
|
}
|
|
140
162
|
connectedCallback() {
|
|
141
163
|
}
|
package/dist/esm/helper-tabs.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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-308251f5.js';
|
|
2
|
+
export { s as setNonce } from './index-308251f5.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|