@vaadin/context-menu 23.0.8 → 23.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/context-menu",
-  "version": "23.0.8",
+  "version": "23.0.11",
   "publishConfig": {
     "access": "public"
   },
@@ -35,19 +35,19 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^23.0.8",
-    "@vaadin/item": "^23.0.8",
-    "@vaadin/list-box": "^23.0.8",
-    "@vaadin/vaadin-lumo-styles": "^23.0.8",
-    "@vaadin/vaadin-material-styles": "^23.0.8",
-    "@vaadin/vaadin-overlay": "^23.0.8",
-    "@vaadin/vaadin-themable-mixin": "^23.0.8"
+    "@vaadin/component-base": "^23.0.11",
+    "@vaadin/item": "^23.0.11",
+    "@vaadin/list-box": "^23.0.11",
+    "@vaadin/vaadin-lumo-styles": "^23.0.11",
+    "@vaadin/vaadin-material-styles": "^23.0.11",
+    "@vaadin/vaadin-overlay": "^23.0.11",
+    "@vaadin/vaadin-themable-mixin": "^23.0.11"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "^23.0.8",
+    "@vaadin/polymer-legacy-adapter": "^23.0.11",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "43fe9d95c8cd745adc7bef214c0097c47f4f83ed"
+  "gitHead": "10838304fe6f5c98b838ec3a90bdcf49cbf4650b"
 }

package/src/vaadin-context-menu-overlay.js

@@ -28,7 +28,7 @@ registerStyles(
       background-color: #fff;
     }
   `,
-  { moduleId: 'vaadin-context-menu-overlay-styles' }
+  { moduleId: 'vaadin-context-menu-overlay-styles' },
 );
 
 /**
@@ -49,8 +49,8 @@ class ContextMenuOverlay extends PositionMixin(OverlayElement) {
        */
       parentOverlay: {
         type: Object,
-        readOnly: true
-      }
+        readOnly: true,
+      },
     };
   }
 
@@ -102,7 +102,7 @@ class ContextMenuOverlay extends PositionMixin(OverlayElement) {
     return {
       xMax: overlayRect.right - contentRect.width,
       xMin: overlayRect.left + contentRect.width,
-      yMax
+      yMax,
     };
   }
 

package/src/vaadin-context-menu.d.ts

@@ -17,7 +17,7 @@ export interface ContextMenuRendererContext {
 export type ContextMenuRenderer = (
   root: HTMLElement,
   contextMenu?: ContextMenu,
-  context?: ContextMenuRendererContext
+  context?: ContextMenuRendererContext,
 ) => void;
 
 /**
@@ -289,13 +289,13 @@ declare class ContextMenu extends ElementMixin(ThemePropertyMixin(ItemsMixin(HTM
   addEventListener<K extends keyof ContextMenuEventMap>(
     type: K,
     listener: (this: ContextMenu, ev: ContextMenuEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof ContextMenuEventMap>(
     type: K,
     listener: (this: ContextMenu, ev: ContextMenuEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-context-menu.js

@@ -241,7 +241,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
        * of the context menu to listen for `openOn` events.
        */
       selector: {
-        type: String
+        type: String,
       },
 
       /**
@@ -252,7 +252,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
         type: Boolean,
         value: false,
         notify: true,
-        readOnly: true
+        readOnly: true,
       },
 
       /**
@@ -262,7 +262,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
        */
       openOn: {
         type: String,
-        value: 'vaadin-contextmenu'
+        value: 'vaadin-contextmenu',
       },
 
       /**
@@ -276,7 +276,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
         type: Object,
         value: function () {
           return this;
-        }
+        },
       },
 
       /**
@@ -287,7 +287,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
       closeOn: {
         type: String,
         value: 'click',
-        observer: '_closeOnChanged'
+        observer: '_closeOnChanged',
       },
 
       /**
@@ -302,7 +302,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
        * @type {ContextMenuRenderer | undefined}
        */
       renderer: {
-        type: Function
+        type: Function,
       },
 
       /** @private */
@@ -316,25 +316,25 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
 
       /** @private */
       _phone: {
-        type: Boolean
+        type: Boolean,
       },
 
       /** @private */
       _touch: {
         type: Boolean,
-        value: isTouch
+        value: isTouch,
       },
 
       /** @private */
       _wide: {
-        type: Boolean
+        type: Boolean,
       },
 
       /** @private */
       _wideMediaQuery: {
         type: String,
-        value: '(min-device-width: 750px)'
-      }
+        value: '(min-device-width: 750px)',
+      },
     };
   }
 
@@ -343,7 +343,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
       '_openedChanged(opened)',
       '_targetOrOpenOnChanged(listenOn, openOn)',
       '_rendererChanged(renderer, items)',
-      '_touchOrWideChanged(_touch, _wide)'
+      '_touchOrWideChanged(_touch, _wide)',
     ];
   }
 
@@ -377,7 +377,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
     this.addController(
       new MediaQueryController(this._wideMediaQuery, (matches) => {
         this._wide = matches;
-      })
+      }),
     );
 
     processTemplates(this);
@@ -535,7 +535,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
     if (e && !this.opened) {
       this._context = {
         detail: e.detail,
-        target: this._contextTarget(e)
+        target: this._contextTarget(e),
       };
 
       if (this._context.target) {

package/src/vaadin-contextmenu-event.js

@@ -11,13 +11,13 @@ register({
   deps: ['touchstart', 'touchmove', 'touchend', 'contextmenu'],
   flow: {
     start: ['touchstart', 'contextmenu'],
-    end: ['contextmenu']
+    end: ['contextmenu'],
   },
 
   emits: ['vaadin-contextmenu'],
 
   info: {
-    sourceEvent: null
+    sourceEvent: null,
   },
 
   reset: function () {
@@ -38,7 +38,7 @@ register({
     this.info.sourceEvent = e;
     this.info.touchStartCoords = {
       x: e.changedTouches[0].clientX,
-      y: e.changedTouches[0].clientY
+      y: e.changedTouches[0].clientY,
     };
 
     // After timeout event is already retargeted to the parent element in case there is one.
@@ -97,5 +97,5 @@ register({
     if (ev.defaultPrevented && sourceEvent && sourceEvent.preventDefault) {
       sourceEvent.preventDefault();
     }
-  }
+  },
 });

package/src/vaadin-contextmenu-items-mixin.js

@@ -95,7 +95,7 @@ export const ItemsMixin = (superClass) =>
          * ----------------|----------------|----------------
          * `:host` | expanded | Expanded parent item
          */
-        items: Array
+        items: Array,
       };
     }
 
@@ -178,9 +178,9 @@ export const ItemsMixin = (superClass) =>
       itemElement.dispatchEvent(
         new CustomEvent('opensubmenu', {
           detail: {
-            children: itemElement._item.children
-          }
-        })
+            children: itemElement._item.children,
+          },
+        }),
       );
     }
 
@@ -326,7 +326,7 @@ export const ItemsMixin = (superClass) =>
           if ((!isRTL && e.keyCode === 37) || (isRTL && e.keyCode === 39)) {
             menu.close();
             menu.listenOn.focus();
-          } else if (e.keyCode === 27) {
+          } else if (e.key === 'Escape' || e.key === 'Tab') {
             menu.dispatchEvent(new CustomEvent('close-all-menus'));
           }
         });
@@ -334,7 +334,7 @@ export const ItemsMixin = (superClass) =>
         requestAnimationFrame(() => (this.__openListenerActive = true));
         const openSubMenu = (
           e,
-          itemElement = e.composedPath().filter((e) => e.localName === 'vaadin-context-menu-item')[0]
+          itemElement = e.composedPath().filter((e) => e.localName === 'vaadin-context-menu-item')[0],
         ) => {
           // Delay enabling the mouseover listener to avoid it from triggering on parent menu open
           if (!this.__openListenerActive) {

package/theme/lumo/vaadin-context-menu-styles.js

@@ -31,7 +31,7 @@ const contextMenuOverlay = css`
 `;
 
 registerStyles('vaadin-context-menu-overlay', [menuOverlay, contextMenuOverlay], {
-  moduleId: 'lumo-context-menu-overlay'
+  moduleId: 'lumo-context-menu-overlay',
 });
 
 registerStyles(
@@ -84,7 +84,7 @@ registerStyles(
       }
     }
   `,
-  { moduleId: 'lumo-context-menu-list-box' }
+  { moduleId: 'lumo-context-menu-list-box' },
 );
 
 registerStyles(
@@ -124,5 +124,5 @@ registerStyles(
       padding-right: var(--lumo-space-m);
     }
   `,
-  { moduleId: 'lumo-context-menu-item' }
+  { moduleId: 'lumo-context-menu-item' },
 );

package/theme/lumo/vaadin-context-menu.js

@@ -1,4 +1,5 @@
 import './vaadin-context-menu-styles.js';
 import '@vaadin/item/theme/lumo/vaadin-item.js';
 import '@vaadin/list-box/theme/lumo/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/lumo/vaadin-overlay.js';
 import '../../src/vaadin-context-menu.js';

package/theme/material/vaadin-context-menu-styles.js

@@ -12,7 +12,7 @@ const contextMenuOverlay = css`
 `;
 
 registerStyles('vaadin-context-menu-overlay', [menuOverlay, contextMenuOverlay], {
-  moduleId: 'material-context-menu-overlay'
+  moduleId: 'material-context-menu-overlay',
 });
 
 registerStyles(
@@ -44,7 +44,7 @@ registerStyles(
       }
     }
   `,
-  { moduleId: 'material-context-menu-list-box' }
+  { moduleId: 'material-context-menu-list-box' },
 );
 
 registerStyles(
@@ -79,5 +79,5 @@ registerStyles(
       background-color: var(--material-secondary-background-color);
     }
   `,
-  { moduleId: 'material-context-menu-item' }
+  { moduleId: 'material-context-menu-item' },
 );

package/theme/material/vaadin-context-menu.js

@@ -1,4 +1,5 @@
 import './vaadin-context-menu-styles.js';
 import '@vaadin/item/theme/material/vaadin-item.js';
 import '@vaadin/list-box/theme/material/vaadin-list-box.js';
+import '@vaadin/vaadin-overlay/theme/material/vaadin-overlay.js';
 import '../../src/vaadin-context-menu.js';