@vaadin/password-field 24.3.0-alpha1 → 24.3.0-alpha2
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/src/vaadin-password-field.d.ts +0 -8
- package/web-types.json +2 -28
- package/web-types.lit.json +2 -16
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/password-field",
|
|
3
|
-
"version": "24.3.0-
|
|
3
|
+
"version": "24.3.0-alpha2",
|
|
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": "24.3.0-
|
|
39
|
-
"@vaadin/component-base": "24.3.0-
|
|
40
|
-
"@vaadin/text-field": "24.3.0-
|
|
41
|
-
"@vaadin/vaadin-lumo-styles": "24.3.0-
|
|
42
|
-
"@vaadin/vaadin-material-styles": "24.3.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "24.3.0-
|
|
38
|
+
"@vaadin/button": "24.3.0-alpha2",
|
|
39
|
+
"@vaadin/component-base": "24.3.0-alpha2",
|
|
40
|
+
"@vaadin/text-field": "24.3.0-alpha2",
|
|
41
|
+
"@vaadin/vaadin-lumo-styles": "24.3.0-alpha2",
|
|
42
|
+
"@vaadin/vaadin-material-styles": "24.3.0-alpha2",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "24.3.0-alpha2"
|
|
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": "0fd437292fa2a2f65e29b424d2456909ad2d684b"
|
|
55
55
|
}
|
|
@@ -17,11 +17,6 @@ export type PasswordFieldChangeEvent = Event & {
|
|
|
17
17
|
*/
|
|
18
18
|
export type PasswordFieldInvalidChangedEvent = CustomEvent<{ value: boolean }>;
|
|
19
19
|
|
|
20
|
-
/**
|
|
21
|
-
* Fired when the `dirty` property changes.
|
|
22
|
-
*/
|
|
23
|
-
export type PasswordFieldDirtyChangedEvent = CustomEvent<{ value: boolean }>;
|
|
24
|
-
|
|
25
20
|
/**
|
|
26
21
|
* Fired when the `value` property changes.
|
|
27
22
|
*/
|
|
@@ -35,8 +30,6 @@ export type PasswordFieldValidatedEvent = CustomEvent<{ valid: boolean }>;
|
|
|
35
30
|
export interface PasswordFieldCustomEventMap {
|
|
36
31
|
'invalid-changed': PasswordFieldInvalidChangedEvent;
|
|
37
32
|
|
|
38
|
-
'dirty-changed': PasswordFieldDirtyChangedEvent;
|
|
39
|
-
|
|
40
33
|
'value-changed': PasswordFieldValueChangedEvent;
|
|
41
34
|
|
|
42
35
|
validated: PasswordFieldValidatedEvent;
|
|
@@ -75,7 +68,6 @@ export interface PasswordFieldEventMap extends HTMLElementEventMap, PasswordFiel
|
|
|
75
68
|
* @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.
|
|
76
69
|
* @fires {Event} change - Fired when the user commits a value change.
|
|
77
70
|
* @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.
|
|
78
|
-
* @fires {CustomEvent} dirty-changed - Fired when the `dirty` property changes.
|
|
79
71
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
80
72
|
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
81
73
|
*/
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/password-field",
|
|
4
|
-
"version": "24.3.0-
|
|
4
|
+
"version": "24.3.0-alpha2",
|
|
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.3.0-
|
|
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.3.0-alpha2/#/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
14
|
"name": "disabled",
|
|
@@ -120,17 +120,6 @@
|
|
|
120
120
|
]
|
|
121
121
|
}
|
|
122
122
|
},
|
|
123
|
-
{
|
|
124
|
-
"name": "dirty",
|
|
125
|
-
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
|
|
126
|
-
"value": {
|
|
127
|
-
"type": [
|
|
128
|
-
"boolean",
|
|
129
|
-
"null",
|
|
130
|
-
"undefined"
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
123
|
{
|
|
135
124
|
"name": "clear-button-visible",
|
|
136
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.",
|
|
@@ -409,17 +398,6 @@
|
|
|
409
398
|
]
|
|
410
399
|
}
|
|
411
400
|
},
|
|
412
|
-
{
|
|
413
|
-
"name": "dirty",
|
|
414
|
-
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
|
|
415
|
-
"value": {
|
|
416
|
-
"type": [
|
|
417
|
-
"boolean",
|
|
418
|
-
"null",
|
|
419
|
-
"undefined"
|
|
420
|
-
]
|
|
421
|
-
}
|
|
422
|
-
},
|
|
423
401
|
{
|
|
424
402
|
"name": "clearButtonVisible",
|
|
425
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.",
|
|
@@ -606,10 +584,6 @@
|
|
|
606
584
|
{
|
|
607
585
|
"name": "value-changed",
|
|
608
586
|
"description": "Fired when the `value` property changes."
|
|
609
|
-
},
|
|
610
|
-
{
|
|
611
|
-
"name": "dirty-changed",
|
|
612
|
-
"description": "Fired when the `dirty` property changes."
|
|
613
587
|
}
|
|
614
588
|
]
|
|
615
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": "24.3.0-
|
|
4
|
+
"version": "24.3.0-alpha2",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-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.3.0-
|
|
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.3.0-alpha2/#/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
|
{
|
|
@@ -47,13 +47,6 @@
|
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
-
{
|
|
51
|
-
"name": "?dirty",
|
|
52
|
-
"description": "Whether the field is dirty.\n\nThe field is automatically marked as dirty once the user triggers\nan `input` or `change` event. Additionally, the field can be manually\nmarked as dirty by setting the property to `true`.",
|
|
53
|
-
"value": {
|
|
54
|
-
"kind": "expression"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
50
|
{
|
|
58
51
|
"name": "?clearButtonVisible",
|
|
59
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.",
|
|
@@ -235,13 +228,6 @@
|
|
|
235
228
|
"value": {
|
|
236
229
|
"kind": "expression"
|
|
237
230
|
}
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
"name": "@dirty-changed",
|
|
241
|
-
"description": "Fired when the `dirty` property changes.",
|
|
242
|
-
"value": {
|
|
243
|
-
"kind": "expression"
|
|
244
|
-
}
|
|
245
231
|
}
|
|
246
232
|
]
|
|
247
233
|
}
|