@vaadin/dialog 25.1.0-alpha6 → 25.1.0-alpha8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/dialog",
-  "version": "25.1.0-alpha6",
+  "version": "25.1.0-alpha8",
   "publishConfig": {
     "access": "public"
   },
@@ -25,6 +25,7 @@
     "src",
     "vaadin-*.d.ts",
     "vaadin-*.js",
+    "custom-elements.json",
     "web-types.json",
     "web-types.lit.json"
   ],
@@ -36,24 +37,25 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/component-base": "25.1.0-alpha6",
-    "@vaadin/lit-renderer": "25.1.0-alpha6",
-    "@vaadin/overlay": "25.1.0-alpha6",
-    "@vaadin/vaadin-themable-mixin": "25.1.0-alpha6",
+    "@vaadin/component-base": "25.1.0-alpha8",
+    "@vaadin/lit-renderer": "25.1.0-alpha8",
+    "@vaadin/overlay": "25.1.0-alpha8",
+    "@vaadin/vaadin-themable-mixin": "25.1.0-alpha8",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/a11y-base": "25.1.0-alpha6",
-    "@vaadin/aura": "25.1.0-alpha6",
-    "@vaadin/chai-plugins": "25.1.0-alpha6",
-    "@vaadin/test-runner-commands": "25.1.0-alpha6",
+    "@vaadin/a11y-base": "25.1.0-alpha8",
+    "@vaadin/aura": "25.1.0-alpha8",
+    "@vaadin/chai-plugins": "25.1.0-alpha8",
+    "@vaadin/test-runner-commands": "25.1.0-alpha8",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.1.0-alpha6",
+    "@vaadin/vaadin-lumo-styles": "25.1.0-alpha8",
     "sinon": "^21.0.0"
   },
+  "customElements": "custom-elements.json",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "da6f4194492cbd77d18c6c1cd8d4d9f072e9ce8d"
+  "gitHead": "810590c9c7682a9326c9352df795b5ea4891a71f"
 }

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

@@ -3,6 +3,7 @@
  * Copyright (c) 2017 - 2026 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
+import { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';
 import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
 import { setOverlayStateAttribute } from '@vaadin/overlay/src/vaadin-overlay-utils.js';
 
@@ -90,6 +91,19 @@ export const DialogOverlayMixin = (superClass) =>
       this.shadowRoot.addEventListener('slotchange', () => {
         this.__updateOverflow();
       });
+
+      // Observe header-content and footer slots for dynamic content
+      const headerSlot = this.shadowRoot.querySelector('slot[name="header-content"]');
+      this.__headerSlotObserver = new SlotObserver(headerSlot, ({ currentNodes }) => {
+        setOverlayStateAttribute(this, 'has-header', currentNodes.length > 0);
+        this.__updateOverflow();
+      });
+
+      const footerSlot = this.shadowRoot.querySelector('slot[name="footer"]');
+      this.__footerSlotObserver = new SlotObserver(footerSlot, ({ currentNodes }) => {
+        setOverlayStateAttribute(this, 'has-footer', currentNodes.length > 0);
+        this.__updateOverflow();
+      });
     }
 
     /** @private */
@@ -132,17 +146,12 @@ export const DialogOverlayMixin = (superClass) =>
       const openedChanged = this._oldOpenedFooterHeader !== opened;
       this._oldOpenedFooterHeader = opened;
 
-      // Set attributes here to update styles before detecting content overflow
-      setOverlayStateAttribute(this, 'has-header', !!headerRenderer);
-      setOverlayStateAttribute(this, 'has-footer', !!footerRenderer);
-
       if (headerRendererChanged) {
         if (headerRenderer) {
           this.headerContainer = this.__initContainer(this.headerContainer, 'header-content');
         } else if (this.headerContainer) {
           this.headerContainer.remove();
           this.headerContainer = null;
-          this.__updateOverflow();
         }
       }
 
@@ -152,7 +161,6 @@ export const DialogOverlayMixin = (superClass) =>
         } else if (this.footerContainer) {
           this.footerContainer.remove();
           this.footerContainer = null;
-          this.__updateOverflow();
         }
       }
 

package/src/vaadin-dialog-overlay.js

@@ -15,7 +15,7 @@ import { DialogOverlayMixin } from './vaadin-dialog-overlay-mixin.js';
 /**
  * An element used internally by `<vaadin-dialog>`. Not intended to be used separately.
  *
- * @customElement
+ * @customElement vaadin-dialog-overlay
  * @extends HTMLElement
  * @mixes DialogOverlayMixin
  * @mixes DirMixin

package/src/vaadin-dialog.js

@@ -95,7 +95,7 @@ export { DialogOverlay } from './vaadin-dialog-overlay.js';
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
  * @fires {CustomEvent} closed - Fired when the dialog is closed.
  *
- * @customElement
+ * @customElement vaadin-dialog
  * @extends HTMLElement
  * @mixes ThemePropertyMixin
  * @mixes ElementMixin

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dialog",
-  "version": "25.1.0-alpha6",
+  "version": "25.1.0-alpha8",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/dialog",
-  "version": "25.1.0-alpha6",
+  "version": "25.1.0-alpha8",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {