@everymatrix/general-input 1.52.6 → 1.53.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/checkbox-group-input_10.cjs.entry.js +1707 -584
- package/dist/cjs/general-input.cjs.entry.js +17 -18
- package/dist/cjs/general-input.cjs.js +2 -2
- package/dist/cjs/{index-01420a64.js → index-1277658a.js} +171 -76
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +12 -16
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +33 -17
- package/dist/collection/components/checkbox-input/checkbox-input.js +29 -14
- package/dist/collection/components/date-input/date-input.js +35 -17
- package/dist/collection/components/email-input/email-input.js +29 -16
- package/dist/collection/components/general-input/general-input.js +51 -18
- package/dist/collection/components/number-input/number-input.js +27 -15
- package/dist/collection/components/password-input/password-input.js +34 -19
- package/dist/collection/components/radio-input/radio-input.js +24 -14
- package/dist/collection/components/select-input/select-input.js +39 -17
- package/dist/collection/components/tel-input/tel-input.js +31 -17
- package/dist/collection/components/text-input/text-input.js +36 -17
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +33 -17
- package/dist/esm/checkbox-group-input_10.entry.js +1742 -619
- package/dist/esm/general-input.entry.js +17 -18
- package/dist/esm/general-input.js +3 -3
- package/dist/esm/{index-542cff81.js → index-b1fc8a5f.js} +171 -76
- package/dist/esm/loader.js +2 -2
- package/dist/esm/toggle-checkbox-input.entry.js +12 -16
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/p-09c73744.js +2 -0
- package/dist/general-input/p-1922ef4e.entry.js +1 -0
- package/dist/general-input/{p-cc4fcb3f.entry.js → p-5b3e1098.entry.js} +1912 -926
- package/dist/general-input/p-ab0375f4.entry.js +1 -0
- package/package.json +1 -1
- package/dist/general-input/p-3cab3b95.entry.js +0 -1
- package/dist/general-input/p-3ce1e382.js +0 -2
- package/dist/general-input/p-e5532cb1.entry.js +0 -1
|
@@ -2,29 +2,28 @@ import { h, Host } from "@stencil/core";
|
|
|
2
2
|
import { getTranslations } from "../../utils/locale.utils";
|
|
3
3
|
export class GeneralInput {
|
|
4
4
|
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* Type the general-input should take. Can take the default HTML input values.
|
|
7
|
+
*/
|
|
8
|
+
this.type = 'text';
|
|
9
|
+
/**
|
|
10
|
+
* Client custom styling via inline style
|
|
11
|
+
*/
|
|
12
|
+
this.clientStyling = '';
|
|
13
|
+
/**
|
|
14
|
+
* Translations via URL
|
|
15
|
+
*/
|
|
16
|
+
this.translationUrl = '';
|
|
17
|
+
/**
|
|
18
|
+
* Emit event on click
|
|
19
|
+
*/
|
|
20
|
+
this.emitOnClick = false;
|
|
5
21
|
this.handleClick = (event) => {
|
|
6
22
|
if (this.emitOnClick) {
|
|
7
23
|
event.stopPropagation();
|
|
8
24
|
window.postMessage({ type: `registration${this.name}Clicked` }, window.location.href);
|
|
9
25
|
}
|
|
10
26
|
};
|
|
11
|
-
this.type = 'text';
|
|
12
|
-
this.name = undefined;
|
|
13
|
-
this.displayName = undefined;
|
|
14
|
-
this.placeholder = undefined;
|
|
15
|
-
this.action = undefined;
|
|
16
|
-
this.validation = undefined;
|
|
17
|
-
this.options = undefined;
|
|
18
|
-
this.language = undefined;
|
|
19
|
-
this.autofilled = undefined;
|
|
20
|
-
this.tooltip = undefined;
|
|
21
|
-
this.defaultValue = undefined;
|
|
22
|
-
this.emitValue = undefined;
|
|
23
|
-
this.isDuplicateInput = undefined;
|
|
24
|
-
this.clientStyling = '';
|
|
25
|
-
this.dateFormat = undefined;
|
|
26
|
-
this.translationUrl = '';
|
|
27
|
-
this.emitOnClick = false;
|
|
28
27
|
}
|
|
29
28
|
connectedCallback() {
|
|
30
29
|
if (this.translationUrl) {
|
|
@@ -91,6 +90,8 @@ export class GeneralInput {
|
|
|
91
90
|
"tags": [],
|
|
92
91
|
"text": "Type the general-input should take. Can take the default HTML input values."
|
|
93
92
|
},
|
|
93
|
+
"getter": false,
|
|
94
|
+
"setter": false,
|
|
94
95
|
"attribute": "type",
|
|
95
96
|
"reflect": true,
|
|
96
97
|
"defaultValue": "'text'"
|
|
@@ -109,6 +110,8 @@ export class GeneralInput {
|
|
|
109
110
|
"tags": [],
|
|
110
111
|
"text": "Name of the input."
|
|
111
112
|
},
|
|
113
|
+
"getter": false,
|
|
114
|
+
"setter": false,
|
|
112
115
|
"attribute": "name",
|
|
113
116
|
"reflect": true
|
|
114
117
|
},
|
|
@@ -126,6 +129,8 @@ export class GeneralInput {
|
|
|
126
129
|
"tags": [],
|
|
127
130
|
"text": "Name of input to be shown to the user."
|
|
128
131
|
},
|
|
132
|
+
"getter": false,
|
|
133
|
+
"setter": false,
|
|
129
134
|
"attribute": "display-name",
|
|
130
135
|
"reflect": true
|
|
131
136
|
},
|
|
@@ -143,6 +148,8 @@ export class GeneralInput {
|
|
|
143
148
|
"tags": [],
|
|
144
149
|
"text": "Placeholder text to be shown."
|
|
145
150
|
},
|
|
151
|
+
"getter": false,
|
|
152
|
+
"setter": false,
|
|
146
153
|
"attribute": "placeholder",
|
|
147
154
|
"reflect": true
|
|
148
155
|
},
|
|
@@ -160,6 +167,8 @@ export class GeneralInput {
|
|
|
160
167
|
"tags": [],
|
|
161
168
|
"text": "Special behaviour an input should have. Can be fetching for data."
|
|
162
169
|
},
|
|
170
|
+
"getter": false,
|
|
171
|
+
"setter": false,
|
|
163
172
|
"attribute": "action",
|
|
164
173
|
"reflect": true
|
|
165
174
|
},
|
|
@@ -182,7 +191,9 @@ export class GeneralInput {
|
|
|
182
191
|
"docs": {
|
|
183
192
|
"tags": [],
|
|
184
193
|
"text": "Object of validation rules for the input."
|
|
185
|
-
}
|
|
194
|
+
},
|
|
195
|
+
"getter": false,
|
|
196
|
+
"setter": false
|
|
186
197
|
},
|
|
187
198
|
"options": {
|
|
188
199
|
"type": "any",
|
|
@@ -198,6 +209,8 @@ export class GeneralInput {
|
|
|
198
209
|
"tags": [],
|
|
199
210
|
"text": "For input elements that have multiple options or choises."
|
|
200
211
|
},
|
|
212
|
+
"getter": false,
|
|
213
|
+
"setter": false,
|
|
201
214
|
"attribute": "options",
|
|
202
215
|
"reflect": true
|
|
203
216
|
},
|
|
@@ -215,6 +228,8 @@ export class GeneralInput {
|
|
|
215
228
|
"tags": [],
|
|
216
229
|
"text": "Currently selected language."
|
|
217
230
|
},
|
|
231
|
+
"getter": false,
|
|
232
|
+
"setter": false,
|
|
218
233
|
"attribute": "language",
|
|
219
234
|
"reflect": true
|
|
220
235
|
},
|
|
@@ -232,6 +247,8 @@ export class GeneralInput {
|
|
|
232
247
|
"tags": [],
|
|
233
248
|
"text": "Boolean. Determines if input should be readonly."
|
|
234
249
|
},
|
|
250
|
+
"getter": false,
|
|
251
|
+
"setter": false,
|
|
235
252
|
"attribute": "autofilled",
|
|
236
253
|
"reflect": true
|
|
237
254
|
},
|
|
@@ -249,6 +266,8 @@ export class GeneralInput {
|
|
|
249
266
|
"tags": [],
|
|
250
267
|
"text": "Tooltip text."
|
|
251
268
|
},
|
|
269
|
+
"getter": false,
|
|
270
|
+
"setter": false,
|
|
252
271
|
"attribute": "tooltip",
|
|
253
272
|
"reflect": true
|
|
254
273
|
},
|
|
@@ -266,6 +285,8 @@ export class GeneralInput {
|
|
|
266
285
|
"tags": [],
|
|
267
286
|
"text": "Default value for the input."
|
|
268
287
|
},
|
|
288
|
+
"getter": false,
|
|
289
|
+
"setter": false,
|
|
269
290
|
"attribute": "default-value",
|
|
270
291
|
"reflect": true
|
|
271
292
|
},
|
|
@@ -283,6 +304,8 @@ export class GeneralInput {
|
|
|
283
304
|
"tags": [],
|
|
284
305
|
"text": "State passed down from the parent element. Will trigger the child specialised input to send it's value through an event."
|
|
285
306
|
},
|
|
307
|
+
"getter": false,
|
|
308
|
+
"setter": false,
|
|
286
309
|
"attribute": "emit-value",
|
|
287
310
|
"reflect": true
|
|
288
311
|
},
|
|
@@ -300,6 +323,8 @@ export class GeneralInput {
|
|
|
300
323
|
"tags": [],
|
|
301
324
|
"text": "Boolean that triggers certain validation rules, for duplicated inputs."
|
|
302
325
|
},
|
|
326
|
+
"getter": false,
|
|
327
|
+
"setter": false,
|
|
303
328
|
"attribute": "is-duplicate-input",
|
|
304
329
|
"reflect": true
|
|
305
330
|
},
|
|
@@ -317,6 +342,8 @@ export class GeneralInput {
|
|
|
317
342
|
"tags": [],
|
|
318
343
|
"text": "Client custom styling via inline style"
|
|
319
344
|
},
|
|
345
|
+
"getter": false,
|
|
346
|
+
"setter": false,
|
|
320
347
|
"attribute": "client-styling",
|
|
321
348
|
"reflect": true,
|
|
322
349
|
"defaultValue": "''"
|
|
@@ -335,6 +362,8 @@ export class GeneralInput {
|
|
|
335
362
|
"tags": [],
|
|
336
363
|
"text": "Date format for date picker."
|
|
337
364
|
},
|
|
365
|
+
"getter": false,
|
|
366
|
+
"setter": false,
|
|
338
367
|
"attribute": "date-format",
|
|
339
368
|
"reflect": true
|
|
340
369
|
},
|
|
@@ -352,6 +381,8 @@ export class GeneralInput {
|
|
|
352
381
|
"tags": [],
|
|
353
382
|
"text": "Translations via URL"
|
|
354
383
|
},
|
|
384
|
+
"getter": false,
|
|
385
|
+
"setter": false,
|
|
355
386
|
"attribute": "translation-url",
|
|
356
387
|
"reflect": true,
|
|
357
388
|
"defaultValue": "''"
|
|
@@ -370,6 +401,8 @@ export class GeneralInput {
|
|
|
370
401
|
"tags": [],
|
|
371
402
|
"text": "Emit event on click"
|
|
372
403
|
},
|
|
404
|
+
"getter": false,
|
|
405
|
+
"setter": false,
|
|
373
406
|
"attribute": "emit-on-click",
|
|
374
407
|
"reflect": true,
|
|
375
408
|
"defaultValue": "false"
|
|
@@ -3,6 +3,12 @@ import { translate } from "../../utils/locale.utils";
|
|
|
3
3
|
import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
4
4
|
export class NumberInput {
|
|
5
5
|
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Client custom styling via inline style
|
|
8
|
+
*/
|
|
9
|
+
this.clientStyling = '';
|
|
10
|
+
this.limitStylingAppends = false;
|
|
11
|
+
this.showTooltip = false;
|
|
6
12
|
this.validationPattern = '';
|
|
7
13
|
this.touched = false;
|
|
8
14
|
this.handleInput = (event) => {
|
|
@@ -27,20 +33,6 @@ export class NumberInput {
|
|
|
27
33
|
sheet.innerHTML = this.clientStyling;
|
|
28
34
|
this.stylingContainer.prepend(sheet);
|
|
29
35
|
};
|
|
30
|
-
this.name = undefined;
|
|
31
|
-
this.displayName = undefined;
|
|
32
|
-
this.placeholder = undefined;
|
|
33
|
-
this.validation = undefined;
|
|
34
|
-
this.defaultValue = undefined;
|
|
35
|
-
this.autofilled = undefined;
|
|
36
|
-
this.tooltip = undefined;
|
|
37
|
-
this.language = undefined;
|
|
38
|
-
this.emitValue = undefined;
|
|
39
|
-
this.clientStyling = '';
|
|
40
|
-
this.errorMessage = undefined;
|
|
41
|
-
this.isValid = undefined;
|
|
42
|
-
this.limitStylingAppends = false;
|
|
43
|
-
this.showTooltip = false;
|
|
44
36
|
}
|
|
45
37
|
validityChanged() {
|
|
46
38
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -149,6 +141,8 @@ export class NumberInput {
|
|
|
149
141
|
"tags": [],
|
|
150
142
|
"text": "Name of the input."
|
|
151
143
|
},
|
|
144
|
+
"getter": false,
|
|
145
|
+
"setter": false,
|
|
152
146
|
"attribute": "name",
|
|
153
147
|
"reflect": true
|
|
154
148
|
},
|
|
@@ -166,6 +160,8 @@ export class NumberInput {
|
|
|
166
160
|
"tags": [],
|
|
167
161
|
"text": "Name of input to be shown to the user."
|
|
168
162
|
},
|
|
163
|
+
"getter": false,
|
|
164
|
+
"setter": false,
|
|
169
165
|
"attribute": "display-name",
|
|
170
166
|
"reflect": true
|
|
171
167
|
},
|
|
@@ -183,6 +179,8 @@ export class NumberInput {
|
|
|
183
179
|
"tags": [],
|
|
184
180
|
"text": "Placeholder text to be shown."
|
|
185
181
|
},
|
|
182
|
+
"getter": false,
|
|
183
|
+
"setter": false,
|
|
186
184
|
"attribute": "placeholder",
|
|
187
185
|
"reflect": true
|
|
188
186
|
},
|
|
@@ -205,7 +203,9 @@ export class NumberInput {
|
|
|
205
203
|
"docs": {
|
|
206
204
|
"tags": [],
|
|
207
205
|
"text": "Object of validation rules for the input."
|
|
208
|
-
}
|
|
206
|
+
},
|
|
207
|
+
"getter": false,
|
|
208
|
+
"setter": false
|
|
209
209
|
},
|
|
210
210
|
"defaultValue": {
|
|
211
211
|
"type": "string",
|
|
@@ -221,6 +221,8 @@ export class NumberInput {
|
|
|
221
221
|
"tags": [],
|
|
222
222
|
"text": "Default value for the input."
|
|
223
223
|
},
|
|
224
|
+
"getter": false,
|
|
225
|
+
"setter": false,
|
|
224
226
|
"attribute": "default-value",
|
|
225
227
|
"reflect": true
|
|
226
228
|
},
|
|
@@ -238,6 +240,8 @@ export class NumberInput {
|
|
|
238
240
|
"tags": [],
|
|
239
241
|
"text": "Boolean. Determines if input should be readonly."
|
|
240
242
|
},
|
|
243
|
+
"getter": false,
|
|
244
|
+
"setter": false,
|
|
241
245
|
"attribute": "autofilled",
|
|
242
246
|
"reflect": true
|
|
243
247
|
},
|
|
@@ -255,6 +259,8 @@ export class NumberInput {
|
|
|
255
259
|
"tags": [],
|
|
256
260
|
"text": "Tooltip text."
|
|
257
261
|
},
|
|
262
|
+
"getter": false,
|
|
263
|
+
"setter": false,
|
|
258
264
|
"attribute": "tooltip",
|
|
259
265
|
"reflect": true
|
|
260
266
|
},
|
|
@@ -272,6 +278,8 @@ export class NumberInput {
|
|
|
272
278
|
"tags": [],
|
|
273
279
|
"text": "Currently selected language."
|
|
274
280
|
},
|
|
281
|
+
"getter": false,
|
|
282
|
+
"setter": false,
|
|
275
283
|
"attribute": "language",
|
|
276
284
|
"reflect": true
|
|
277
285
|
},
|
|
@@ -289,6 +297,8 @@ export class NumberInput {
|
|
|
289
297
|
"tags": [],
|
|
290
298
|
"text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
|
|
291
299
|
},
|
|
300
|
+
"getter": false,
|
|
301
|
+
"setter": false,
|
|
292
302
|
"attribute": "emit-value",
|
|
293
303
|
"reflect": true
|
|
294
304
|
},
|
|
@@ -306,6 +316,8 @@ export class NumberInput {
|
|
|
306
316
|
"tags": [],
|
|
307
317
|
"text": "Client custom styling via inline style"
|
|
308
318
|
},
|
|
319
|
+
"getter": false,
|
|
320
|
+
"setter": false,
|
|
309
321
|
"attribute": "client-styling",
|
|
310
322
|
"reflect": true,
|
|
311
323
|
"defaultValue": "''"
|
|
@@ -4,6 +4,17 @@ import "@vaadin/password-field";
|
|
|
4
4
|
import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
5
5
|
export class PasswordInput {
|
|
6
6
|
constructor() {
|
|
7
|
+
/**
|
|
8
|
+
* Default value for the input.
|
|
9
|
+
*/
|
|
10
|
+
this.defaultValue = '';
|
|
11
|
+
/**
|
|
12
|
+
* Client custom styling via inline style
|
|
13
|
+
*/
|
|
14
|
+
this.clientStyling = '';
|
|
15
|
+
this.limitStylingAppends = false;
|
|
16
|
+
this.showTooltip = false;
|
|
17
|
+
this.value = '';
|
|
7
18
|
this.touched = false;
|
|
8
19
|
this.originalValid = false;
|
|
9
20
|
this.validationPattern = '';
|
|
@@ -42,24 +53,6 @@ export class PasswordInput {
|
|
|
42
53
|
sheet.innerHTML = this.clientStyling;
|
|
43
54
|
this.stylingContainer.prepend(sheet);
|
|
44
55
|
};
|
|
45
|
-
this.name = undefined;
|
|
46
|
-
this.displayName = undefined;
|
|
47
|
-
this.placeholder = undefined;
|
|
48
|
-
this.defaultValue = '';
|
|
49
|
-
this.autofilled = undefined;
|
|
50
|
-
this.tooltip = undefined;
|
|
51
|
-
this.validation = undefined;
|
|
52
|
-
this.language = undefined;
|
|
53
|
-
this.emitValue = undefined;
|
|
54
|
-
this.isDuplicateInput = undefined;
|
|
55
|
-
this.clientStyling = '';
|
|
56
|
-
this.isValid = undefined;
|
|
57
|
-
this.errorMessage = undefined;
|
|
58
|
-
this.limitStylingAppends = false;
|
|
59
|
-
this.showTooltip = false;
|
|
60
|
-
this.passwordComplexity = undefined;
|
|
61
|
-
this.showPopup = undefined;
|
|
62
|
-
this.value = '';
|
|
63
56
|
}
|
|
64
57
|
validityChanged() {
|
|
65
58
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -250,6 +243,8 @@ export class PasswordInput {
|
|
|
250
243
|
"tags": [],
|
|
251
244
|
"text": "Name of the input."
|
|
252
245
|
},
|
|
246
|
+
"getter": false,
|
|
247
|
+
"setter": false,
|
|
253
248
|
"attribute": "name",
|
|
254
249
|
"reflect": true
|
|
255
250
|
},
|
|
@@ -267,6 +262,8 @@ export class PasswordInput {
|
|
|
267
262
|
"tags": [],
|
|
268
263
|
"text": "Name of input to be shown to the user."
|
|
269
264
|
},
|
|
265
|
+
"getter": false,
|
|
266
|
+
"setter": false,
|
|
270
267
|
"attribute": "display-name",
|
|
271
268
|
"reflect": true
|
|
272
269
|
},
|
|
@@ -284,6 +281,8 @@ export class PasswordInput {
|
|
|
284
281
|
"tags": [],
|
|
285
282
|
"text": "Placeholder text to be shown."
|
|
286
283
|
},
|
|
284
|
+
"getter": false,
|
|
285
|
+
"setter": false,
|
|
287
286
|
"attribute": "placeholder",
|
|
288
287
|
"reflect": true
|
|
289
288
|
},
|
|
@@ -301,6 +300,8 @@ export class PasswordInput {
|
|
|
301
300
|
"tags": [],
|
|
302
301
|
"text": "Default value for the input."
|
|
303
302
|
},
|
|
303
|
+
"getter": false,
|
|
304
|
+
"setter": false,
|
|
304
305
|
"attribute": "default-value",
|
|
305
306
|
"reflect": true,
|
|
306
307
|
"defaultValue": "''"
|
|
@@ -319,6 +320,8 @@ export class PasswordInput {
|
|
|
319
320
|
"tags": [],
|
|
320
321
|
"text": "Boolean. Determines if input should be readonly."
|
|
321
322
|
},
|
|
323
|
+
"getter": false,
|
|
324
|
+
"setter": false,
|
|
322
325
|
"attribute": "autofilled",
|
|
323
326
|
"reflect": true
|
|
324
327
|
},
|
|
@@ -336,6 +339,8 @@ export class PasswordInput {
|
|
|
336
339
|
"tags": [],
|
|
337
340
|
"text": "Tooltip text."
|
|
338
341
|
},
|
|
342
|
+
"getter": false,
|
|
343
|
+
"setter": false,
|
|
339
344
|
"attribute": "tooltip",
|
|
340
345
|
"reflect": true
|
|
341
346
|
},
|
|
@@ -358,7 +363,9 @@ export class PasswordInput {
|
|
|
358
363
|
"docs": {
|
|
359
364
|
"tags": [],
|
|
360
365
|
"text": "Object of validation rules for the input."
|
|
361
|
-
}
|
|
366
|
+
},
|
|
367
|
+
"getter": false,
|
|
368
|
+
"setter": false
|
|
362
369
|
},
|
|
363
370
|
"language": {
|
|
364
371
|
"type": "string",
|
|
@@ -374,6 +381,8 @@ export class PasswordInput {
|
|
|
374
381
|
"tags": [],
|
|
375
382
|
"text": "Currently selected language."
|
|
376
383
|
},
|
|
384
|
+
"getter": false,
|
|
385
|
+
"setter": false,
|
|
377
386
|
"attribute": "language",
|
|
378
387
|
"reflect": true
|
|
379
388
|
},
|
|
@@ -391,6 +400,8 @@ export class PasswordInput {
|
|
|
391
400
|
"tags": [],
|
|
392
401
|
"text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
|
|
393
402
|
},
|
|
403
|
+
"getter": false,
|
|
404
|
+
"setter": false,
|
|
394
405
|
"attribute": "emit-value",
|
|
395
406
|
"reflect": true
|
|
396
407
|
},
|
|
@@ -408,6 +419,8 @@ export class PasswordInput {
|
|
|
408
419
|
"tags": [],
|
|
409
420
|
"text": "Flag for duplicate inputs, it sets up the input for certain validation rules."
|
|
410
421
|
},
|
|
422
|
+
"getter": false,
|
|
423
|
+
"setter": false,
|
|
411
424
|
"attribute": "is-duplicate-input",
|
|
412
425
|
"reflect": true
|
|
413
426
|
},
|
|
@@ -425,6 +438,8 @@ export class PasswordInput {
|
|
|
425
438
|
"tags": [],
|
|
426
439
|
"text": "Client custom styling via inline style"
|
|
427
440
|
},
|
|
441
|
+
"getter": false,
|
|
442
|
+
"setter": false,
|
|
428
443
|
"attribute": "client-styling",
|
|
429
444
|
"reflect": true,
|
|
430
445
|
"defaultValue": "''"
|
|
@@ -3,23 +3,17 @@ import { translate } from "../../utils/locale.utils";
|
|
|
3
3
|
import tooltipIcon from "../../utils/tooltipIcon.svg";
|
|
4
4
|
export class RadioInput {
|
|
5
5
|
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Client custom styling via inline style
|
|
8
|
+
*/
|
|
9
|
+
this.clientStyling = '';
|
|
10
|
+
this.limitStylingAppends = false;
|
|
11
|
+
this.showTooltip = false;
|
|
6
12
|
this.setClientStyling = () => {
|
|
7
13
|
let sheet = document.createElement('style');
|
|
8
14
|
sheet.innerHTML = this.clientStyling;
|
|
9
15
|
this.stylingContainer.prepend(sheet);
|
|
10
16
|
};
|
|
11
|
-
this.name = undefined;
|
|
12
|
-
this.displayName = undefined;
|
|
13
|
-
this.optionsGroup = undefined;
|
|
14
|
-
this.validation = undefined;
|
|
15
|
-
this.tooltip = undefined;
|
|
16
|
-
this.language = undefined;
|
|
17
|
-
this.emitValue = undefined;
|
|
18
|
-
this.clientStyling = '';
|
|
19
|
-
this.errorMessage = undefined;
|
|
20
|
-
this.isValid = undefined;
|
|
21
|
-
this.limitStylingAppends = false;
|
|
22
|
-
this.showTooltip = false;
|
|
23
17
|
}
|
|
24
18
|
validityChanged() {
|
|
25
19
|
this.validityStateHandler({ valid: this.isValid, name: this.name });
|
|
@@ -105,6 +99,8 @@ export class RadioInput {
|
|
|
105
99
|
"tags": [],
|
|
106
100
|
"text": "Name of the input."
|
|
107
101
|
},
|
|
102
|
+
"getter": false,
|
|
103
|
+
"setter": false,
|
|
108
104
|
"attribute": "name",
|
|
109
105
|
"reflect": true
|
|
110
106
|
},
|
|
@@ -122,6 +118,8 @@ export class RadioInput {
|
|
|
122
118
|
"tags": [],
|
|
123
119
|
"text": "Name of input to be shown to the user."
|
|
124
120
|
},
|
|
121
|
+
"getter": false,
|
|
122
|
+
"setter": false,
|
|
125
123
|
"attribute": "display-name",
|
|
126
124
|
"reflect": true
|
|
127
125
|
},
|
|
@@ -144,7 +142,9 @@ export class RadioInput {
|
|
|
144
142
|
"docs": {
|
|
145
143
|
"tags": [],
|
|
146
144
|
"text": "Options of the input."
|
|
147
|
-
}
|
|
145
|
+
},
|
|
146
|
+
"getter": false,
|
|
147
|
+
"setter": false
|
|
148
148
|
},
|
|
149
149
|
"validation": {
|
|
150
150
|
"type": "unknown",
|
|
@@ -165,7 +165,9 @@ export class RadioInput {
|
|
|
165
165
|
"docs": {
|
|
166
166
|
"tags": [],
|
|
167
167
|
"text": "Object of validation rules for the input."
|
|
168
|
-
}
|
|
168
|
+
},
|
|
169
|
+
"getter": false,
|
|
170
|
+
"setter": false
|
|
169
171
|
},
|
|
170
172
|
"tooltip": {
|
|
171
173
|
"type": "string",
|
|
@@ -181,6 +183,8 @@ export class RadioInput {
|
|
|
181
183
|
"tags": [],
|
|
182
184
|
"text": "Tooltip text."
|
|
183
185
|
},
|
|
186
|
+
"getter": false,
|
|
187
|
+
"setter": false,
|
|
184
188
|
"attribute": "tooltip",
|
|
185
189
|
"reflect": true
|
|
186
190
|
},
|
|
@@ -198,6 +202,8 @@ export class RadioInput {
|
|
|
198
202
|
"tags": [],
|
|
199
203
|
"text": "Currently selected language."
|
|
200
204
|
},
|
|
205
|
+
"getter": false,
|
|
206
|
+
"setter": false,
|
|
201
207
|
"attribute": "language",
|
|
202
208
|
"reflect": true
|
|
203
209
|
},
|
|
@@ -215,6 +221,8 @@ export class RadioInput {
|
|
|
215
221
|
"tags": [],
|
|
216
222
|
"text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
|
|
217
223
|
},
|
|
224
|
+
"getter": false,
|
|
225
|
+
"setter": false,
|
|
218
226
|
"attribute": "emit-value",
|
|
219
227
|
"reflect": true
|
|
220
228
|
},
|
|
@@ -232,6 +240,8 @@ export class RadioInput {
|
|
|
232
240
|
"tags": [],
|
|
233
241
|
"text": "Client custom styling via inline style"
|
|
234
242
|
},
|
|
243
|
+
"getter": false,
|
|
244
|
+
"setter": false,
|
|
235
245
|
"attribute": "client-styling",
|
|
236
246
|
"reflect": true,
|
|
237
247
|
"defaultValue": "''"
|