@vaadin/password-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/password-field",
3
- "version": "23.3.21",
3
+ "version": "23.3.22",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,12 +35,12 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@polymer/polymer": "^3.0.0",
38
- "@vaadin/button": "~23.3.21",
39
- "@vaadin/component-base": "~23.3.21",
40
- "@vaadin/text-field": "~23.3.21",
41
- "@vaadin/vaadin-lumo-styles": "~23.3.21",
42
- "@vaadin/vaadin-material-styles": "~23.3.21",
43
- "@vaadin/vaadin-themable-mixin": "~23.3.21"
38
+ "@vaadin/button": "~23.3.22",
39
+ "@vaadin/component-base": "~23.3.22",
40
+ "@vaadin/text-field": "~23.3.22",
41
+ "@vaadin/vaadin-lumo-styles": "~23.3.22",
42
+ "@vaadin/vaadin-material-styles": "~23.3.22",
43
+ "@vaadin/vaadin-themable-mixin": "~23.3.22"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@esm-bundle/chai": "^4.3.4",
@@ -51,5 +51,5 @@
51
51
  "web-types.json",
52
52
  "web-types.lit.json"
53
53
  ],
54
- "gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c"
54
+ "gitHead": "88ff9ce571e2cb894223e9a8f275c1bd8fd51e3e"
55
55
  }
package/web-types.json CHANGED
@@ -1,29 +1,29 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/password-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-password-field",
11
- "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-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`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
11
+ "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-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`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
- "name": "disabled",
15
- "description": "If true, the user cannot interact with this element.",
14
+ "name": "value",
15
+ "description": "The value of the field.",
16
16
  "value": {
17
17
  "type": [
18
- "boolean",
18
+ "string",
19
19
  "null",
20
20
  "undefined"
21
21
  ]
22
22
  }
23
23
  },
24
24
  {
25
- "name": "autofocus",
26
- "description": "Specify that this control should have input focus when the page loads.",
25
+ "name": "invalid",
26
+ "description": "Set to true when the field is invalid.",
27
27
  "value": {
28
28
  "type": [
29
29
  "boolean",
@@ -33,30 +33,30 @@
33
33
  }
34
34
  },
35
35
  {
36
- "name": "label",
37
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
36
+ "name": "required",
37
+ "description": "Specifies that the user must fill in a value.",
38
38
  "value": {
39
39
  "type": [
40
- "string",
40
+ "boolean",
41
41
  "null",
42
42
  "undefined"
43
43
  ]
44
44
  }
45
45
  },
46
46
  {
47
- "name": "invalid",
48
- "description": "Set to true when the field is invalid.",
47
+ "name": "pattern",
48
+ "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
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": "required",
59
- "description": "Specifies that the user must fill in a value.",
58
+ "name": "prevent-invalid-input",
59
+ "description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
60
60
  "value": {
61
61
  "type": [
62
62
  "boolean",
@@ -66,30 +66,30 @@
66
66
  }
67
67
  },
68
68
  {
69
- "name": "error-message",
70
- "description": "Error to show when the field is invalid.",
69
+ "name": "disabled",
70
+ "description": "If true, the user cannot interact with this element.",
71
71
  "value": {
72
72
  "type": [
73
- "string",
73
+ "boolean",
74
74
  "null",
75
75
  "undefined"
76
76
  ]
77
77
  }
78
78
  },
79
79
  {
80
- "name": "helper-text",
81
- "description": "String used for the helper text.",
80
+ "name": "autofocus",
81
+ "description": "Specify that this control should have input focus when the page loads.",
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",
92
- "description": "String used to label the component to screen reader users.",
91
+ "name": "label",
92
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
93
93
  "value": {
94
94
  "type": [
95
95
  "string",
@@ -99,8 +99,8 @@
99
99
  }
100
100
  },
101
101
  {
102
- "name": "accessible-name-ref",
103
- "description": "Id of the element used as label of the component to screen reader users.",
102
+ "name": "error-message",
103
+ "description": "Error to show when the field is invalid.",
104
104
  "value": {
105
105
  "type": [
106
106
  "string",
@@ -110,8 +110,8 @@
110
110
  }
111
111
  },
112
112
  {
113
- "name": "value",
114
- "description": "The value of the field.",
113
+ "name": "helper-text",
114
+ "description": "String used for the helper text.",
115
115
  "value": {
116
116
  "type": [
117
117
  "string",
@@ -121,30 +121,30 @@
121
121
  }
122
122
  },
123
123
  {
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.",
124
+ "name": "allowed-char-pattern",
125
+ "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
126
  "value": {
127
127
  "type": [
128
- "boolean",
128
+ "string",
129
129
  "null",
130
130
  "undefined"
131
131
  ]
132
132
  }
133
133
  },
134
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-]\"`",
135
+ "name": "autoselect",
136
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
137
137
  "value": {
138
138
  "type": [
139
- "string",
139
+ "boolean",
140
140
  "null",
141
141
  "undefined"
142
142
  ]
143
143
  }
144
144
  },
145
145
  {
146
- "name": "autoselect",
147
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
146
+ "name": "clear-button-visible",
147
+ "description": "Set to true to display the clear icon which clears the input.",
148
148
  "value": {
149
149
  "type": [
150
150
  "boolean",
@@ -252,17 +252,6 @@
252
252
  ]
253
253
  }
254
254
  },
255
- {
256
- "name": "pattern",
257
- "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
258
- "value": {
259
- "type": [
260
- "string",
261
- "null",
262
- "undefined"
263
- ]
264
- }
265
- },
266
255
  {
267
256
  "name": "reveal-button-hidden",
268
257
  "description": "Set to true to hide the eye icon which toggles the password visibility.",
@@ -289,19 +278,19 @@
289
278
  "js": {
290
279
  "properties": [
291
280
  {
292
- "name": "disabled",
293
- "description": "If true, the user cannot interact with this element.",
281
+ "name": "value",
282
+ "description": "The value of the field.",
294
283
  "value": {
295
284
  "type": [
296
- "boolean",
285
+ "string",
297
286
  "null",
298
287
  "undefined"
299
288
  ]
300
289
  }
301
290
  },
302
291
  {
303
- "name": "autofocus",
304
- "description": "Specify that this control should have input focus when the page loads.",
292
+ "name": "invalid",
293
+ "description": "Set to true when the field is invalid.",
305
294
  "value": {
306
295
  "type": [
307
296
  "boolean",
@@ -311,30 +300,30 @@
311
300
  }
312
301
  },
313
302
  {
314
- "name": "label",
315
- "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
303
+ "name": "required",
304
+ "description": "Specifies that the user must fill in a value.",
316
305
  "value": {
317
306
  "type": [
318
- "string",
307
+ "boolean",
319
308
  "null",
320
309
  "undefined"
321
310
  ]
322
311
  }
323
312
  },
324
313
  {
325
- "name": "invalid",
326
- "description": "Set to true when the field is invalid.",
314
+ "name": "pattern",
315
+ "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
327
316
  "value": {
328
317
  "type": [
329
- "boolean",
318
+ "string",
330
319
  "null",
331
320
  "undefined"
332
321
  ]
333
322
  }
334
323
  },
335
324
  {
336
- "name": "required",
337
- "description": "Specifies that the user must fill in a value.",
325
+ "name": "preventInvalidInput",
326
+ "description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
338
327
  "value": {
339
328
  "type": [
340
329
  "boolean",
@@ -344,30 +333,30 @@
344
333
  }
345
334
  },
346
335
  {
347
- "name": "errorMessage",
348
- "description": "Error to show when the field is invalid.",
336
+ "name": "disabled",
337
+ "description": "If true, the user cannot interact with this element.",
349
338
  "value": {
350
339
  "type": [
351
- "string",
340
+ "boolean",
352
341
  "null",
353
342
  "undefined"
354
343
  ]
355
344
  }
356
345
  },
357
346
  {
358
- "name": "helperText",
359
- "description": "String used for the helper text.",
347
+ "name": "autofocus",
348
+ "description": "Specify that this control should have input focus when the page loads.",
360
349
  "value": {
361
350
  "type": [
362
- "string",
351
+ "boolean",
363
352
  "null",
364
353
  "undefined"
365
354
  ]
366
355
  }
367
356
  },
368
357
  {
369
- "name": "accessibleName",
370
- "description": "String used to label the component to screen reader users.",
358
+ "name": "label",
359
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
371
360
  "value": {
372
361
  "type": [
373
362
  "string",
@@ -377,8 +366,8 @@
377
366
  }
378
367
  },
379
368
  {
380
- "name": "accessibleNameRef",
381
- "description": "Id of the element used as label of the component to screen reader users.",
369
+ "name": "errorMessage",
370
+ "description": "Error to show when the field is invalid.",
382
371
  "value": {
383
372
  "type": [
384
373
  "string",
@@ -388,8 +377,8 @@
388
377
  }
389
378
  },
390
379
  {
391
- "name": "value",
392
- "description": "The value of the field.",
380
+ "name": "helperText",
381
+ "description": "String used for the helper text.",
393
382
  "value": {
394
383
  "type": [
395
384
  "string",
@@ -399,30 +388,30 @@
399
388
  }
400
389
  },
401
390
  {
402
- "name": "clearButtonVisible",
403
- "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.",
391
+ "name": "allowedCharPattern",
392
+ "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-]\"`",
404
393
  "value": {
405
394
  "type": [
406
- "boolean",
395
+ "string",
407
396
  "null",
408
397
  "undefined"
409
398
  ]
410
399
  }
411
400
  },
412
401
  {
413
- "name": "allowedCharPattern",
414
- "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
+ "name": "autoselect",
403
+ "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
415
404
  "value": {
416
405
  "type": [
417
- "string",
406
+ "boolean",
418
407
  "null",
419
408
  "undefined"
420
409
  ]
421
410
  }
422
411
  },
423
412
  {
424
- "name": "autoselect",
425
- "description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
413
+ "name": "clearButtonVisible",
414
+ "description": "Set to true to display the clear icon which clears the input.",
426
415
  "value": {
427
416
  "type": [
428
417
  "boolean",
@@ -530,17 +519,6 @@
530
519
  ]
531
520
  }
532
521
  },
533
- {
534
- "name": "pattern",
535
- "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
536
- "value": {
537
- "type": [
538
- "string",
539
- "null",
540
- "undefined"
541
- ]
542
- }
543
- },
544
522
  {
545
523
  "name": "revealButtonHidden",
546
524
  "description": "Set to true to hide the eye icon which toggles the password visibility.",
@@ -577,13 +555,13 @@
577
555
  "name": "input",
578
556
  "description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
579
557
  },
580
- {
581
- "name": "invalid-changed",
582
- "description": "Fired when the `invalid` property changes."
583
- },
584
558
  {
585
559
  "name": "value-changed",
586
560
  "description": "Fired when the `value` property changes."
561
+ },
562
+ {
563
+ "name": "invalid-changed",
564
+ "description": "Fired when the `invalid` property changes."
587
565
  }
588
566
  ]
589
567
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/password-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,40 +16,40 @@
16
16
  "elements": [
17
17
  {
18
18
  "name": "vaadin-password-field",
19
- "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-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`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
19
+ "description": "`<vaadin-password-field>` is an extension of `<vaadin-text-field>` component for entering passwords.\n\n```html\n<vaadin-password-field label=\"Password\"></vaadin-password-field>\n```\n\n### Styling\n\n`<vaadin-password-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`reveal-button` | The eye icon which toggles the password visibility\n\nIn addition to `<vaadin-text-field>` state attributes, the following state attributes are available for theming:\n\nAttribute | Description\n-------------------|---------------------------------\n`password-visible` | Set when the password is visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
23
- "name": "?disabled",
24
- "description": "If true, the user cannot interact with this element.",
23
+ "name": "?invalid",
24
+ "description": "Set to true when the field is invalid.",
25
25
  "value": {
26
26
  "kind": "expression"
27
27
  }
28
28
  },
29
29
  {
30
- "name": "?autofocus",
31
- "description": "Specify that this control should have input focus when the page loads.",
30
+ "name": "?required",
31
+ "description": "Specifies that the user must fill in a value.",
32
32
  "value": {
33
33
  "kind": "expression"
34
34
  }
35
35
  },
36
36
  {
37
- "name": "?invalid",
38
- "description": "Set to true when the field is invalid.",
37
+ "name": "?preventInvalidInput",
38
+ "description": "When set to true, user is prevented from typing a value that\nconflicts with the given `pattern`.",
39
39
  "value": {
40
40
  "kind": "expression"
41
41
  }
42
42
  },
43
43
  {
44
- "name": "?required",
45
- "description": "Specifies that the user must fill in a value.",
44
+ "name": "?disabled",
45
+ "description": "If true, the user cannot interact with this element.",
46
46
  "value": {
47
47
  "kind": "expression"
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": "?autofocus",
52
+ "description": "Specify that this control should have input focus when the page loads.",
53
53
  "value": {
54
54
  "kind": "expression"
55
55
  }
@@ -62,57 +62,57 @@
62
62
  }
63
63
  },
64
64
  {
65
- "name": "?readonly",
66
- "description": "When present, it specifies that the field is read-only.",
65
+ "name": "?clearButtonVisible",
66
+ "description": "Set to true to display the clear icon which clears the input.",
67
67
  "value": {
68
68
  "kind": "expression"
69
69
  }
70
70
  },
71
71
  {
72
- "name": "?revealButtonHidden",
73
- "description": "Set to true to hide the eye icon which toggles the password visibility.",
72
+ "name": "?readonly",
73
+ "description": "When present, it specifies that the field is read-only.",
74
74
  "value": {
75
75
  "kind": "expression"
76
76
  }
77
77
  },
78
78
  {
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.",
79
+ "name": "?revealButtonHidden",
80
+ "description": "Set to true to hide the eye icon which toggles the password visibility.",
81
81
  "value": {
82
82
  "kind": "expression"
83
83
  }
84
84
  },
85
85
  {
86
- "name": ".errorMessage",
87
- "description": "Error to show when the field is invalid.",
86
+ "name": ".value",
87
+ "description": "The value of the field.",
88
88
  "value": {
89
89
  "kind": "expression"
90
90
  }
91
91
  },
92
92
  {
93
- "name": ".helperText",
94
- "description": "String used for the helper text.",
93
+ "name": ".pattern",
94
+ "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
95
95
  "value": {
96
96
  "kind": "expression"
97
97
  }
98
98
  },
99
99
  {
100
- "name": ".accessibleName",
101
- "description": "String used to label the component to screen reader users.",
100
+ "name": ".label",
101
+ "description": "The label text for the input node.\nWhen no light dom defined via [slot=label], this value will be used.",
102
102
  "value": {
103
103
  "kind": "expression"
104
104
  }
105
105
  },
106
106
  {
107
- "name": ".accessibleNameRef",
108
- "description": "Id of the element used as label of the component to screen reader users.",
107
+ "name": ".errorMessage",
108
+ "description": "Error to show when the field is invalid.",
109
109
  "value": {
110
110
  "kind": "expression"
111
111
  }
112
112
  },
113
113
  {
114
- "name": ".value",
115
- "description": "The value of the field.",
114
+ "name": ".helperText",
115
+ "description": "String used for the helper text.",
116
116
  "value": {
117
117
  "kind": "expression"
118
118
  }
@@ -180,13 +180,6 @@
180
180
  "kind": "expression"
181
181
  }
182
182
  },
183
- {
184
- "name": ".pattern",
185
- "description": "A regular expression that the value is checked against.\nThe pattern must match the entire value, not just some subset.",
186
- "value": {
187
- "kind": "expression"
188
- }
189
- },
190
183
  {
191
184
  "name": ".i18n",
192
185
  "description": "An object with translated strings used for localization.\nIt has the following structure and default values:\n\n```\n{\n // Translation of the reveal icon button accessible label\n reveal: 'Show password'\n}\n```",
@@ -216,15 +209,15 @@
216
209
  }
217
210
  },
218
211
  {
219
- "name": "@invalid-changed",
220
- "description": "Fired when the `invalid` property changes.",
212
+ "name": "@value-changed",
213
+ "description": "Fired when the `value` property changes.",
221
214
  "value": {
222
215
  "kind": "expression"
223
216
  }
224
217
  },
225
218
  {
226
- "name": "@value-changed",
227
- "description": "Fired when the `value` property changes.",
219
+ "name": "@invalid-changed",
220
+ "description": "Fired when the `invalid` property changes.",
228
221
  "value": {
229
222
  "kind": "expression"
230
223
  }