@vaadin/password-field 23.2.0 → 23.2.2
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 +6 -6
- package/src/vaadin-password-field.d.ts +1 -2
- package/src/vaadin-password-field.js +2 -3
- package/web-types.json +10 -2
- package/web-types.lit.json +16 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/password-field",
|
|
3
|
-
"version": "23.2.
|
|
3
|
+
"version": "23.2.2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@polymer/polymer": "^3.0.0",
|
|
38
|
-
"@vaadin/button": "
|
|
39
|
-
"@vaadin/text-field": "
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
41
|
-
"@vaadin/vaadin-material-styles": "
|
|
38
|
+
"@vaadin/button": "~23.2.2",
|
|
39
|
+
"@vaadin/text-field": "~23.2.2",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "~23.2.2",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "~23.2.2"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"web-types.json",
|
|
50
50
|
"web-types.lit.json"
|
|
51
51
|
],
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "a98818979098f4542ce557a58858fb6dad910a25"
|
|
53
53
|
}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
|
|
7
6
|
import { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';
|
|
8
7
|
|
|
9
8
|
/**
|
|
@@ -72,7 +71,7 @@ export interface PasswordFieldEventMap extends HTMLElementEventMap, PasswordFiel
|
|
|
72
71
|
* @fires {CustomEvent} value-changed - Fired when the `value` property changes.
|
|
73
72
|
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
74
73
|
*/
|
|
75
|
-
declare class PasswordField extends
|
|
74
|
+
declare class PasswordField extends TextField {
|
|
76
75
|
/**
|
|
77
76
|
* Set to true to hide the eye icon which toggles the password visibility.
|
|
78
77
|
* @attr {boolean} reveal-button-hidden
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
import './vaadin-password-field-button.js';
|
|
7
7
|
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
|
|
8
8
|
import { SlotController } from '@vaadin/component-base/src/slot-controller.js';
|
|
9
|
-
import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
|
|
10
9
|
import { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';
|
|
11
10
|
|
|
12
11
|
const ownTemplate = html`
|
|
@@ -50,9 +49,8 @@ let memoizedTemplate;
|
|
|
50
49
|
* @fires {CustomEvent} validated - Fired whenever the field is validated.
|
|
51
50
|
*
|
|
52
51
|
* @extends TextField
|
|
53
|
-
* @mixes SlotStylesMixin
|
|
54
52
|
*/
|
|
55
|
-
export class PasswordField extends
|
|
53
|
+
export class PasswordField extends TextField {
|
|
56
54
|
static get is() {
|
|
57
55
|
return 'vaadin-password-field';
|
|
58
56
|
}
|
|
@@ -127,6 +125,7 @@ export class PasswordField extends SlotStylesMixin(TextField) {
|
|
|
127
125
|
get slotStyles() {
|
|
128
126
|
const tag = this.localName;
|
|
129
127
|
return [
|
|
128
|
+
...super.slotStyles,
|
|
130
129
|
`
|
|
131
130
|
${tag} [slot="input"]::-ms-reveal {
|
|
132
131
|
display: none;
|
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": "23.2.
|
|
4
|
+
"version": "23.2.2",
|
|
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/23.2.
|
|
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.2.2/#/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
14
|
"name": "value",
|
|
@@ -554,6 +554,14 @@
|
|
|
554
554
|
{
|
|
555
555
|
"name": "input",
|
|
556
556
|
"description": "Fired when the value is changed by the user: on every typing keystroke,\nand the value is cleared using the clear button."
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "value-changed",
|
|
560
|
+
"description": "Fired when the `value` property changes."
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "invalid-changed",
|
|
564
|
+
"description": "Fired when the `invalid` property changes."
|
|
557
565
|
}
|
|
558
566
|
]
|
|
559
567
|
}
|
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": "23.2.
|
|
4
|
+
"version": "23.2.2",
|
|
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/23.2.
|
|
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.2.2/#/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
|
{
|
|
@@ -207,6 +207,20 @@
|
|
|
207
207
|
"value": {
|
|
208
208
|
"kind": "expression"
|
|
209
209
|
}
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"name": "@value-changed",
|
|
213
|
+
"description": "Fired when the `value` property changes.",
|
|
214
|
+
"value": {
|
|
215
|
+
"kind": "expression"
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "@invalid-changed",
|
|
220
|
+
"description": "Fired when the `invalid` property changes.",
|
|
221
|
+
"value": {
|
|
222
|
+
"kind": "expression"
|
|
223
|
+
}
|
|
210
224
|
}
|
|
211
225
|
]
|
|
212
226
|
}
|