@vaadin/login 25.2.0-alpha1 → 25.2.0-alpha10
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/custom-elements.json +2 -2
- package/package.json +14 -14
- package/src/vaadin-login-form.d.ts +1 -1
- package/src/vaadin-login-form.js +1 -1
- package/src/vaadin-login-mixin.js +0 -13
- package/src/vaadin-login-overlay-mixin.js +3 -9
- package/src/vaadin-login-overlay.d.ts +1 -1
- package/src/vaadin-login-overlay.js +1 -1
- package/web-types.json +35 -95
- package/web-types.lit.json +35 -35
package/custom-elements.json
CHANGED
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
"type": {
|
|
426
426
|
"text": "CustomEvent"
|
|
427
427
|
},
|
|
428
|
-
"description": "Fired when a user submits the login.",
|
|
428
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`.",
|
|
429
429
|
"inheritedFrom": {
|
|
430
430
|
"name": "LoginFormMixin",
|
|
431
431
|
"module": "src/vaadin-login-form-mixin.js"
|
|
@@ -1025,7 +1025,7 @@
|
|
|
1025
1025
|
"type": {
|
|
1026
1026
|
"text": "CustomEvent"
|
|
1027
1027
|
},
|
|
1028
|
-
"description": "Fired when a user submits the login.",
|
|
1028
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`.",
|
|
1029
1029
|
"inheritedFrom": {
|
|
1030
1030
|
"name": "LoginFormMixin",
|
|
1031
1031
|
"module": "src/vaadin-login-form-mixin.js"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/login",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-alpha10",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -35,22 +35,22 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
|
-
"@vaadin/button": "25.2.0-
|
|
39
|
-
"@vaadin/component-base": "25.2.0-
|
|
40
|
-
"@vaadin/overlay": "25.2.0-
|
|
41
|
-
"@vaadin/password-field": "25.2.0-
|
|
42
|
-
"@vaadin/text-field": "25.2.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.2.0-
|
|
38
|
+
"@vaadin/button": "25.2.0-alpha10",
|
|
39
|
+
"@vaadin/component-base": "25.2.0-alpha10",
|
|
40
|
+
"@vaadin/overlay": "25.2.0-alpha10",
|
|
41
|
+
"@vaadin/password-field": "25.2.0-alpha10",
|
|
42
|
+
"@vaadin/text-field": "25.2.0-alpha10",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.2.0-alpha10",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/a11y-base": "25.2.0-
|
|
48
|
-
"@vaadin/aura": "25.2.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
50
|
-
"@vaadin/checkbox": "25.2.0-
|
|
51
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
47
|
+
"@vaadin/a11y-base": "25.2.0-alpha10",
|
|
48
|
+
"@vaadin/aura": "25.2.0-alpha10",
|
|
49
|
+
"@vaadin/chai-plugins": "25.2.0-alpha10",
|
|
50
|
+
"@vaadin/checkbox": "25.2.0-alpha10",
|
|
51
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha10",
|
|
52
52
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
53
|
-
"@vaadin/vaadin-lumo-styles": "25.2.0-
|
|
53
|
+
"@vaadin/vaadin-lumo-styles": "25.2.0-alpha10",
|
|
54
54
|
"sinon": "^21.0.2"
|
|
55
55
|
},
|
|
56
56
|
"customElements": "custom-elements.json",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"web-types.json",
|
|
59
59
|
"web-types.lit.json"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "1303b6a3eeecb44a9d26f2b53cb56d9e906febdf"
|
|
62
62
|
}
|
|
@@ -83,7 +83,7 @@ export interface LoginFormEventMap extends HTMLElementEventMap, LoginFormCustomE
|
|
|
83
83
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
84
84
|
* @fires {CustomEvent} error-changed - Fired when the `error` property changes.
|
|
85
85
|
* @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
|
|
86
|
-
* @fires {CustomEvent} login - Fired when a user submits the login.
|
|
86
|
+
* @fires {CustomEvent} login - Fired when a user submits the login form. The event detail contains `username` and `password`.
|
|
87
87
|
*/
|
|
88
88
|
declare class LoginForm extends LoginFormMixin(ElementMixin(ThemableMixin(HTMLElement))) {
|
|
89
89
|
addEventListener<K extends keyof LoginFormEventMap>(
|
package/src/vaadin-login-form.js
CHANGED
|
@@ -63,7 +63,7 @@ import { LoginFormMixin } from './vaadin-login-form-mixin.js';
|
|
|
63
63
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
64
64
|
* @fires {CustomEvent} error-changed - Fired when the `error` property changes.
|
|
65
65
|
* @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
|
|
66
|
-
* @fires {CustomEvent} login - Fired when a user submits the login.
|
|
66
|
+
* @fires {CustomEvent} login - Fired when a user submits the login form. The event detail contains `username` and `password`.
|
|
67
67
|
*
|
|
68
68
|
* @customElement vaadin-login-form
|
|
69
69
|
* @extends HTMLElement
|
|
@@ -27,19 +27,6 @@ const DEFAULT_I18N = {
|
|
|
27
27
|
*/
|
|
28
28
|
export const LoginMixin = (superClass) =>
|
|
29
29
|
class LoginMixin extends I18nMixin(DEFAULT_I18N, superClass) {
|
|
30
|
-
/**
|
|
31
|
-
* Fired when user clicks on the "Forgot password" button.
|
|
32
|
-
*
|
|
33
|
-
* @event forgot-password
|
|
34
|
-
*/
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Fired when an user submits the login.
|
|
38
|
-
* The event contains `username` and `password` values in the `detail` property.
|
|
39
|
-
*
|
|
40
|
-
* @event login
|
|
41
|
-
*/
|
|
42
|
-
|
|
43
30
|
static get properties() {
|
|
44
31
|
return {
|
|
45
32
|
/**
|
|
@@ -70,9 +70,9 @@ export const LoginOverlayMixin = (superClass) =>
|
|
|
70
70
|
super.willUpdate(props);
|
|
71
71
|
|
|
72
72
|
if (props.has('__effectiveI18n') || props.has('title') || props.has('description')) {
|
|
73
|
-
const header = this.__effectiveI18n
|
|
74
|
-
this.__effectiveTitle = header
|
|
75
|
-
this.__effectiveDescription = header
|
|
73
|
+
const header = this.__effectiveI18n?.header;
|
|
74
|
+
this.__effectiveTitle = header?.title != null ? header.title : this.title;
|
|
75
|
+
this.__effectiveDescription = header?.description != null ? header.description : this.description;
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -140,10 +140,4 @@ export const LoginOverlayMixin = (superClass) =>
|
|
|
140
140
|
document.body.style.pointerEvents = this.$.overlay._previousDocumentPointerEvents;
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* Fired when the overlay is closed.
|
|
146
|
-
*
|
|
147
|
-
* @event closed
|
|
148
|
-
*/
|
|
149
143
|
};
|
|
@@ -107,7 +107,7 @@ export interface LoginOverlayEventMap extends HTMLElementEventMap, LoginOverlayC
|
|
|
107
107
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
108
108
|
* @fires {CustomEvent} error-changed - Fired when the `error` property changes.
|
|
109
109
|
* @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
|
|
110
|
-
* @fires {CustomEvent} login - Fired when a user submits the login.
|
|
110
|
+
* @fires {CustomEvent} login - Fired when a user submits the login form. The event detail contains `username` and `password`.
|
|
111
111
|
* @fires {CustomEvent} closed - Fired when the overlay is closed.
|
|
112
112
|
*/
|
|
113
113
|
declare class LoginOverlay extends LoginFormMixin(LoginOverlayMixin(ElementMixin(ThemableMixin(HTMLElement)))) {
|
|
@@ -71,7 +71,7 @@ import { LoginOverlayMixin } from './vaadin-login-overlay-mixin.js';
|
|
|
71
71
|
* @fires {CustomEvent} disabled-changed - Fired when the `disabled` property changes.
|
|
72
72
|
* @fires {CustomEvent} error-changed - Fired when the `error` property changes.
|
|
73
73
|
* @fires {CustomEvent} forgot-password - Fired when user clicks on the "Forgot password" button.
|
|
74
|
-
* @fires {CustomEvent} login - Fired when a user submits the login.
|
|
74
|
+
* @fires {CustomEvent} login - Fired when a user submits the login form. The event detail contains `username` and `password`.
|
|
75
75
|
* @fires {CustomEvent} closed - Fired when the overlay is closed.
|
|
76
76
|
*
|
|
77
77
|
* @customElement vaadin-login-overlay
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/login",
|
|
4
|
-
"version": "25.2.0-
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"string"
|
|
19
|
-
"null",
|
|
20
|
-
"undefined"
|
|
18
|
+
"string"
|
|
21
19
|
]
|
|
22
20
|
}
|
|
23
21
|
},
|
|
@@ -26,9 +24,7 @@
|
|
|
26
24
|
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
27
25
|
"value": {
|
|
28
26
|
"type": [
|
|
29
|
-
"boolean"
|
|
30
|
-
"null",
|
|
31
|
-
"undefined"
|
|
27
|
+
"boolean"
|
|
32
28
|
]
|
|
33
29
|
}
|
|
34
30
|
},
|
|
@@ -37,9 +33,7 @@
|
|
|
37
33
|
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
38
34
|
"value": {
|
|
39
35
|
"type": [
|
|
40
|
-
"boolean"
|
|
41
|
-
"null",
|
|
42
|
-
"undefined"
|
|
36
|
+
"boolean"
|
|
43
37
|
]
|
|
44
38
|
}
|
|
45
39
|
},
|
|
@@ -48,9 +42,7 @@
|
|
|
48
42
|
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
49
43
|
"value": {
|
|
50
44
|
"type": [
|
|
51
|
-
"number"
|
|
52
|
-
"null",
|
|
53
|
-
"undefined"
|
|
45
|
+
"number"
|
|
54
46
|
]
|
|
55
47
|
}
|
|
56
48
|
},
|
|
@@ -59,9 +51,7 @@
|
|
|
59
51
|
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
60
52
|
"value": {
|
|
61
53
|
"type": [
|
|
62
|
-
"boolean"
|
|
63
|
-
"null",
|
|
64
|
-
"undefined"
|
|
54
|
+
"boolean"
|
|
65
55
|
]
|
|
66
56
|
}
|
|
67
57
|
},
|
|
@@ -70,9 +60,7 @@
|
|
|
70
60
|
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
71
61
|
"value": {
|
|
72
62
|
"type": [
|
|
73
|
-
"boolean"
|
|
74
|
-
"null",
|
|
75
|
-
"undefined"
|
|
63
|
+
"boolean"
|
|
76
64
|
]
|
|
77
65
|
}
|
|
78
66
|
},
|
|
@@ -95,9 +83,7 @@
|
|
|
95
83
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
96
84
|
"value": {
|
|
97
85
|
"type": [
|
|
98
|
-
"string"
|
|
99
|
-
"null",
|
|
100
|
-
"undefined"
|
|
86
|
+
"string"
|
|
101
87
|
]
|
|
102
88
|
}
|
|
103
89
|
},
|
|
@@ -106,9 +92,7 @@
|
|
|
106
92
|
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
107
93
|
"value": {
|
|
108
94
|
"type": [
|
|
109
|
-
"boolean"
|
|
110
|
-
"null",
|
|
111
|
-
"undefined"
|
|
95
|
+
"boolean"
|
|
112
96
|
]
|
|
113
97
|
}
|
|
114
98
|
},
|
|
@@ -117,9 +101,7 @@
|
|
|
117
101
|
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
118
102
|
"value": {
|
|
119
103
|
"type": [
|
|
120
|
-
"boolean"
|
|
121
|
-
"null",
|
|
122
|
-
"undefined"
|
|
104
|
+
"boolean"
|
|
123
105
|
]
|
|
124
106
|
}
|
|
125
107
|
},
|
|
@@ -128,9 +110,7 @@
|
|
|
128
110
|
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
129
111
|
"value": {
|
|
130
112
|
"type": [
|
|
131
|
-
"number"
|
|
132
|
-
"null",
|
|
133
|
-
"undefined"
|
|
113
|
+
"number"
|
|
134
114
|
]
|
|
135
115
|
}
|
|
136
116
|
},
|
|
@@ -139,7 +119,7 @@
|
|
|
139
119
|
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
140
120
|
"value": {
|
|
141
121
|
"type": [
|
|
142
|
-
"
|
|
122
|
+
"Object"
|
|
143
123
|
]
|
|
144
124
|
}
|
|
145
125
|
},
|
|
@@ -148,9 +128,7 @@
|
|
|
148
128
|
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
149
129
|
"value": {
|
|
150
130
|
"type": [
|
|
151
|
-
"boolean"
|
|
152
|
-
"null",
|
|
153
|
-
"undefined"
|
|
131
|
+
"boolean"
|
|
154
132
|
]
|
|
155
133
|
}
|
|
156
134
|
},
|
|
@@ -159,9 +137,7 @@
|
|
|
159
137
|
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
160
138
|
"value": {
|
|
161
139
|
"type": [
|
|
162
|
-
"boolean"
|
|
163
|
-
"null",
|
|
164
|
-
"undefined"
|
|
140
|
+
"boolean"
|
|
165
141
|
]
|
|
166
142
|
}
|
|
167
143
|
}
|
|
@@ -181,7 +157,7 @@
|
|
|
181
157
|
},
|
|
182
158
|
{
|
|
183
159
|
"name": "login",
|
|
184
|
-
"description": "Fired when
|
|
160
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`."
|
|
185
161
|
}
|
|
186
162
|
]
|
|
187
163
|
}
|
|
@@ -195,9 +171,7 @@
|
|
|
195
171
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
196
172
|
"value": {
|
|
197
173
|
"type": [
|
|
198
|
-
"string"
|
|
199
|
-
"null",
|
|
200
|
-
"undefined"
|
|
174
|
+
"string"
|
|
201
175
|
]
|
|
202
176
|
}
|
|
203
177
|
},
|
|
@@ -206,9 +180,7 @@
|
|
|
206
180
|
"description": "Defines the application description",
|
|
207
181
|
"value": {
|
|
208
182
|
"type": [
|
|
209
|
-
"string"
|
|
210
|
-
"null",
|
|
211
|
-
"undefined"
|
|
183
|
+
"string"
|
|
212
184
|
]
|
|
213
185
|
}
|
|
214
186
|
},
|
|
@@ -217,9 +189,7 @@
|
|
|
217
189
|
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
218
190
|
"value": {
|
|
219
191
|
"type": [
|
|
220
|
-
"boolean"
|
|
221
|
-
"null",
|
|
222
|
-
"undefined"
|
|
192
|
+
"boolean"
|
|
223
193
|
]
|
|
224
194
|
}
|
|
225
195
|
},
|
|
@@ -228,9 +198,7 @@
|
|
|
228
198
|
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
229
199
|
"value": {
|
|
230
200
|
"type": [
|
|
231
|
-
"boolean"
|
|
232
|
-
"null",
|
|
233
|
-
"undefined"
|
|
201
|
+
"boolean"
|
|
234
202
|
]
|
|
235
203
|
}
|
|
236
204
|
},
|
|
@@ -239,9 +207,7 @@
|
|
|
239
207
|
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
240
208
|
"value": {
|
|
241
209
|
"type": [
|
|
242
|
-
"number"
|
|
243
|
-
"null",
|
|
244
|
-
"undefined"
|
|
210
|
+
"number"
|
|
245
211
|
]
|
|
246
212
|
}
|
|
247
213
|
},
|
|
@@ -250,9 +216,7 @@
|
|
|
250
216
|
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
251
217
|
"value": {
|
|
252
218
|
"type": [
|
|
253
|
-
"boolean"
|
|
254
|
-
"null",
|
|
255
|
-
"undefined"
|
|
219
|
+
"boolean"
|
|
256
220
|
]
|
|
257
221
|
}
|
|
258
222
|
},
|
|
@@ -261,9 +225,7 @@
|
|
|
261
225
|
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
262
226
|
"value": {
|
|
263
227
|
"type": [
|
|
264
|
-
"boolean"
|
|
265
|
-
"null",
|
|
266
|
-
"undefined"
|
|
228
|
+
"boolean"
|
|
267
229
|
]
|
|
268
230
|
}
|
|
269
231
|
},
|
|
@@ -272,9 +234,7 @@
|
|
|
272
234
|
"description": "True if the overlay is currently displayed.",
|
|
273
235
|
"value": {
|
|
274
236
|
"type": [
|
|
275
|
-
"boolean"
|
|
276
|
-
"null",
|
|
277
|
-
"undefined"
|
|
237
|
+
"boolean"
|
|
278
238
|
]
|
|
279
239
|
}
|
|
280
240
|
},
|
|
@@ -294,9 +254,7 @@
|
|
|
294
254
|
"description": "Defines the application title",
|
|
295
255
|
"value": {
|
|
296
256
|
"type": [
|
|
297
|
-
"string"
|
|
298
|
-
"null",
|
|
299
|
-
"undefined"
|
|
257
|
+
"string"
|
|
300
258
|
]
|
|
301
259
|
}
|
|
302
260
|
}
|
|
@@ -308,9 +266,7 @@
|
|
|
308
266
|
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
309
267
|
"value": {
|
|
310
268
|
"type": [
|
|
311
|
-
"string"
|
|
312
|
-
"null",
|
|
313
|
-
"undefined"
|
|
269
|
+
"string"
|
|
314
270
|
]
|
|
315
271
|
}
|
|
316
272
|
},
|
|
@@ -319,9 +275,7 @@
|
|
|
319
275
|
"description": "Defines the application description",
|
|
320
276
|
"value": {
|
|
321
277
|
"type": [
|
|
322
|
-
"string"
|
|
323
|
-
"null",
|
|
324
|
-
"undefined"
|
|
278
|
+
"string"
|
|
325
279
|
]
|
|
326
280
|
}
|
|
327
281
|
},
|
|
@@ -330,9 +284,7 @@
|
|
|
330
284
|
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
331
285
|
"value": {
|
|
332
286
|
"type": [
|
|
333
|
-
"boolean"
|
|
334
|
-
"null",
|
|
335
|
-
"undefined"
|
|
287
|
+
"boolean"
|
|
336
288
|
]
|
|
337
289
|
}
|
|
338
290
|
},
|
|
@@ -341,9 +293,7 @@
|
|
|
341
293
|
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
342
294
|
"value": {
|
|
343
295
|
"type": [
|
|
344
|
-
"boolean"
|
|
345
|
-
"null",
|
|
346
|
-
"undefined"
|
|
296
|
+
"boolean"
|
|
347
297
|
]
|
|
348
298
|
}
|
|
349
299
|
},
|
|
@@ -352,9 +302,7 @@
|
|
|
352
302
|
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
353
303
|
"value": {
|
|
354
304
|
"type": [
|
|
355
|
-
"number"
|
|
356
|
-
"null",
|
|
357
|
-
"undefined"
|
|
305
|
+
"number"
|
|
358
306
|
]
|
|
359
307
|
}
|
|
360
308
|
},
|
|
@@ -363,7 +311,7 @@
|
|
|
363
311
|
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
364
312
|
"value": {
|
|
365
313
|
"type": [
|
|
366
|
-
"
|
|
314
|
+
"Object"
|
|
367
315
|
]
|
|
368
316
|
}
|
|
369
317
|
},
|
|
@@ -372,9 +320,7 @@
|
|
|
372
320
|
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
373
321
|
"value": {
|
|
374
322
|
"type": [
|
|
375
|
-
"boolean"
|
|
376
|
-
"null",
|
|
377
|
-
"undefined"
|
|
323
|
+
"boolean"
|
|
378
324
|
]
|
|
379
325
|
}
|
|
380
326
|
},
|
|
@@ -383,9 +329,7 @@
|
|
|
383
329
|
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
384
330
|
"value": {
|
|
385
331
|
"type": [
|
|
386
|
-
"boolean"
|
|
387
|
-
"null",
|
|
388
|
-
"undefined"
|
|
332
|
+
"boolean"
|
|
389
333
|
]
|
|
390
334
|
}
|
|
391
335
|
},
|
|
@@ -394,9 +338,7 @@
|
|
|
394
338
|
"description": "True if the overlay is currently displayed.",
|
|
395
339
|
"value": {
|
|
396
340
|
"type": [
|
|
397
|
-
"boolean"
|
|
398
|
-
"null",
|
|
399
|
-
"undefined"
|
|
341
|
+
"boolean"
|
|
400
342
|
]
|
|
401
343
|
}
|
|
402
344
|
},
|
|
@@ -405,9 +347,7 @@
|
|
|
405
347
|
"description": "Defines the application title",
|
|
406
348
|
"value": {
|
|
407
349
|
"type": [
|
|
408
|
-
"string"
|
|
409
|
-
"null",
|
|
410
|
-
"undefined"
|
|
350
|
+
"string"
|
|
411
351
|
]
|
|
412
352
|
}
|
|
413
353
|
}
|
|
@@ -435,7 +375,7 @@
|
|
|
435
375
|
},
|
|
436
376
|
{
|
|
437
377
|
"name": "login",
|
|
438
|
-
"description": "Fired when
|
|
378
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`."
|
|
439
379
|
}
|
|
440
380
|
]
|
|
441
381
|
}
|
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/login",
|
|
4
|
-
"version": "25.2.0-
|
|
4
|
+
"version": "25.2.0-alpha10",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -20,50 +20,50 @@
|
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|
|
23
|
-
"name": "
|
|
24
|
-
"description": "If set,
|
|
23
|
+
"name": ".action",
|
|
24
|
+
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
25
25
|
"value": {
|
|
26
26
|
"kind": "expression"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
|
-
"name": "?
|
|
31
|
-
"description": "If set, the
|
|
30
|
+
"name": "?disabled",
|
|
31
|
+
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
32
32
|
"value": {
|
|
33
33
|
"kind": "expression"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
"name": "?
|
|
38
|
-
"description": "If set, the
|
|
37
|
+
"name": "?error",
|
|
38
|
+
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
39
39
|
"value": {
|
|
40
40
|
"kind": "expression"
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
|
-
"name": "
|
|
45
|
-
"description": "
|
|
44
|
+
"name": ".headingLevel",
|
|
45
|
+
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
46
46
|
"value": {
|
|
47
47
|
"kind": "expression"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
|
-
"name": ".
|
|
52
|
-
"description": "
|
|
51
|
+
"name": ".i18n",
|
|
52
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
53
53
|
"value": {
|
|
54
54
|
"kind": "expression"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
{
|
|
58
|
-
"name": "
|
|
59
|
-
"description": "
|
|
58
|
+
"name": "?noAutofocus",
|
|
59
|
+
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
60
60
|
"value": {
|
|
61
61
|
"kind": "expression"
|
|
62
62
|
}
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
65
|
+
"name": "?noForgotPassword",
|
|
66
|
+
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
67
67
|
"value": {
|
|
68
68
|
"kind": "expression"
|
|
69
69
|
}
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
},
|
|
92
92
|
{
|
|
93
93
|
"name": "@login",
|
|
94
|
-
"description": "Fired when
|
|
94
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`.",
|
|
95
95
|
"value": {
|
|
96
96
|
"kind": "expression"
|
|
97
97
|
}
|
|
@@ -104,64 +104,64 @@
|
|
|
104
104
|
"extension": true,
|
|
105
105
|
"attributes": [
|
|
106
106
|
{
|
|
107
|
-
"name": "
|
|
108
|
-
"description": "If set,
|
|
107
|
+
"name": ".action",
|
|
108
|
+
"description": "If set, a synchronous POST call will be fired to the path defined.\nThe `login` event is also dispatched, so `event.preventDefault()` can be called to prevent the POST call.",
|
|
109
109
|
"value": {
|
|
110
110
|
"kind": "expression"
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
|
-
"name": "
|
|
115
|
-
"description": "
|
|
114
|
+
"name": ".description",
|
|
115
|
+
"description": "Defines the application description",
|
|
116
116
|
"value": {
|
|
117
117
|
"kind": "expression"
|
|
118
118
|
}
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
|
-
"name": "?
|
|
122
|
-
"description": "If set, the user
|
|
121
|
+
"name": "?disabled",
|
|
122
|
+
"description": "If set, disable the \"Log in\" button and prevent user from submitting login form.\nIt is re-enabled automatically, when error is set to true, allowing form resubmission\nafter user makes changes.",
|
|
123
123
|
"value": {
|
|
124
124
|
"kind": "expression"
|
|
125
125
|
}
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
|
-
"name": "?
|
|
129
|
-
"description": "
|
|
128
|
+
"name": "?error",
|
|
129
|
+
"description": "If set, the error message is shown. The message is hidden by default.\nWhen set, it changes the disabled state of the submit button.",
|
|
130
130
|
"value": {
|
|
131
131
|
"kind": "expression"
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
{
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
135
|
+
"name": ".headingLevel",
|
|
136
|
+
"description": "Sets the root heading level (`aria-level`) for the heading hierarchy. Default value: 1.\nChild headings automatically increment from this base level i.e. standalone login form\nrenders its title as `<h1>`, whereas the form in the overlay uses `<h2>`, as the `<h1>`\nelement is used by the overlay's own title.",
|
|
137
137
|
"value": {
|
|
138
138
|
"kind": "expression"
|
|
139
139
|
}
|
|
140
140
|
},
|
|
141
141
|
{
|
|
142
|
-
"name": ".
|
|
143
|
-
"description": "
|
|
142
|
+
"name": ".i18n",
|
|
143
|
+
"description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe object has the following JSON structure (by default it doesn't include `additionalInformation`\nand `header` sections, `header` can be added to override `title` and `description` properties\nin `vaadin-login-overlay`):\n\n```js\n{\n header: {\n title: 'App name',\n description: 'Inspiring application description'\n },\n form: {\n title: 'Log in',\n username: 'Username',\n password: 'Password',\n submit: 'Log in',\n forgotPassword: 'Forgot password'\n },\n errorMessage: {\n title: 'Incorrect username or password',\n message: 'Check that you have entered the correct username and password and try again.',\n username: 'Username is required',\n password: 'Password is required'\n },\n additionalInformation: 'In case you need to provide some additional info for the user.'\n}\n```",
|
|
144
144
|
"value": {
|
|
145
145
|
"kind": "expression"
|
|
146
146
|
}
|
|
147
147
|
},
|
|
148
148
|
{
|
|
149
|
-
"name": "
|
|
150
|
-
"description": "
|
|
149
|
+
"name": "?noAutofocus",
|
|
150
|
+
"description": "If set, the user name field automatically receives focus when the component is attached to the document.",
|
|
151
151
|
"value": {
|
|
152
152
|
"kind": "expression"
|
|
153
153
|
}
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
|
-
"name": "
|
|
157
|
-
"description": "
|
|
156
|
+
"name": "?noForgotPassword",
|
|
157
|
+
"description": "Whether to hide the forgot password button. The button is visible by default.",
|
|
158
158
|
"value": {
|
|
159
159
|
"kind": "expression"
|
|
160
160
|
}
|
|
161
161
|
},
|
|
162
162
|
{
|
|
163
|
-
"name": "
|
|
164
|
-
"description": "
|
|
163
|
+
"name": "?opened",
|
|
164
|
+
"description": "True if the overlay is currently displayed.",
|
|
165
165
|
"value": {
|
|
166
166
|
"kind": "expression"
|
|
167
167
|
}
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
212
|
"name": "@login",
|
|
213
|
-
"description": "Fired when
|
|
213
|
+
"description": "Fired when a user submits the login form. The event detail contains `username` and `password`.",
|
|
214
214
|
"value": {
|
|
215
215
|
"kind": "expression"
|
|
216
216
|
}
|