@vaadin/context-menu 23.0.6 → 23.1.0-alpha3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/context-menu",
-  "version": "23.0.6",
+  "version": "23.1.0-alpha3",
   "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.6",
-    "@vaadin/item": "^23.0.6",
-    "@vaadin/list-box": "^23.0.6",
-    "@vaadin/vaadin-lumo-styles": "^23.0.6",
-    "@vaadin/vaadin-material-styles": "^23.0.6",
-    "@vaadin/vaadin-overlay": "^23.0.6",
-    "@vaadin/vaadin-themable-mixin": "^23.0.6"
+    "@vaadin/component-base": "23.1.0-alpha3",
+    "@vaadin/item": "23.1.0-alpha3",
+    "@vaadin/list-box": "23.1.0-alpha3",
+    "@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"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/polymer-legacy-adapter": "^23.0.6",
+    "@vaadin/polymer-legacy-adapter": "23.1.0-alpha3",
     "@vaadin/testing-helpers": "^0.3.2",
-    "sinon": "^9.2.1"
+    "sinon": "^13.0.2"
   },
-  "gitHead": "82ca8522e24a63343fb28bcb4c686e55d25c8858"
+  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
 }

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

@@ -55,7 +55,7 @@ class ContextMenuOverlay extends PositionMixin(OverlayElement) {
   }
 
   static get observers() {
-    return ['_themeChanged(theme)'];
+    return ['_themeChanged(_theme)'];
   }
 
   ready() {

package/src/vaadin-context-menu.js

@@ -224,7 +224,7 @@ class ContextMenu extends ControllerMixin(ElementMixin(ThemePropertyMixin(ItemsM
         with-backdrop="[[_phone]]"
         phone$="[[_phone]]"
         model="[[_context]]"
-        theme$="[[theme]]"
+        theme$="[[_theme]]"
       >
       </vaadin-context-menu-overlay>
     `;

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

@@ -166,8 +166,8 @@ export const ItemsMixin = (superClass) =>
       subMenuOverlay._setParentOverlay(parent);
 
       // Set theme attribute from parent element
-      if (parent.theme) {
-        subMenu.setAttribute('theme', parent.theme);
+      if (parent.hasAttribute('theme')) {
+        subMenu.setAttribute('theme', parent.getAttribute('theme'));
       } else {
         subMenu.removeAttribute('theme');
       }
@@ -217,7 +217,7 @@ export const ItemsMixin = (superClass) =>
           component.setAttribute('role', 'separator');
         }
 
-        this._setMenuItemTheme(component, item, this.theme);
+        this._setMenuItemTheme(component, item, this._theme);
 
         component._item = item;
 
@@ -280,7 +280,7 @@ export const ItemsMixin = (superClass) =>
       `;
         flush();
         const listBox = root.querySelector('vaadin-context-menu-list-box');
-        this.theme && listBox.setAttribute('theme', this.theme);
+        this._theme && listBox.setAttribute('theme', this._theme);
         listBox.classList.add('vaadin-menu-list-box');
         requestAnimationFrame(() => listBox.setAttribute('role', 'menu'));
 
@@ -377,8 +377,8 @@ export const ItemsMixin = (superClass) =>
         });
       } else {
         const listBox = root.querySelector('vaadin-context-menu-list-box');
-        if (this.theme) {
-          listBox.setAttribute('theme', this.theme);
+        if (this._theme) {
+          listBox.setAttribute('theme', this._theme);
         } else {
           listBox.removeAttribute('theme');
         }