@vaadin/custom-field 25.1.0-alpha7 → 25.1.0-alpha9

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/custom-field",
3
- "version": "25.1.0-alpha7",
3
+ "version": "25.1.0-alpha9",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,28 +35,28 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
- "@vaadin/a11y-base": "25.1.0-alpha7",
39
- "@vaadin/component-base": "25.1.0-alpha7",
40
- "@vaadin/field-base": "25.1.0-alpha7",
41
- "@vaadin/vaadin-themable-mixin": "25.1.0-alpha7",
38
+ "@vaadin/a11y-base": "25.1.0-alpha9",
39
+ "@vaadin/component-base": "25.1.0-alpha9",
40
+ "@vaadin/field-base": "25.1.0-alpha9",
41
+ "@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
42
42
  "lit": "^3.0.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@vaadin/aura": "25.1.0-alpha7",
46
- "@vaadin/chai-plugins": "25.1.0-alpha7",
47
- "@vaadin/combo-box": "25.1.0-alpha7",
48
- "@vaadin/date-picker": "25.1.0-alpha7",
49
- "@vaadin/email-field": "25.1.0-alpha7",
50
- "@vaadin/form-layout": "25.1.0-alpha7",
51
- "@vaadin/number-field": "25.1.0-alpha7",
52
- "@vaadin/password-field": "25.1.0-alpha7",
53
- "@vaadin/select": "25.1.0-alpha7",
54
- "@vaadin/test-runner-commands": "25.1.0-alpha7",
45
+ "@vaadin/aura": "25.1.0-alpha9",
46
+ "@vaadin/chai-plugins": "25.1.0-alpha9",
47
+ "@vaadin/combo-box": "25.1.0-alpha9",
48
+ "@vaadin/date-picker": "25.1.0-alpha9",
49
+ "@vaadin/email-field": "25.1.0-alpha9",
50
+ "@vaadin/form-layout": "25.1.0-alpha9",
51
+ "@vaadin/number-field": "25.1.0-alpha9",
52
+ "@vaadin/password-field": "25.1.0-alpha9",
53
+ "@vaadin/select": "25.1.0-alpha9",
54
+ "@vaadin/test-runner-commands": "25.1.0-alpha9",
55
55
  "@vaadin/testing-helpers": "^2.0.0",
56
- "@vaadin/text-area": "25.1.0-alpha7",
57
- "@vaadin/text-field": "25.1.0-alpha7",
58
- "@vaadin/time-picker": "25.1.0-alpha7",
59
- "@vaadin/vaadin-lumo-styles": "25.1.0-alpha7",
56
+ "@vaadin/text-area": "25.1.0-alpha9",
57
+ "@vaadin/text-field": "25.1.0-alpha9",
58
+ "@vaadin/time-picker": "25.1.0-alpha9",
59
+ "@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
60
60
  "sinon": "^21.0.0"
61
61
  },
62
62
  "customElements": "custom-elements.json",
@@ -64,5 +64,5 @@
64
64
  "web-types.json",
65
65
  "web-types.lit.json"
66
66
  ],
67
- "gitHead": "98c586125f769c8fefd307536965293668fda81d"
67
+ "gitHead": "ef432311376ba3dac4233cb23d393a49a425e0a4"
68
68
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "25.1.0-alpha7",
4
+ "version": "25.1.0-alpha9",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -11,8 +11,8 @@
11
11
  "description": "`<vaadin-custom-field>` is a web component for wrapping multiple components as a single field.\n\n```html\n<vaadin-custom-field label=\"Appointment time\">\n <vaadin-date-picker></vaadin-date-picker>\n <vaadin-time-picker></vaadin-time-picker>\n</vaadin-custom-field>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n---------------------|----------------\n`label` | The slotted label element wrapper\n`helper-text` | The slotted helper text element wrapper\n`error-message` | The slotted error message element wrapper\n`required-indicator` | The `required` state indicator element\n`input-fields` | The slotted input elements wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n--------------------|--------------------------------\n`invalid` | Set when the element is invalid\n`focused` | Set when the element is focused\n`has-label` | Set when the element has a label\n`has-value` | Set when the element has a value\n`has-helper` | Set when the element has helper text\n`has-error-message` | Set when the element has an error message\n`has-tooltip` | Set when the element has a slotted tooltip\n\nYou may also manually set `disabled` or `readonly` attribute on this component to make the label\npart look visually the same as on a `<vaadin-text-field>` when it is disabled or readonly.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------------------|\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-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-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-required-indicator-color` |\n| `--vaadin-input-field-required-indicator` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
- "name": "label",
15
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
14
+ "name": "accessible-name",
15
+ "description": "String used to label the component to screen reader users.",
16
16
  "value": {
17
17
  "type": [
18
18
  "string",
@@ -22,52 +22,52 @@
22
22
  }
23
23
  },
24
24
  {
25
- "name": "invalid",
26
- "description": "Set to true when the field is invalid.",
25
+ "name": "accessible-name-ref",
26
+ "description": "Id of the element used as label of the component to screen reader users.",
27
27
  "value": {
28
28
  "type": [
29
- "boolean",
29
+ "string",
30
30
  "null",
31
31
  "undefined"
32
32
  ]
33
33
  }
34
34
  },
35
35
  {
36
- "name": "manual-validation",
37
- "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.",
36
+ "name": "error-message",
37
+ "description": "Error to show when the field is invalid.",
38
38
  "value": {
39
39
  "type": [
40
- "boolean",
40
+ "string",
41
41
  "null",
42
42
  "undefined"
43
43
  ]
44
44
  }
45
45
  },
46
46
  {
47
- "name": "required",
48
- "description": "Specifies that the user must fill in a value.",
47
+ "name": "helper-text",
48
+ "description": "String used for the helper text.",
49
49
  "value": {
50
50
  "type": [
51
- "boolean",
51
+ "string",
52
52
  "null",
53
53
  "undefined"
54
54
  ]
55
55
  }
56
56
  },
57
57
  {
58
- "name": "error-message",
59
- "description": "Error to show when the field is invalid.",
58
+ "name": "invalid",
59
+ "description": "Set to true when the field is invalid.",
60
60
  "value": {
61
61
  "type": [
62
- "string",
62
+ "boolean",
63
63
  "null",
64
64
  "undefined"
65
65
  ]
66
66
  }
67
67
  },
68
68
  {
69
- "name": "helper-text",
70
- "description": "String used for the helper text.",
69
+ "name": "label",
70
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
71
71
  "value": {
72
72
  "type": [
73
73
  "string",
@@ -77,19 +77,19 @@
77
77
  }
78
78
  },
79
79
  {
80
- "name": "accessible-name",
81
- "description": "String used to label the component to screen reader users.",
80
+ "name": "manual-validation",
81
+ "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.",
82
82
  "value": {
83
83
  "type": [
84
- "string",
84
+ "boolean",
85
85
  "null",
86
86
  "undefined"
87
87
  ]
88
88
  }
89
89
  },
90
90
  {
91
- "name": "accessible-name-ref",
92
- "description": "Id of the element used as label of the component to screen reader users.",
91
+ "name": "name",
92
+ "description": "The name of the control, which is submitted with the form data.",
93
93
  "value": {
94
94
  "type": [
95
95
  "string",
@@ -99,19 +99,19 @@
99
99
  }
100
100
  },
101
101
  {
102
- "name": "name",
103
- "description": "The name of the control, which is submitted with the form data.",
102
+ "name": "required",
103
+ "description": "Specifies that the user must fill in a value.",
104
104
  "value": {
105
105
  "type": [
106
- "string",
106
+ "boolean",
107
107
  "null",
108
108
  "undefined"
109
109
  ]
110
110
  }
111
111
  },
112
112
  {
113
- "name": "value",
114
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
113
+ "name": "theme",
114
+ "description": "The theme variants to apply to the component.",
115
115
  "value": {
116
116
  "type": [
117
117
  "string",
@@ -121,8 +121,8 @@
121
121
  }
122
122
  },
123
123
  {
124
- "name": "theme",
125
- "description": "The theme variants to apply to the component.",
124
+ "name": "value",
125
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
126
126
  "value": {
127
127
  "type": [
128
128
  "string",
@@ -135,8 +135,8 @@
135
135
  "js": {
136
136
  "properties": [
137
137
  {
138
- "name": "label",
139
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
138
+ "name": "accessibleName",
139
+ "description": "String used to label the component to screen reader users.",
140
140
  "value": {
141
141
  "type": [
142
142
  "string",
@@ -146,41 +146,40 @@
146
146
  }
147
147
  },
148
148
  {
149
- "name": "invalid",
150
- "description": "Set to true when the field is invalid.",
149
+ "name": "accessibleNameRef",
150
+ "description": "Id of the element used as label of the component to screen reader users.",
151
151
  "value": {
152
152
  "type": [
153
- "boolean",
153
+ "string",
154
154
  "null",
155
155
  "undefined"
156
156
  ]
157
157
  }
158
158
  },
159
159
  {
160
- "name": "manualValidation",
161
- "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.",
160
+ "name": "errorMessage",
161
+ "description": "Error to show when the field is invalid.",
162
162
  "value": {
163
163
  "type": [
164
- "boolean",
164
+ "string",
165
165
  "null",
166
166
  "undefined"
167
167
  ]
168
168
  }
169
169
  },
170
170
  {
171
- "name": "required",
172
- "description": "Specifies that the user must fill in a value.",
171
+ "name": "formatValue",
172
+ "description": "A function to format the values of the individual fields contained by\nthe custom field into a single component value. The function receives\nan array of all values of the individual fields in the order of their\npresence in the DOM, and must return a single component value.\nThis function is called each time a value of an internal field is\nchanged.\n\nExample:\n```js\ncustomField.formatValue = (fieldValues) => {\n return fieldValues.join(\"-\");\n}\n```",
173
173
  "value": {
174
174
  "type": [
175
- "boolean",
176
- "null",
175
+ "CustomFieldFormatValueFn",
177
176
  "undefined"
178
177
  ]
179
178
  }
180
179
  },
181
180
  {
182
- "name": "errorMessage",
183
- "description": "Error to show when the field is invalid.",
181
+ "name": "helperText",
182
+ "description": "String used for the helper text.",
184
183
  "value": {
185
184
  "type": [
186
185
  "string",
@@ -190,19 +189,19 @@
190
189
  }
191
190
  },
192
191
  {
193
- "name": "helperText",
194
- "description": "String used for the helper text.",
192
+ "name": "invalid",
193
+ "description": "Set to true when the field is invalid.",
195
194
  "value": {
196
195
  "type": [
197
- "string",
196
+ "boolean",
198
197
  "null",
199
198
  "undefined"
200
199
  ]
201
200
  }
202
201
  },
203
202
  {
204
- "name": "accessibleName",
205
- "description": "String used to label the component to screen reader users.",
203
+ "name": "label",
204
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
206
205
  "value": {
207
206
  "type": [
208
207
  "string",
@@ -212,11 +211,11 @@
212
211
  }
213
212
  },
214
213
  {
215
- "name": "accessibleNameRef",
216
- "description": "Id of the element used as label of the component to screen reader users.",
214
+ "name": "manualValidation",
215
+ "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.",
217
216
  "value": {
218
217
  "type": [
219
- "string",
218
+ "boolean",
220
219
  "null",
221
220
  "undefined"
222
221
  ]
@@ -234,42 +233,39 @@
234
233
  }
235
234
  },
236
235
  {
237
- "name": "value",
238
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
236
+ "name": "parseValue",
237
+ "description": "A function to parse the component value into values for the individual\nfields contained by the custom field. The function receives the\ncomponent value, and must return an array of values for the individual\nfields in the order of their presence in the DOM.\nThe function is called each time the value of the component changes.\n\nExample:\n```js\ncustomField.parseValue = (componentValue) => {\n return componentValue.split(\"-\");\n}\n```",
239
238
  "value": {
240
239
  "type": [
241
- "string",
242
- "null",
240
+ "CustomFieldParseValueFn",
243
241
  "undefined"
244
242
  ]
245
243
  }
246
244
  },
247
245
  {
248
- "name": "formatValue",
249
- "description": "A function to format the values of the individual fields contained by\nthe custom field into a single component value. The function receives\nan array of all values of the individual fields in the order of their\npresence in the DOM, and must return a single component value.\nThis function is called each time a value of an internal field is\nchanged.\n\nExample:\n```js\ncustomField.formatValue = (fieldValues) => {\n return fieldValues.join(\"-\");\n}\n```",
246
+ "name": "required",
247
+ "description": "Specifies that the user must fill in a value.",
250
248
  "value": {
251
249
  "type": [
252
- "CustomFieldFormatValueFn",
250
+ "boolean",
251
+ "null",
253
252
  "undefined"
254
253
  ]
255
254
  }
256
255
  },
257
256
  {
258
- "name": "parseValue",
259
- "description": "A function to parse the component value into values for the individual\nfields contained by the custom field. The function receives the\ncomponent value, and must return an array of values for the individual\nfields in the order of their presence in the DOM.\nThe function is called each time the value of the component changes.\n\nExample:\n```js\ncustomField.parseValue = (componentValue) => {\n return componentValue.split(\"-\");\n}\n```",
257
+ "name": "value",
258
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
260
259
  "value": {
261
260
  "type": [
262
- "CustomFieldParseValueFn",
261
+ "string",
262
+ "null",
263
263
  "undefined"
264
264
  ]
265
265
  }
266
266
  }
267
267
  ],
268
268
  "events": [
269
- {
270
- "name": "validated",
271
- "description": "Fired whenever the field is validated."
272
- },
273
269
  {
274
270
  "name": "change",
275
271
  "description": "Fired when the user commits a value change for any of the internal inputs."
@@ -278,6 +274,10 @@
278
274
  "name": "invalid-changed",
279
275
  "description": "Fired when the `invalid` property changes."
280
276
  },
277
+ {
278
+ "name": "validated",
279
+ "description": "Fired whenever the field is validated."
280
+ },
281
281
  {
282
282
  "name": "value-changed",
283
283
  "description": "Fired when the `value` property changes."
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/custom-field",
4
- "version": "25.1.0-alpha7",
4
+ "version": "25.1.0-alpha9",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -41,57 +41,50 @@
41
41
  }
42
42
  },
43
43
  {
44
- "name": ".label",
45
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
46
- "value": {
47
- "kind": "expression"
48
- }
49
- },
50
- {
51
- "name": ".errorMessage",
52
- "description": "Error to show when the field is invalid.",
44
+ "name": ".accessibleName",
45
+ "description": "String used to label the component to screen reader users.",
53
46
  "value": {
54
47
  "kind": "expression"
55
48
  }
56
49
  },
57
50
  {
58
- "name": ".helperText",
59
- "description": "String used for the helper text.",
51
+ "name": ".accessibleNameRef",
52
+ "description": "Id of the element used as label of the component to screen reader users.",
60
53
  "value": {
61
54
  "kind": "expression"
62
55
  }
63
56
  },
64
57
  {
65
- "name": ".accessibleName",
66
- "description": "String used to label the component to screen reader users.",
58
+ "name": ".errorMessage",
59
+ "description": "Error to show when the field is invalid.",
67
60
  "value": {
68
61
  "kind": "expression"
69
62
  }
70
63
  },
71
64
  {
72
- "name": ".accessibleNameRef",
73
- "description": "Id of the element used as label of the component to screen reader users.",
65
+ "name": ".formatValue",
66
+ "description": "A function to format the values of the individual fields contained by\nthe custom field into a single component value. The function receives\nan array of all values of the individual fields in the order of their\npresence in the DOM, and must return a single component value.\nThis function is called each time a value of an internal field is\nchanged.\n\nExample:\n```js\ncustomField.formatValue = (fieldValues) => {\n return fieldValues.join(\"-\");\n}\n```",
74
67
  "value": {
75
68
  "kind": "expression"
76
69
  }
77
70
  },
78
71
  {
79
- "name": ".name",
80
- "description": "The name of the control, which is submitted with the form data.",
72
+ "name": ".helperText",
73
+ "description": "String used for the helper text.",
81
74
  "value": {
82
75
  "kind": "expression"
83
76
  }
84
77
  },
85
78
  {
86
- "name": ".value",
87
- "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha7/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
79
+ "name": ".label",
80
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
88
81
  "value": {
89
82
  "kind": "expression"
90
83
  }
91
84
  },
92
85
  {
93
- "name": ".formatValue",
94
- "description": "A function to format the values of the individual fields contained by\nthe custom field into a single component value. The function receives\nan array of all values of the individual fields in the order of their\npresence in the DOM, and must return a single component value.\nThis function is called each time a value of an internal field is\nchanged.\n\nExample:\n```js\ncustomField.formatValue = (fieldValues) => {\n return fieldValues.join(\"-\");\n}\n```",
86
+ "name": ".name",
87
+ "description": "The name of the control, which is submitted with the form data.",
95
88
  "value": {
96
89
  "kind": "expression"
97
90
  }
@@ -104,8 +97,8 @@
104
97
  }
105
98
  },
106
99
  {
107
- "name": "@validated",
108
- "description": "Fired whenever the field is validated.",
100
+ "name": ".value",
101
+ "description": "The value of the field. When wrapping several inputs, it will contain `\\t`\n(Tab character) as a delimiter indicating parts intended to be used as the\ncorresponding inputs values.\nUse the [`formatValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-formatValue)\nand [`parseValue`](https://cdn.vaadin.com/vaadin-web-components/25.1.0-alpha9/#/elements/vaadin-custom-field#property-parseValue)\nproperties to customize this behavior.",
109
102
  "value": {
110
103
  "kind": "expression"
111
104
  }
@@ -124,6 +117,13 @@
124
117
  "kind": "expression"
125
118
  }
126
119
  },
120
+ {
121
+ "name": "@validated",
122
+ "description": "Fired whenever the field is validated.",
123
+ "value": {
124
+ "kind": "expression"
125
+ }
126
+ },
127
127
  {
128
128
  "name": "@value-changed",
129
129
  "description": "Fired when the `value` property changes.",