@vaadin/integer-field 23.3.19 → 23.3.21
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/package.json +6 -6
- package/web-types.json +84 -62
- package/web-types.lit.json +20 -13
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/integer-field",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.21",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@polymer/polymer": "^3.0.0",
|
|
38
|
-
"@vaadin/component-base": "~23.3.
|
|
39
|
-
"@vaadin/number-field": "~23.3.
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
41
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
38
|
+
"@vaadin/component-base": "~23.3.21",
|
|
39
|
+
"@vaadin/number-field": "~23.3.21",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "~23.3.21",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "~23.3.21"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"web-types.json",
|
|
50
50
|
"web-types.lit.json"
|
|
51
51
|
],
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c"
|
|
53
53
|
}
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/integer-field",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-integer-field",
|
|
11
|
-
"description": "`<vaadin-integer-field>` is an input field web component that only accepts entering integer numbers.\n\n```html\n<vaadin-integer-field label=\"X\"></vaadin-integer-field>\n```\n\n### Styling\n\n`<vaadin-integer-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
11
|
+
"description": "`<vaadin-integer-field>` is an input field web component that only accepts entering integer numbers.\n\n```html\n<vaadin-integer-field label=\"X\"></vaadin-integer-field>\n```\n\n### Styling\n\n`<vaadin-integer-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
|
-
"name": "
|
|
92
|
-
"description": "
|
|
91
|
+
"name": "accessible-name",
|
|
92
|
+
"description": "String used to label the component to screen reader users.",
|
|
93
93
|
"value": {
|
|
94
94
|
"type": [
|
|
95
95
|
"string",
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
|
-
"name": "
|
|
103
|
-
"description": "
|
|
102
|
+
"name": "accessible-name-ref",
|
|
103
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
104
|
"value": {
|
|
105
105
|
"type": [
|
|
106
106
|
"string",
|
|
@@ -110,11 +110,11 @@
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
|
-
"name": "
|
|
114
|
-
"description": "
|
|
113
|
+
"name": "value",
|
|
114
|
+
"description": "The value of the field.",
|
|
115
115
|
"value": {
|
|
116
116
|
"type": [
|
|
117
|
-
"
|
|
117
|
+
"string",
|
|
118
118
|
"null",
|
|
119
119
|
"undefined"
|
|
120
120
|
]
|
|
@@ -122,7 +122,29 @@
|
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
124
|
"name": "clear-button-visible",
|
|
125
|
-
"description": "Set to true to display the clear icon which clears the input.",
|
|
125
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
126
|
+
"value": {
|
|
127
|
+
"type": [
|
|
128
|
+
"boolean",
|
|
129
|
+
"null",
|
|
130
|
+
"undefined"
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"name": "allowed-char-pattern",
|
|
136
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
137
|
+
"value": {
|
|
138
|
+
"type": [
|
|
139
|
+
"string",
|
|
140
|
+
"null",
|
|
141
|
+
"undefined"
|
|
142
|
+
]
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"name": "autoselect",
|
|
147
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
126
148
|
"value": {
|
|
127
149
|
"type": [
|
|
128
150
|
"boolean",
|
|
@@ -208,28 +230,6 @@
|
|
|
208
230
|
]
|
|
209
231
|
}
|
|
210
232
|
},
|
|
211
|
-
{
|
|
212
|
-
"name": "has-controls",
|
|
213
|
-
"description": "Set to true to display value increase/decrease controls.",
|
|
214
|
-
"value": {
|
|
215
|
-
"type": [
|
|
216
|
-
"boolean",
|
|
217
|
-
"null",
|
|
218
|
-
"undefined"
|
|
219
|
-
]
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"name": "step-buttons-visible",
|
|
224
|
-
"description": "Set to true to show increase/decrease buttons.",
|
|
225
|
-
"value": {
|
|
226
|
-
"type": [
|
|
227
|
-
"boolean",
|
|
228
|
-
"null",
|
|
229
|
-
"undefined"
|
|
230
|
-
]
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
233
|
{
|
|
234
234
|
"name": "min",
|
|
235
235
|
"description": "The minimum value of the field.",
|
|
@@ -261,6 +261,17 @@
|
|
|
261
261
|
]
|
|
262
262
|
}
|
|
263
263
|
},
|
|
264
|
+
{
|
|
265
|
+
"name": "step-buttons-visible",
|
|
266
|
+
"description": "Set to true to show increase/decrease buttons.",
|
|
267
|
+
"value": {
|
|
268
|
+
"type": [
|
|
269
|
+
"boolean",
|
|
270
|
+
"null",
|
|
271
|
+
"undefined"
|
|
272
|
+
]
|
|
273
|
+
}
|
|
274
|
+
},
|
|
264
275
|
{
|
|
265
276
|
"name": "theme",
|
|
266
277
|
"description": "The theme variants to apply to the component.",
|
|
@@ -353,8 +364,8 @@
|
|
|
353
364
|
}
|
|
354
365
|
},
|
|
355
366
|
{
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
367
|
+
"name": "accessibleName",
|
|
368
|
+
"description": "String used to label the component to screen reader users.",
|
|
358
369
|
"value": {
|
|
359
370
|
"type": [
|
|
360
371
|
"string",
|
|
@@ -364,8 +375,8 @@
|
|
|
364
375
|
}
|
|
365
376
|
},
|
|
366
377
|
{
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
378
|
+
"name": "accessibleNameRef",
|
|
379
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
369
380
|
"value": {
|
|
370
381
|
"type": [
|
|
371
382
|
"string",
|
|
@@ -375,11 +386,11 @@
|
|
|
375
386
|
}
|
|
376
387
|
},
|
|
377
388
|
{
|
|
378
|
-
"name": "
|
|
379
|
-
"description": "
|
|
389
|
+
"name": "value",
|
|
390
|
+
"description": "The value of the field.",
|
|
380
391
|
"value": {
|
|
381
392
|
"type": [
|
|
382
|
-
"
|
|
393
|
+
"string",
|
|
383
394
|
"null",
|
|
384
395
|
"undefined"
|
|
385
396
|
]
|
|
@@ -387,7 +398,29 @@
|
|
|
387
398
|
},
|
|
388
399
|
{
|
|
389
400
|
"name": "clearButtonVisible",
|
|
390
|
-
"description": "Set to true to display the clear icon which clears the input.",
|
|
401
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
402
|
+
"value": {
|
|
403
|
+
"type": [
|
|
404
|
+
"boolean",
|
|
405
|
+
"null",
|
|
406
|
+
"undefined"
|
|
407
|
+
]
|
|
408
|
+
}
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "allowedCharPattern",
|
|
412
|
+
"description": "A pattern matched against individual characters the user inputs.\n\nWhen set, the field will prevent:\n- `keydown` events if the entered key doesn't match `/^allowedCharPattern$/`\n- `paste` events if the pasted text doesn't match `/^allowedCharPattern*$/`\n- `drop` events if the dropped text doesn't match `/^allowedCharPattern*$/`\n\nFor example, to allow entering only numbers and minus signs, use:\n`allowedCharPattern = \"[\\\\d-]\"`",
|
|
413
|
+
"value": {
|
|
414
|
+
"type": [
|
|
415
|
+
"string",
|
|
416
|
+
"null",
|
|
417
|
+
"undefined"
|
|
418
|
+
]
|
|
419
|
+
}
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"name": "autoselect",
|
|
423
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
391
424
|
"value": {
|
|
392
425
|
"type": [
|
|
393
426
|
"boolean",
|
|
@@ -473,28 +506,6 @@
|
|
|
473
506
|
]
|
|
474
507
|
}
|
|
475
508
|
},
|
|
476
|
-
{
|
|
477
|
-
"name": "hasControls",
|
|
478
|
-
"description": "Set to true to display value increase/decrease controls.",
|
|
479
|
-
"value": {
|
|
480
|
-
"type": [
|
|
481
|
-
"boolean",
|
|
482
|
-
"null",
|
|
483
|
-
"undefined"
|
|
484
|
-
]
|
|
485
|
-
}
|
|
486
|
-
},
|
|
487
|
-
{
|
|
488
|
-
"name": "stepButtonsVisible",
|
|
489
|
-
"description": "Set to true to show increase/decrease buttons.",
|
|
490
|
-
"value": {
|
|
491
|
-
"type": [
|
|
492
|
-
"boolean",
|
|
493
|
-
"null",
|
|
494
|
-
"undefined"
|
|
495
|
-
]
|
|
496
|
-
}
|
|
497
|
-
},
|
|
498
509
|
{
|
|
499
510
|
"name": "min",
|
|
500
511
|
"description": "The minimum value of the field.",
|
|
@@ -525,6 +536,17 @@
|
|
|
525
536
|
"number"
|
|
526
537
|
]
|
|
527
538
|
}
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"name": "stepButtonsVisible",
|
|
542
|
+
"description": "Set to true to show increase/decrease buttons.",
|
|
543
|
+
"value": {
|
|
544
|
+
"type": [
|
|
545
|
+
"boolean",
|
|
546
|
+
"null",
|
|
547
|
+
"undefined"
|
|
548
|
+
]
|
|
549
|
+
}
|
|
528
550
|
}
|
|
529
551
|
],
|
|
530
552
|
"events": [
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/integer-field",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-integer-field",
|
|
19
|
-
"description": "`<vaadin-integer-field>` is an input field web component that only accepts entering integer numbers.\n\n```html\n<vaadin-integer-field label=\"X\"></vaadin-integer-field>\n```\n\n### Styling\n\n`<vaadin-integer-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/
|
|
19
|
+
"description": "`<vaadin-integer-field>` is an input field web component that only accepts entering integer numbers.\n\n```html\n<vaadin-integer-field label=\"X\"></vaadin-integer-field>\n```\n\n### Styling\n\n`<vaadin-integer-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\nSee [`<vaadin-text-field>`](https://cdn.vaadin.com/vaadin-web-components/24.2.0-alpha1/#/elements/vaadin-text-field) for the styling documentation.\n\nIn addition to `<vaadin-text-field>` parts, the following parts are available for theming:\n\nPart name | Description\n------------------|-------------------------\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
@@ -48,15 +48,15 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?clearButtonVisible",
|
|
52
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "?
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?autoselect",
|
|
59
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
@@ -68,13 +68,6 @@
|
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
|
-
{
|
|
72
|
-
"name": "?hasControls",
|
|
73
|
-
"description": "Set to true to display value increase/decrease controls.",
|
|
74
|
-
"value": {
|
|
75
|
-
"kind": "expression"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
71
|
{
|
|
79
72
|
"name": "?stepButtonsVisible",
|
|
80
73
|
"description": "Set to true to show increase/decrease buttons.",
|
|
@@ -103,6 +96,20 @@
|
|
|
103
96
|
"kind": "expression"
|
|
104
97
|
}
|
|
105
98
|
},
|
|
99
|
+
{
|
|
100
|
+
"name": ".accessibleName",
|
|
101
|
+
"description": "String used to label the component to screen reader users.",
|
|
102
|
+
"value": {
|
|
103
|
+
"kind": "expression"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": ".accessibleNameRef",
|
|
108
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
109
|
+
"value": {
|
|
110
|
+
"kind": "expression"
|
|
111
|
+
}
|
|
112
|
+
},
|
|
106
113
|
{
|
|
107
114
|
"name": ".value",
|
|
108
115
|
"description": "The value of the field.",
|