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