@everymatrix/helper-tabs 1.55.0 → 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 +159 -65
- package/dist/cjs/helper-tabs.cjs.js +3 -3
- package/dist/cjs/{index-d8f4ee8c.js → index-08bd9c7c.js} +207 -75
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/helper-tab/helper-tab.js +95 -38
- package/dist/collection/components/helper-tabs/helper-tabs.js +111 -37
- package/dist/esm/helper-tab_2.entry.js +159 -65
- package/dist/esm/helper-tabs.js +4 -4
- package/dist/esm/{index-55376e55.js → index-c5727b52.js} +207 -75
- 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/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 +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-47fcd693.js +0 -2
- package/dist/helper-tabs/p-7f43459b.entry.js +0 -1
- 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
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-tabs/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-tabs/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-tabs/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{maria.bumbar/Desktop → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/helper-tabs/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,48 +1,58 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { translate, translateWithParams, getTranslations } from "../../utils/locale.utils";
|
|
3
|
+
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
3
4
|
export class HelperTab {
|
|
4
5
|
constructor() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
this.stylingContainer.prepend(sheet);
|
|
9
|
-
};
|
|
10
|
-
this.setClientStylingURL = () => {
|
|
11
|
-
let cssFile = document.createElement('style');
|
|
12
|
-
setTimeout(() => {
|
|
13
|
-
cssFile.innerHTML = this.clientStylingUrlContent;
|
|
14
|
-
this.stylingContainer.prepend(cssFile);
|
|
15
|
-
}, 1);
|
|
16
|
-
};
|
|
6
|
+
/**
|
|
7
|
+
* Selected index
|
|
8
|
+
*/
|
|
17
9
|
this.selectedIndex = 0;
|
|
18
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Client custom styling via string
|
|
12
|
+
*/
|
|
19
13
|
this.clientStyling = '';
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
this.
|
|
24
|
-
|
|
14
|
+
/**
|
|
15
|
+
* Client custom styling via url content
|
|
16
|
+
*/
|
|
17
|
+
this.clientStylingUrl = '';
|
|
18
|
+
/**
|
|
19
|
+
* Language of the widget
|
|
20
|
+
*/
|
|
25
21
|
this.language = 'en';
|
|
26
|
-
this.translationUrl = undefined;
|
|
27
22
|
this.tabContent = '';
|
|
28
|
-
|
|
23
|
+
}
|
|
24
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
25
|
+
if (newValue != oldValue) {
|
|
26
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
handleClientStylingChangeURL(newValue, oldValue) {
|
|
30
|
+
if (newValue != oldValue) {
|
|
31
|
+
if (this.clientStylingUrl)
|
|
32
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
componentDidLoad() {
|
|
36
|
+
if (this.stylingContainer) {
|
|
37
|
+
if (window.emMessageBus != undefined) {
|
|
38
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
if (this.clientStyling)
|
|
42
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
43
|
+
if (this.clientStylingUrl)
|
|
44
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
disconnectedCallback() {
|
|
49
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
29
50
|
}
|
|
30
51
|
componentWillLoad() {
|
|
31
52
|
if (this.translationUrl) {
|
|
32
53
|
getTranslations(JSON.parse(this.translationUrl));
|
|
33
54
|
}
|
|
34
55
|
}
|
|
35
|
-
componentDidRender() {
|
|
36
|
-
// start custom styling area
|
|
37
|
-
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
38
|
-
if (this.clientStyling)
|
|
39
|
-
this.setClientStyling();
|
|
40
|
-
if (this.clientStylingUrlContent)
|
|
41
|
-
this.setClientStylingURL();
|
|
42
|
-
this.limitStylingAppends = true;
|
|
43
|
-
}
|
|
44
|
-
// end custom styling area
|
|
45
|
-
}
|
|
46
56
|
getHowToPlay() {
|
|
47
57
|
if (this.lowNumber && this.highNumber && this.maxinumAllowed && this.minimumAllowed) {
|
|
48
58
|
return translateWithParams('howToPlay', {
|
|
@@ -56,12 +66,12 @@ export class HelperTab {
|
|
|
56
66
|
return '';
|
|
57
67
|
}
|
|
58
68
|
render() {
|
|
59
|
-
this.tabContent = h("div", { key: '
|
|
69
|
+
this.tabContent = h("div", { key: '92877a17361066f68fce6299cb8f65901f6abc60', class: "TabContent", ref: el => this.stylingContainer = el }, this.getHowToPlay());
|
|
60
70
|
if (this.selectedIndex + 1 == 2) {
|
|
61
|
-
this.tabContent = h("div", { key: '
|
|
71
|
+
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))));
|
|
62
72
|
}
|
|
63
73
|
else if (this.selectedIndex + 1 == 3) {
|
|
64
|
-
this.tabContent = h("div", { key: '
|
|
74
|
+
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))));
|
|
65
75
|
}
|
|
66
76
|
return (this.tabContent);
|
|
67
77
|
}
|
|
@@ -93,6 +103,8 @@ export class HelperTab {
|
|
|
93
103
|
"tags": [],
|
|
94
104
|
"text": "Selected index"
|
|
95
105
|
},
|
|
106
|
+
"getter": false,
|
|
107
|
+
"setter": false,
|
|
96
108
|
"attribute": "selected-index",
|
|
97
109
|
"reflect": true,
|
|
98
110
|
"defaultValue": "0"
|
|
@@ -111,9 +123,30 @@ export class HelperTab {
|
|
|
111
123
|
"tags": [],
|
|
112
124
|
"text": "Endpoing for CMS"
|
|
113
125
|
},
|
|
126
|
+
"getter": false,
|
|
127
|
+
"setter": false,
|
|
114
128
|
"attribute": "cms-endpoint",
|
|
115
129
|
"reflect": true
|
|
116
130
|
},
|
|
131
|
+
"mbSource": {
|
|
132
|
+
"type": "string",
|
|
133
|
+
"mutable": false,
|
|
134
|
+
"complexType": {
|
|
135
|
+
"original": "string",
|
|
136
|
+
"resolved": "string",
|
|
137
|
+
"references": {}
|
|
138
|
+
},
|
|
139
|
+
"required": false,
|
|
140
|
+
"optional": false,
|
|
141
|
+
"docs": {
|
|
142
|
+
"tags": [],
|
|
143
|
+
"text": "Client custom styling via streamStyling"
|
|
144
|
+
},
|
|
145
|
+
"getter": false,
|
|
146
|
+
"setter": false,
|
|
147
|
+
"attribute": "mb-source",
|
|
148
|
+
"reflect": false
|
|
149
|
+
},
|
|
117
150
|
"clientStyling": {
|
|
118
151
|
"type": "string",
|
|
119
152
|
"mutable": false,
|
|
@@ -128,11 +161,13 @@ export class HelperTab {
|
|
|
128
161
|
"tags": [],
|
|
129
162
|
"text": "Client custom styling via string"
|
|
130
163
|
},
|
|
164
|
+
"getter": false,
|
|
165
|
+
"setter": false,
|
|
131
166
|
"attribute": "client-styling",
|
|
132
167
|
"reflect": true,
|
|
133
168
|
"defaultValue": "''"
|
|
134
169
|
},
|
|
135
|
-
"
|
|
170
|
+
"clientStylingUrl": {
|
|
136
171
|
"type": "string",
|
|
137
172
|
"mutable": false,
|
|
138
173
|
"complexType": {
|
|
@@ -146,7 +181,9 @@ export class HelperTab {
|
|
|
146
181
|
"tags": [],
|
|
147
182
|
"text": "Client custom styling via url content"
|
|
148
183
|
},
|
|
149
|
-
"
|
|
184
|
+
"getter": false,
|
|
185
|
+
"setter": false,
|
|
186
|
+
"attribute": "client-styling-url",
|
|
150
187
|
"reflect": true,
|
|
151
188
|
"defaultValue": "''"
|
|
152
189
|
},
|
|
@@ -164,6 +201,8 @@ export class HelperTab {
|
|
|
164
201
|
"tags": [],
|
|
165
202
|
"text": "Minimum number displayed in the board"
|
|
166
203
|
},
|
|
204
|
+
"getter": false,
|
|
205
|
+
"setter": false,
|
|
167
206
|
"attribute": "low-number",
|
|
168
207
|
"reflect": true
|
|
169
208
|
},
|
|
@@ -181,6 +220,8 @@ export class HelperTab {
|
|
|
181
220
|
"tags": [],
|
|
182
221
|
"text": "Maximum number displayed in the board"
|
|
183
222
|
},
|
|
223
|
+
"getter": false,
|
|
224
|
+
"setter": false,
|
|
184
225
|
"attribute": "high-number",
|
|
185
226
|
"reflect": true
|
|
186
227
|
},
|
|
@@ -198,6 +239,8 @@ export class HelperTab {
|
|
|
198
239
|
"tags": [],
|
|
199
240
|
"text": "Minimum number of numbers that can be selected"
|
|
200
241
|
},
|
|
242
|
+
"getter": false,
|
|
243
|
+
"setter": false,
|
|
201
244
|
"attribute": "minimum-allowed",
|
|
202
245
|
"reflect": true
|
|
203
246
|
},
|
|
@@ -215,6 +258,8 @@ export class HelperTab {
|
|
|
215
258
|
"tags": [],
|
|
216
259
|
"text": "Maximum number of numbers that can be selected"
|
|
217
260
|
},
|
|
261
|
+
"getter": false,
|
|
262
|
+
"setter": false,
|
|
218
263
|
"attribute": "maxinum-allowed",
|
|
219
264
|
"reflect": true
|
|
220
265
|
},
|
|
@@ -232,6 +277,8 @@ export class HelperTab {
|
|
|
232
277
|
"tags": [],
|
|
233
278
|
"text": "Language of the widget"
|
|
234
279
|
},
|
|
280
|
+
"getter": false,
|
|
281
|
+
"setter": false,
|
|
235
282
|
"attribute": "language",
|
|
236
283
|
"reflect": true,
|
|
237
284
|
"defaultValue": "'en'"
|
|
@@ -250,6 +297,8 @@ export class HelperTab {
|
|
|
250
297
|
"tags": [],
|
|
251
298
|
"text": "Translations via parent component"
|
|
252
299
|
},
|
|
300
|
+
"getter": false,
|
|
301
|
+
"setter": false,
|
|
253
302
|
"attribute": "translation-url",
|
|
254
303
|
"reflect": true
|
|
255
304
|
}
|
|
@@ -257,8 +306,16 @@ export class HelperTab {
|
|
|
257
306
|
}
|
|
258
307
|
static get states() {
|
|
259
308
|
return {
|
|
260
|
-
"tabContent": {}
|
|
261
|
-
"limitStylingAppends": {}
|
|
309
|
+
"tabContent": {}
|
|
262
310
|
};
|
|
263
311
|
}
|
|
312
|
+
static get watchers() {
|
|
313
|
+
return [{
|
|
314
|
+
"propName": "clientStyling",
|
|
315
|
+
"methodName": "handleClientStylingChange"
|
|
316
|
+
}, {
|
|
317
|
+
"propName": "clientStylingUrl",
|
|
318
|
+
"methodName": "handleClientStylingChangeURL"
|
|
319
|
+
}];
|
|
320
|
+
}
|
|
264
321
|
}
|
|
@@ -1,53 +1,74 @@
|
|
|
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
|
-
|
|
6
|
-
|
|
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
|
-
};
|
|
5
|
+
/**
|
|
6
|
+
* Tell me if it is disabled
|
|
7
|
+
*/
|
|
16
8
|
this.disabled = false;
|
|
17
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Tell me what tab is selected
|
|
11
|
+
*/
|
|
18
12
|
this.selected = false;
|
|
19
|
-
|
|
13
|
+
/**
|
|
14
|
+
* Default selected index
|
|
15
|
+
*/
|
|
20
16
|
this.selectedIndex = 0;
|
|
17
|
+
/**
|
|
18
|
+
* Tabs details
|
|
19
|
+
*/
|
|
21
20
|
this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
|
|
21
|
+
/**
|
|
22
|
+
* Client custom styling via string
|
|
23
|
+
*/
|
|
22
24
|
this.clientStyling = '';
|
|
25
|
+
/**
|
|
26
|
+
* Client custom styling via url
|
|
27
|
+
*/
|
|
23
28
|
this.clientStylingurl = '';
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
this.
|
|
28
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Client custom styling via url content
|
|
31
|
+
*/
|
|
32
|
+
this.clientStylingUrl = '';
|
|
33
|
+
/**
|
|
34
|
+
* Language
|
|
35
|
+
*/
|
|
29
36
|
this.language = 'en';
|
|
30
|
-
this.translationUrl = undefined;
|
|
31
|
-
this.limitStylingAppends = false;
|
|
32
37
|
}
|
|
33
38
|
connectedCallback() {
|
|
34
39
|
if (this.tabs.length == 0) {
|
|
35
40
|
// fetch CMS data
|
|
36
41
|
}
|
|
37
42
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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);
|
|
44
64
|
}
|
|
45
|
-
this.limitStylingAppends = true;
|
|
46
65
|
}
|
|
47
|
-
|
|
66
|
+
}
|
|
67
|
+
disconnectedCallback() {
|
|
68
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
48
69
|
}
|
|
49
70
|
render() {
|
|
50
|
-
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 }))));
|
|
51
72
|
}
|
|
52
73
|
static get is() { return "helper-tabs"; }
|
|
53
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -77,6 +98,8 @@ export class HelperTabs {
|
|
|
77
98
|
"tags": [],
|
|
78
99
|
"text": "Tell me if it is disabled"
|
|
79
100
|
},
|
|
101
|
+
"getter": false,
|
|
102
|
+
"setter": false,
|
|
80
103
|
"attribute": "disabled",
|
|
81
104
|
"reflect": true,
|
|
82
105
|
"defaultValue": "false"
|
|
@@ -95,6 +118,8 @@ export class HelperTabs {
|
|
|
95
118
|
"tags": [],
|
|
96
119
|
"text": "Gimme names or you die"
|
|
97
120
|
},
|
|
121
|
+
"getter": false,
|
|
122
|
+
"setter": false,
|
|
98
123
|
"attribute": "label",
|
|
99
124
|
"reflect": true
|
|
100
125
|
},
|
|
@@ -112,6 +137,8 @@ export class HelperTabs {
|
|
|
112
137
|
"tags": [],
|
|
113
138
|
"text": "Tell me what tab is selected"
|
|
114
139
|
},
|
|
140
|
+
"getter": false,
|
|
141
|
+
"setter": false,
|
|
115
142
|
"attribute": "selected",
|
|
116
143
|
"reflect": true,
|
|
117
144
|
"defaultValue": "false"
|
|
@@ -130,6 +157,8 @@ export class HelperTabs {
|
|
|
130
157
|
"tags": [],
|
|
131
158
|
"text": "Endpoing for CMS"
|
|
132
159
|
},
|
|
160
|
+
"getter": false,
|
|
161
|
+
"setter": false,
|
|
133
162
|
"attribute": "cms-endpoint",
|
|
134
163
|
"reflect": true
|
|
135
164
|
},
|
|
@@ -147,6 +176,8 @@ export class HelperTabs {
|
|
|
147
176
|
"tags": [],
|
|
148
177
|
"text": "Default selected index"
|
|
149
178
|
},
|
|
179
|
+
"getter": false,
|
|
180
|
+
"setter": false,
|
|
150
181
|
"attribute": "selected-index",
|
|
151
182
|
"reflect": true,
|
|
152
183
|
"defaultValue": "0"
|
|
@@ -174,6 +205,8 @@ export class HelperTabs {
|
|
|
174
205
|
"tags": [],
|
|
175
206
|
"text": "Tabs details"
|
|
176
207
|
},
|
|
208
|
+
"getter": false,
|
|
209
|
+
"setter": false,
|
|
177
210
|
"defaultValue": "[{label: 'How to Play'}, {label: 'About'}, {label: 'FAQs'}]"
|
|
178
211
|
},
|
|
179
212
|
"clientStyling": {
|
|
@@ -190,10 +223,31 @@ export class HelperTabs {
|
|
|
190
223
|
"tags": [],
|
|
191
224
|
"text": "Client custom styling via string"
|
|
192
225
|
},
|
|
226
|
+
"getter": false,
|
|
227
|
+
"setter": false,
|
|
193
228
|
"attribute": "client-styling",
|
|
194
229
|
"reflect": true,
|
|
195
230
|
"defaultValue": "''"
|
|
196
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
|
+
},
|
|
197
251
|
"clientStylingurl": {
|
|
198
252
|
"type": "string",
|
|
199
253
|
"mutable": false,
|
|
@@ -208,11 +262,13 @@ export class HelperTabs {
|
|
|
208
262
|
"tags": [],
|
|
209
263
|
"text": "Client custom styling via url"
|
|
210
264
|
},
|
|
265
|
+
"getter": false,
|
|
266
|
+
"setter": false,
|
|
211
267
|
"attribute": "client-stylingurl",
|
|
212
268
|
"reflect": true,
|
|
213
269
|
"defaultValue": "''"
|
|
214
270
|
},
|
|
215
|
-
"
|
|
271
|
+
"clientStylingUrl": {
|
|
216
272
|
"type": "string",
|
|
217
273
|
"mutable": false,
|
|
218
274
|
"complexType": {
|
|
@@ -226,7 +282,9 @@ export class HelperTabs {
|
|
|
226
282
|
"tags": [],
|
|
227
283
|
"text": "Client custom styling via url content"
|
|
228
284
|
},
|
|
229
|
-
"
|
|
285
|
+
"getter": false,
|
|
286
|
+
"setter": false,
|
|
287
|
+
"attribute": "client-styling-url",
|
|
230
288
|
"reflect": true,
|
|
231
289
|
"defaultValue": "''"
|
|
232
290
|
},
|
|
@@ -244,6 +302,8 @@ export class HelperTabs {
|
|
|
244
302
|
"tags": [],
|
|
245
303
|
"text": "Minimum number displayed in the board"
|
|
246
304
|
},
|
|
305
|
+
"getter": false,
|
|
306
|
+
"setter": false,
|
|
247
307
|
"attribute": "low-number",
|
|
248
308
|
"reflect": true
|
|
249
309
|
},
|
|
@@ -261,6 +321,8 @@ export class HelperTabs {
|
|
|
261
321
|
"tags": [],
|
|
262
322
|
"text": "Maximum number displayed in the board"
|
|
263
323
|
},
|
|
324
|
+
"getter": false,
|
|
325
|
+
"setter": false,
|
|
264
326
|
"attribute": "high-number",
|
|
265
327
|
"reflect": true
|
|
266
328
|
},
|
|
@@ -278,6 +340,8 @@ export class HelperTabs {
|
|
|
278
340
|
"tags": [],
|
|
279
341
|
"text": "Minimum number of numbers that can be selected"
|
|
280
342
|
},
|
|
343
|
+
"getter": false,
|
|
344
|
+
"setter": false,
|
|
281
345
|
"attribute": "minimum-allowed",
|
|
282
346
|
"reflect": true
|
|
283
347
|
},
|
|
@@ -295,6 +359,8 @@ export class HelperTabs {
|
|
|
295
359
|
"tags": [],
|
|
296
360
|
"text": "Maximum number of numbers that can be selected"
|
|
297
361
|
},
|
|
362
|
+
"getter": false,
|
|
363
|
+
"setter": false,
|
|
298
364
|
"attribute": "maxinum-allowed",
|
|
299
365
|
"reflect": true
|
|
300
366
|
},
|
|
@@ -312,6 +378,8 @@ export class HelperTabs {
|
|
|
312
378
|
"tags": [],
|
|
313
379
|
"text": "Language"
|
|
314
380
|
},
|
|
381
|
+
"getter": false,
|
|
382
|
+
"setter": false,
|
|
315
383
|
"attribute": "language",
|
|
316
384
|
"reflect": true,
|
|
317
385
|
"defaultValue": "'en'"
|
|
@@ -330,15 +398,21 @@ export class HelperTabs {
|
|
|
330
398
|
"tags": [],
|
|
331
399
|
"text": "Translations via parent component"
|
|
332
400
|
},
|
|
401
|
+
"getter": false,
|
|
402
|
+
"setter": false,
|
|
333
403
|
"attribute": "translation-url",
|
|
334
404
|
"reflect": true
|
|
335
405
|
}
|
|
336
406
|
};
|
|
337
407
|
}
|
|
338
|
-
static get states() {
|
|
339
|
-
return {
|
|
340
|
-
"limitStylingAppends": {}
|
|
341
|
-
};
|
|
342
|
-
}
|
|
343
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
|
+
}
|
|
344
418
|
}
|