@vaadin/integer-field 23.3.21 → 23.3.22

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/integer-field",
3
- "version": "23.3.21",
3
+ "version": "23.3.22",
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.21",
39
- "@vaadin/number-field": "~23.3.21",
40
- "@vaadin/vaadin-lumo-styles": "~23.3.21",
41
- "@vaadin/vaadin-material-styles": "~23.3.21"
38
+ "@vaadin/component-base": "~23.3.22",
39
+ "@vaadin/number-field": "~23.3.22",
40
+ "@vaadin/vaadin-lumo-styles": "~23.3.22",
41
+ "@vaadin/vaadin-material-styles": "~23.3.22"
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": "5caee824b60295eb1e03b736880ed73f62a8988c"
52
+ "gitHead": "88ff9ce571e2cb894223e9a8f275c1bd8fd51e3e"
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.2.0-alpha1",
4
+ "version": "23.3.22",
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.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.",
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/23.3.22/#/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",
@@ -87,28 +87,6 @@
87
87
  ]
88
88
  }
89
89
  },
90
- {
91
- "name": "accessible-name",
92
- "description": "String used to label the component to screen reader users.",
93
- "value": {
94
- "type": [
95
- "string",
96
- "null",
97
- "undefined"
98
- ]
99
- }
100
- },
101
- {
102
- "name": "accessible-name-ref",
103
- "description": "Id of the element used as label of the component to screen reader users.",
104
- "value": {
105
- "type": [
106
- "string",
107
- "null",
108
- "undefined"
109
- ]
110
- }
111
- },
112
90
  {
113
91
  "name": "value",
114
92
  "description": "The value of the field.",
@@ -121,30 +99,30 @@
121
99
  }
122
100
  },
123
101
  {
124
- "name": "clear-button-visible",
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.",
102
+ "name": "allowed-char-pattern",
103
+ "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-]\"`",
126
104
  "value": {
127
105
  "type": [
128
- "boolean",
106
+ "string",
129
107
  "null",
130
108
  "undefined"
131
109
  ]
132
110
  }
133
111
  },
134
112
  {
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-]\"`",
113
+ "name": "autoselect",
114
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
137
115
  "value": {
138
116
  "type": [
139
- "string",
117
+ "boolean",
140
118
  "null",
141
119
  "undefined"
142
120
  ]
143
121
  }
144
122
  },
145
123
  {
146
- "name": "autoselect",
147
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
124
+ "name": "clear-button-visible",
125
+ "description": "Set to true to display the clear icon which clears the input.",
148
126
  "value": {
149
127
  "type": [
150
128
  "boolean",
@@ -230,6 +208,28 @@
230
208
  ]
231
209
  }
232
210
  },
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,17 +261,6 @@
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
- },
275
264
  {
276
265
  "name": "theme",
277
266
  "description": "The theme variants to apply to the component.",
@@ -363,28 +352,6 @@
363
352
  ]
364
353
  }
365
354
  },
366
- {
367
- "name": "accessibleName",
368
- "description": "String used to label the component to screen reader users.",
369
- "value": {
370
- "type": [
371
- "string",
372
- "null",
373
- "undefined"
374
- ]
375
- }
376
- },
377
- {
378
- "name": "accessibleNameRef",
379
- "description": "Id of the element used as label of the component to screen reader users.",
380
- "value": {
381
- "type": [
382
- "string",
383
- "null",
384
- "undefined"
385
- ]
386
- }
387
- },
388
355
  {
389
356
  "name": "value",
390
357
  "description": "The value of the field.",
@@ -397,30 +364,30 @@
397
364
  }
398
365
  },
399
366
  {
400
- "name": "clearButtonVisible",
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.",
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-]\"`",
402
369
  "value": {
403
370
  "type": [
404
- "boolean",
371
+ "string",
405
372
  "null",
406
373
  "undefined"
407
374
  ]
408
375
  }
409
376
  },
410
377
  {
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-]\"`",
378
+ "name": "autoselect",
379
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
413
380
  "value": {
414
381
  "type": [
415
- "string",
382
+ "boolean",
416
383
  "null",
417
384
  "undefined"
418
385
  ]
419
386
  }
420
387
  },
421
388
  {
422
- "name": "autoselect",
423
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
389
+ "name": "clearButtonVisible",
390
+ "description": "Set to true to display the clear icon which clears the input.",
424
391
  "value": {
425
392
  "type": [
426
393
  "boolean",
@@ -506,6 +473,28 @@
506
473
  ]
507
474
  }
508
475
  },
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
+ },
509
498
  {
510
499
  "name": "min",
511
500
  "description": "The minimum value of the field.",
@@ -536,17 +525,6 @@
536
525
  "number"
537
526
  ]
538
527
  }
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
- }
550
528
  }
551
529
  ],
552
530
  "events": [
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/integer-field",
4
- "version": "24.2.0-alpha1",
4
+ "version": "23.3.22",
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.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.",
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/23.3.22/#/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": "?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.",
51
+ "name": "?autoselect",
52
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
53
53
  "value": {
54
54
  "kind": "expression"
55
55
  }
56
56
  },
57
57
  {
58
- "name": "?autoselect",
59
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
58
+ "name": "?clearButtonVisible",
59
+ "description": "Set to true to display the clear icon which clears the input.",
60
60
  "value": {
61
61
  "kind": "expression"
62
62
  }
@@ -68,6 +68,13 @@
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
+ },
71
78
  {
72
79
  "name": "?stepButtonsVisible",
73
80
  "description": "Set to true to show increase/decrease buttons.",
@@ -96,20 +103,6 @@
96
103
  "kind": "expression"
97
104
  }
98
105
  },
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
- },
113
106
  {
114
107
  "name": ".value",
115
108
  "description": "The value of the field.",