@vaadin/password-field 23.3.20 → 23.3.21
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 +8 -8
- package/web-types.json +94 -72
- package/web-types.lit.json +39 -32
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/password-field",
|
|
3
|
-
"version": "23.3.
|
|
3
|
+
"version": "23.3.21",
|
|
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.
|
|
39
|
-
"@vaadin/component-base": "~23.3.
|
|
40
|
-
"@vaadin/text-field": "~23.3.
|
|
41
|
-
"@vaadin/vaadin-lumo-styles": "~23.3.
|
|
42
|
-
"@vaadin/vaadin-material-styles": "~23.3.
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "~23.3.
|
|
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"
|
|
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": "
|
|
54
|
+
"gitHead": "5caee824b60295eb1e03b736880ed73f62a8988c"
|
|
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": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
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/
|
|
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.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
|
-
"name": "
|
|
15
|
-
"description": "
|
|
14
|
+
"name": "disabled",
|
|
15
|
+
"description": "If true, the user cannot interact with this element.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"
|
|
18
|
+
"boolean",
|
|
19
19
|
"null",
|
|
20
20
|
"undefined"
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
"name": "
|
|
26
|
-
"description": "
|
|
25
|
+
"name": "autofocus",
|
|
26
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
27
27
|
"value": {
|
|
28
28
|
"type": [
|
|
29
29
|
"boolean",
|
|
@@ -33,30 +33,30 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
|
-
"name": "
|
|
37
|
-
"description": "
|
|
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.",
|
|
38
38
|
"value": {
|
|
39
39
|
"type": [
|
|
40
|
-
"
|
|
40
|
+
"string",
|
|
41
41
|
"null",
|
|
42
42
|
"undefined"
|
|
43
43
|
]
|
|
44
44
|
}
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
"name": "
|
|
48
|
-
"description": "
|
|
47
|
+
"name": "invalid",
|
|
48
|
+
"description": "Set to true when the field is invalid.",
|
|
49
49
|
"value": {
|
|
50
50
|
"type": [
|
|
51
|
-
"
|
|
51
|
+
"boolean",
|
|
52
52
|
"null",
|
|
53
53
|
"undefined"
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "required",
|
|
59
|
+
"description": "Specifies that the user must fill in a value.",
|
|
60
60
|
"value": {
|
|
61
61
|
"type": [
|
|
62
62
|
"boolean",
|
|
@@ -66,30 +66,30 @@
|
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
|
-
"name": "
|
|
70
|
-
"description": "
|
|
69
|
+
"name": "error-message",
|
|
70
|
+
"description": "Error to show when the field is invalid.",
|
|
71
71
|
"value": {
|
|
72
72
|
"type": [
|
|
73
|
-
"
|
|
73
|
+
"string",
|
|
74
74
|
"null",
|
|
75
75
|
"undefined"
|
|
76
76
|
]
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
{
|
|
80
|
-
"name": "
|
|
81
|
-
"description": "
|
|
80
|
+
"name": "helper-text",
|
|
81
|
+
"description": "String used for the helper text.",
|
|
82
82
|
"value": {
|
|
83
83
|
"type": [
|
|
84
|
-
"
|
|
84
|
+
"string",
|
|
85
85
|
"null",
|
|
86
86
|
"undefined"
|
|
87
87
|
]
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
90
|
{
|
|
91
|
-
"name": "
|
|
92
|
-
"description": "
|
|
91
|
+
"name": "accessible-name",
|
|
92
|
+
"description": "String used to label the component to screen reader users.",
|
|
93
93
|
"value": {
|
|
94
94
|
"type": [
|
|
95
95
|
"string",
|
|
@@ -99,8 +99,8 @@
|
|
|
99
99
|
}
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
|
-
"name": "
|
|
103
|
-
"description": "
|
|
102
|
+
"name": "accessible-name-ref",
|
|
103
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
104
104
|
"value": {
|
|
105
105
|
"type": [
|
|
106
106
|
"string",
|
|
@@ -110,8 +110,8 @@
|
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
|
-
"name": "
|
|
114
|
-
"description": "
|
|
113
|
+
"name": "value",
|
|
114
|
+
"description": "The value of the field.",
|
|
115
115
|
"value": {
|
|
116
116
|
"type": [
|
|
117
117
|
"string",
|
|
@@ -121,30 +121,30 @@
|
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
123
|
{
|
|
124
|
-
"name": "
|
|
125
|
-
"description": "
|
|
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.",
|
|
126
126
|
"value": {
|
|
127
127
|
"type": [
|
|
128
|
-
"
|
|
128
|
+
"boolean",
|
|
129
129
|
"null",
|
|
130
130
|
"undefined"
|
|
131
131
|
]
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
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-]\"`",
|
|
137
137
|
"value": {
|
|
138
138
|
"type": [
|
|
139
|
-
"
|
|
139
|
+
"string",
|
|
140
140
|
"null",
|
|
141
141
|
"undefined"
|
|
142
142
|
]
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
145
|
{
|
|
146
|
-
"name": "
|
|
147
|
-
"description": "
|
|
146
|
+
"name": "autoselect",
|
|
147
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
148
148
|
"value": {
|
|
149
149
|
"type": [
|
|
150
150
|
"boolean",
|
|
@@ -252,6 +252,17 @@
|
|
|
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
|
+
},
|
|
255
266
|
{
|
|
256
267
|
"name": "reveal-button-hidden",
|
|
257
268
|
"description": "Set to true to hide the eye icon which toggles the password visibility.",
|
|
@@ -278,19 +289,19 @@
|
|
|
278
289
|
"js": {
|
|
279
290
|
"properties": [
|
|
280
291
|
{
|
|
281
|
-
"name": "
|
|
282
|
-
"description": "
|
|
292
|
+
"name": "disabled",
|
|
293
|
+
"description": "If true, the user cannot interact with this element.",
|
|
283
294
|
"value": {
|
|
284
295
|
"type": [
|
|
285
|
-
"
|
|
296
|
+
"boolean",
|
|
286
297
|
"null",
|
|
287
298
|
"undefined"
|
|
288
299
|
]
|
|
289
300
|
}
|
|
290
301
|
},
|
|
291
302
|
{
|
|
292
|
-
"name": "
|
|
293
|
-
"description": "
|
|
303
|
+
"name": "autofocus",
|
|
304
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
294
305
|
"value": {
|
|
295
306
|
"type": [
|
|
296
307
|
"boolean",
|
|
@@ -300,30 +311,30 @@
|
|
|
300
311
|
}
|
|
301
312
|
},
|
|
302
313
|
{
|
|
303
|
-
"name": "
|
|
304
|
-
"description": "
|
|
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.",
|
|
305
316
|
"value": {
|
|
306
317
|
"type": [
|
|
307
|
-
"
|
|
318
|
+
"string",
|
|
308
319
|
"null",
|
|
309
320
|
"undefined"
|
|
310
321
|
]
|
|
311
322
|
}
|
|
312
323
|
},
|
|
313
324
|
{
|
|
314
|
-
"name": "
|
|
315
|
-
"description": "
|
|
325
|
+
"name": "invalid",
|
|
326
|
+
"description": "Set to true when the field is invalid.",
|
|
316
327
|
"value": {
|
|
317
328
|
"type": [
|
|
318
|
-
"
|
|
329
|
+
"boolean",
|
|
319
330
|
"null",
|
|
320
331
|
"undefined"
|
|
321
332
|
]
|
|
322
333
|
}
|
|
323
334
|
},
|
|
324
335
|
{
|
|
325
|
-
"name": "
|
|
326
|
-
"description": "
|
|
336
|
+
"name": "required",
|
|
337
|
+
"description": "Specifies that the user must fill in a value.",
|
|
327
338
|
"value": {
|
|
328
339
|
"type": [
|
|
329
340
|
"boolean",
|
|
@@ -333,30 +344,30 @@
|
|
|
333
344
|
}
|
|
334
345
|
},
|
|
335
346
|
{
|
|
336
|
-
"name": "
|
|
337
|
-
"description": "
|
|
347
|
+
"name": "errorMessage",
|
|
348
|
+
"description": "Error to show when the field is invalid.",
|
|
338
349
|
"value": {
|
|
339
350
|
"type": [
|
|
340
|
-
"
|
|
351
|
+
"string",
|
|
341
352
|
"null",
|
|
342
353
|
"undefined"
|
|
343
354
|
]
|
|
344
355
|
}
|
|
345
356
|
},
|
|
346
357
|
{
|
|
347
|
-
"name": "
|
|
348
|
-
"description": "
|
|
358
|
+
"name": "helperText",
|
|
359
|
+
"description": "String used for the helper text.",
|
|
349
360
|
"value": {
|
|
350
361
|
"type": [
|
|
351
|
-
"
|
|
362
|
+
"string",
|
|
352
363
|
"null",
|
|
353
364
|
"undefined"
|
|
354
365
|
]
|
|
355
366
|
}
|
|
356
367
|
},
|
|
357
368
|
{
|
|
358
|
-
"name": "
|
|
359
|
-
"description": "
|
|
369
|
+
"name": "accessibleName",
|
|
370
|
+
"description": "String used to label the component to screen reader users.",
|
|
360
371
|
"value": {
|
|
361
372
|
"type": [
|
|
362
373
|
"string",
|
|
@@ -366,8 +377,8 @@
|
|
|
366
377
|
}
|
|
367
378
|
},
|
|
368
379
|
{
|
|
369
|
-
"name": "
|
|
370
|
-
"description": "
|
|
380
|
+
"name": "accessibleNameRef",
|
|
381
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
371
382
|
"value": {
|
|
372
383
|
"type": [
|
|
373
384
|
"string",
|
|
@@ -377,8 +388,8 @@
|
|
|
377
388
|
}
|
|
378
389
|
},
|
|
379
390
|
{
|
|
380
|
-
"name": "
|
|
381
|
-
"description": "
|
|
391
|
+
"name": "value",
|
|
392
|
+
"description": "The value of the field.",
|
|
382
393
|
"value": {
|
|
383
394
|
"type": [
|
|
384
395
|
"string",
|
|
@@ -388,30 +399,30 @@
|
|
|
388
399
|
}
|
|
389
400
|
},
|
|
390
401
|
{
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "
|
|
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.",
|
|
393
404
|
"value": {
|
|
394
405
|
"type": [
|
|
395
|
-
"
|
|
406
|
+
"boolean",
|
|
396
407
|
"null",
|
|
397
408
|
"undefined"
|
|
398
409
|
]
|
|
399
410
|
}
|
|
400
411
|
},
|
|
401
412
|
{
|
|
402
|
-
"name": "
|
|
403
|
-
"description": "
|
|
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-]\"`",
|
|
404
415
|
"value": {
|
|
405
416
|
"type": [
|
|
406
|
-
"
|
|
417
|
+
"string",
|
|
407
418
|
"null",
|
|
408
419
|
"undefined"
|
|
409
420
|
]
|
|
410
421
|
}
|
|
411
422
|
},
|
|
412
423
|
{
|
|
413
|
-
"name": "
|
|
414
|
-
"description": "
|
|
424
|
+
"name": "autoselect",
|
|
425
|
+
"description": "If true, the input text gets fully selected when the field is focused using click or touch / tap.",
|
|
415
426
|
"value": {
|
|
416
427
|
"type": [
|
|
417
428
|
"boolean",
|
|
@@ -519,6 +530,17 @@
|
|
|
519
530
|
]
|
|
520
531
|
}
|
|
521
532
|
},
|
|
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
|
+
},
|
|
522
544
|
{
|
|
523
545
|
"name": "revealButtonHidden",
|
|
524
546
|
"description": "Set to true to hide the eye icon which toggles the password visibility.",
|
|
@@ -555,13 +577,13 @@
|
|
|
555
577
|
"name": "input",
|
|
556
578
|
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
|
|
557
579
|
},
|
|
558
|
-
{
|
|
559
|
-
"name": "value-changed",
|
|
560
|
-
"description": "Fired when the `value` property changes."
|
|
561
|
-
},
|
|
562
580
|
{
|
|
563
581
|
"name": "invalid-changed",
|
|
564
582
|
"description": "Fired when the `invalid` property changes."
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "value-changed",
|
|
586
|
+
"description": "Fired when the `value` property changes."
|
|
565
587
|
}
|
|
566
588
|
]
|
|
567
589
|
}
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/password-field",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "24.2.0-alpha1",
|
|
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/
|
|
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.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "?
|
|
24
|
-
"description": "
|
|
23
|
+
"name": "?disabled",
|
|
24
|
+
"description": "If true, the user cannot interact with this element.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "?
|
|
31
|
-
"description": "
|
|
30
|
+
"name": "?autofocus",
|
|
31
|
+
"description": "Specify that this control should have input focus when the page loads.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "
|
|
37
|
+
"name": "?invalid",
|
|
38
|
+
"description": "Set to true when the field is invalid.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "?
|
|
45
|
-
"description": "
|
|
44
|
+
"name": "?required",
|
|
45
|
+
"description": "Specifies that the user must fill in a value.",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": "?
|
|
52
|
-
"description": "
|
|
51
|
+
"name": "?clearButtonVisible",
|
|
52
|
+
"description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
@@ -62,57 +62,57 @@
|
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "?
|
|
66
|
-
"description": "
|
|
65
|
+
"name": "?readonly",
|
|
66
|
+
"description": "When present, it specifies that the field is read-only.",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
"name": "?
|
|
73
|
-
"description": "
|
|
72
|
+
"name": "?revealButtonHidden",
|
|
73
|
+
"description": "Set to true to hide the eye icon which toggles the password visibility.",
|
|
74
74
|
"value": {
|
|
75
75
|
"kind": "expression"
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
"name": "
|
|
80
|
-
"description": "
|
|
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.",
|
|
81
81
|
"value": {
|
|
82
82
|
"kind": "expression"
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
|
-
"name": ".
|
|
87
|
-
"description": "
|
|
86
|
+
"name": ".errorMessage",
|
|
87
|
+
"description": "Error to show when the field is invalid.",
|
|
88
88
|
"value": {
|
|
89
89
|
"kind": "expression"
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
|
-
"name": ".
|
|
94
|
-
"description": "
|
|
93
|
+
"name": ".helperText",
|
|
94
|
+
"description": "String used for the helper text.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
100
|
-
"name": ".
|
|
101
|
-
"description": "
|
|
100
|
+
"name": ".accessibleName",
|
|
101
|
+
"description": "String used to label the component to screen reader users.",
|
|
102
102
|
"value": {
|
|
103
103
|
"kind": "expression"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
{
|
|
107
|
-
"name": ".
|
|
108
|
-
"description": "
|
|
107
|
+
"name": ".accessibleNameRef",
|
|
108
|
+
"description": "Id of the element used as label of the component to screen reader users.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": ".
|
|
115
|
-
"description": "
|
|
114
|
+
"name": ".value",
|
|
115
|
+
"description": "The value of the field.",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|
|
@@ -180,6 +180,13 @@
|
|
|
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
|
+
},
|
|
183
190
|
{
|
|
184
191
|
"name": ".i18n",
|
|
185
192
|
"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```",
|
|
@@ -209,15 +216,15 @@
|
|
|
209
216
|
}
|
|
210
217
|
},
|
|
211
218
|
{
|
|
212
|
-
"name": "@
|
|
213
|
-
"description": "Fired when the `
|
|
219
|
+
"name": "@invalid-changed",
|
|
220
|
+
"description": "Fired when the `invalid` property changes.",
|
|
214
221
|
"value": {
|
|
215
222
|
"kind": "expression"
|
|
216
223
|
}
|
|
217
224
|
},
|
|
218
225
|
{
|
|
219
|
-
"name": "@
|
|
220
|
-
"description": "Fired when the `
|
|
226
|
+
"name": "@value-changed",
|
|
227
|
+
"description": "Fired when the `value` property changes.",
|
|
221
228
|
"value": {
|
|
222
229
|
"kind": "expression"
|
|
223
230
|
}
|