@vaadin/overlay 24.6.0-beta1 → 24.7.0-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/overlay",
-  "version": "24.6.0-beta1",
+  "version": "24.7.0-alpha1",
   "publishConfig": {
     "access": "public"
   },
@@ -36,17 +36,17 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.6.0-beta1",
-    "@vaadin/component-base": "24.6.0-beta1",
-    "@vaadin/vaadin-lumo-styles": "24.6.0-beta1",
-    "@vaadin/vaadin-material-styles": "24.6.0-beta1",
-    "@vaadin/vaadin-themable-mixin": "24.6.0-beta1",
+    "@vaadin/a11y-base": "24.7.0-alpha1",
+    "@vaadin/component-base": "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",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.6.0-beta1",
+    "@vaadin/chai-plugins": "24.7.0-alpha1",
     "@vaadin/testing-helpers": "^1.0.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "ab28efb0dcf2cd1ef72100e2e8f32232fa49aacc"
+  "gitHead": "04be941c9a7b659871c97f31b9cc3ffd7528087b"
 }

package/src/vaadin-overlay-mixin.js

@@ -25,6 +25,7 @@ export const OverlayMixin = (superClass) =>
           notify: true,
           observer: '_openedChanged',
           reflectToAttribute: true,
+          sync: true,
         },
 
         /**
@@ -33,6 +34,7 @@ export const OverlayMixin = (superClass) =>
          */
         owner: {
           type: Object,
+          sync: true,
         },
 
         /**
@@ -40,6 +42,7 @@ export const OverlayMixin = (superClass) =>
          */
         model: {
           type: Object,
+          sync: true,
         },
 
         /**
@@ -53,6 +56,7 @@ export const OverlayMixin = (superClass) =>
          */
         renderer: {
           type: Object,
+          sync: true,
         },
 
         /**
@@ -65,6 +69,7 @@ export const OverlayMixin = (superClass) =>
           value: false,
           reflectToAttribute: true,
           observer: '_modelessChanged',
+          sync: true,
         },
 
         /**
@@ -76,6 +81,7 @@ export const OverlayMixin = (superClass) =>
           type: Boolean,
           reflectToAttribute: true,
           observer: '_hiddenChanged',
+          sync: true,
         },
 
         /**
@@ -86,6 +92,7 @@ export const OverlayMixin = (superClass) =>
           type: Boolean,
           value: false,
           reflectToAttribute: true,
+          sync: true,
         },
       };
     }

package/src/vaadin-overlay-stack-mixin.js

@@ -13,13 +13,20 @@ const getAttachedInstances = () =>
     .filter((el) => el instanceof HTMLElement && el._hasOverlayStackMixin && !el.hasAttribute('closing'))
     .sort((a, b) => a.__zIndex - b.__zIndex || 0);
 
+/**
+ * Returns all attached overlay instances excluding notification container,
+ * which only needs to be in the stack for zIndex but not pointer-events.
+ * @private
+ */
+const getOverlayInstances = () => getAttachedInstances().filter((el) => el.$.overlay);
+
 /**
  * Returns true if the overlay is the last one in the opened overlays stack.
  * @param {HTMLElement} overlay
  * @return {boolean}
  * @protected
  */
-export const isLastOverlay = (overlay) => overlay === getAttachedInstances().pop();
+export const isLastOverlay = (overlay) => overlay === getOverlayInstances().pop();
 
 /**
  * @polymerMixin
@@ -68,7 +75,7 @@ export const OverlayStackMixin = (superClass) =>
       }
 
       // Disable pointer events in other attached overlays
-      getAttachedInstances().forEach((el) => {
+      getOverlayInstances().forEach((el) => {
         if (el !== this) {
           el.$.overlay.style.pointerEvents = 'none';
         }
@@ -84,7 +91,7 @@ export const OverlayStackMixin = (superClass) =>
       }
 
       // Restore pointer events in the previous overlay(s)
-      const instances = getAttachedInstances();
+      const instances = getOverlayInstances();
 
       let el;
       // Use instances.pop() to ensure the reverse order