@vaadin/number-field 25.2.0-alpha9 → 25.2.0-beta1
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/custom-elements.json +392 -6
- package/package.json +11 -11
- package/src/vaadin-number-field-mixin.js +0 -3
- package/src/vaadin-number-field.d.ts +39 -0
- package/src/vaadin-number-field.js +39 -3
- package/web-types.json +57 -153
- package/web-types.lit.json +56 -49
package/custom-elements.json
CHANGED
|
@@ -110,6 +110,20 @@
|
|
|
110
110
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "field",
|
|
115
|
+
"name": "autofocus",
|
|
116
|
+
"privacy": "public",
|
|
117
|
+
"type": {
|
|
118
|
+
"text": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
121
|
+
"attribute": "autofocus",
|
|
122
|
+
"inheritedFrom": {
|
|
123
|
+
"name": "DelegateFocusMixin",
|
|
124
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
113
127
|
{
|
|
114
128
|
"kind": "field",
|
|
115
129
|
"name": "autoselect",
|
|
@@ -127,7 +141,25 @@
|
|
|
127
141
|
{
|
|
128
142
|
"kind": "method",
|
|
129
143
|
"name": "checkValidity",
|
|
130
|
-
"description": "Override the method from `InputConstraintsMixin`\nto enforce HTML constraint validation even if\nthe user didn't add any constraints explicitly:\nthe field has to be regardless checked for bad input."
|
|
144
|
+
"description": "Override the method from `InputConstraintsMixin`\nto enforce HTML constraint validation even if\nthe user didn't add any constraints explicitly:\nthe field has to be regardless checked for bad input.",
|
|
145
|
+
"return": {
|
|
146
|
+
"type": {
|
|
147
|
+
"text": "boolean"
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
"inheritedFrom": {
|
|
151
|
+
"name": "FieldMixin",
|
|
152
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"kind": "method",
|
|
157
|
+
"name": "clear",
|
|
158
|
+
"description": "Clear the value of the field.",
|
|
159
|
+
"inheritedFrom": {
|
|
160
|
+
"name": "ClearButtonMixin",
|
|
161
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
162
|
+
}
|
|
131
163
|
},
|
|
132
164
|
{
|
|
133
165
|
"kind": "field",
|
|
@@ -143,6 +175,20 @@
|
|
|
143
175
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
144
176
|
}
|
|
145
177
|
},
|
|
178
|
+
{
|
|
179
|
+
"kind": "field",
|
|
180
|
+
"name": "disabled",
|
|
181
|
+
"privacy": "public",
|
|
182
|
+
"type": {
|
|
183
|
+
"text": "boolean"
|
|
184
|
+
},
|
|
185
|
+
"description": "If true, the user cannot interact with this element.",
|
|
186
|
+
"attribute": "disabled",
|
|
187
|
+
"inheritedFrom": {
|
|
188
|
+
"name": "DelegateFocusMixin",
|
|
189
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
190
|
+
}
|
|
191
|
+
},
|
|
146
192
|
{
|
|
147
193
|
"kind": "field",
|
|
148
194
|
"name": "errorMessage",
|
|
@@ -171,6 +217,20 @@
|
|
|
171
217
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
172
218
|
}
|
|
173
219
|
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "field",
|
|
222
|
+
"name": "invalid",
|
|
223
|
+
"privacy": "public",
|
|
224
|
+
"type": {
|
|
225
|
+
"text": "boolean"
|
|
226
|
+
},
|
|
227
|
+
"description": "Set to true when the field is invalid.",
|
|
228
|
+
"attribute": "invalid",
|
|
229
|
+
"inheritedFrom": {
|
|
230
|
+
"name": "FieldMixin",
|
|
231
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
232
|
+
}
|
|
233
|
+
},
|
|
174
234
|
{
|
|
175
235
|
"kind": "field",
|
|
176
236
|
"name": "label",
|
|
@@ -185,6 +245,20 @@
|
|
|
185
245
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
186
246
|
}
|
|
187
247
|
},
|
|
248
|
+
{
|
|
249
|
+
"kind": "field",
|
|
250
|
+
"name": "manualValidation",
|
|
251
|
+
"privacy": "public",
|
|
252
|
+
"type": {
|
|
253
|
+
"text": "boolean"
|
|
254
|
+
},
|
|
255
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
256
|
+
"attribute": "manual-validation",
|
|
257
|
+
"inheritedFrom": {
|
|
258
|
+
"name": "FieldMixin",
|
|
259
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
260
|
+
}
|
|
261
|
+
},
|
|
188
262
|
{
|
|
189
263
|
"kind": "field",
|
|
190
264
|
"name": "max",
|
|
@@ -247,6 +321,20 @@
|
|
|
247
321
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
248
322
|
}
|
|
249
323
|
},
|
|
324
|
+
{
|
|
325
|
+
"kind": "field",
|
|
326
|
+
"name": "required",
|
|
327
|
+
"privacy": "public",
|
|
328
|
+
"type": {
|
|
329
|
+
"text": "boolean"
|
|
330
|
+
},
|
|
331
|
+
"description": "Specifies that the user must fill in a value.",
|
|
332
|
+
"attribute": "required",
|
|
333
|
+
"inheritedFrom": {
|
|
334
|
+
"name": "FieldMixin",
|
|
335
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
336
|
+
}
|
|
337
|
+
},
|
|
250
338
|
{
|
|
251
339
|
"kind": "field",
|
|
252
340
|
"name": "step",
|
|
@@ -280,6 +368,34 @@
|
|
|
280
368
|
"name": "InputControlMixin",
|
|
281
369
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
282
370
|
}
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"kind": "method",
|
|
374
|
+
"name": "validate",
|
|
375
|
+
"description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
|
|
376
|
+
"return": {
|
|
377
|
+
"type": {
|
|
378
|
+
"text": "boolean"
|
|
379
|
+
}
|
|
380
|
+
},
|
|
381
|
+
"inheritedFrom": {
|
|
382
|
+
"name": "FieldMixin",
|
|
383
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"kind": "field",
|
|
388
|
+
"name": "value",
|
|
389
|
+
"privacy": "public",
|
|
390
|
+
"type": {
|
|
391
|
+
"text": "string"
|
|
392
|
+
},
|
|
393
|
+
"description": "The value of the field.",
|
|
394
|
+
"attribute": "value",
|
|
395
|
+
"inheritedFrom": {
|
|
396
|
+
"name": "ClearButtonMixin",
|
|
397
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
398
|
+
}
|
|
283
399
|
}
|
|
284
400
|
],
|
|
285
401
|
"events": [
|
|
@@ -287,6 +403,10 @@
|
|
|
287
403
|
"name": "change",
|
|
288
404
|
"type": {
|
|
289
405
|
"text": "CustomEvent"
|
|
406
|
+
},
|
|
407
|
+
"inheritedFrom": {
|
|
408
|
+
"name": "InputConstraintsMixin",
|
|
409
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
290
410
|
}
|
|
291
411
|
},
|
|
292
412
|
{
|
|
@@ -294,6 +414,16 @@
|
|
|
294
414
|
"type": {
|
|
295
415
|
"text": "CustomEvent"
|
|
296
416
|
}
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"name": "validated",
|
|
420
|
+
"type": {
|
|
421
|
+
"text": "CustomEvent"
|
|
422
|
+
},
|
|
423
|
+
"inheritedFrom": {
|
|
424
|
+
"name": "FieldMixin",
|
|
425
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
426
|
+
}
|
|
297
427
|
}
|
|
298
428
|
],
|
|
299
429
|
"attributes": [
|
|
@@ -369,6 +499,18 @@
|
|
|
369
499
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
370
500
|
}
|
|
371
501
|
},
|
|
502
|
+
{
|
|
503
|
+
"name": "autofocus",
|
|
504
|
+
"type": {
|
|
505
|
+
"text": "boolean"
|
|
506
|
+
},
|
|
507
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
508
|
+
"fieldName": "autofocus",
|
|
509
|
+
"inheritedFrom": {
|
|
510
|
+
"name": "DelegateFocusMixin",
|
|
511
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
512
|
+
}
|
|
513
|
+
},
|
|
372
514
|
{
|
|
373
515
|
"name": "autoselect",
|
|
374
516
|
"type": {
|
|
@@ -393,6 +535,18 @@
|
|
|
393
535
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
394
536
|
}
|
|
395
537
|
},
|
|
538
|
+
{
|
|
539
|
+
"name": "disabled",
|
|
540
|
+
"type": {
|
|
541
|
+
"text": "boolean"
|
|
542
|
+
},
|
|
543
|
+
"description": "If true, the user cannot interact with this element.",
|
|
544
|
+
"fieldName": "disabled",
|
|
545
|
+
"inheritedFrom": {
|
|
546
|
+
"name": "DelegateFocusMixin",
|
|
547
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
548
|
+
}
|
|
549
|
+
},
|
|
396
550
|
{
|
|
397
551
|
"name": "error-message",
|
|
398
552
|
"type": {
|
|
@@ -417,6 +571,18 @@
|
|
|
417
571
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
418
572
|
}
|
|
419
573
|
},
|
|
574
|
+
{
|
|
575
|
+
"name": "invalid",
|
|
576
|
+
"type": {
|
|
577
|
+
"text": "boolean"
|
|
578
|
+
},
|
|
579
|
+
"description": "Set to true when the field is invalid.",
|
|
580
|
+
"fieldName": "invalid",
|
|
581
|
+
"inheritedFrom": {
|
|
582
|
+
"name": "FieldMixin",
|
|
583
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
584
|
+
}
|
|
585
|
+
},
|
|
420
586
|
{
|
|
421
587
|
"name": "label",
|
|
422
588
|
"type": {
|
|
@@ -429,6 +595,18 @@
|
|
|
429
595
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
430
596
|
}
|
|
431
597
|
},
|
|
598
|
+
{
|
|
599
|
+
"name": "manual-validation",
|
|
600
|
+
"type": {
|
|
601
|
+
"text": "boolean"
|
|
602
|
+
},
|
|
603
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
604
|
+
"fieldName": "manualValidation",
|
|
605
|
+
"inheritedFrom": {
|
|
606
|
+
"name": "FieldMixin",
|
|
607
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
608
|
+
}
|
|
609
|
+
},
|
|
432
610
|
{
|
|
433
611
|
"name": "max",
|
|
434
612
|
"type": {
|
|
@@ -481,6 +659,18 @@
|
|
|
481
659
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
482
660
|
}
|
|
483
661
|
},
|
|
662
|
+
{
|
|
663
|
+
"name": "required",
|
|
664
|
+
"type": {
|
|
665
|
+
"text": "boolean"
|
|
666
|
+
},
|
|
667
|
+
"description": "Specifies that the user must fill in a value.",
|
|
668
|
+
"fieldName": "required",
|
|
669
|
+
"inheritedFrom": {
|
|
670
|
+
"name": "FieldMixin",
|
|
671
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
484
674
|
{
|
|
485
675
|
"name": "step",
|
|
486
676
|
"type": {
|
|
@@ -508,6 +698,18 @@
|
|
|
508
698
|
"name": "InputControlMixin",
|
|
509
699
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
510
700
|
}
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"name": "value",
|
|
704
|
+
"type": {
|
|
705
|
+
"text": "string"
|
|
706
|
+
},
|
|
707
|
+
"description": "The value of the field.",
|
|
708
|
+
"fieldName": "value",
|
|
709
|
+
"inheritedFrom": {
|
|
710
|
+
"name": "ClearButtonMixin",
|
|
711
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
712
|
+
}
|
|
511
713
|
}
|
|
512
714
|
],
|
|
513
715
|
"mixins": [
|
|
@@ -540,7 +742,7 @@
|
|
|
540
742
|
"declarations": [
|
|
541
743
|
{
|
|
542
744
|
"kind": "class",
|
|
543
|
-
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The label element\n`input-field` | The element that wraps prefix, value and suffix\n`field-button` | Set on clear, decrease and increase buttons\n`clear-button` | The clear button\n`error-message` | The error message element\n`helper-text` | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`has-value` | Set when the element has a value\n`has-label` | Set when the element has a label\n`has-helper` | Set when the element has helper text or slot\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n`invalid` | Set when the element is invalid\n`input-prevented` | Temporarily set when invalid input is prevented\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.",
|
|
745
|
+
"description": "`<vaadin-number-field>` is an input field web component that only accepts numeric input.\n\n```html\n<vaadin-number-field label=\"Balance\"></vaadin-number-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The label element\n`input-field` | The element that wraps prefix, value and suffix\n`field-button` | Set on clear, decrease and increase buttons\n`clear-button` | The clear button\n`error-message` | The error message element\n`helper-text` | The helper text element wrapper\n`required-indicator` | The `required` state indicator element\n`increase-button` | Increase (\"plus\") button\n`decrease-button` | Decrease (\"minus\") button\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------------|---------------------------------\n`disabled` | Set when the element is disabled\n`has-value` | Set when the element has a value\n`has-label` | Set when the element has a label\n`has-helper` | Set when the element has helper text or slot\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n`invalid` | Set when the element is invalid\n`input-prevented` | Temporarily set when invalid input is prevented\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`readonly` | Set when the element is readonly\n\nNote, the `input-prevented` state attribute is only supported when `allowedCharPattern` is set.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\n| `--vaadin-field-default-width` |\n| `--vaadin-input-field-background` |\n| `--vaadin-input-field-border-color` |\n| `--vaadin-input-field-border-radius` |\n| `--vaadin-input-field-border-width` |\n| `--vaadin-input-field-bottom-end-radius` |\n| `--vaadin-input-field-bottom-start-radius` |\n| `--vaadin-input-field-button-text-color` |\n| `--vaadin-input-field-container-gap` |\n| `--vaadin-input-field-disabled-background` |\n| `--vaadin-input-field-disabled-text-color` |\n| `--vaadin-input-field-error-color` |\n| `--vaadin-input-field-error-font-size` |\n| `--vaadin-input-field-error-font-weight` |\n| `--vaadin-input-field-error-line-height` |\n| `--vaadin-input-field-gap` |\n| `--vaadin-input-field-helper-color` |\n| `--vaadin-input-field-helper-font-size` |\n| `--vaadin-input-field-helper-font-weight` |\n| `--vaadin-input-field-helper-line-height` |\n| `--vaadin-input-field-label-color` |\n| `--vaadin-input-field-label-font-size` |\n| `--vaadin-input-field-label-font-weight` |\n| `--vaadin-input-field-label-line-height` |\n| `--vaadin-input-field-padding` |\n| `--vaadin-input-field-placeholder-color` |\n| `--vaadin-input-field-required-indicator` |\n| `--vaadin-input-field-required-indicator-color` |\n| `--vaadin-input-field-top-end-radius` |\n| `--vaadin-input-field-top-start-radius` |\n| `--vaadin-input-field-value-color` |\n| `--vaadin-input-field-value-font-size` |\n| `--vaadin-input-field-value-font-weight` |\n| `--vaadin-input-field-value-line-height` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Change events\n\nDepending on the nature of the value change that the user attempts to commit e.g. by pressing Enter,\nthe component can fire either a `change` event or an `unparsable-change` event:\n\nValue change | Event\n:------------------------|:------------------\nempty => parsable | change\nempty => unparsable | unparsable-change\nparsable => empty | change\nparsable => parsable | change\nparsable => unparsable | change\nunparsable => empty | unparsable-change\nunparsable => parsable | change\nunparsable => unparsable | -\n\nNote, there is currently no way to detect unparsable => unparsable changes because the browser\ndoesn't provide access to unparsable values of native [type=number] inputs.",
|
|
544
746
|
"name": "NumberField",
|
|
545
747
|
"members": [
|
|
546
748
|
{
|
|
@@ -627,6 +829,20 @@
|
|
|
627
829
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
628
830
|
}
|
|
629
831
|
},
|
|
832
|
+
{
|
|
833
|
+
"kind": "field",
|
|
834
|
+
"name": "autofocus",
|
|
835
|
+
"privacy": "public",
|
|
836
|
+
"type": {
|
|
837
|
+
"text": "boolean"
|
|
838
|
+
},
|
|
839
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
840
|
+
"attribute": "autofocus",
|
|
841
|
+
"inheritedFrom": {
|
|
842
|
+
"name": "DelegateFocusMixin",
|
|
843
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
844
|
+
}
|
|
845
|
+
},
|
|
630
846
|
{
|
|
631
847
|
"kind": "field",
|
|
632
848
|
"name": "autoselect",
|
|
@@ -645,9 +861,23 @@
|
|
|
645
861
|
"kind": "method",
|
|
646
862
|
"name": "checkValidity",
|
|
647
863
|
"description": "Override the method from `InputConstraintsMixin`\nto enforce HTML constraint validation even if\nthe user didn't add any constraints explicitly:\nthe field has to be regardless checked for bad input.",
|
|
864
|
+
"return": {
|
|
865
|
+
"type": {
|
|
866
|
+
"text": "boolean"
|
|
867
|
+
}
|
|
868
|
+
},
|
|
648
869
|
"inheritedFrom": {
|
|
649
|
-
"name": "
|
|
650
|
-
"
|
|
870
|
+
"name": "InputConstraintsMixin",
|
|
871
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
872
|
+
}
|
|
873
|
+
},
|
|
874
|
+
{
|
|
875
|
+
"kind": "method",
|
|
876
|
+
"name": "clear",
|
|
877
|
+
"description": "Clear the value of the field.",
|
|
878
|
+
"inheritedFrom": {
|
|
879
|
+
"name": "ClearButtonMixin",
|
|
880
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
651
881
|
}
|
|
652
882
|
},
|
|
653
883
|
{
|
|
@@ -664,6 +894,20 @@
|
|
|
664
894
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
665
895
|
}
|
|
666
896
|
},
|
|
897
|
+
{
|
|
898
|
+
"kind": "field",
|
|
899
|
+
"name": "disabled",
|
|
900
|
+
"privacy": "public",
|
|
901
|
+
"type": {
|
|
902
|
+
"text": "boolean"
|
|
903
|
+
},
|
|
904
|
+
"description": "If true, the user cannot interact with this element.",
|
|
905
|
+
"attribute": "disabled",
|
|
906
|
+
"inheritedFrom": {
|
|
907
|
+
"name": "DelegateFocusMixin",
|
|
908
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
909
|
+
}
|
|
910
|
+
},
|
|
667
911
|
{
|
|
668
912
|
"kind": "field",
|
|
669
913
|
"name": "errorMessage",
|
|
@@ -692,6 +936,20 @@
|
|
|
692
936
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
693
937
|
}
|
|
694
938
|
},
|
|
939
|
+
{
|
|
940
|
+
"kind": "field",
|
|
941
|
+
"name": "invalid",
|
|
942
|
+
"privacy": "public",
|
|
943
|
+
"type": {
|
|
944
|
+
"text": "boolean"
|
|
945
|
+
},
|
|
946
|
+
"description": "Set to true when the field is invalid.",
|
|
947
|
+
"attribute": "invalid",
|
|
948
|
+
"inheritedFrom": {
|
|
949
|
+
"name": "FieldMixin",
|
|
950
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
951
|
+
}
|
|
952
|
+
},
|
|
695
953
|
{
|
|
696
954
|
"kind": "field",
|
|
697
955
|
"name": "label",
|
|
@@ -706,6 +964,20 @@
|
|
|
706
964
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
707
965
|
}
|
|
708
966
|
},
|
|
967
|
+
{
|
|
968
|
+
"kind": "field",
|
|
969
|
+
"name": "manualValidation",
|
|
970
|
+
"privacy": "public",
|
|
971
|
+
"type": {
|
|
972
|
+
"text": "boolean"
|
|
973
|
+
},
|
|
974
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
975
|
+
"attribute": "manual-validation",
|
|
976
|
+
"inheritedFrom": {
|
|
977
|
+
"name": "FieldMixin",
|
|
978
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
979
|
+
}
|
|
980
|
+
},
|
|
709
981
|
{
|
|
710
982
|
"kind": "field",
|
|
711
983
|
"name": "max",
|
|
@@ -776,6 +1048,20 @@
|
|
|
776
1048
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
777
1049
|
}
|
|
778
1050
|
},
|
|
1051
|
+
{
|
|
1052
|
+
"kind": "field",
|
|
1053
|
+
"name": "required",
|
|
1054
|
+
"privacy": "public",
|
|
1055
|
+
"type": {
|
|
1056
|
+
"text": "boolean"
|
|
1057
|
+
},
|
|
1058
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1059
|
+
"attribute": "required",
|
|
1060
|
+
"inheritedFrom": {
|
|
1061
|
+
"name": "FieldMixin",
|
|
1062
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1063
|
+
}
|
|
1064
|
+
},
|
|
779
1065
|
{
|
|
780
1066
|
"kind": "field",
|
|
781
1067
|
"name": "step",
|
|
@@ -817,6 +1103,34 @@
|
|
|
817
1103
|
"name": "InputControlMixin",
|
|
818
1104
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
819
1105
|
}
|
|
1106
|
+
},
|
|
1107
|
+
{
|
|
1108
|
+
"kind": "method",
|
|
1109
|
+
"name": "validate",
|
|
1110
|
+
"description": "Validates the field and sets the `invalid` property based on the result.\n\nThe method fires a `validated` event with the result of the validation.",
|
|
1111
|
+
"return": {
|
|
1112
|
+
"type": {
|
|
1113
|
+
"text": "boolean"
|
|
1114
|
+
}
|
|
1115
|
+
},
|
|
1116
|
+
"inheritedFrom": {
|
|
1117
|
+
"name": "FieldMixin",
|
|
1118
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1119
|
+
}
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"kind": "field",
|
|
1123
|
+
"name": "value",
|
|
1124
|
+
"privacy": "public",
|
|
1125
|
+
"type": {
|
|
1126
|
+
"text": "string"
|
|
1127
|
+
},
|
|
1128
|
+
"description": "The value of the field.",
|
|
1129
|
+
"attribute": "value",
|
|
1130
|
+
"inheritedFrom": {
|
|
1131
|
+
"name": "ClearButtonMixin",
|
|
1132
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1133
|
+
}
|
|
820
1134
|
}
|
|
821
1135
|
],
|
|
822
1136
|
"events": [
|
|
@@ -827,8 +1141,8 @@
|
|
|
827
1141
|
},
|
|
828
1142
|
"description": "Fired when the user commits a value change.",
|
|
829
1143
|
"inheritedFrom": {
|
|
830
|
-
"name": "
|
|
831
|
-
"
|
|
1144
|
+
"name": "InputConstraintsMixin",
|
|
1145
|
+
"package": "@vaadin/field-base/src/input-constraints-mixin.js"
|
|
832
1146
|
}
|
|
833
1147
|
},
|
|
834
1148
|
{
|
|
@@ -972,6 +1286,18 @@
|
|
|
972
1286
|
"package": "@vaadin/field-base/src/input-field-mixin.js"
|
|
973
1287
|
}
|
|
974
1288
|
},
|
|
1289
|
+
{
|
|
1290
|
+
"name": "autofocus",
|
|
1291
|
+
"type": {
|
|
1292
|
+
"text": "boolean"
|
|
1293
|
+
},
|
|
1294
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
1295
|
+
"fieldName": "autofocus",
|
|
1296
|
+
"inheritedFrom": {
|
|
1297
|
+
"name": "DelegateFocusMixin",
|
|
1298
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1299
|
+
}
|
|
1300
|
+
},
|
|
975
1301
|
{
|
|
976
1302
|
"name": "autoselect",
|
|
977
1303
|
"type": {
|
|
@@ -996,6 +1322,18 @@
|
|
|
996
1322
|
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
997
1323
|
}
|
|
998
1324
|
},
|
|
1325
|
+
{
|
|
1326
|
+
"name": "disabled",
|
|
1327
|
+
"type": {
|
|
1328
|
+
"text": "boolean"
|
|
1329
|
+
},
|
|
1330
|
+
"description": "If true, the user cannot interact with this element.",
|
|
1331
|
+
"fieldName": "disabled",
|
|
1332
|
+
"inheritedFrom": {
|
|
1333
|
+
"name": "DelegateFocusMixin",
|
|
1334
|
+
"package": "@vaadin/a11y-base/src/delegate-focus-mixin.js"
|
|
1335
|
+
}
|
|
1336
|
+
},
|
|
999
1337
|
{
|
|
1000
1338
|
"name": "error-message",
|
|
1001
1339
|
"type": {
|
|
@@ -1020,6 +1358,18 @@
|
|
|
1020
1358
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1021
1359
|
}
|
|
1022
1360
|
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "invalid",
|
|
1363
|
+
"type": {
|
|
1364
|
+
"text": "boolean"
|
|
1365
|
+
},
|
|
1366
|
+
"description": "Set to true when the field is invalid.",
|
|
1367
|
+
"fieldName": "invalid",
|
|
1368
|
+
"inheritedFrom": {
|
|
1369
|
+
"name": "FieldMixin",
|
|
1370
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1371
|
+
}
|
|
1372
|
+
},
|
|
1023
1373
|
{
|
|
1024
1374
|
"name": "label",
|
|
1025
1375
|
"type": {
|
|
@@ -1032,6 +1382,18 @@
|
|
|
1032
1382
|
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1033
1383
|
}
|
|
1034
1384
|
},
|
|
1385
|
+
{
|
|
1386
|
+
"name": "manual-validation",
|
|
1387
|
+
"type": {
|
|
1388
|
+
"text": "boolean"
|
|
1389
|
+
},
|
|
1390
|
+
"description": "Set to true to enable manual validation mode. This mode disables automatic\nconstraint validation, allowing you to control the validation process yourself.\nYou can still trigger constraint validation manually with the `validate()` method\nor use `checkValidity()` to assess the component's validity without affecting\nthe invalid state. In manual validation mode, you can also manipulate\nthe `invalid` property directly through your application logic without conflicts\nwith the component's internal validation.",
|
|
1391
|
+
"fieldName": "manualValidation",
|
|
1392
|
+
"inheritedFrom": {
|
|
1393
|
+
"name": "FieldMixin",
|
|
1394
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1395
|
+
}
|
|
1396
|
+
},
|
|
1035
1397
|
{
|
|
1036
1398
|
"name": "max",
|
|
1037
1399
|
"type": {
|
|
@@ -1092,6 +1454,18 @@
|
|
|
1092
1454
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1093
1455
|
}
|
|
1094
1456
|
},
|
|
1457
|
+
{
|
|
1458
|
+
"name": "required",
|
|
1459
|
+
"type": {
|
|
1460
|
+
"text": "boolean"
|
|
1461
|
+
},
|
|
1462
|
+
"description": "Specifies that the user must fill in a value.",
|
|
1463
|
+
"fieldName": "required",
|
|
1464
|
+
"inheritedFrom": {
|
|
1465
|
+
"name": "FieldMixin",
|
|
1466
|
+
"package": "@vaadin/field-base/src/field-mixin.js"
|
|
1467
|
+
}
|
|
1468
|
+
},
|
|
1095
1469
|
{
|
|
1096
1470
|
"name": "step",
|
|
1097
1471
|
"type": {
|
|
@@ -1127,6 +1501,18 @@
|
|
|
1127
1501
|
"name": "InputControlMixin",
|
|
1128
1502
|
"package": "@vaadin/field-base/src/input-control-mixin.js"
|
|
1129
1503
|
}
|
|
1504
|
+
},
|
|
1505
|
+
{
|
|
1506
|
+
"name": "value",
|
|
1507
|
+
"type": {
|
|
1508
|
+
"text": "string"
|
|
1509
|
+
},
|
|
1510
|
+
"description": "The value of the field.",
|
|
1511
|
+
"fieldName": "value",
|
|
1512
|
+
"inheritedFrom": {
|
|
1513
|
+
"name": "ClearButtonMixin",
|
|
1514
|
+
"package": "@vaadin/field-base/src/clear-button-mixin.js"
|
|
1515
|
+
}
|
|
1130
1516
|
}
|
|
1131
1517
|
]
|
|
1132
1518
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/number-field",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-beta1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/a11y-base": "25.2.0-
|
|
39
|
-
"@vaadin/component-base": "25.2.0-
|
|
40
|
-
"@vaadin/field-base": "25.2.0-
|
|
41
|
-
"@vaadin/input-container": "25.2.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
38
|
+
"@vaadin/a11y-base": "25.2.0-beta1",
|
|
39
|
+
"@vaadin/component-base": "25.2.0-beta1",
|
|
40
|
+
"@vaadin/field-base": "25.2.0-beta1",
|
|
41
|
+
"@vaadin/input-container": "25.2.0-beta1",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-beta1",
|
|
43
43
|
"lit": "^3.0.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@vaadin/aura": "25.2.0-
|
|
47
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
48
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
46
|
+
"@vaadin/aura": "25.2.0-beta1",
|
|
47
|
+
"@vaadin/chai-plugins": "25.2.0-beta1",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.2.0-beta1",
|
|
49
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
50
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-beta1",
|
|
51
51
|
"sinon": "^21.0.2"
|
|
52
52
|
},
|
|
53
53
|
"customElements": "custom-elements.json",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"web-types.json",
|
|
56
56
|
"web-types.lit.json"
|
|
57
57
|
],
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "471a23f60d1eb725f98a33f62cb9664d9c0a4163"
|
|
59
59
|
}
|
|
@@ -20,9 +20,6 @@ const BAD_INPUT_STRING = 'NaN';
|
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* A mixin providing common number field functionality.
|
|
23
|
-
*
|
|
24
|
-
* @polymerMixin
|
|
25
|
-
* @mixes InputFieldMixin
|
|
26
23
|
*/
|
|
27
24
|
export const NumberFieldMixin = (superClass) =>
|
|
28
25
|
class NumberFieldMixinClass extends InputFieldMixin(superClass) {
|