@vaadin/login 24.4.0-alpha1 → 24.4.0-dev.223e39f050

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.
Files changed (4) hide show
  1. package/package.json +10 -10
  2. package/src/vaadin-login-overlay-wrapper.js +4 -1
  3. package/web-types.json +0 -372
  4. package/web-types.lit.json +0 -209
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/login",
3
- "version": "24.4.0-alpha1",
3
+ "version": "24.4.0-dev.223e39f050",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -43,14 +43,14 @@
43
43
  "dependencies": {
44
44
  "@open-wc/dedupe-mixin": "^1.3.0",
45
45
  "@polymer/polymer": "^3.0.0",
46
- "@vaadin/button": "24.4.0-alpha1",
47
- "@vaadin/component-base": "24.4.0-alpha1",
48
- "@vaadin/overlay": "24.4.0-alpha1",
49
- "@vaadin/password-field": "24.4.0-alpha1",
50
- "@vaadin/text-field": "24.4.0-alpha1",
51
- "@vaadin/vaadin-lumo-styles": "24.4.0-alpha1",
52
- "@vaadin/vaadin-material-styles": "24.4.0-alpha1",
53
- "@vaadin/vaadin-themable-mixin": "24.4.0-alpha1",
46
+ "@vaadin/button": "24.4.0-dev.223e39f050",
47
+ "@vaadin/component-base": "24.4.0-dev.223e39f050",
48
+ "@vaadin/overlay": "24.4.0-dev.223e39f050",
49
+ "@vaadin/password-field": "24.4.0-dev.223e39f050",
50
+ "@vaadin/text-field": "24.4.0-dev.223e39f050",
51
+ "@vaadin/vaadin-lumo-styles": "24.4.0-dev.223e39f050",
52
+ "@vaadin/vaadin-material-styles": "24.4.0-dev.223e39f050",
53
+ "@vaadin/vaadin-themable-mixin": "24.4.0-dev.223e39f050",
54
54
  "lit": "^3.0.0"
55
55
  },
56
56
  "devDependencies": {
@@ -62,5 +62,5 @@
62
62
  "web-types.json",
63
63
  "web-types.lit.json"
64
64
  ],
65
- "gitHead": "3e2ed41c99d618ff7def2734fd863c21c85775a3"
65
+ "gitHead": "5e2e3bfc811c95aed9354235fab93fdbf43eb354"
66
66
  }
package/src/vaadin-login-overlay-wrapper.js CHANGED
@@ -18,7 +18,10 @@ registerStyles('vaadin-login-overlay-wrapper', [overlayStyles, loginOverlayWrapp
18
18
  /**
19
19
  * An element used internally by `<vaadin-login-overlay>`. Not intended to be used separately.
20
20
  *
21
- * @extends Overlay
21
+ * @extends HTMLElement
22
+ * @mixes DirMixin
23
+ * @mixes OverlayMixin
24
+ * @mixes ThemableMixin
22
25
  * @private
23
26
  */
24
27
  class LoginOverlayWrapper extends OverlayMixin(DirMixin(ThemableMixin(PolymerElement))) {
package/web-types.json DELETED
@@ -1,372 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/web-types",
3
- "name": "@vaadin/login",
4
- "version": "24.4.0-alpha1",
5
- "description-markup": "markdown",
6
- "contributions": {
7
- "html": {
8
- "elements": [
9
- {
10
- "name": "vaadin-login-form",
11
- "description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-form-wrapper>` themable component to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-form-wrapper>` are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
- "attributes": [
13
- {
14
- "name": "action",
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
- "value": {
17
- "type": [
18
- "string",
19
- "null"
20
- ]
21
- }
22
- },
23
- {
24
- "name": "disabled",
25
- "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.",
26
- "value": {
27
- "type": [
28
- "boolean"
29
- ]
30
- }
31
- },
32
- {
33
- "name": "error",
34
- "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.",
35
- "value": {
36
- "type": [
37
- "boolean"
38
- ]
39
- }
40
- },
41
- {
42
- "name": "no-forgot-password",
43
- "description": "Whether to hide the forgot password button. The button is visible by default.",
44
- "value": {
45
- "type": [
46
- "boolean"
47
- ]
48
- }
49
- },
50
- {
51
- "name": "no-autofocus",
52
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
53
- "value": {
54
- "type": [
55
- "boolean"
56
- ]
57
- }
58
- },
59
- {
60
- "name": "theme",
61
- "description": "The theme variants to apply to the component.",
62
- "value": {
63
- "type": [
64
- "string",
65
- "null",
66
- "undefined"
67
- ]
68
- }
69
- }
70
- ],
71
- "js": {
72
- "properties": [
73
- {
74
- "name": "action",
75
- "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.",
76
- "value": {
77
- "type": [
78
- "string",
79
- "null"
80
- ]
81
- }
82
- },
83
- {
84
- "name": "disabled",
85
- "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.",
86
- "value": {
87
- "type": [
88
- "boolean"
89
- ]
90
- }
91
- },
92
- {
93
- "name": "error",
94
- "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.",
95
- "value": {
96
- "type": [
97
- "boolean"
98
- ]
99
- }
100
- },
101
- {
102
- "name": "noForgotPassword",
103
- "description": "Whether to hide the forgot password button. The button is visible by default.",
104
- "value": {
105
- "type": [
106
- "boolean"
107
- ]
108
- }
109
- },
110
- {
111
- "name": "noAutofocus",
112
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
113
- "value": {
114
- "type": [
115
- "boolean"
116
- ]
117
- }
118
- },
119
- {
120
- "name": "i18n",
121
- "description": "The object used to localize this component.\nFor changing the default localization, change the entire\n_i18n_ object or just the property you want to modify.\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```\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```",
122
- "value": {
123
- "type": [
124
- "LoginI18n"
125
- ]
126
- }
127
- }
128
- ],
129
- "events": [
130
- {
131
- "name": "forgot-password",
132
- "description": "Fired when user clicks on the \"Forgot password\" button."
133
- },
134
- {
135
- "name": "login",
136
- "description": "Fired when an user submits the login.\nThe event contains `username` and `password` values in the `detail` property."
137
- },
138
- {
139
- "name": "disabled-changed",
140
- "description": "Fired when the `disabled` property changes."
141
- },
142
- {
143
- "name": "error-changed",
144
- "description": "Fired when the `error` property changes."
145
- }
146
- ]
147
- }
148
- },
149
- {
150
- "name": "vaadin-login-overlay",
151
- "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha1/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
152
- "attributes": [
153
- {
154
- "name": "action",
155
- "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.",
156
- "value": {
157
- "type": [
158
- "string",
159
- "null"
160
- ]
161
- }
162
- },
163
- {
164
- "name": "disabled",
165
- "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.",
166
- "value": {
167
- "type": [
168
- "boolean"
169
- ]
170
- }
171
- },
172
- {
173
- "name": "error",
174
- "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.",
175
- "value": {
176
- "type": [
177
- "boolean"
178
- ]
179
- }
180
- },
181
- {
182
- "name": "no-forgot-password",
183
- "description": "Whether to hide the forgot password button. The button is visible by default.",
184
- "value": {
185
- "type": [
186
- "boolean"
187
- ]
188
- }
189
- },
190
- {
191
- "name": "no-autofocus",
192
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
193
- "value": {
194
- "type": [
195
- "boolean"
196
- ]
197
- }
198
- },
199
- {
200
- "name": "overlay-class",
201
- "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
202
- "value": {
203
- "type": [
204
- "string",
205
- "null",
206
- "undefined"
207
- ]
208
- }
209
- },
210
- {
211
- "name": "description",
212
- "description": "Defines the application description",
213
- "value": {
214
- "type": [
215
- "string"
216
- ]
217
- }
218
- },
219
- {
220
- "name": "opened",
221
- "description": "True if the overlay is currently displayed.",
222
- "value": {
223
- "type": [
224
- "boolean"
225
- ]
226
- }
227
- },
228
- {
229
- "name": "title",
230
- "description": "Defines the application title",
231
- "value": {
232
- "type": [
233
- "string"
234
- ]
235
- }
236
- },
237
- {
238
- "name": "theme",
239
- "description": "The theme variants to apply to the component.",
240
- "value": {
241
- "type": [
242
- "string",
243
- "null",
244
- "undefined"
245
- ]
246
- }
247
- }
248
- ],
249
- "js": {
250
- "properties": [
251
- {
252
- "name": "action",
253
- "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.",
254
- "value": {
255
- "type": [
256
- "string",
257
- "null"
258
- ]
259
- }
260
- },
261
- {
262
- "name": "disabled",
263
- "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.",
264
- "value": {
265
- "type": [
266
- "boolean"
267
- ]
268
- }
269
- },
270
- {
271
- "name": "error",
272
- "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.",
273
- "value": {
274
- "type": [
275
- "boolean"
276
- ]
277
- }
278
- },
279
- {
280
- "name": "noForgotPassword",
281
- "description": "Whether to hide the forgot password button. The button is visible by default.",
282
- "value": {
283
- "type": [
284
- "boolean"
285
- ]
286
- }
287
- },
288
- {
289
- "name": "noAutofocus",
290
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
291
- "value": {
292
- "type": [
293
- "boolean"
294
- ]
295
- }
296
- },
297
- {
298
- "name": "i18n",
299
- "description": "The object used to localize this component.\nFor changing the default localization, change the entire\n_i18n_ object or just the property you want to modify.\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```\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```",
300
- "value": {
301
- "type": [
302
- "LoginI18n"
303
- ]
304
- }
305
- },
306
- {
307
- "name": "overlayClass",
308
- "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
309
- "value": {
310
- "type": [
311
- "string",
312
- "null",
313
- "undefined"
314
- ]
315
- }
316
- },
317
- {
318
- "name": "description",
319
- "description": "Defines the application description",
320
- "value": {
321
- "type": [
322
- "string"
323
- ]
324
- }
325
- },
326
- {
327
- "name": "opened",
328
- "description": "True if the overlay is currently displayed.",
329
- "value": {
330
- "type": [
331
- "boolean"
332
- ]
333
- }
334
- },
335
- {
336
- "name": "title",
337
- "description": "Defines the application title",
338
- "value": {
339
- "type": [
340
- "string"
341
- ]
342
- }
343
- }
344
- ],
345
- "events": [
346
- {
347
- "name": "forgot-password",
348
- "description": "Fired when user clicks on the \"Forgot password\" button."
349
- },
350
- {
351
- "name": "login",
352
- "description": "Fired when an user submits the login.\nThe event contains `username` and `password` values in the `detail` property."
353
- },
354
- {
355
- "name": "disabled-changed",
356
- "description": "Fired when the `disabled` property changes."
357
- },
358
- {
359
- "name": "error-changed",
360
- "description": "Fired when the `error` property changes."
361
- },
362
- {
363
- "name": "description-changed",
364
- "description": "Fired when the `description` property changes."
365
- }
366
- ]
367
- }
368
- }
369
- ]
370
- }
371
- }
372
- }
package/web-types.lit.json DELETED
@@ -1,209 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/web-types",
3
- "name": "@vaadin/login",
4
- "version": "24.4.0-alpha1",
5
- "description-markup": "markdown",
6
- "framework": "lit",
7
- "framework-config": {
8
- "enable-when": {
9
- "node-packages": [
10
- "lit"
11
- ]
12
- }
13
- },
14
- "contributions": {
15
- "html": {
16
- "elements": [
17
- {
18
- "name": "vaadin-login-form",
19
- "description": "`<vaadin-login-form>` is a Web Component providing an easy way to require users\nto log in into an application. Note that component has no shadowRoot.\n\n```\n<vaadin-login-form></vaadin-login-form>\n```\n\nComponent has to be accessible from the `document` layer in order to allow password managers to work properly with form values.\nUsing `<vaadin-login-overlay>` allows to always attach the component to the document body.\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-form-wrapper>` themable component to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-form-wrapper>` are available for styling:\n\nPart name | Description\n---------------|---------------------------------------------------------|\n`form` | Container for the entire component's content\n`form-title` | Title of the login form\n`error-message`| Container for error message, contains error-message-title and error-message-description parts. Hidden by default.\n`error-message-title` | Container for error message title\n`error-message-description` | Container for error message description\n`footer` | Container additional information text from `i18n` object\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
20
- "extension": true,
21
- "attributes": [
22
- {
23
- "name": "?disabled",
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.",
25
- "value": {
26
- "kind": "expression"
27
- }
28
- },
29
- {
30
- "name": "?error",
31
- "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.",
32
- "value": {
33
- "kind": "expression"
34
- }
35
- },
36
- {
37
- "name": "?noForgotPassword",
38
- "description": "Whether to hide the forgot password button. The button is visible by default.",
39
- "value": {
40
- "kind": "expression"
41
- }
42
- },
43
- {
44
- "name": "?noAutofocus",
45
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
46
- "value": {
47
- "kind": "expression"
48
- }
49
- },
50
- {
51
- "name": ".action",
52
- "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.",
53
- "value": {
54
- "kind": "expression"
55
- }
56
- },
57
- {
58
- "name": ".i18n",
59
- "description": "The object used to localize this component.\nFor changing the default localization, change the entire\n_i18n_ object or just the property you want to modify.\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```\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```",
60
- "value": {
61
- "kind": "expression"
62
- }
63
- },
64
- {
65
- "name": "@forgot-password",
66
- "description": "Fired when user clicks on the \"Forgot password\" button.",
67
- "value": {
68
- "kind": "expression"
69
- }
70
- },
71
- {
72
- "name": "@login",
73
- "description": "Fired when an user submits the login.\nThe event contains `username` and `password` values in the `detail` property.",
74
- "value": {
75
- "kind": "expression"
76
- }
77
- },
78
- {
79
- "name": "@disabled-changed",
80
- "description": "Fired when the `disabled` property changes.",
81
- "value": {
82
- "kind": "expression"
83
- }
84
- },
85
- {
86
- "name": "@error-changed",
87
- "description": "Fired when the `error` property changes.",
88
- "value": {
89
- "kind": "expression"
90
- }
91
- }
92
- ]
93
- },
94
- {
95
- "name": "vaadin-login-overlay",
96
- "description": "`<vaadin-login-overlay>` is a wrapper of the `<vaadin-login-form>` which opens a login form in an overlay and\nhaving an additional `brand` part for application title and description. Using `<vaadin-login-overlay>` allows\npassword managers to work with login form.\n\n```\n<vaadin-login-overlay opened></vaadin-login-overlay>\n```\n\n### Styling\n\nThe component doesn't have a shadowRoot, so the `<form>` and input fields can be styled from a global scope.\nUse `<vaadin-login-overlay-wrapper>` and `<vaadin-login-form-wrapper>` to apply styles.\n\nThe following shadow DOM parts of the `<vaadin-login-overlay-wrapper>` are available for styling:\n\nPart name | Description\n----------------|---------------------------------------------------------|\n`card` | Container for the entire component's content\n`brand` | Container for application title and description\n`form` | Container for the `<vaadin-login-form>` component\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nSee [`<vaadin-login-form>`](https://cdn.vaadin.com/vaadin-web-components/24.4.0-alpha1/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
97
- "extension": true,
98
- "attributes": [
99
- {
100
- "name": "?disabled",
101
- "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.",
102
- "value": {
103
- "kind": "expression"
104
- }
105
- },
106
- {
107
- "name": "?error",
108
- "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.",
109
- "value": {
110
- "kind": "expression"
111
- }
112
- },
113
- {
114
- "name": "?noForgotPassword",
115
- "description": "Whether to hide the forgot password button. The button is visible by default.",
116
- "value": {
117
- "kind": "expression"
118
- }
119
- },
120
- {
121
- "name": "?noAutofocus",
122
- "description": "If set, the user name field automatically receives focus when the component is attached to the document.",
123
- "value": {
124
- "kind": "expression"
125
- }
126
- },
127
- {
128
- "name": "?opened",
129
- "description": "True if the overlay is currently displayed.",
130
- "value": {
131
- "kind": "expression"
132
- }
133
- },
134
- {
135
- "name": ".action",
136
- "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.",
137
- "value": {
138
- "kind": "expression"
139
- }
140
- },
141
- {
142
- "name": ".i18n",
143
- "description": "The object used to localize this component.\nFor changing the default localization, change the entire\n_i18n_ object or just the property you want to modify.\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```\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
- "value": {
145
- "kind": "expression"
146
- }
147
- },
148
- {
149
- "name": ".overlayClass",
150
- "description": "A space-delimited list of CSS class names to set on the overlay element.\nThis property does not affect other CSS class names set manually via JS.\n\nNote, if the CSS class name was set with this property, clearing it will\nremove it from the overlay, even if the same class name was also added\nmanually, e.g. by using `classList.add()` in the `renderer` function.",
151
- "value": {
152
- "kind": "expression"
153
- }
154
- },
155
- {
156
- "name": ".description",
157
- "description": "Defines the application description",
158
- "value": {
159
- "kind": "expression"
160
- }
161
- },
162
- {
163
- "name": ".title",
164
- "description": "Defines the application title",
165
- "value": {
166
- "kind": "expression"
167
- }
168
- },
169
- {
170
- "name": "@forgot-password",
171
- "description": "Fired when user clicks on the \"Forgot password\" button.",
172
- "value": {
173
- "kind": "expression"
174
- }
175
- },
176
- {
177
- "name": "@login",
178
- "description": "Fired when an user submits the login.\nThe event contains `username` and `password` values in the `detail` property.",
179
- "value": {
180
- "kind": "expression"
181
- }
182
- },
183
- {
184
- "name": "@disabled-changed",
185
- "description": "Fired when the `disabled` property changes.",
186
- "value": {
187
- "kind": "expression"
188
- }
189
- },
190
- {
191
- "name": "@error-changed",
192
- "description": "Fired when the `error` property changes.",
193
- "value": {
194
- "kind": "expression"
195
- }
196
- },
197
- {
198
- "name": "@description-changed",
199
- "description": "Fired when the `description` property changes.",
200
- "value": {
201
- "kind": "expression"
202
- }
203
- }
204
- ]
205
- }
206
- ]
207
- }
208
- }
209
- }