@everymatrix/general-input 1.10.2 → 1.15.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.
Files changed (96) hide show
  1. package/dist/cjs/checkbox-group-input_10.cjs.entry.js +35539 -0
  2. package/dist/cjs/general-input.cjs.entry.js +34 -13
  3. package/dist/cjs/general-input.cjs.js +2 -2
  4. package/dist/cjs/{index-64a5cb7f.js → index-132a0774.js} +119 -6
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/locale.utils-7665b010.js +71 -0
  7. package/dist/cjs/toggle-checkbox-input.cjs.entry.js +85 -0
  8. package/dist/cjs/tooltipIcon-092a795f.js +5 -0
  9. package/dist/collection/collection-manifest.json +3 -1
  10. package/dist/collection/components/checkbox-group-input/checkbox-group-input.css +62 -0
  11. package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +366 -0
  12. package/dist/collection/components/checkbox-input/checkbox-input.css +47 -1
  13. package/dist/collection/components/checkbox-input/checkbox-input.js +143 -16
  14. package/dist/collection/components/date-input/date-input.css +64 -30
  15. package/dist/collection/components/date-input/date-input.js +194 -13
  16. package/dist/collection/components/email-input/email-input.css +63 -28
  17. package/dist/collection/components/email-input/email-input.js +197 -21
  18. package/dist/collection/components/general-input/general-input.js +163 -21
  19. package/dist/collection/components/number-input/number-input.css +65 -30
  20. package/dist/collection/components/number-input/number-input.js +174 -19
  21. package/dist/collection/components/password-input/password-input.css +120 -29
  22. package/dist/collection/components/password-input/password-input.js +341 -25
  23. package/dist/collection/components/radio-input/radio-input.css +22 -1
  24. package/dist/collection/components/radio-input/radio-input.js +89 -10
  25. package/dist/collection/components/select-input/select-input.css +75 -22
  26. package/dist/collection/components/select-input/select-input.js +180 -37
  27. package/dist/collection/components/tel-input/tel-input.css +91 -33
  28. package/dist/collection/components/tel-input/tel-input.js +202 -24
  29. package/dist/collection/components/text-input/text-input.css +63 -28
  30. package/dist/collection/components/text-input/text-input.js +208 -39
  31. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.css +76 -0
  32. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +324 -0
  33. package/dist/collection/utils/locale.utils.js +52 -13
  34. package/dist/collection/utils/tooltipIcon.svg +5 -0
  35. package/dist/components/active-mixin.js +975 -0
  36. package/dist/components/checkbox-group-input.d.ts +11 -0
  37. package/dist/components/checkbox-group-input.js +6 -0
  38. package/dist/components/checkbox-group-input2.js +1125 -0
  39. package/dist/components/checkbox-input2.js +62 -12
  40. package/dist/components/date-input2.js +10247 -15
  41. package/dist/components/email-input2.js +98 -21
  42. package/dist/components/field-mixin.js +12712 -0
  43. package/dist/components/general-input.js +1 -118
  44. package/dist/components/general-input2.js +331 -0
  45. package/dist/components/input-field-shared-styles.js +1114 -0
  46. package/dist/components/number-input2.js +92 -16
  47. package/dist/components/password-input2.js +924 -24
  48. package/dist/components/pattern-mixin.js +85 -0
  49. package/dist/components/radio-input2.js +45 -11
  50. package/dist/components/select-input2.js +87 -27
  51. package/dist/components/tel-input2.js +122 -22
  52. package/dist/components/text-input2.js +120 -34
  53. package/dist/components/toggle-checkbox-input.d.ts +11 -0
  54. package/dist/components/toggle-checkbox-input.js +6 -0
  55. package/dist/components/tooltipIcon.js +70 -0
  56. package/dist/components/vaadin-button.js +461 -0
  57. package/dist/components/vaadin-combo-box.js +4329 -0
  58. package/dist/components/virtual-keyboard-controller.js +2658 -0
  59. package/dist/esm/checkbox-group-input_10.entry.js +35526 -0
  60. package/dist/esm/general-input.entry.js +34 -13
  61. package/dist/esm/general-input.js +2 -2
  62. package/dist/esm/{index-df80f936.js → index-db76d5b5.js} +118 -7
  63. package/dist/esm/loader.js +2 -2
  64. package/dist/esm/locale.utils-95ea2605.js +68 -0
  65. package/dist/esm/toggle-checkbox-input.entry.js +81 -0
  66. package/dist/esm/tooltipIcon-99c1c7b7.js +3 -0
  67. package/dist/general-input/general-input.esm.js +1 -1
  68. package/dist/general-input/p-0966f523.entry.js +3581 -0
  69. package/dist/general-input/p-916a1319.entry.js +1 -0
  70. package/dist/general-input/p-b408093e.js +1 -0
  71. package/dist/general-input/p-c2d4d6ac.entry.js +1 -0
  72. package/dist/general-input/p-f4f4ccda.js +1 -0
  73. package/dist/general-input/p-f6132f1d.js +1 -0
  74. package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +74 -0
  75. package/dist/types/components/checkbox-input/checkbox-input.d.ts +28 -2
  76. package/dist/types/components/date-input/date-input.d.ts +43 -1
  77. package/dist/types/components/email-input/email-input.d.ts +37 -3
  78. package/dist/types/components/general-input/general-input.d.ts +30 -0
  79. package/dist/types/components/number-input/number-input.d.ts +34 -3
  80. package/dist/types/components/password-input/password-input.d.ts +56 -7
  81. package/dist/types/components/radio-input/radio-input.d.ts +17 -1
  82. package/dist/types/components/select-input/select-input.d.ts +36 -3
  83. package/dist/types/components/tel-input/tel-input.d.ts +40 -5
  84. package/dist/types/components/text-input/text-input.d.ts +84 -0
  85. package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +67 -0
  86. package/dist/types/components.d.ts +568 -9
  87. package/dist/types/utils/locale.utils.d.ts +9 -0
  88. package/dist/types/utils/types.d.ts +41 -9
  89. package/package.json +8 -1
  90. package/dist/cjs/checkbox-input_9.cjs.entry.js +0 -623
  91. package/dist/components/locale.utils.js +0 -29
  92. package/dist/esm/checkbox-input_9.entry.js +0 -611
  93. package/dist/general-input/p-1703fce3.entry.js +0 -1
  94. package/dist/general-input/p-d9f7fa2e.js +0 -1
  95. package/dist/general-input/p-dea0a4ac.entry.js +0 -1
  96. /package/dist/types/Users/{user/workspace/everymatrix → adrian.pripon/Documents/Work}/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -0
@@ -5,9 +5,63 @@
5
5
  * It contains typing information for all components that exist in this project.
6
6
  */
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
- import { InputStateEvent, InputValueEvent, Option, ValidationSchema } from "./utils/types";
8
+ import { InputStateEvent, InputValueEvent, Option, RegCfgContentField, ValidationSchema } from "./utils/types";
9
9
  export namespace Components {
10
+ interface CheckboxGroupInput {
11
+ /**
12
+ * Boolean. Determines if input should be readonly.
13
+ */
14
+ "autofilled": boolean;
15
+ /**
16
+ * Client custom styling via inline style
17
+ */
18
+ "clientStyling": string;
19
+ /**
20
+ * Default value for the input.
21
+ */
22
+ "defaultValue": string;
23
+ /**
24
+ * Name of input to be shown to the user.
25
+ */
26
+ "displayName": string;
27
+ /**
28
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
29
+ */
30
+ "emitValue": boolean;
31
+ /**
32
+ * Currently selected language.
33
+ */
34
+ "language": string;
35
+ /**
36
+ * Name of the input.
37
+ */
38
+ "name": string;
39
+ /**
40
+ * Options of the input.
41
+ */
42
+ "options": RegCfgContentField[];
43
+ /**
44
+ * Tooltip text.
45
+ */
46
+ "tooltip": string;
47
+ /**
48
+ * Object of validation rules for the input.
49
+ */
50
+ "validation": ValidationSchema;
51
+ }
10
52
  interface CheckboxInput {
53
+ /**
54
+ * Boolean. Determines if input should be readonly.
55
+ */
56
+ "autofilled": boolean;
57
+ /**
58
+ * Client custom styling via inline style
59
+ */
60
+ "clientStyling": string;
61
+ /**
62
+ * Default value for the input.
63
+ */
64
+ "defaultValue": string;
11
65
  /**
12
66
  * Name of input to be shown to the user.
13
67
  */
@@ -24,12 +78,28 @@ export namespace Components {
24
78
  * Name of the input.
25
79
  */
26
80
  "name": string;
81
+ /**
82
+ * Tooltip text.
83
+ */
84
+ "tooltip": string;
27
85
  /**
28
86
  * Object of validation rules for the input.
29
87
  */
30
88
  "validation": ValidationSchema;
31
89
  }
32
90
  interface DateInput {
91
+ /**
92
+ * Boolean. Determines if input should be readonly.
93
+ */
94
+ "autofilled": boolean;
95
+ /**
96
+ * Client custom styling via inline style
97
+ */
98
+ "clientStyling": string;
99
+ /**
100
+ * Date format for date picker.
101
+ */
102
+ "dateFormat": string;
33
103
  /**
34
104
  * Default value for the input.
35
105
  */
@@ -50,12 +120,28 @@ export namespace Components {
50
120
  * Name of the input.
51
121
  */
52
122
  "name": string;
123
+ /**
124
+ * Placeholder text to be shown.
125
+ */
126
+ "placeholder": string;
127
+ /**
128
+ * Tooltip text.
129
+ */
130
+ "tooltip": string;
53
131
  /**
54
132
  * Object of validation rules for the input.
55
133
  */
56
134
  "validation": ValidationSchema;
57
135
  }
58
136
  interface EmailInput {
137
+ /**
138
+ * Boolean. Determines if input should be readonly.
139
+ */
140
+ "autofilled": boolean;
141
+ /**
142
+ * Client custom styling via inline style
143
+ */
144
+ "clientStyling": string;
59
145
  /**
60
146
  * Default value for the input.
61
147
  */
@@ -68,6 +154,10 @@ export namespace Components {
68
154
  * State passed down from the parent element. Will trigger the input to send it's value through an event.
69
155
  */
70
156
  "emitValue": boolean;
157
+ /**
158
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
159
+ */
160
+ "isDuplicateInput": boolean;
71
161
  /**
72
162
  * Currently selected language.
73
163
  */
@@ -76,6 +166,14 @@ export namespace Components {
76
166
  * Name of the input.
77
167
  */
78
168
  "name": string;
169
+ /**
170
+ * Placeholder text to be shown.
171
+ */
172
+ "placeholder": string;
173
+ /**
174
+ * Tooltip text.
175
+ */
176
+ "tooltip": string;
79
177
  /**
80
178
  * Object of validation rules for the input.
81
179
  */
@@ -86,6 +184,18 @@ export namespace Components {
86
184
  * Special behaviour an input should have. Can be fetching for data.
87
185
  */
88
186
  "action": string;
187
+ /**
188
+ * Boolean. Determines if input should be readonly.
189
+ */
190
+ "autofilled": boolean;
191
+ /**
192
+ * Client custom styling via inline style
193
+ */
194
+ "clientStyling": any;
195
+ /**
196
+ * Date format for date picker.
197
+ */
198
+ "dateFormat": string;
89
199
  /**
90
200
  * Default value for the input.
91
201
  */
@@ -98,6 +208,10 @@ export namespace Components {
98
208
  * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
99
209
  */
100
210
  "emitValue": boolean;
211
+ /**
212
+ * Boolean that triggers certain validation rules, for duplicated inputs.
213
+ */
214
+ "isDuplicateInput": boolean;
101
215
  /**
102
216
  * Currently selected language.
103
217
  */
@@ -110,6 +224,18 @@ export namespace Components {
110
224
  * For input elements that have multiple options or choises.
111
225
  */
112
226
  "options": any;
227
+ /**
228
+ * Placeholder text to be shown.
229
+ */
230
+ "placeholder": string;
231
+ /**
232
+ * Tooltip text.
233
+ */
234
+ "tooltip": string;
235
+ /**
236
+ * Translations via URL
237
+ */
238
+ "translationUrl": string;
113
239
  /**
114
240
  * Type the general-input should take. Can take the default HTML input values.
115
241
  */
@@ -120,10 +246,18 @@ export namespace Components {
120
246
  "validation": ValidationSchema;
121
247
  }
122
248
  interface NumberInput {
249
+ /**
250
+ * Boolean. Determines if input should be readonly.
251
+ */
252
+ "autofilled": boolean;
253
+ /**
254
+ * Client custom styling via inline style
255
+ */
256
+ "clientStyling": string;
123
257
  /**
124
258
  * Default value for the input.
125
259
  */
126
- "defaultValue": number;
260
+ "defaultValue": string;
127
261
  /**
128
262
  * Name of input to be shown to the user.
129
263
  */
@@ -140,12 +274,32 @@ export namespace Components {
140
274
  * Name of the input.
141
275
  */
142
276
  "name": string;
277
+ /**
278
+ * Placeholder text to be shown.
279
+ */
280
+ "placeholder": string;
281
+ /**
282
+ * Tooltip text.
283
+ */
284
+ "tooltip": string;
143
285
  /**
144
286
  * Object of validation rules for the input.
145
287
  */
146
288
  "validation": ValidationSchema;
147
289
  }
148
290
  interface PasswordInput {
291
+ /**
292
+ * Boolean. Determines if input should be readonly.
293
+ */
294
+ "autofilled": boolean;
295
+ /**
296
+ * Client custom styling via inline style
297
+ */
298
+ "clientStyling": string;
299
+ /**
300
+ * Default value for the input.
301
+ */
302
+ "defaultValue": string;
149
303
  /**
150
304
  * Name of input to be shown to the user.
151
305
  */
@@ -154,6 +308,10 @@ export namespace Components {
154
308
  * State passed down from the parent element. Will trigger the input to send it's value through an event.
155
309
  */
156
310
  "emitValue": boolean;
311
+ /**
312
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
313
+ */
314
+ "isDuplicateInput": boolean;
157
315
  /**
158
316
  * Currently selected language.
159
317
  */
@@ -162,12 +320,24 @@ export namespace Components {
162
320
  * Name of the input.
163
321
  */
164
322
  "name": string;
323
+ /**
324
+ * Placeholder text to be shown.
325
+ */
326
+ "placeholder": string;
327
+ /**
328
+ * Tooltip text.
329
+ */
330
+ "tooltip": string;
165
331
  /**
166
332
  * Object of validation rules for the input.
167
333
  */
168
334
  "validation": ValidationSchema;
169
335
  }
170
336
  interface RadioInput {
337
+ /**
338
+ * Client custom styling via inline style
339
+ */
340
+ "clientStyling": string;
171
341
  /**
172
342
  * Name of input to be shown to the user.
173
343
  */
@@ -188,6 +358,10 @@ export namespace Components {
188
358
  * Options of the input.
189
359
  */
190
360
  "optionsGroup": Option[];
361
+ /**
362
+ * Tooltip text.
363
+ */
364
+ "tooltip": string;
191
365
  /**
192
366
  * Object of validation rules for the input.
193
367
  */
@@ -198,6 +372,18 @@ export namespace Components {
198
372
  * Special behaviour an input should have. Can be fetching for data.
199
373
  */
200
374
  "action": string;
375
+ /**
376
+ * Boolean. Determines if input should be readonly.
377
+ */
378
+ "autofilled": boolean;
379
+ /**
380
+ * Client custom styling via inline style
381
+ */
382
+ "clientStyling": string;
383
+ /**
384
+ * Default value for the input.
385
+ */
386
+ "defaultValue": string;
201
387
  /**
202
388
  * Name of input to be shown to the user.
203
389
  */
@@ -218,6 +404,14 @@ export namespace Components {
218
404
  * Options of the input.
219
405
  */
220
406
  "options": Option[];
407
+ /**
408
+ * Placeholder text to be shown.
409
+ */
410
+ "placeholder": string;
411
+ /**
412
+ * Tooltip text.
413
+ */
414
+ "tooltip": string;
221
415
  /**
222
416
  * Object of validation rules for the input.
223
417
  */
@@ -228,10 +422,18 @@ export namespace Components {
228
422
  * Special behaviour an input should have. Can be fetching for data.
229
423
  */
230
424
  "action": string;
425
+ /**
426
+ * Boolean. Determines if input should be readonly.
427
+ */
428
+ "autofilled": boolean;
429
+ /**
430
+ * Client custom styling via inline style
431
+ */
432
+ "clientStyling": string;
231
433
  /**
232
434
  * Default value for the input.
233
435
  */
234
- "defaultValue": number | string;
436
+ "defaultValue": string | any;
235
437
  /**
236
438
  * Name of input to be shown to the user.
237
439
  */
@@ -248,20 +450,82 @@ export namespace Components {
248
450
  * Name of the input.
249
451
  */
250
452
  "name": string;
453
+ /**
454
+ * Placeholder text to be shown.
455
+ */
456
+ "placeholder": string;
251
457
  /**
252
458
  * Boolean that defines if the widget show labels or placeholders.
253
459
  */
254
460
  "showLabels": boolean;
461
+ /**
462
+ * Tooltip text.
463
+ */
464
+ "tooltip": string;
255
465
  /**
256
466
  * Object of validation rules for the input.
257
467
  */
258
468
  "validation": ValidationSchema;
259
469
  }
260
470
  interface TextInput {
471
+ /**
472
+ * Boolean. Determines if input should be readonly.
473
+ */
474
+ "autofilled": boolean;
261
475
  /**
262
476
  * State passed down from the parent element. Will trigger the input to check for validity.
263
477
  */
264
478
  "checkValidity": boolean;
479
+ /**
480
+ * Client custom styling via inline style
481
+ */
482
+ "clientStyling": string;
483
+ /**
484
+ * Default value for the input.
485
+ */
486
+ "defaultValue": string;
487
+ /**
488
+ * Name of input to be shown to the user.
489
+ */
490
+ "displayName": string;
491
+ /**
492
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
493
+ */
494
+ "emitValue": boolean;
495
+ /**
496
+ * Boolean that triggers certain validation rules, for duplicated inputs.
497
+ */
498
+ "isDuplicateInput": boolean;
499
+ /**
500
+ * Currently selected language.
501
+ */
502
+ "language": string;
503
+ /**
504
+ * Name of the input.
505
+ */
506
+ "name": string;
507
+ /**
508
+ * Placeholder text to be shown.
509
+ */
510
+ "placeholder": string;
511
+ /**
512
+ * Tooltip text.
513
+ */
514
+ "tooltip": string;
515
+ /**
516
+ * Object of validation rules for the input.
517
+ */
518
+ "validation": ValidationSchema;
519
+ }
520
+ interface ToggleCheckboxInput {
521
+ /**
522
+ * Boolean. Determines if input should be readonly.
523
+ */
524
+ "autofilled": boolean;
525
+ /**
526
+ * Client custom styling via inline style
527
+ */
528
+ "clientStyling": string;
265
529
  /**
266
530
  * Default value for the input.
267
531
  */
@@ -283,9 +547,13 @@ export namespace Components {
283
547
  */
284
548
  "name": string;
285
549
  /**
286
- * -----------------------
550
+ * Options of the input.
551
+ */
552
+ "options": RegCfgContentField[];
553
+ /**
554
+ * Tooltip text.
287
555
  */
288
- "rules": string;
556
+ "tooltip": string;
289
557
  /**
290
558
  * Object of validation rules for the input.
291
559
  */
@@ -293,6 +561,12 @@ export namespace Components {
293
561
  }
294
562
  }
295
563
  declare global {
564
+ interface HTMLCheckboxGroupInputElement extends Components.CheckboxGroupInput, HTMLStencilElement {
565
+ }
566
+ var HTMLCheckboxGroupInputElement: {
567
+ prototype: HTMLCheckboxGroupInputElement;
568
+ new (): HTMLCheckboxGroupInputElement;
569
+ };
296
570
  interface HTMLCheckboxInputElement extends Components.CheckboxInput, HTMLStencilElement {
297
571
  }
298
572
  var HTMLCheckboxInputElement: {
@@ -353,7 +627,14 @@ declare global {
353
627
  prototype: HTMLTextInputElement;
354
628
  new (): HTMLTextInputElement;
355
629
  };
630
+ interface HTMLToggleCheckboxInputElement extends Components.ToggleCheckboxInput, HTMLStencilElement {
631
+ }
632
+ var HTMLToggleCheckboxInputElement: {
633
+ prototype: HTMLToggleCheckboxInputElement;
634
+ new (): HTMLToggleCheckboxInputElement;
635
+ };
356
636
  interface HTMLElementTagNameMap {
637
+ "checkbox-group-input": HTMLCheckboxGroupInputElement;
357
638
  "checkbox-input": HTMLCheckboxInputElement;
358
639
  "date-input": HTMLDateInputElement;
359
640
  "email-input": HTMLEmailInputElement;
@@ -364,10 +645,67 @@ declare global {
364
645
  "select-input": HTMLSelectInputElement;
365
646
  "tel-input": HTMLTelInputElement;
366
647
  "text-input": HTMLTextInputElement;
648
+ "toggle-checkbox-input": HTMLToggleCheckboxInputElement;
367
649
  }
368
650
  }
369
651
  declare namespace LocalJSX {
652
+ interface CheckboxGroupInput {
653
+ /**
654
+ * Boolean. Determines if input should be readonly.
655
+ */
656
+ "autofilled"?: boolean;
657
+ /**
658
+ * Client custom styling via inline style
659
+ */
660
+ "clientStyling"?: string;
661
+ /**
662
+ * Default value for the input.
663
+ */
664
+ "defaultValue"?: string;
665
+ /**
666
+ * Name of input to be shown to the user.
667
+ */
668
+ "displayName"?: string;
669
+ /**
670
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
671
+ */
672
+ "emitValue"?: boolean;
673
+ /**
674
+ * Currently selected language.
675
+ */
676
+ "language"?: string;
677
+ /**
678
+ * Name of the input.
679
+ */
680
+ "name"?: string;
681
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
682
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
683
+ /**
684
+ * Options of the input.
685
+ */
686
+ "options"?: RegCfgContentField[];
687
+ /**
688
+ * Tooltip text.
689
+ */
690
+ "tooltip"?: string;
691
+ /**
692
+ * Object of validation rules for the input.
693
+ */
694
+ "validation"?: ValidationSchema;
695
+ }
370
696
  interface CheckboxInput {
697
+ /**
698
+ * Boolean. Determines if input should be readonly.
699
+ */
700
+ "autofilled"?: boolean;
701
+ /**
702
+ * Client custom styling via inline style
703
+ */
704
+ "clientStyling"?: string;
705
+ /**
706
+ * Default value for the input.
707
+ */
708
+ "defaultValue"?: string;
371
709
  /**
372
710
  * Name of input to be shown to the user.
373
711
  */
@@ -386,12 +724,28 @@ declare namespace LocalJSX {
386
724
  "name"?: string;
387
725
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
388
726
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
727
+ /**
728
+ * Tooltip text.
729
+ */
730
+ "tooltip"?: string;
389
731
  /**
390
732
  * Object of validation rules for the input.
391
733
  */
392
734
  "validation"?: ValidationSchema;
393
735
  }
394
736
  interface DateInput {
737
+ /**
738
+ * Boolean. Determines if input should be readonly.
739
+ */
740
+ "autofilled"?: boolean;
741
+ /**
742
+ * Client custom styling via inline style
743
+ */
744
+ "clientStyling"?: string;
745
+ /**
746
+ * Date format for date picker.
747
+ */
748
+ "dateFormat"?: string;
395
749
  /**
396
750
  * Default value for the input.
397
751
  */
@@ -414,12 +768,28 @@ declare namespace LocalJSX {
414
768
  "name"?: string;
415
769
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
416
770
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
771
+ /**
772
+ * Placeholder text to be shown.
773
+ */
774
+ "placeholder"?: string;
775
+ /**
776
+ * Tooltip text.
777
+ */
778
+ "tooltip"?: string;
417
779
  /**
418
780
  * Object of validation rules for the input.
419
781
  */
420
782
  "validation"?: ValidationSchema;
421
783
  }
422
784
  interface EmailInput {
785
+ /**
786
+ * Boolean. Determines if input should be readonly.
787
+ */
788
+ "autofilled"?: boolean;
789
+ /**
790
+ * Client custom styling via inline style
791
+ */
792
+ "clientStyling"?: string;
423
793
  /**
424
794
  * Default value for the input.
425
795
  */
@@ -432,6 +802,10 @@ declare namespace LocalJSX {
432
802
  * State passed down from the parent element. Will trigger the input to send it's value through an event.
433
803
  */
434
804
  "emitValue"?: boolean;
805
+ /**
806
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
807
+ */
808
+ "isDuplicateInput"?: boolean;
435
809
  /**
436
810
  * Currently selected language.
437
811
  */
@@ -442,6 +816,14 @@ declare namespace LocalJSX {
442
816
  "name"?: string;
443
817
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
444
818
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
819
+ /**
820
+ * Placeholder text to be shown.
821
+ */
822
+ "placeholder"?: string;
823
+ /**
824
+ * Tooltip text.
825
+ */
826
+ "tooltip"?: string;
445
827
  /**
446
828
  * Object of validation rules for the input.
447
829
  */
@@ -452,6 +834,18 @@ declare namespace LocalJSX {
452
834
  * Special behaviour an input should have. Can be fetching for data.
453
835
  */
454
836
  "action"?: string;
837
+ /**
838
+ * Boolean. Determines if input should be readonly.
839
+ */
840
+ "autofilled"?: boolean;
841
+ /**
842
+ * Client custom styling via inline style
843
+ */
844
+ "clientStyling"?: any;
845
+ /**
846
+ * Date format for date picker.
847
+ */
848
+ "dateFormat"?: string;
455
849
  /**
456
850
  * Default value for the input.
457
851
  */
@@ -464,6 +858,10 @@ declare namespace LocalJSX {
464
858
  * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
465
859
  */
466
860
  "emitValue"?: boolean;
861
+ /**
862
+ * Boolean that triggers certain validation rules, for duplicated inputs.
863
+ */
864
+ "isDuplicateInput"?: boolean;
467
865
  /**
468
866
  * Currently selected language.
469
867
  */
@@ -476,6 +874,18 @@ declare namespace LocalJSX {
476
874
  * For input elements that have multiple options or choises.
477
875
  */
478
876
  "options"?: any;
877
+ /**
878
+ * Placeholder text to be shown.
879
+ */
880
+ "placeholder"?: string;
881
+ /**
882
+ * Tooltip text.
883
+ */
884
+ "tooltip"?: string;
885
+ /**
886
+ * Translations via URL
887
+ */
888
+ "translationUrl"?: string;
479
889
  /**
480
890
  * Type the general-input should take. Can take the default HTML input values.
481
891
  */
@@ -486,10 +896,18 @@ declare namespace LocalJSX {
486
896
  "validation"?: ValidationSchema;
487
897
  }
488
898
  interface NumberInput {
899
+ /**
900
+ * Boolean. Determines if input should be readonly.
901
+ */
902
+ "autofilled"?: boolean;
903
+ /**
904
+ * Client custom styling via inline style
905
+ */
906
+ "clientStyling"?: string;
489
907
  /**
490
908
  * Default value for the input.
491
909
  */
492
- "defaultValue"?: number;
910
+ "defaultValue"?: string;
493
911
  /**
494
912
  * Name of input to be shown to the user.
495
913
  */
@@ -508,12 +926,32 @@ declare namespace LocalJSX {
508
926
  "name"?: string;
509
927
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
510
928
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
929
+ /**
930
+ * Placeholder text to be shown.
931
+ */
932
+ "placeholder"?: string;
933
+ /**
934
+ * Tooltip text.
935
+ */
936
+ "tooltip"?: string;
511
937
  /**
512
938
  * Object of validation rules for the input.
513
939
  */
514
940
  "validation"?: ValidationSchema;
515
941
  }
516
942
  interface PasswordInput {
943
+ /**
944
+ * Boolean. Determines if input should be readonly.
945
+ */
946
+ "autofilled"?: boolean;
947
+ /**
948
+ * Client custom styling via inline style
949
+ */
950
+ "clientStyling"?: string;
951
+ /**
952
+ * Default value for the input.
953
+ */
954
+ "defaultValue"?: string;
517
955
  /**
518
956
  * Name of input to be shown to the user.
519
957
  */
@@ -522,6 +960,10 @@ declare namespace LocalJSX {
522
960
  * State passed down from the parent element. Will trigger the input to send it's value through an event.
523
961
  */
524
962
  "emitValue"?: boolean;
963
+ /**
964
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
965
+ */
966
+ "isDuplicateInput"?: boolean;
525
967
  /**
526
968
  * Currently selected language.
527
969
  */
@@ -531,13 +973,26 @@ declare namespace LocalJSX {
531
973
  */
532
974
  "name"?: string;
533
975
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
976
+ "onSendOriginalValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
534
977
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
978
+ /**
979
+ * Placeholder text to be shown.
980
+ */
981
+ "placeholder"?: string;
982
+ /**
983
+ * Tooltip text.
984
+ */
985
+ "tooltip"?: string;
535
986
  /**
536
987
  * Object of validation rules for the input.
537
988
  */
538
989
  "validation"?: ValidationSchema;
539
990
  }
540
991
  interface RadioInput {
992
+ /**
993
+ * Client custom styling via inline style
994
+ */
995
+ "clientStyling"?: string;
541
996
  /**
542
997
  * Name of input to be shown to the user.
543
998
  */
@@ -560,6 +1015,10 @@ declare namespace LocalJSX {
560
1015
  * Options of the input.
561
1016
  */
562
1017
  "optionsGroup"?: Option[];
1018
+ /**
1019
+ * Tooltip text.
1020
+ */
1021
+ "tooltip"?: string;
563
1022
  /**
564
1023
  * Object of validation rules for the input.
565
1024
  */
@@ -570,6 +1029,18 @@ declare namespace LocalJSX {
570
1029
  * Special behaviour an input should have. Can be fetching for data.
571
1030
  */
572
1031
  "action"?: string;
1032
+ /**
1033
+ * Boolean. Determines if input should be readonly.
1034
+ */
1035
+ "autofilled"?: boolean;
1036
+ /**
1037
+ * Client custom styling via inline style
1038
+ */
1039
+ "clientStyling"?: string;
1040
+ /**
1041
+ * Default value for the input.
1042
+ */
1043
+ "defaultValue"?: string;
573
1044
  /**
574
1045
  * Name of input to be shown to the user.
575
1046
  */
@@ -592,6 +1063,14 @@ declare namespace LocalJSX {
592
1063
  * Options of the input.
593
1064
  */
594
1065
  "options"?: Option[];
1066
+ /**
1067
+ * Placeholder text to be shown.
1068
+ */
1069
+ "placeholder"?: string;
1070
+ /**
1071
+ * Tooltip text.
1072
+ */
1073
+ "tooltip"?: string;
595
1074
  /**
596
1075
  * Object of validation rules for the input.
597
1076
  */
@@ -602,10 +1081,18 @@ declare namespace LocalJSX {
602
1081
  * Special behaviour an input should have. Can be fetching for data.
603
1082
  */
604
1083
  "action"?: string;
1084
+ /**
1085
+ * Boolean. Determines if input should be readonly.
1086
+ */
1087
+ "autofilled"?: boolean;
1088
+ /**
1089
+ * Client custom styling via inline style
1090
+ */
1091
+ "clientStyling"?: string;
605
1092
  /**
606
1093
  * Default value for the input.
607
1094
  */
608
- "defaultValue"?: number | string;
1095
+ "defaultValue"?: string | any;
609
1096
  /**
610
1097
  * Name of input to be shown to the user.
611
1098
  */
@@ -624,20 +1111,84 @@ declare namespace LocalJSX {
624
1111
  "name"?: string;
625
1112
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
626
1113
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
1114
+ /**
1115
+ * Placeholder text to be shown.
1116
+ */
1117
+ "placeholder"?: string;
627
1118
  /**
628
1119
  * Boolean that defines if the widget show labels or placeholders.
629
1120
  */
630
1121
  "showLabels"?: boolean;
1122
+ /**
1123
+ * Tooltip text.
1124
+ */
1125
+ "tooltip"?: string;
631
1126
  /**
632
1127
  * Object of validation rules for the input.
633
1128
  */
634
1129
  "validation"?: ValidationSchema;
635
1130
  }
636
1131
  interface TextInput {
1132
+ /**
1133
+ * Boolean. Determines if input should be readonly.
1134
+ */
1135
+ "autofilled"?: boolean;
637
1136
  /**
638
1137
  * State passed down from the parent element. Will trigger the input to check for validity.
639
1138
  */
640
1139
  "checkValidity"?: boolean;
1140
+ /**
1141
+ * Client custom styling via inline style
1142
+ */
1143
+ "clientStyling"?: string;
1144
+ /**
1145
+ * Default value for the input.
1146
+ */
1147
+ "defaultValue"?: string;
1148
+ /**
1149
+ * Name of input to be shown to the user.
1150
+ */
1151
+ "displayName"?: string;
1152
+ /**
1153
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
1154
+ */
1155
+ "emitValue"?: boolean;
1156
+ /**
1157
+ * Boolean that triggers certain validation rules, for duplicated inputs.
1158
+ */
1159
+ "isDuplicateInput"?: boolean;
1160
+ /**
1161
+ * Currently selected language.
1162
+ */
1163
+ "language"?: string;
1164
+ /**
1165
+ * Name of the input.
1166
+ */
1167
+ "name"?: string;
1168
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
1169
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
1170
+ /**
1171
+ * Placeholder text to be shown.
1172
+ */
1173
+ "placeholder"?: string;
1174
+ /**
1175
+ * Tooltip text.
1176
+ */
1177
+ "tooltip"?: string;
1178
+ /**
1179
+ * Object of validation rules for the input.
1180
+ */
1181
+ "validation"?: ValidationSchema;
1182
+ }
1183
+ interface ToggleCheckboxInput {
1184
+ /**
1185
+ * Boolean. Determines if input should be readonly.
1186
+ */
1187
+ "autofilled"?: boolean;
1188
+ /**
1189
+ * Client custom styling via inline style
1190
+ */
1191
+ "clientStyling"?: string;
641
1192
  /**
642
1193
  * Default value for the input.
643
1194
  */
@@ -661,15 +1212,20 @@ declare namespace LocalJSX {
661
1212
  "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
662
1213
  "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
663
1214
  /**
664
- * -----------------------
1215
+ * Options of the input.
1216
+ */
1217
+ "options"?: RegCfgContentField[];
1218
+ /**
1219
+ * Tooltip text.
665
1220
  */
666
- "rules"?: string;
1221
+ "tooltip"?: string;
667
1222
  /**
668
1223
  * Object of validation rules for the input.
669
1224
  */
670
1225
  "validation"?: ValidationSchema;
671
1226
  }
672
1227
  interface IntrinsicElements {
1228
+ "checkbox-group-input": CheckboxGroupInput;
673
1229
  "checkbox-input": CheckboxInput;
674
1230
  "date-input": DateInput;
675
1231
  "email-input": EmailInput;
@@ -680,12 +1236,14 @@ declare namespace LocalJSX {
680
1236
  "select-input": SelectInput;
681
1237
  "tel-input": TelInput;
682
1238
  "text-input": TextInput;
1239
+ "toggle-checkbox-input": ToggleCheckboxInput;
683
1240
  }
684
1241
  }
685
1242
  export { LocalJSX as JSX };
686
1243
  declare module "@stencil/core" {
687
1244
  export namespace JSX {
688
1245
  interface IntrinsicElements {
1246
+ "checkbox-group-input": LocalJSX.CheckboxGroupInput & JSXBase.HTMLAttributes<HTMLCheckboxGroupInputElement>;
689
1247
  "checkbox-input": LocalJSX.CheckboxInput & JSXBase.HTMLAttributes<HTMLCheckboxInputElement>;
690
1248
  "date-input": LocalJSX.DateInput & JSXBase.HTMLAttributes<HTMLDateInputElement>;
691
1249
  "email-input": LocalJSX.EmailInput & JSXBase.HTMLAttributes<HTMLEmailInputElement>;
@@ -696,6 +1254,7 @@ declare module "@stencil/core" {
696
1254
  "select-input": LocalJSX.SelectInput & JSXBase.HTMLAttributes<HTMLSelectInputElement>;
697
1255
  "tel-input": LocalJSX.TelInput & JSXBase.HTMLAttributes<HTMLTelInputElement>;
698
1256
  "text-input": LocalJSX.TextInput & JSXBase.HTMLAttributes<HTMLTextInputElement>;
1257
+ "toggle-checkbox-input": LocalJSX.ToggleCheckboxInput & JSXBase.HTMLAttributes<HTMLToggleCheckboxInputElement>;
699
1258
  }
700
1259
  }
701
1260
  }