@vaadin/overlay - npm Package Compare versions

Comparing version 24.4.0-dev.b3e1d14600 to 24.4.0-rc1

package.json

 {
   "name": "@vaadin/overlay",
-  "version": "24.4.0-dev.b3e1d14600",
+  "version": "24.4.0-rc1",
   "publishConfig": {
@@ -39,7 +39,7 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.4.0-dev.b3e1d14600",
-    "@vaadin/component-base": "24.4.0-dev.b3e1d14600",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-dev.b3e1d14600",
-    "@vaadin/vaadin-material-styles": "24.4.0-dev.b3e1d14600",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-dev.b3e1d14600",
+    "@vaadin/a11y-base": "24.4.0-rc1",
+    "@vaadin/component-base": "24.4.0-rc1",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-rc1",
+    "@vaadin/vaadin-material-styles": "24.4.0-rc1",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-rc1",
     "lit": "^3.0.0"
@@ -52,3 +52,3 @@ },
   },
-  "gitHead": "502d4f5b03f770a83d270d98078cde230254dd0e"
+  "gitHead": "a81e3b927d44c56613fa4e1307494a2acc81005f"
 }

README.md

@@ -6,3 +6,2 @@ # <vaadin-overlay>
 [![npm version](https://badgen.net/npm/v/@vaadin/overlay)](https://www.npmjs.com/package/@vaadin/overlay)
-[![Discord](https://img.shields.io/discord/732335336448852018?label=discord)](https://discord.gg/PHmkCKC)
 
@@ -9,0 +8,0 @@ ## License

src/vaadin-lit-overlay.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -17,3 +17,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -20,0 +20,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-lit-overlay.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -19,3 +19,3 @@ */
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
@@ -22,0 +22,0 @@ * Feel free to try this code in your apps as per Apache 2.0 license.

src/vaadin-overlay-focus-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-focus-mixin.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-mixin.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -223,2 +223,3 @@ */
       const rendererChanged = this._oldRenderer !== renderer;
+      const hasOldRenderer = this._oldRenderer !== undefined;
       this._oldRenderer = renderer;
@@ -229,3 +230,3 @@
 
-      if (rendererChanged) {
+      if (rendererChanged && hasOldRenderer) {
         this.innerHTML = '';
@@ -232,0 +233,0 @@ // Whenever a Lit-based renderer is used, it assigns a Lit part to the node it was rendered into.

src/vaadin-overlay-position-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-position-mixin.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -149,3 +149,4 @@ */
     __addUpdatePositionEventListeners() {
-      window.addEventListener('resize', this._updatePosition);
+      window.visualViewport.addEventListener('resize', this._updatePosition);
+      window.visualViewport.addEventListener('scroll', this.__onScroll, true);
 
@@ -160,3 +161,4 @@ this.__positionTargetAncestorRootNodes = getAncestorRootNodes(this.positionTarget);
     __removeUpdatePositionEventListeners() {
-      window.removeEventListener('resize', this._updatePosition);
+      window.visualViewport.removeEventListener('resize', this._updatePosition);
+      window.visualViewport.removeEventListener('scroll', this.__onScroll, true);
 
@@ -209,9 +211,11 @@ if (this.__positionTargetAncestorRootNodes) {
       // If the scroll event occurred inside the overlay, ignore it.
-      if (!this.contains(e.target)) {
-        this._updatePosition();
+      if (e.target instanceof Node && this.contains(e.target)) {
+        return;
       }
+
+      this._updatePosition();
     }
 
     _updatePosition() {
-      if (!this.positionTarget || !this.opened) {
+      if (!this.positionTarget || !this.opened || !this.__margins) {
         return;
@@ -218,0 +222,0 @@ }

src/vaadin-overlay-stack-mixin.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-stack-mixin.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay-styles.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -42,3 +42,4 @@ */
   :host([hidden]),
-  :host(:not([opened]):not([closing])) {
+  :host(:not([opened]):not([closing])),
+  :host(:not([opened]):not([closing])) [part='overlay'] {
     display: none !important;
@@ -45,0 +46,0 @@ }

src/vaadin-overlay.d.ts

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

src/vaadin-overlay.js

 /**
  * @license
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * Copyright (c) 2017 - 2024 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
@@ -5,0 +5,0 @@ */

No alert changes

Improved metrics

Total package byte prevSize

70486

increased by0.56%

Number of package files

26

increased by18.18%

Lines of code

1554

increased by0.71%

Worsened metrics

Number of lines in readme file

10

decreased by-9.09%

Dependency changes

• + Added@vaadin/a11y-base@24.4.0-rc1(transitive)

• + Added@vaadin/component-base@24.4.0-rc1(transitive)

• + Added@vaadin/icon@24.4.0-rc1(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.4.0-rc1(transitive)

• + Added@vaadin/vaadin-material-styles@24.4.0-rc1(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.4.0-rc1(transitive)

• - Removed@vaadin/a11y-base@24.4.0-dev.b3e1d14600(transitive)

• - Removed@vaadin/component-base@24.4.0-dev.b3e1d14600(transitive)

• - Removed@vaadin/icon@24.4.0-dev.b3e1d14600(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.4.0-dev.b3e1d14600(transitive)

• - Removed@vaadin/vaadin-material-styles@24.4.0-dev.b3e1d14600(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.4.0-dev.b3e1d14600(transitive)

• Updated@vaadin/a11y-base@24.4.0-rc1

• Updated@vaadin/component-base@24.4.0-rc1

• Updated@vaadin/vaadin-lumo-styles@24.4.0-rc1

• Updated@vaadin/vaadin-material-styles@24.4.0-rc1

• Updated@vaadin/vaadin-themable-mixin@24.4.0-rc1