@vaadin/login - npm Package Compare versions

Comparing version 24.7.0-alpha1 to 24.7.0-alpha2

package.json

 {
   "name": "@vaadin/login",
-  "version": "24.7.0-alpha1",
+  "version": "24.7.0-alpha2",
   "publishConfig": {
@@ -40,15 +40,15 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "24.7.0-alpha1",
-    "@vaadin/component-base": "24.7.0-alpha1",
-    "@vaadin/overlay": "24.7.0-alpha1",
-    "@vaadin/password-field": "24.7.0-alpha1",
-    "@vaadin/text-field": "24.7.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "24.7.0-alpha1",
-    "@vaadin/vaadin-material-styles": "24.7.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "24.7.0-alpha1",
+    "@vaadin/button": "24.7.0-alpha2",
+    "@vaadin/component-base": "24.7.0-alpha2",
+    "@vaadin/overlay": "24.7.0-alpha2",
+    "@vaadin/password-field": "24.7.0-alpha2",
+    "@vaadin/text-field": "24.7.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "24.7.0-alpha2",
+    "@vaadin/vaadin-material-styles": "24.7.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "24.7.0-alpha2",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.7.0-alpha1",
-    "@vaadin/checkbox": "24.7.0-alpha1",
+    "@vaadin/chai-plugins": "24.7.0-alpha2",
+    "@vaadin/checkbox": "24.7.0-alpha2",
     "@vaadin/testing-helpers": "^1.0.0",
@@ -61,3 +61,3 @@ "sinon": "^18.0.0"
   ],
-  "gitHead": "04be941c9a7b659871c97f31b9cc3ffd7528087b"
+  "gitHead": "e2523f9b4abc5a9586fb758166f823dc40c399dd"
 }

src/vaadin-lit-login-form.js

@@ -54,7 +54,7 @@ /**
       >
-        <form method="POST" action="${this.action}" @formdata="${this._onFormData}" slot="form">
+        <form method="POST" action="${ifDefined(this.action)}" @formdata="${this._onFormData}" slot="form">
           <input id="csrf" type="hidden" />
           <vaadin-text-field
             name="username"
-            label="${this.i18n.form.username}"
+            .label="${this.i18n.form.username}"
             .errorMessage="${this.i18n.errorMessage.username}"
@@ -61,0 +61,0 @@ id="vaadinLoginUsername"

src/vaadin-login-overlay-mixin.js

@@ -110,10 +110,5 @@ /**
     /** @private */
-    async _onOpenedChange() {
+    _onOpenedChange() {
       const form = this.$.vaadinLoginForm;
 
-      // Wait for initial render on overlay initialization
-      if (!form.$ && this.updateComplete) {
-        await this.updateComplete;
-      }
-
       if (!this.opened) {
@@ -120,0 +115,0 @@ form.$.vaadinLoginUsername.value = '';

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/login",
-  "version": "24.7.0-alpha1",
+  "version": "24.7.0-alpha2",
   "description-markup": "markdown",
@@ -151,3 +151,3 @@ "contributions": {
           "name": "vaadin-login-overlay",
-          "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-alpha1/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
+          "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.",
           "attributes": [
@@ -154,0 +154,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/login",
-  "version": "24.7.0-alpha1",
+  "version": "24.7.0-alpha2",
   "description-markup": "markdown",
@@ -96,3 +96,3 @@ "framework": "lit",
           "name": "vaadin-login-overlay",
-          "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-alpha1/#/elements/vaadin-login-form)\ndocumentation for  `<vaadin-login-form-wrapper>` stylable parts.",
+          "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.",
           "extension": true,
@@ -99,0 +99,0 @@ "attributes": [

No alert changes

Worsened metrics

Total package byte prevSize

117298

-0.12%

Lines of code

2776

-0.14%

Dependency changes

• + Added

  @vaadin/a11y-base@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/button@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/component-base@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/field-base@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/icon@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/input-container@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/overlay@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/password-field@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/text-field@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/vaadin-lumo-styles@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/vaadin-material-styles@24.7.0-alpha2
  (transitive)

• + Added

  @vaadin/vaadin-themable-mixin@24.7.0-alpha2
  (transitive)

• - Removed

  @vaadin/a11y-base@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/button@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/component-base@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/field-base@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/icon@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/input-container@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/overlay@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/password-field@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/text-field@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/vaadin-lumo-styles@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/vaadin-material-styles@24.7.0-alpha1
  (transitive)

• - Removed

  @vaadin/vaadin-themable-mixin@24.7.0-alpha1
  (transitive)

• Updated

  @vaadin/button@24.7.0-alpha2

• Updated

  @vaadin/component-base@24.7.0-alpha2

• Updated

  @vaadin/overlay@24.7.0-alpha2

• Updated

  @vaadin/password-field@24.7.0-alpha2

• Updated

  @vaadin/text-field@24.7.0-alpha2

• Updated

  @vaadin/vaadin-lumo-styles@24.7.0-alpha2

• Updated

  @vaadin/vaadin-material-styles@24.7.0-alpha2

• Updated

  @vaadin/vaadin-themable-mixin@24.7.0-alpha2