@vaadin/dialog 23.0.0-alpha1 → 23.0.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/dialog",
-  "version": "23.0.0-alpha1",
+  "version": "23.0.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
   },
   "main": "vaadin-dialog.js",
   "module": "vaadin-dialog.js",
+  "type": "module",
   "files": [
     "src",
     "theme",
@@ -33,20 +34,19 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@polymer/iron-resizable-behavior": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-overlay": "23.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha1"
+    "@vaadin/component-base": "23.0.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha5",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha5",
+    "@vaadin/vaadin-overlay": "23.0.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha5"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "23.0.0-alpha1",
+    "@vaadin/polymer-legacy-adapter": "23.0.0-alpha5",
     "@vaadin/testing-helpers": "^0.3.2",
-    "@vaadin/text-area": "23.0.0-alpha1",
+    "@vaadin/text-area": "23.0.0-alpha5",
     "sinon": "^9.2.1"
   },
-  "gitHead": "fbcb07328fdf88260e3b461088d207426b21c710"
+  "gitHead": "74f9294964eb8552d96578c14af6ad214f5257bc"
 }

package/src/vaadin-dialog-draggable-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { Constructor } from '@open-wc/dedupe-mixin';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { isTouch } from '@vaadin/component-base/src/browser-utils.js';
@@ -71,12 +71,14 @@ export const DialogDraggableMixin = (superClass) =>
         const isContentPart = e.target === this.$.overlay.$.content;
 
         const isDraggable = e.composedPath().some((node, index) => {
-          if (node.classList) {
-            const isDraggableNode = node.classList.contains(this.__dragHandleClassName || 'draggable');
-            const isDraggableLeafOnly = node.classList.contains('draggable-leaf-only');
-            const isLeafNode = index === 0;
-            return (isDraggableLeafOnly && isLeafNode) || (isDraggableNode && (!isDraggableLeafOnly || isLeafNode));
+          if (!node.classList) {
+            return false;
           }
+
+          const isDraggableNode = node.classList.contains(this.__dragHandleClassName || 'draggable');
+          const isDraggableLeafOnly = node.classList.contains('draggable-leaf-only');
+          const isLeafNode = index === 0;
+          return (isDraggableLeafOnly && isLeafNode) || (isDraggableNode && (!isDraggableLeafOnly || isLeafNode));
         });
 
         if ((isResizerContainer && !isResizerContainerScrollbar) || isContentPart || isDraggable) {

package/src/vaadin-dialog-resizable-mixin.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { Constructor } from '@open-wc/dedupe-mixin';

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

@@ -1,3 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
 import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 import { eventInWindow, getMouseOrFirstTouchEvent } from './vaadin-dialog-utils.js';
 
@@ -211,10 +216,10 @@ export const DialogResizableMixin = (superClass) =>
               }
               break;
             }
+            default:
+              break;
           }
         });
-
-        this.$.overlay.notifyResize();
       }
     }
 

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 

package/src/vaadin-dialog-utils.js

@@ -1,3 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
 /**
  * Checks if the argument is a touch event and if so, returns a first touch.
  * Otherwise, if the mouse event was passed, returns it as is.

package/src/vaadin-dialog.d.ts

@@ -1,13 +1,19 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { OverlayElement } from '@vaadin/vaadin-overlay/src/vaadin-overlay.js';
 import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
 import { DialogDraggableMixin } from './vaadin-dialog-draggable-mixin.js';
 import { DialogResizableMixin } from './vaadin-dialog-resizable-mixin.js';
 
+/**
+ * An element used internally by `<vaadin-dialog>`. Not intended to be used separately.
+ */
+export class DialogOverlay extends OverlayElement {}
+
 export type DialogRenderer = (root: HTMLElement, dialog?: Dialog) => void;
 
 export type DialogResizableDirection = 'n' | 'e' | 's' | 'w' | 'nw' | 'ne' | 'se' | 'sw';
@@ -159,6 +165,7 @@ declare class Dialog extends ThemePropertyMixin(ElementMixin(DialogDraggableMixi
 declare global {
   interface HTMLElementTagNameMap {
     'vaadin-dialog': Dialog;
+    'vaadin-dialog-overlay': DialogOverlay;
   }
 }
 

package/src/vaadin-dialog.js

@@ -1,10 +1,8 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2017 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
-import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { processTemplates } from '@vaadin/component-base/src/templates.js';
@@ -40,7 +38,7 @@ let memoizedTemplate;
  * @extends OverlayElement
  * @private
  */
-class DialogOverlay extends mixinBehaviors(IronResizableBehavior, OverlayElement) {
+export class DialogOverlay extends OverlayElement {
   static get is() {
     return 'vaadin-dialog-overlay';
   }
@@ -73,7 +71,7 @@ class DialogOverlay extends mixinBehaviors(IronResizableBehavior, OverlayElement
    */
   setBounds(bounds) {
     const overlay = this.$.overlay;
-    const parsedBounds = Object.assign({}, bounds);
+    const parsedBounds = { ...bounds };
 
     if (overlay.style.position !== 'absolute') {
       overlay.style.position = 'absolute';