@vaadin/integer-field 24.0.0-beta1 → 24.0.0-beta3
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 +40 -40
- package/web-types.lit.json +6 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/integer-field",
|
|
3
|
-
"version": "24.0.0-
|
|
3
|
+
"version": "24.0.0-beta3",
|
|
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": "24.0.0-
|
|
39
|
-
"@vaadin/number-field": "24.0.0-
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "24.0.0-
|
|
41
|
-
"@vaadin/vaadin-material-styles": "24.0.0-
|
|
38
|
+
"@vaadin/component-base": "24.0.0-beta3",
|
|
39
|
+
"@vaadin/number-field": "24.0.0-beta3",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "24.0.0-beta3",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "24.0.0-beta3"
|
|
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": "4daeac63327393aacd9cfaa5abeb031ea86b14a5"
|
|
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": "24.0.0-
|
|
4
|
+
"version": "24.0.0-beta3",
|
|
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/24.0.0-
|
|
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.0.0-beta3/#/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/custom-theme/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
|
@@ -99,30 +99,30 @@
|
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
|
-
"name": "
|
|
103
|
-
"description": "
|
|
102
|
+
"name": "clear-button-visible",
|
|
103
|
+
"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.",
|
|
104
104
|
"value": {
|
|
105
105
|
"type": [
|
|
106
|
-
"
|
|
106
|
+
"boolean",
|
|
107
107
|
"null",
|
|
108
108
|
"undefined"
|
|
109
109
|
]
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
|
-
"name": "
|
|
114
|
-
"description": "
|
|
113
|
+
"name": "allowed-char-pattern",
|
|
114
|
+
"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-]\"`",
|
|
115
115
|
"value": {
|
|
116
116
|
"type": [
|
|
117
|
-
"
|
|
117
|
+
"string",
|
|
118
118
|
"null",
|
|
119
119
|
"undefined"
|
|
120
120
|
]
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
|
-
"name": "
|
|
125
|
-
"description": "
|
|
124
|
+
"name": "autoselect",
|
|
125
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
126
126
|
"value": {
|
|
127
127
|
"type": [
|
|
128
128
|
"boolean",
|
|
@@ -208,17 +208,6 @@
|
|
|
208
208
|
]
|
|
209
209
|
}
|
|
210
210
|
},
|
|
211
|
-
{
|
|
212
|
-
"name": "step-buttons-visible",
|
|
213
|
-
"description": "Set to true to show increase/decrease buttons.",
|
|
214
|
-
"value": {
|
|
215
|
-
"type": [
|
|
216
|
-
"boolean",
|
|
217
|
-
"null",
|
|
218
|
-
"undefined"
|
|
219
|
-
]
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
211
|
{
|
|
223
212
|
"name": "min",
|
|
224
213
|
"description": "The minimum value of the field.",
|
|
@@ -250,6 +239,17 @@
|
|
|
250
239
|
]
|
|
251
240
|
}
|
|
252
241
|
},
|
|
242
|
+
{
|
|
243
|
+
"name": "step-buttons-visible",
|
|
244
|
+
"description": "Set to true to show increase/decrease buttons.",
|
|
245
|
+
"value": {
|
|
246
|
+
"type": [
|
|
247
|
+
"boolean",
|
|
248
|
+
"null",
|
|
249
|
+
"undefined"
|
|
250
|
+
]
|
|
251
|
+
}
|
|
252
|
+
},
|
|
253
253
|
{
|
|
254
254
|
"name": "theme",
|
|
255
255
|
"description": "The theme variants to apply to the component.",
|
|
@@ -353,30 +353,30 @@
|
|
|
353
353
|
}
|
|
354
354
|
},
|
|
355
355
|
{
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
356
|
+
"name": "clearButtonVisible",
|
|
357
|
+
"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.",
|
|
358
358
|
"value": {
|
|
359
359
|
"type": [
|
|
360
|
-
"
|
|
360
|
+
"boolean",
|
|
361
361
|
"null",
|
|
362
362
|
"undefined"
|
|
363
363
|
]
|
|
364
364
|
}
|
|
365
365
|
},
|
|
366
366
|
{
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
367
|
+
"name": "allowedCharPattern",
|
|
368
|
+
"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-]\"`",
|
|
369
369
|
"value": {
|
|
370
370
|
"type": [
|
|
371
|
-
"
|
|
371
|
+
"string",
|
|
372
372
|
"null",
|
|
373
373
|
"undefined"
|
|
374
374
|
]
|
|
375
375
|
}
|
|
376
376
|
},
|
|
377
377
|
{
|
|
378
|
-
"name": "
|
|
379
|
-
"description": "
|
|
378
|
+
"name": "autoselect",
|
|
379
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
380
380
|
"value": {
|
|
381
381
|
"type": [
|
|
382
382
|
"boolean",
|
|
@@ -462,17 +462,6 @@
|
|
|
462
462
|
]
|
|
463
463
|
}
|
|
464
464
|
},
|
|
465
|
-
{
|
|
466
|
-
"name": "stepButtonsVisible",
|
|
467
|
-
"description": "Set to true to show increase/decrease buttons.",
|
|
468
|
-
"value": {
|
|
469
|
-
"type": [
|
|
470
|
-
"boolean",
|
|
471
|
-
"null",
|
|
472
|
-
"undefined"
|
|
473
|
-
]
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
465
|
{
|
|
477
466
|
"name": "min",
|
|
478
467
|
"description": "The minimum value of the field.",
|
|
@@ -503,6 +492,17 @@
|
|
|
503
492
|
"number"
|
|
504
493
|
]
|
|
505
494
|
}
|
|
495
|
+
},
|
|
496
|
+
{
|
|
497
|
+
"name": "stepButtonsVisible",
|
|
498
|
+
"description": "Set to true to show increase/decrease buttons.",
|
|
499
|
+
"value": {
|
|
500
|
+
"type": [
|
|
501
|
+
"boolean",
|
|
502
|
+
"null",
|
|
503
|
+
"undefined"
|
|
504
|
+
]
|
|
505
|
+
}
|
|
506
506
|
}
|
|
507
507
|
],
|
|
508
508
|
"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": "24.0.0-
|
|
4
|
+
"version": "24.0.0-beta3",
|
|
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/24.0.0-
|
|
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.0.0-beta3/#/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/custom-theme/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
|
}
|