@vaadin/form-layout - npm Package Compare versions

Comparing version 24.6.0-alpha2 to 24.6.0-alpha3

package.json

 {
   "name": "@vaadin/form-layout",
-  "version": "24.6.0-alpha2",
+  "version": "24.6.0-alpha3",
   "publishConfig": {
@@ -39,13 +39,13 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.6.0-alpha2",
-    "@vaadin/component-base": "24.6.0-alpha2",
-    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha2",
-    "@vaadin/vaadin-material-styles": "24.6.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha2"
+    "@vaadin/a11y-base": "24.6.0-alpha3",
+    "@vaadin/component-base": "24.6.0-alpha3",
+    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha3",
+    "@vaadin/vaadin-material-styles": "24.6.0-alpha3",
+    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha3"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.6.0-alpha2",
-    "@vaadin/custom-field": "24.6.0-alpha2",
+    "@vaadin/chai-plugins": "24.6.0-alpha3",
+    "@vaadin/custom-field": "24.6.0-alpha3",
     "@vaadin/testing-helpers": "^1.0.0",
-    "@vaadin/text-field": "24.6.0-alpha2",
+    "@vaadin/text-field": "24.6.0-alpha3",
     "sinon": "^18.0.0"
@@ -57,3 +57,3 @@ },
   ],
-  "gitHead": "21fa9ea077a04949a90d00934bfefe3e346bd129"
+  "gitHead": "f917e587caaf86b3d55598233811409b0f34ff69"
 }

src/vaadin-form-layout.js

@@ -243,2 +243,7 @@ /**
       },
+
+      /** @private */
+      __isVisible: {
+        type: Boolean,
+      },
     };
@@ -268,2 +273,18 @@ }
 
+  constructor() {
+    super();
+
+    this.__intersectionObserver = new IntersectionObserver(([entry]) => {
+      if (!entry.isIntersecting) {
+        // Prevent possible jump when layout becomes visible
+        this.$.layout.style.opacity = 0;
+      }
+      if (!this.__isVisible && entry.isIntersecting) {
+        this._updateLayout();
+        this.$.layout.style.opacity = '';
+      }
+      this.__isVisible = entry.isIntersecting;
+    });
+  }
+
   /** @protected */
@@ -277,2 +298,3 @@ connectedCallback() {
     this._observeChildrenColspanChange();
+    this.__intersectionObserver.observe(this);
   }
@@ -286,2 +308,3 @@
     this.__childObserver.disconnect();
+    this.__intersectionObserver.disconnect();
   }
@@ -288,0 +311,0 @@

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/form-layout",
-  "version": "24.6.0-alpha2",
+  "version": "24.6.0-alpha3",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/form-layout",
-  "version": "24.6.0-alpha2",
+  "version": "24.6.0-alpha3",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68378

increased by0.91%

Lines of code

1314

increased by1.55%

Dependency changes

• + Added@vaadin/a11y-base@24.6.0-alpha3(transitive)

• + Added@vaadin/component-base@24.6.0-alpha3(transitive)

• + Added@vaadin/icon@24.6.0-alpha3(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.6.0-alpha3(transitive)

• + Added@vaadin/vaadin-material-styles@24.6.0-alpha3(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.6.0-alpha3(transitive)

• - Removed@vaadin/a11y-base@24.6.0-alpha2(transitive)

• - Removed@vaadin/component-base@24.6.0-alpha2(transitive)

• - Removed@vaadin/icon@24.6.0-alpha2(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.6.0-alpha2(transitive)

• - Removed@vaadin/vaadin-material-styles@24.6.0-alpha2(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.6.0-alpha2(transitive)

• Updated@vaadin/a11y-base@24.6.0-alpha3

• Updated@vaadin/component-base@24.6.0-alpha3

• Updated@vaadin/vaadin-lumo-styles@24.6.0-alpha3

• Updated@vaadin/vaadin-material-styles@24.6.0-alpha3

• Updated@vaadin/vaadin-themable-mixin@24.6.0-alpha3