@vaadin/login 24.6.0 → 24.7.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.
Files changed (5) hide show
  1. package/package.json +12 -12
  2. package/src/vaadin-lit-login-form.js +2 -2
  3. package/src/vaadin-login-overlay-mixin.js +1 -6
  4. package/web-types.json +2 -2
  5. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/login",
3
- "version": "24.6.0",
3
+ "version": "24.7.0-alpha2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,19 +37,19 @@
37
37
  "dependencies": {
38
38
  "@open-wc/dedupe-mixin": "^1.3.0",
39
39
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/button": "~24.6.0",
41
- "@vaadin/component-base": "~24.6.0",
42
- "@vaadin/overlay": "~24.6.0",
43
- "@vaadin/password-field": "~24.6.0",
44
- "@vaadin/text-field": "~24.6.0",
45
- "@vaadin/vaadin-lumo-styles": "~24.6.0",
46
- "@vaadin/vaadin-material-styles": "~24.6.0",
47
- "@vaadin/vaadin-themable-mixin": "~24.6.0",
40
+ "@vaadin/button": "24.7.0-alpha2",
41
+ "@vaadin/component-base": "24.7.0-alpha2",
42
+ "@vaadin/overlay": "24.7.0-alpha2",
43
+ "@vaadin/password-field": "24.7.0-alpha2",
44
+ "@vaadin/text-field": "24.7.0-alpha2",
45
+ "@vaadin/vaadin-lumo-styles": "24.7.0-alpha2",
46
+ "@vaadin/vaadin-material-styles": "24.7.0-alpha2",
47
+ "@vaadin/vaadin-themable-mixin": "24.7.0-alpha2",
48
48
  "lit": "^3.0.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@vaadin/chai-plugins": "~24.6.0",
52
- "@vaadin/checkbox": "~24.6.0",
51
+ "@vaadin/chai-plugins": "24.7.0-alpha2",
52
+ "@vaadin/checkbox": "24.7.0-alpha2",
53
53
  "@vaadin/testing-helpers": "^1.0.0",
54
54
  "sinon": "^18.0.0"
55
55
  },
@@ -57,5 +57,5 @@
57
57
  "web-types.json",
58
58
  "web-types.lit.json"
59
59
  ],
60
- "gitHead": "c0b38aa981494d04fac64da35aa3890ad72551ea"
60
+ "gitHead": "e2523f9b4abc5a9586fb758166f823dc40c399dd"
61
61
  }
package/src/vaadin-lit-login-form.js CHANGED
@@ -51,11 +51,11 @@ class LoginForm extends LoginFormMixin(ElementMixin(ThemableMixin(PolylitMixin(L
51
51
  .error="${this.error}"
52
52
  .i18n="${this.i18n}"
53
53
  >
54
- <form method="POST" action="${this.action}" @formdata="${this._onFormData}" slot="form">
54
+ <form method="POST" action="${ifDefined(this.action)}" @formdata="${this._onFormData}" slot="form">
55
55
  <input id="csrf" type="hidden" />
56
56
  <vaadin-text-field
57
57
  name="username"
58
- label="${this.i18n.form.username}"
58
+ .label="${this.i18n.form.username}"
59
59
  .errorMessage="${this.i18n.errorMessage.username}"
60
60
  id="vaadinLoginUsername"
61
61
  required
package/src/vaadin-login-overlay-mixin.js CHANGED
@@ -107,14 +107,9 @@ export const LoginOverlayMixin = (superClass) =>
107
107
  }
108
108
 
109
109
  /** @private */
110
- async _onOpenedChange() {
110
+ _onOpenedChange() {
111
111
  const form = this.$.vaadinLoginForm;
112
112
 
113
- // Wait for initial render on overlay initialization
114
- if (!form.$ && this.updateComplete) {
115
- await this.updateComplete;
116
- }
117
-
118
113
  if (!this.opened) {
119
114
  form.$.vaadinLoginUsername.value = '';
120
115
  form.$.vaadinLoginPassword.value = '';
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": "24.6.0",
4
+ "version": "24.7.0-alpha2",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -148,7 +148,7 @@
148
148
  },
149
149
  {
150
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.6.0/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
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.7.0-alpha2/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
152
152
  "attributes": [
153
153
  {
154
154
  "name": "action",
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": "24.6.0",
4
+ "version": "24.7.0-alpha2",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -93,7 +93,7 @@
93
93
  },
94
94
  {
95
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.6.0/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
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.7.0-alpha2/#/elements/vaadin-login-form)\ndocumentation for `<vaadin-login-form-wrapper>` stylable parts.",
97
97
  "extension": true,
98
98
  "attributes": [
99
99
  {