@vaadin/overlay 25.2.0-alpha8 → 25.2.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/overlay",
-  "version": "25.2.0-alpha8",
+  "version": "25.2.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -34,19 +34,19 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.2.0-alpha8",
-    "@vaadin/component-base": "25.2.0-alpha8",
-    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha8",
+    "@vaadin/a11y-base": "25.2.0-beta1",
+    "@vaadin/component-base": "25.2.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "25.2.0-beta1",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.2.0-alpha8",
-    "@vaadin/chai-plugins": "25.2.0-alpha8",
-    "@vaadin/test-runner-commands": "25.2.0-alpha8",
+    "@vaadin/aura": "25.2.0-beta1",
+    "@vaadin/chai-plugins": "25.2.0-beta1",
+    "@vaadin/test-runner-commands": "25.2.0-beta1",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha8",
+    "@vaadin/vaadin-lumo-styles": "25.2.0-beta1",
     "sinon": "^21.0.2"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "2b82e20cdfc605b1187e9a24ae42869e1500ab68"
+  "gitHead": "471a23f60d1eb725f98a33f62cb9664d9c0a4163"
 }

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

@@ -7,9 +7,6 @@ import { FocusRestorationController } from '@vaadin/a11y-base/src/focus-restorat
 import { FocusTrapController } from '@vaadin/a11y-base/src/focus-trap-controller.js';
 import { getDeepActiveElement, isElementHidden, isKeyboardActive } from '@vaadin/a11y-base/src/focus-utils.js';
 
-/**
- * @polymerMixin
- */
 export const OverlayFocusMixin = (superClass) =>
   class OverlayFocusMixin extends superClass {
     static get properties() {

package/src/vaadin-overlay-mixin.js

@@ -8,11 +8,6 @@ import { OverlayFocusMixin } from './vaadin-overlay-focus-mixin.js';
 import { OverlayStackMixin } from './vaadin-overlay-stack-mixin.js';
 import { setOverlayStateAttribute } from './vaadin-overlay-utils.js';
 
-/**
- * @polymerMixin
- * @mixes OverlayFocusMixin
- * @mixes OverlayStackMixin
- */
 export const OverlayMixin = (superClass) =>
   class OverlayMixin extends OverlayFocusMixin(OverlayStackMixin(superClass)) {
     static get properties() {

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

@@ -26,9 +26,6 @@ const targetResizeObserver = new ResizeObserver((entries) => {
   });
 });
 
-/**
- * @polymerMixin
- */
 export const PositionMixin = (superClass) =>
   class PositionMixin extends superClass {
     static get properties() {
@@ -145,6 +142,12 @@ export const PositionMixin = (superClass) =>
       if (props.has('positionTarget')) {
         const oldTarget = props.get('positionTarget');
 
+        // Invalidate the cached content size so the next `_updatePosition` call
+        // measures the overlay against the new target instead of carrying over
+        // a larger size from the previous one.
+        this.__oldContentWidth = undefined;
+        this.__oldContentHeight = undefined;
+
         // 1. When position target is removed, always reset position settings
         // 2. When position target is set, reset if overlay was opened before
         if ((!this.positionTarget && oldTarget) || (this.positionTarget && !oldTarget && !!this.__margins)) {

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

@@ -43,9 +43,6 @@ export const isLastOverlay = (overlay, filter = (_overlay) => true) => {
   return overlay === filteredOverlays.pop();
 };
 
-/**
- * @polymerMixin
- */
 export const OverlayStackMixin = (superClass) =>
   class OverlayStackMixin extends superClass {
     /**

package/src/vaadin-overlay-utils.js

@@ -22,7 +22,7 @@ export function observeMove(element, callback) {
 
   function cleanup() {
     timeout && clearTimeout(timeout);
-    io && io.disconnect();
+    io?.disconnect();
     io = null;
   }
 

package/src/vaadin-overlay.js

@@ -73,9 +73,6 @@ import { OverlayMixin } from './vaadin-overlay-mixin.js';
  *
  * @customElement vaadin-overlay
  * @extends HTMLElement
- * @mixes ThemableMixin
- * @mixes DirMixin
- * @mixes OverlayMixin
  */
 class Overlay extends OverlayMixin(DirMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement))))) {
   static get is() {
@@ -97,40 +94,6 @@ class Overlay extends OverlayMixin(DirMixin(ThemableMixin(PolylitMixin(LumoInjec
       </div>
     `;
   }
-
-  /**
-   * @event vaadin-overlay-open
-   * Fired after the overlay is opened.
-   */
-
-  /**
-   * @event vaadin-overlay-close
-   * Fired when the opened overlay is about to be closed.
-   * Calling `preventDefault()` on the event cancels the closing.
-   */
-
-  /**
-   * @event vaadin-overlay-closing
-   * Fired when the overlay starts to close.
-   * Closing the overlay can be asynchronous depending on the animation.
-   */
-
-  /**
-   * @event vaadin-overlay-closed
-   * Fired after the overlay is closed.
-   */
-
-  /**
-   * @event vaadin-overlay-escape-press
-   * Fired before the overlay is closed on Escape key press.
-   * Calling `preventDefault()` on the event cancels the closing.
-   */
-
-  /**
-   * @event vaadin-overlay-outside-click
-   * Fired before the overlay is closed on outside click.
-   * Calling `preventDefault()` on the event cancels the closing.
-   */
 }
 
 defineCustomElement(Overlay);