@everymatrix/general-input 0.0.1

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 (121) hide show
  1. package/dist/cjs/checkbox-group-input_10.cjs.entry.js +34870 -0
  2. package/dist/cjs/general-input.cjs.entry.js +51 -0
  3. package/dist/cjs/general-input.cjs.js +19 -0
  4. package/dist/cjs/index-1768513d.js +1286 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/loader.cjs.js +21 -0
  7. package/dist/collection/collection-manifest.json +22 -0
  8. package/dist/collection/components/checkbox-group-input/checkbox-group-input.css +62 -0
  9. package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +344 -0
  10. package/dist/collection/components/checkbox-input/checkbox-input.css +62 -0
  11. package/dist/collection/components/checkbox-input/checkbox-input.js +322 -0
  12. package/dist/collection/components/date-input/date-input.css +85 -0
  13. package/dist/collection/components/date-input/date-input.js +341 -0
  14. package/dist/collection/components/email-input/email-input.css +83 -0
  15. package/dist/collection/components/email-input/email-input.js +382 -0
  16. package/dist/collection/components/general-input/general-input.css +3 -0
  17. package/dist/collection/components/general-input/general-input.js +296 -0
  18. package/dist/collection/components/number-input/number-input.css +90 -0
  19. package/dist/collection/components/number-input/number-input.js +349 -0
  20. package/dist/collection/components/password-input/password-input.css +86 -0
  21. package/dist/collection/components/password-input/password-input.js +395 -0
  22. package/dist/collection/components/radio-input/radio-input.css +43 -0
  23. package/dist/collection/components/radio-input/radio-input.js +298 -0
  24. package/dist/collection/components/select-input/select-input.css +93 -0
  25. package/dist/collection/components/select-input/select-input.js +412 -0
  26. package/dist/collection/components/tel-input/tel-input.css +116 -0
  27. package/dist/collection/components/tel-input/tel-input.js +421 -0
  28. package/dist/collection/components/text-input/text-input.css +83 -0
  29. package/dist/collection/components/text-input/text-input.js +406 -0
  30. package/dist/collection/index.js +1 -0
  31. package/dist/collection/utils/locale.utils.js +26 -0
  32. package/dist/collection/utils/tooltipIcon.svg +5 -0
  33. package/dist/collection/utils/types.js +1 -0
  34. package/dist/collection/utils/utils.js +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 +5793 -0
  39. package/dist/components/checkbox-input.d.ts +11 -0
  40. package/dist/components/checkbox-input.js +6 -0
  41. package/dist/components/checkbox-input2.js +127 -0
  42. package/dist/components/date-input.d.ts +11 -0
  43. package/dist/components/date-input.js +6 -0
  44. package/dist/components/date-input2.js +5182 -0
  45. package/dist/components/email-input.d.ts +11 -0
  46. package/dist/components/email-input.js +6 -0
  47. package/dist/components/email-input2.js +150 -0
  48. package/dist/components/field-mixin.js +12712 -0
  49. package/dist/components/general-input.d.ts +11 -0
  50. package/dist/components/general-input.js +140 -0
  51. package/dist/components/index.d.ts +26 -0
  52. package/dist/components/index.js +1 -0
  53. package/dist/components/input-field-shared-styles.js +1067 -0
  54. package/dist/components/number-input.d.ts +11 -0
  55. package/dist/components/number-input.js +6 -0
  56. package/dist/components/number-input2.js +139 -0
  57. package/dist/components/password-input.d.ts +11 -0
  58. package/dist/components/password-input.js +6 -0
  59. package/dist/components/password-input2.js +879 -0
  60. package/dist/components/pattern-mixin.js +85 -0
  61. package/dist/components/radio-input.d.ts +11 -0
  62. package/dist/components/radio-input.js +6 -0
  63. package/dist/components/radio-input2.js +115 -0
  64. package/dist/components/select-input.d.ts +11 -0
  65. package/dist/components/select-input.js +6 -0
  66. package/dist/components/select-input2.js +166 -0
  67. package/dist/components/tel-input.d.ts +11 -0
  68. package/dist/components/tel-input.js +6 -0
  69. package/dist/components/tel-input2.js +178 -0
  70. package/dist/components/text-input.d.ts +11 -0
  71. package/dist/components/text-input.js +6 -0
  72. package/dist/components/text-input2.js +157 -0
  73. package/dist/components/tooltipIcon.js +30 -0
  74. package/dist/components/vaadin-button.js +461 -0
  75. package/dist/components/vaadin-combo-box.js +4329 -0
  76. package/dist/components/virtual-keyboard-controller.js +2693 -0
  77. package/dist/esm/checkbox-group-input_10.entry.js +34857 -0
  78. package/dist/esm/general-input.entry.js +47 -0
  79. package/dist/esm/general-input.js +17 -0
  80. package/dist/esm/index-7e24a6f1.js +1259 -0
  81. package/dist/esm/index.js +1 -0
  82. package/dist/esm/loader.js +17 -0
  83. package/dist/esm/polyfills/core-js.js +11 -0
  84. package/dist/esm/polyfills/css-shim.js +1 -0
  85. package/dist/esm/polyfills/dom.js +79 -0
  86. package/dist/esm/polyfills/es5-html-element.js +1 -0
  87. package/dist/esm/polyfills/index.js +34 -0
  88. package/dist/esm/polyfills/system.js +6 -0
  89. package/dist/general-input/general-input.esm.js +1 -0
  90. package/dist/general-input/index.esm.js +0 -0
  91. package/dist/general-input/p-61d76ec3.entry.js +1 -0
  92. package/dist/general-input/p-a79eb0a3.entry.js +4413 -0
  93. package/dist/general-input/p-fb647820.js +1 -0
  94. package/dist/index.cjs.js +1 -0
  95. package/dist/index.js +1 -0
  96. package/dist/stencil.config.js +22 -0
  97. package/dist/types/Users/adrian.pripon/Documents/Work/stencil/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +2 -0
  98. package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +72 -0
  99. package/dist/types/components/checkbox-input/checkbox-input.d.ts +64 -0
  100. package/dist/types/components/date-input/date-input.d.ts +70 -0
  101. package/dist/types/components/email-input/email-input.d.ts +77 -0
  102. package/dist/types/components/general-input/general-input.d.ts +60 -0
  103. package/dist/types/components/number-input/number-input.d.ts +70 -0
  104. package/dist/types/components/password-input/password-input.d.ts +79 -0
  105. package/dist/types/components/radio-input/radio-input.d.ts +59 -0
  106. package/dist/types/components/select-input/select-input.d.ts +82 -0
  107. package/dist/types/components/tel-input/tel-input.d.ts +85 -0
  108. package/dist/types/components/text-input/text-input.d.ts +81 -0
  109. package/dist/types/components.d.ts +1140 -0
  110. package/dist/types/index.d.ts +1 -0
  111. package/dist/types/stencil-public-runtime.d.ts +1565 -0
  112. package/dist/types/utils/locale.utils.d.ts +5 -0
  113. package/dist/types/utils/types.d.ts +76 -0
  114. package/dist/types/utils/utils.d.ts +1 -0
  115. package/loader/cdn.js +3 -0
  116. package/loader/index.cjs.js +3 -0
  117. package/loader/index.d.ts +12 -0
  118. package/loader/index.es2017.js +3 -0
  119. package/loader/index.js +4 -0
  120. package/loader/package.json +10 -0
  121. package/package.json +26 -0
@@ -0,0 +1,1140 @@
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /**
4
+ * This is an autogenerated file created by the Stencil compiler.
5
+ * It contains typing information for all components that exist in this project.
6
+ */
7
+ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
+ import { InputStateEvent, InputValueEvent, Option, ValidationSchema } from "./utils/types";
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": any;
43
+ /**
44
+ * Tooltip text.
45
+ */
46
+ "tooltip": string;
47
+ /**
48
+ * Object of validation rules for the input.
49
+ */
50
+ "validation": ValidationSchema;
51
+ }
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;
65
+ /**
66
+ * Name of input to be shown to the user.
67
+ */
68
+ "displayName": string;
69
+ /**
70
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
71
+ */
72
+ "emitValue": boolean;
73
+ /**
74
+ * Currently selected language.
75
+ */
76
+ "language": string;
77
+ /**
78
+ * Name of the input.
79
+ */
80
+ "name": string;
81
+ /**
82
+ * Tooltip text.
83
+ */
84
+ "tooltip": string;
85
+ /**
86
+ * Object of validation rules for the input.
87
+ */
88
+ "validation": ValidationSchema;
89
+ }
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
+ * Default value for the input.
101
+ */
102
+ "defaultValue": string;
103
+ /**
104
+ * Name of input to be shown to the user.
105
+ */
106
+ "displayName": string;
107
+ /**
108
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
109
+ */
110
+ "emitValue": boolean;
111
+ /**
112
+ * Currently selected language.
113
+ */
114
+ "language": string;
115
+ /**
116
+ * Name of the input.
117
+ */
118
+ "name": string;
119
+ /**
120
+ * Placeholder text to be shown.
121
+ */
122
+ "placeholder": string;
123
+ /**
124
+ * Tooltip text.
125
+ */
126
+ "tooltip": string;
127
+ /**
128
+ * Object of validation rules for the input.
129
+ */
130
+ "validation": ValidationSchema;
131
+ }
132
+ interface EmailInput {
133
+ /**
134
+ * Boolean. Determines if input should be readonly.
135
+ */
136
+ "autofilled": boolean;
137
+ /**
138
+ * Client custom styling via inline style
139
+ */
140
+ "clientStyling": string;
141
+ /**
142
+ * Default value for the input.
143
+ */
144
+ "defaultValue": string;
145
+ /**
146
+ * Name of input to be shown to the user.
147
+ */
148
+ "displayName": string;
149
+ /**
150
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
151
+ */
152
+ "emitValue": boolean;
153
+ /**
154
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
155
+ */
156
+ "isDuplicateInput": boolean;
157
+ /**
158
+ * Currently selected language.
159
+ */
160
+ "language": string;
161
+ /**
162
+ * Name of the input.
163
+ */
164
+ "name": string;
165
+ /**
166
+ * Placeholder text to be shown.
167
+ */
168
+ "placeholder": string;
169
+ /**
170
+ * Tooltip text.
171
+ */
172
+ "tooltip": string;
173
+ /**
174
+ * Object of validation rules for the input.
175
+ */
176
+ "validation": ValidationSchema;
177
+ }
178
+ interface GeneralInput {
179
+ /**
180
+ * Special behaviour an input should have. Can be fetching for data.
181
+ */
182
+ "action": string;
183
+ /**
184
+ * Boolean. Determines if input should be readonly.
185
+ */
186
+ "autofilled": boolean;
187
+ /**
188
+ * Client custom styling via inline style
189
+ */
190
+ "clientStyling": any;
191
+ /**
192
+ * Default value for the input.
193
+ */
194
+ "defaultValue": any;
195
+ /**
196
+ * Name of input to be shown to the user.
197
+ */
198
+ "displayName": string;
199
+ /**
200
+ * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
201
+ */
202
+ "emitValue": boolean;
203
+ /**
204
+ * Boolean that triggers certain validation rules, for duplicated inputs.
205
+ */
206
+ "isDuplicateInput": boolean;
207
+ /**
208
+ * Currently selected language.
209
+ */
210
+ "language": string;
211
+ /**
212
+ * Name of the input.
213
+ */
214
+ "name": string;
215
+ /**
216
+ * For input elements that have multiple options or choises.
217
+ */
218
+ "options": any;
219
+ /**
220
+ * Placeholder text to be shown.
221
+ */
222
+ "placeholder": string;
223
+ /**
224
+ * Tooltip text.
225
+ */
226
+ "tooltip": string;
227
+ /**
228
+ * Type the general-input should take. Can take the default HTML input values.
229
+ */
230
+ "type": string;
231
+ /**
232
+ * Object of validation rules for the input.
233
+ */
234
+ "validation": ValidationSchema;
235
+ }
236
+ interface NumberInput {
237
+ /**
238
+ * Boolean. Determines if input should be readonly.
239
+ */
240
+ "autofilled": boolean;
241
+ /**
242
+ * Client custom styling via inline style
243
+ */
244
+ "clientStyling": string;
245
+ /**
246
+ * Default value for the input.
247
+ */
248
+ "defaultValue": string;
249
+ /**
250
+ * Name of input to be shown to the user.
251
+ */
252
+ "displayName": string;
253
+ /**
254
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
255
+ */
256
+ "emitValue": boolean;
257
+ /**
258
+ * Currently selected language.
259
+ */
260
+ "language": string;
261
+ /**
262
+ * Name of the input.
263
+ */
264
+ "name": string;
265
+ /**
266
+ * Placeholder text to be shown.
267
+ */
268
+ "placeholder": string;
269
+ /**
270
+ * Tooltip text.
271
+ */
272
+ "tooltip": string;
273
+ /**
274
+ * Object of validation rules for the input.
275
+ */
276
+ "validation": ValidationSchema;
277
+ }
278
+ interface PasswordInput {
279
+ /**
280
+ * Boolean. Determines if input should be readonly.
281
+ */
282
+ "autofilled": boolean;
283
+ /**
284
+ * Client custom styling via inline style
285
+ */
286
+ "clientStyling": string;
287
+ /**
288
+ * Default value for the input.
289
+ */
290
+ "defaultValue": string;
291
+ /**
292
+ * Name of input to be shown to the user.
293
+ */
294
+ "displayName": string;
295
+ /**
296
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
297
+ */
298
+ "emitValue": boolean;
299
+ /**
300
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
301
+ */
302
+ "isDuplicateInput": boolean;
303
+ /**
304
+ * Currently selected language.
305
+ */
306
+ "language": string;
307
+ /**
308
+ * Name of the input.
309
+ */
310
+ "name": string;
311
+ /**
312
+ * Placeholder text to be shown.
313
+ */
314
+ "placeholder": string;
315
+ /**
316
+ * Tooltip text.
317
+ */
318
+ "tooltip": string;
319
+ /**
320
+ * Object of validation rules for the input.
321
+ */
322
+ "validation": ValidationSchema;
323
+ }
324
+ interface RadioInput {
325
+ /**
326
+ * Client custom styling via inline style
327
+ */
328
+ "clientStyling": string;
329
+ /**
330
+ * Name of input to be shown to the user.
331
+ */
332
+ "displayName": string;
333
+ /**
334
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
335
+ */
336
+ "emitValue": boolean;
337
+ /**
338
+ * Currently selected language.
339
+ */
340
+ "language": string;
341
+ /**
342
+ * Name of the input.
343
+ */
344
+ "name": string;
345
+ /**
346
+ * Options of the input.
347
+ */
348
+ "optionsGroup": Option[];
349
+ /**
350
+ * Tooltip text.
351
+ */
352
+ "tooltip": string;
353
+ /**
354
+ * Object of validation rules for the input.
355
+ */
356
+ "validation": ValidationSchema;
357
+ }
358
+ interface SelectInput {
359
+ /**
360
+ * Special behaviour an input should have. Can be fetching for data.
361
+ */
362
+ "action": string;
363
+ /**
364
+ * Boolean. Determines if input should be readonly.
365
+ */
366
+ "autofilled": boolean;
367
+ /**
368
+ * Client custom styling via inline style
369
+ */
370
+ "clientStyling": string;
371
+ /**
372
+ * Default value for the input.
373
+ */
374
+ "defaultValue": string;
375
+ /**
376
+ * Name of input to be shown to the user.
377
+ */
378
+ "displayName": string;
379
+ /**
380
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
381
+ */
382
+ "emitValue": boolean;
383
+ /**
384
+ * Currently selected language.
385
+ */
386
+ "language": string;
387
+ /**
388
+ * Name of the input.
389
+ */
390
+ "name": string;
391
+ /**
392
+ * Options of the input.
393
+ */
394
+ "options": Option[];
395
+ /**
396
+ * Placeholder text to be shown.
397
+ */
398
+ "placeholder": string;
399
+ /**
400
+ * Tooltip text.
401
+ */
402
+ "tooltip": string;
403
+ /**
404
+ * Object of validation rules for the input.
405
+ */
406
+ "validation": ValidationSchema;
407
+ }
408
+ interface TelInput {
409
+ /**
410
+ * Special behaviour an input should have. Can be fetching for data.
411
+ */
412
+ "action": string;
413
+ /**
414
+ * Boolean. Determines if input should be readonly.
415
+ */
416
+ "autofilled": boolean;
417
+ /**
418
+ * Client custom styling via inline style
419
+ */
420
+ "clientStyling": string;
421
+ /**
422
+ * Default value for the input.
423
+ */
424
+ "defaultValue": string;
425
+ /**
426
+ * Name of input to be shown to the user.
427
+ */
428
+ "displayName": string;
429
+ /**
430
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
431
+ */
432
+ "emitValue": boolean;
433
+ /**
434
+ * Currently selected language.
435
+ */
436
+ "language": string;
437
+ /**
438
+ * Name of the input.
439
+ */
440
+ "name": string;
441
+ /**
442
+ * Placeholder text to be shown.
443
+ */
444
+ "placeholder": string;
445
+ /**
446
+ * Boolean that defines if the widget show labels or placeholders.
447
+ */
448
+ "showLabels": boolean;
449
+ /**
450
+ * Tooltip text.
451
+ */
452
+ "tooltip": string;
453
+ /**
454
+ * Object of validation rules for the input.
455
+ */
456
+ "validation": ValidationSchema;
457
+ }
458
+ interface TextInput {
459
+ /**
460
+ * Boolean. Determines if input should be readonly.
461
+ */
462
+ "autofilled": boolean;
463
+ /**
464
+ * State passed down from the parent element. Will trigger the input to check for validity.
465
+ */
466
+ "checkValidity": boolean;
467
+ /**
468
+ * Client custom styling via inline style
469
+ */
470
+ "clientStyling": string;
471
+ /**
472
+ * Default value for the input.
473
+ */
474
+ "defaultValue": string;
475
+ /**
476
+ * Name of input to be shown to the user.
477
+ */
478
+ "displayName": string;
479
+ /**
480
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
481
+ */
482
+ "emitValue": boolean;
483
+ /**
484
+ * Boolean that triggers certain validation rules, for duplicated inputs.
485
+ */
486
+ "isDuplicateInput": boolean;
487
+ /**
488
+ * Currently selected language.
489
+ */
490
+ "language": string;
491
+ /**
492
+ * Name of the input.
493
+ */
494
+ "name": string;
495
+ /**
496
+ * Placeholder text to be shown.
497
+ */
498
+ "placeholder": string;
499
+ /**
500
+ * Tooltip text.
501
+ */
502
+ "tooltip": string;
503
+ /**
504
+ * Object of validation rules for the input.
505
+ */
506
+ "validation": ValidationSchema;
507
+ }
508
+ }
509
+ declare global {
510
+ interface HTMLCheckboxGroupInputElement extends Components.CheckboxGroupInput, HTMLStencilElement {
511
+ }
512
+ var HTMLCheckboxGroupInputElement: {
513
+ prototype: HTMLCheckboxGroupInputElement;
514
+ new (): HTMLCheckboxGroupInputElement;
515
+ };
516
+ interface HTMLCheckboxInputElement extends Components.CheckboxInput, HTMLStencilElement {
517
+ }
518
+ var HTMLCheckboxInputElement: {
519
+ prototype: HTMLCheckboxInputElement;
520
+ new (): HTMLCheckboxInputElement;
521
+ };
522
+ interface HTMLDateInputElement extends Components.DateInput, HTMLStencilElement {
523
+ }
524
+ var HTMLDateInputElement: {
525
+ prototype: HTMLDateInputElement;
526
+ new (): HTMLDateInputElement;
527
+ };
528
+ interface HTMLEmailInputElement extends Components.EmailInput, HTMLStencilElement {
529
+ }
530
+ var HTMLEmailInputElement: {
531
+ prototype: HTMLEmailInputElement;
532
+ new (): HTMLEmailInputElement;
533
+ };
534
+ interface HTMLGeneralInputElement extends Components.GeneralInput, HTMLStencilElement {
535
+ }
536
+ var HTMLGeneralInputElement: {
537
+ prototype: HTMLGeneralInputElement;
538
+ new (): HTMLGeneralInputElement;
539
+ };
540
+ interface HTMLNumberInputElement extends Components.NumberInput, HTMLStencilElement {
541
+ }
542
+ var HTMLNumberInputElement: {
543
+ prototype: HTMLNumberInputElement;
544
+ new (): HTMLNumberInputElement;
545
+ };
546
+ interface HTMLPasswordInputElement extends Components.PasswordInput, HTMLStencilElement {
547
+ }
548
+ var HTMLPasswordInputElement: {
549
+ prototype: HTMLPasswordInputElement;
550
+ new (): HTMLPasswordInputElement;
551
+ };
552
+ interface HTMLRadioInputElement extends Components.RadioInput, HTMLStencilElement {
553
+ }
554
+ var HTMLRadioInputElement: {
555
+ prototype: HTMLRadioInputElement;
556
+ new (): HTMLRadioInputElement;
557
+ };
558
+ interface HTMLSelectInputElement extends Components.SelectInput, HTMLStencilElement {
559
+ }
560
+ var HTMLSelectInputElement: {
561
+ prototype: HTMLSelectInputElement;
562
+ new (): HTMLSelectInputElement;
563
+ };
564
+ interface HTMLTelInputElement extends Components.TelInput, HTMLStencilElement {
565
+ }
566
+ var HTMLTelInputElement: {
567
+ prototype: HTMLTelInputElement;
568
+ new (): HTMLTelInputElement;
569
+ };
570
+ interface HTMLTextInputElement extends Components.TextInput, HTMLStencilElement {
571
+ }
572
+ var HTMLTextInputElement: {
573
+ prototype: HTMLTextInputElement;
574
+ new (): HTMLTextInputElement;
575
+ };
576
+ interface HTMLElementTagNameMap {
577
+ "checkbox-group-input": HTMLCheckboxGroupInputElement;
578
+ "checkbox-input": HTMLCheckboxInputElement;
579
+ "date-input": HTMLDateInputElement;
580
+ "email-input": HTMLEmailInputElement;
581
+ "general-input": HTMLGeneralInputElement;
582
+ "number-input": HTMLNumberInputElement;
583
+ "password-input": HTMLPasswordInputElement;
584
+ "radio-input": HTMLRadioInputElement;
585
+ "select-input": HTMLSelectInputElement;
586
+ "tel-input": HTMLTelInputElement;
587
+ "text-input": HTMLTextInputElement;
588
+ }
589
+ }
590
+ declare namespace LocalJSX {
591
+ interface CheckboxGroupInput {
592
+ /**
593
+ * Boolean. Determines if input should be readonly.
594
+ */
595
+ "autofilled"?: boolean;
596
+ /**
597
+ * Client custom styling via inline style
598
+ */
599
+ "clientStyling"?: string;
600
+ /**
601
+ * Default value for the input.
602
+ */
603
+ "defaultValue"?: string;
604
+ /**
605
+ * Name of input to be shown to the user.
606
+ */
607
+ "displayName"?: string;
608
+ /**
609
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
610
+ */
611
+ "emitValue"?: boolean;
612
+ /**
613
+ * Currently selected language.
614
+ */
615
+ "language"?: string;
616
+ /**
617
+ * Name of the input.
618
+ */
619
+ "name"?: string;
620
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
621
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
622
+ /**
623
+ * Options of the input.
624
+ */
625
+ "options"?: any;
626
+ /**
627
+ * Tooltip text.
628
+ */
629
+ "tooltip"?: string;
630
+ /**
631
+ * Object of validation rules for the input.
632
+ */
633
+ "validation"?: ValidationSchema;
634
+ }
635
+ interface CheckboxInput {
636
+ /**
637
+ * Boolean. Determines if input should be readonly.
638
+ */
639
+ "autofilled"?: boolean;
640
+ /**
641
+ * Client custom styling via inline style
642
+ */
643
+ "clientStyling"?: string;
644
+ /**
645
+ * Default value for the input.
646
+ */
647
+ "defaultValue"?: string;
648
+ /**
649
+ * Name of input to be shown to the user.
650
+ */
651
+ "displayName"?: string;
652
+ /**
653
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
654
+ */
655
+ "emitValue"?: boolean;
656
+ /**
657
+ * Currently selected language.
658
+ */
659
+ "language"?: string;
660
+ /**
661
+ * Name of the input.
662
+ */
663
+ "name"?: string;
664
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
665
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
666
+ /**
667
+ * Tooltip text.
668
+ */
669
+ "tooltip"?: string;
670
+ /**
671
+ * Object of validation rules for the input.
672
+ */
673
+ "validation"?: ValidationSchema;
674
+ }
675
+ interface DateInput {
676
+ /**
677
+ * Boolean. Determines if input should be readonly.
678
+ */
679
+ "autofilled"?: boolean;
680
+ /**
681
+ * Client custom styling via inline style
682
+ */
683
+ "clientStyling"?: string;
684
+ /**
685
+ * Default value for the input.
686
+ */
687
+ "defaultValue"?: string;
688
+ /**
689
+ * Name of input to be shown to the user.
690
+ */
691
+ "displayName"?: string;
692
+ /**
693
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
694
+ */
695
+ "emitValue"?: boolean;
696
+ /**
697
+ * Currently selected language.
698
+ */
699
+ "language"?: string;
700
+ /**
701
+ * Name of the input.
702
+ */
703
+ "name"?: string;
704
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
705
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
706
+ /**
707
+ * Placeholder text to be shown.
708
+ */
709
+ "placeholder"?: string;
710
+ /**
711
+ * Tooltip text.
712
+ */
713
+ "tooltip"?: string;
714
+ /**
715
+ * Object of validation rules for the input.
716
+ */
717
+ "validation"?: ValidationSchema;
718
+ }
719
+ interface EmailInput {
720
+ /**
721
+ * Boolean. Determines if input should be readonly.
722
+ */
723
+ "autofilled"?: boolean;
724
+ /**
725
+ * Client custom styling via inline style
726
+ */
727
+ "clientStyling"?: string;
728
+ /**
729
+ * Default value for the input.
730
+ */
731
+ "defaultValue"?: string;
732
+ /**
733
+ * Name of input to be shown to the user.
734
+ */
735
+ "displayName"?: string;
736
+ /**
737
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
738
+ */
739
+ "emitValue"?: boolean;
740
+ /**
741
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
742
+ */
743
+ "isDuplicateInput"?: boolean;
744
+ /**
745
+ * Currently selected language.
746
+ */
747
+ "language"?: string;
748
+ /**
749
+ * Name of the input.
750
+ */
751
+ "name"?: string;
752
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
753
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
754
+ /**
755
+ * Placeholder text to be shown.
756
+ */
757
+ "placeholder"?: string;
758
+ /**
759
+ * Tooltip text.
760
+ */
761
+ "tooltip"?: string;
762
+ /**
763
+ * Object of validation rules for the input.
764
+ */
765
+ "validation"?: ValidationSchema;
766
+ }
767
+ interface GeneralInput {
768
+ /**
769
+ * Special behaviour an input should have. Can be fetching for data.
770
+ */
771
+ "action"?: string;
772
+ /**
773
+ * Boolean. Determines if input should be readonly.
774
+ */
775
+ "autofilled"?: boolean;
776
+ /**
777
+ * Client custom styling via inline style
778
+ */
779
+ "clientStyling"?: any;
780
+ /**
781
+ * Default value for the input.
782
+ */
783
+ "defaultValue"?: any;
784
+ /**
785
+ * Name of input to be shown to the user.
786
+ */
787
+ "displayName"?: string;
788
+ /**
789
+ * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
790
+ */
791
+ "emitValue"?: boolean;
792
+ /**
793
+ * Boolean that triggers certain validation rules, for duplicated inputs.
794
+ */
795
+ "isDuplicateInput"?: boolean;
796
+ /**
797
+ * Currently selected language.
798
+ */
799
+ "language"?: string;
800
+ /**
801
+ * Name of the input.
802
+ */
803
+ "name"?: string;
804
+ /**
805
+ * For input elements that have multiple options or choises.
806
+ */
807
+ "options"?: any;
808
+ /**
809
+ * Placeholder text to be shown.
810
+ */
811
+ "placeholder"?: string;
812
+ /**
813
+ * Tooltip text.
814
+ */
815
+ "tooltip"?: string;
816
+ /**
817
+ * Type the general-input should take. Can take the default HTML input values.
818
+ */
819
+ "type"?: string;
820
+ /**
821
+ * Object of validation rules for the input.
822
+ */
823
+ "validation"?: ValidationSchema;
824
+ }
825
+ interface NumberInput {
826
+ /**
827
+ * Boolean. Determines if input should be readonly.
828
+ */
829
+ "autofilled"?: boolean;
830
+ /**
831
+ * Client custom styling via inline style
832
+ */
833
+ "clientStyling"?: string;
834
+ /**
835
+ * Default value for the input.
836
+ */
837
+ "defaultValue"?: string;
838
+ /**
839
+ * Name of input to be shown to the user.
840
+ */
841
+ "displayName"?: string;
842
+ /**
843
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
844
+ */
845
+ "emitValue"?: boolean;
846
+ /**
847
+ * Currently selected language.
848
+ */
849
+ "language"?: string;
850
+ /**
851
+ * Name of the input.
852
+ */
853
+ "name"?: string;
854
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
855
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
856
+ /**
857
+ * Placeholder text to be shown.
858
+ */
859
+ "placeholder"?: string;
860
+ /**
861
+ * Tooltip text.
862
+ */
863
+ "tooltip"?: string;
864
+ /**
865
+ * Object of validation rules for the input.
866
+ */
867
+ "validation"?: ValidationSchema;
868
+ }
869
+ interface PasswordInput {
870
+ /**
871
+ * Boolean. Determines if input should be readonly.
872
+ */
873
+ "autofilled"?: boolean;
874
+ /**
875
+ * Client custom styling via inline style
876
+ */
877
+ "clientStyling"?: string;
878
+ /**
879
+ * Default value for the input.
880
+ */
881
+ "defaultValue"?: string;
882
+ /**
883
+ * Name of input to be shown to the user.
884
+ */
885
+ "displayName"?: string;
886
+ /**
887
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
888
+ */
889
+ "emitValue"?: boolean;
890
+ /**
891
+ * Flag for duplicate inputs, it sets up the input for certain validation rules.
892
+ */
893
+ "isDuplicateInput"?: boolean;
894
+ /**
895
+ * Currently selected language.
896
+ */
897
+ "language"?: string;
898
+ /**
899
+ * Name of the input.
900
+ */
901
+ "name"?: string;
902
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
903
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
904
+ /**
905
+ * Placeholder text to be shown.
906
+ */
907
+ "placeholder"?: string;
908
+ /**
909
+ * Tooltip text.
910
+ */
911
+ "tooltip"?: string;
912
+ /**
913
+ * Object of validation rules for the input.
914
+ */
915
+ "validation"?: ValidationSchema;
916
+ }
917
+ interface RadioInput {
918
+ /**
919
+ * Client custom styling via inline style
920
+ */
921
+ "clientStyling"?: string;
922
+ /**
923
+ * Name of input to be shown to the user.
924
+ */
925
+ "displayName"?: string;
926
+ /**
927
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
928
+ */
929
+ "emitValue"?: boolean;
930
+ /**
931
+ * Currently selected language.
932
+ */
933
+ "language"?: string;
934
+ /**
935
+ * Name of the input.
936
+ */
937
+ "name"?: string;
938
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
939
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
940
+ /**
941
+ * Options of the input.
942
+ */
943
+ "optionsGroup"?: Option[];
944
+ /**
945
+ * Tooltip text.
946
+ */
947
+ "tooltip"?: string;
948
+ /**
949
+ * Object of validation rules for the input.
950
+ */
951
+ "validation"?: ValidationSchema;
952
+ }
953
+ interface SelectInput {
954
+ /**
955
+ * Special behaviour an input should have. Can be fetching for data.
956
+ */
957
+ "action"?: string;
958
+ /**
959
+ * Boolean. Determines if input should be readonly.
960
+ */
961
+ "autofilled"?: boolean;
962
+ /**
963
+ * Client custom styling via inline style
964
+ */
965
+ "clientStyling"?: string;
966
+ /**
967
+ * Default value for the input.
968
+ */
969
+ "defaultValue"?: string;
970
+ /**
971
+ * Name of input to be shown to the user.
972
+ */
973
+ "displayName"?: string;
974
+ /**
975
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
976
+ */
977
+ "emitValue"?: boolean;
978
+ /**
979
+ * Currently selected language.
980
+ */
981
+ "language"?: string;
982
+ /**
983
+ * Name of the input.
984
+ */
985
+ "name"?: string;
986
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
987
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
988
+ /**
989
+ * Options of the input.
990
+ */
991
+ "options"?: Option[];
992
+ /**
993
+ * Placeholder text to be shown.
994
+ */
995
+ "placeholder"?: string;
996
+ /**
997
+ * Tooltip text.
998
+ */
999
+ "tooltip"?: string;
1000
+ /**
1001
+ * Object of validation rules for the input.
1002
+ */
1003
+ "validation"?: ValidationSchema;
1004
+ }
1005
+ interface TelInput {
1006
+ /**
1007
+ * Special behaviour an input should have. Can be fetching for data.
1008
+ */
1009
+ "action"?: string;
1010
+ /**
1011
+ * Boolean. Determines if input should be readonly.
1012
+ */
1013
+ "autofilled"?: boolean;
1014
+ /**
1015
+ * Client custom styling via inline style
1016
+ */
1017
+ "clientStyling"?: string;
1018
+ /**
1019
+ * Default value for the input.
1020
+ */
1021
+ "defaultValue"?: string;
1022
+ /**
1023
+ * Name of input to be shown to the user.
1024
+ */
1025
+ "displayName"?: string;
1026
+ /**
1027
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
1028
+ */
1029
+ "emitValue"?: boolean;
1030
+ /**
1031
+ * Currently selected language.
1032
+ */
1033
+ "language"?: string;
1034
+ /**
1035
+ * Name of the input.
1036
+ */
1037
+ "name"?: string;
1038
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
1039
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
1040
+ /**
1041
+ * Placeholder text to be shown.
1042
+ */
1043
+ "placeholder"?: string;
1044
+ /**
1045
+ * Boolean that defines if the widget show labels or placeholders.
1046
+ */
1047
+ "showLabels"?: boolean;
1048
+ /**
1049
+ * Tooltip text.
1050
+ */
1051
+ "tooltip"?: string;
1052
+ /**
1053
+ * Object of validation rules for the input.
1054
+ */
1055
+ "validation"?: ValidationSchema;
1056
+ }
1057
+ interface TextInput {
1058
+ /**
1059
+ * Boolean. Determines if input should be readonly.
1060
+ */
1061
+ "autofilled"?: boolean;
1062
+ /**
1063
+ * State passed down from the parent element. Will trigger the input to check for validity.
1064
+ */
1065
+ "checkValidity"?: boolean;
1066
+ /**
1067
+ * Client custom styling via inline style
1068
+ */
1069
+ "clientStyling"?: string;
1070
+ /**
1071
+ * Default value for the input.
1072
+ */
1073
+ "defaultValue"?: string;
1074
+ /**
1075
+ * Name of input to be shown to the user.
1076
+ */
1077
+ "displayName"?: string;
1078
+ /**
1079
+ * State passed down from the parent element. Will trigger the input to send it's value through an event.
1080
+ */
1081
+ "emitValue"?: boolean;
1082
+ /**
1083
+ * Boolean that triggers certain validation rules, for duplicated inputs.
1084
+ */
1085
+ "isDuplicateInput"?: boolean;
1086
+ /**
1087
+ * Currently selected language.
1088
+ */
1089
+ "language"?: string;
1090
+ /**
1091
+ * Name of the input.
1092
+ */
1093
+ "name"?: string;
1094
+ "onSendInputValue"?: (event: CustomEvent<InputValueEvent>) => void;
1095
+ "onSendValidityState"?: (event: CustomEvent<InputStateEvent>) => void;
1096
+ /**
1097
+ * Placeholder text to be shown.
1098
+ */
1099
+ "placeholder"?: string;
1100
+ /**
1101
+ * Tooltip text.
1102
+ */
1103
+ "tooltip"?: string;
1104
+ /**
1105
+ * Object of validation rules for the input.
1106
+ */
1107
+ "validation"?: ValidationSchema;
1108
+ }
1109
+ interface IntrinsicElements {
1110
+ "checkbox-group-input": CheckboxGroupInput;
1111
+ "checkbox-input": CheckboxInput;
1112
+ "date-input": DateInput;
1113
+ "email-input": EmailInput;
1114
+ "general-input": GeneralInput;
1115
+ "number-input": NumberInput;
1116
+ "password-input": PasswordInput;
1117
+ "radio-input": RadioInput;
1118
+ "select-input": SelectInput;
1119
+ "tel-input": TelInput;
1120
+ "text-input": TextInput;
1121
+ }
1122
+ }
1123
+ export { LocalJSX as JSX };
1124
+ declare module "@stencil/core" {
1125
+ export namespace JSX {
1126
+ interface IntrinsicElements {
1127
+ "checkbox-group-input": LocalJSX.CheckboxGroupInput & JSXBase.HTMLAttributes<HTMLCheckboxGroupInputElement>;
1128
+ "checkbox-input": LocalJSX.CheckboxInput & JSXBase.HTMLAttributes<HTMLCheckboxInputElement>;
1129
+ "date-input": LocalJSX.DateInput & JSXBase.HTMLAttributes<HTMLDateInputElement>;
1130
+ "email-input": LocalJSX.EmailInput & JSXBase.HTMLAttributes<HTMLEmailInputElement>;
1131
+ "general-input": LocalJSX.GeneralInput & JSXBase.HTMLAttributes<HTMLGeneralInputElement>;
1132
+ "number-input": LocalJSX.NumberInput & JSXBase.HTMLAttributes<HTMLNumberInputElement>;
1133
+ "password-input": LocalJSX.PasswordInput & JSXBase.HTMLAttributes<HTMLPasswordInputElement>;
1134
+ "radio-input": LocalJSX.RadioInput & JSXBase.HTMLAttributes<HTMLRadioInputElement>;
1135
+ "select-input": LocalJSX.SelectInput & JSXBase.HTMLAttributes<HTMLSelectInputElement>;
1136
+ "tel-input": LocalJSX.TelInput & JSXBase.HTMLAttributes<HTMLTelInputElement>;
1137
+ "text-input": LocalJSX.TextInput & JSXBase.HTMLAttributes<HTMLTextInputElement>;
1138
+ }
1139
+ }
1140
+ }