@vaadin/confirm-dialog 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@vaadin/confirm-dialog",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
   "description": "vaadin-confirm-dialog",
   "license": "https://raw.githubusercontent.com/vaadin/web-components/master/packages/confirm-dialog/LICENSE",
+  "cvdlName": "vaadin-confirm-dialog",
   "repository": {
     "type": "git",
     "url": "https://github.com/vaadin/web-components.git",
@@ -34,19 +35,19 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "23.1.0-alpha3",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/dialog": "23.1.0-alpha3",
+    "@vaadin/button": "23.1.0-beta2",
+    "@vaadin/component-base": "23.1.0-beta2",
+    "@vaadin/dialog": "23.1.0-beta2",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-overlay": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-overlay": "23.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "f11f9245a0b5e6bf912725a501c27c24b74e7c8d"
 }

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

@@ -20,17 +20,12 @@ registerStyles(
       height: var(--_vaadin-confirm-dialog-content-height);
     }
 
-    /* Override display: contents */
-    :host([has-header]) ::slotted([slot='header']) {
-      display: block;
-    }
-
     /* Make buttons clickable */
     [part='footer'] > * {
       pointer-events: all;
     }
   `,
-  { moduleId: 'vaadin-confirm-dialog-overlay-styles' }
+  { moduleId: 'vaadin-confirm-dialog-overlay-styles' },
 );
 
 let memoizedTemplate;

package/src/vaadin-confirm-dialog.d.ts

@@ -149,13 +149,13 @@ declare class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(HT
   addEventListener<K extends keyof ConfirmDialogEventMap>(
     type: K,
     listener: (this: ConfirmDialog, ev: ConfirmDialogEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof ConfirmDialogEventMap>(
     type: K,
     listener: (this: ConfirmDialog, ev: ConfirmDialogEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-confirm-dialog.js

@@ -97,6 +97,10 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
     return 'vaadin-confirm-dialog';
   }
 
+  static get cvdlName() {
+    return 'vaadin-confirm-dialog';
+  }
+
   static get properties() {
     return {
       /**
@@ -106,7 +110,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
       opened: {
         type: Boolean,
         value: false,
-        notify: true
+        notify: true,
       },
 
       /**
@@ -115,7 +119,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       header: {
         type: String,
-        value: ''
+        value: '',
       },
 
       /**
@@ -123,7 +127,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       message: {
         type: String,
-        value: ''
+        value: '',
       },
 
       /**
@@ -134,7 +138,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       confirmText: {
         type: String,
-        value: 'Confirm'
+        value: 'Confirm',
       },
 
       /**
@@ -145,7 +149,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       confirmTheme: {
         type: String,
-        value: 'primary'
+        value: 'primary',
       },
 
       /**
@@ -155,7 +159,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       noCloseOnEsc: {
         type: Boolean,
-        value: false
+        value: false,
       },
 
       /**
@@ -165,7 +169,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
       reject: {
         type: Boolean,
         reflectToAttribute: true,
-        value: false
+        value: false,
       },
 
       /**
@@ -176,7 +180,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       rejectText: {
         type: String,
-        value: 'Reject'
+        value: 'Reject',
       },
 
       /**
@@ -187,7 +191,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       rejectTheme: {
         type: String,
-        value: 'error tertiary'
+        value: 'error tertiary',
       },
 
       /**
@@ -197,7 +201,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
       cancel: {
         type: Boolean,
         reflectToAttribute: true,
-        value: false
+        value: false,
       },
 
       /**
@@ -208,7 +212,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       cancelText: {
         type: String,
-        value: 'Cancel'
+        value: 'Cancel',
       },
 
       /**
@@ -219,7 +223,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       cancelTheme: {
         type: String,
-        value: 'tertiary'
+        value: 'tertiary',
       },
 
       /**
@@ -228,7 +232,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       _cancelButton: {
         type: HTMLElement,
-        observer: '_cancelButtonChanged'
+        observer: '_cancelButtonChanged',
       },
 
       /**
@@ -237,7 +241,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       _confirmButton: {
         type: HTMLElement,
-        observer: '_confirmButtonChanged'
+        observer: '_confirmButtonChanged',
       },
 
       /**
@@ -245,7 +249,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        * @private
        */
       _headerNode: {
-        type: HTMLElement
+        type: HTMLElement,
       },
 
       /**
@@ -253,7 +257,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        * @private
        */
       _messageNode: {
-        type: HTMLElement
+        type: HTMLElement,
       },
 
       /**
@@ -262,8 +266,8 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
        */
       _rejectButton: {
         type: HTMLElement,
-        observer: '_rejectButtonChanged'
-      }
+        observer: '_rejectButtonChanged',
+      },
     };
   }
 
@@ -285,7 +289,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
       '__updateCancelButton(_cancelButton, cancelText, cancelTheme, cancel)',
       '__updateHeaderNode(_headerNode, header)',
       '__updateMessageNode(_messageNode, message)',
-      '__updateRejectButton(_rejectButton, rejectText, rejectTheme, reject)'
+      '__updateRejectButton(_rejectButton, rejectText, rejectTheme, reject)',
     ];
   }
 
@@ -322,7 +326,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
         const button = document.createElement('vaadin-button');
         button._isDefaultButton = true;
         return button;
-      }
+      },
     };
   }
 
@@ -389,7 +393,7 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
     addedNodes.forEach((node) => {
       this.__slottedNodes.push(node);
 
-      const isElementNode = node.nodeType == Node.ELEMENT_NODE;
+      const isElementNode = node.nodeType === Node.ELEMENT_NODE;
       const slotName = isElementNode ? node.getAttribute('slot') : '';
 
       // Handle named slots (header and buttons).
@@ -397,11 +401,11 @@ class ConfirmDialog extends SlotMixin(ElementMixin(ThemePropertyMixin(PolymerEle
         if (slotName.indexOf('button') >= 0) {
           const [button] = slotName.split('-');
           this[`_${button}Button`] = node;
-        } else if (slotName == 'header') {
+        } else if (slotName === 'header') {
           this._headerNode = node;
         }
       } else {
-        const isNotEmptyText = node.nodeType == Node.TEXT_NODE && node.textContent.trim() !== '';
+        const isNotEmptyText = node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '';
         // Handle default slot (message element).
         if (isNotEmptyText || (isElementNode && node.slot === '')) {
           this._messageNode = node;

package/theme/lumo/vaadin-confirm-dialog-styles.js

@@ -5,7 +5,7 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themab
 registerStyles(
   'vaadin-confirm-dialog-overlay',
   css`
-    :host([has-header]) [part='header'] ::slotted(h3) {
+    [part='header'] ::slotted(h3) {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
       margin-inline-start: calc(var(--lumo-space-l) - var(--lumo-space-m));
@@ -27,7 +27,7 @@ registerStyles(
     }
 
     @media (max-width: 360px) {
-      :host([has-footer]) [part='footer'] {
+      [part='footer'] {
         flex-direction: column-reverse;
         align-items: stretch;
         padding: var(--lumo-space-s) var(--lumo-space-l);
@@ -40,5 +40,5 @@ registerStyles(
       }
     }
   `,
-  { moduleId: 'lumo-confirm-dialog-overlay' }
+  { moduleId: 'lumo-confirm-dialog-overlay' },
 );

package/theme/material/vaadin-confirm-dialog-styles.js

@@ -31,5 +31,5 @@ registerStyles(
       }
     }
   `,
-  { moduleId: 'material-confirm-dialog-overlay' }
+  { moduleId: 'material-confirm-dialog-overlay' },
 );