@vaadin/menu-bar 22.0.0-rc1 → 23.0.0-alpha2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/menu-bar",
-  "version": "22.0.0-rc1",
+  "version": "23.0.0-alpha2",
   "publishConfig": {
     "access": "public"
   },
@@ -33,20 +33,19 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@polymer/iron-resizable-behavior": "^3.0.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "22.0.0-rc1",
-    "@vaadin/component-base": "22.0.0-rc1",
-    "@vaadin/vaadin-context-menu": "22.0.0-rc1",
-    "@vaadin/vaadin-lumo-styles": "22.0.0-rc1",
-    "@vaadin/vaadin-material-styles": "22.0.0-rc1",
-    "@vaadin/vaadin-themable-mixin": "22.0.0-rc1"
+    "@vaadin/button": "23.0.0-alpha2",
+    "@vaadin/component-base": "23.0.0-alpha2",
+    "@vaadin/vaadin-context-menu": "23.0.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha2",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/icon": "22.0.0-rc1",
+    "@vaadin/icon": "23.0.0-alpha2",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "7b6f44bcd2c0fd415028ace666feeb0fedb1d540"
+  "gitHead": "070f586dead02ca41b66717820c647f48bf1665f"
 }

package/src/vaadin-menu-bar-buttons-mixin.js

@@ -3,8 +3,6 @@
  * Copyright (c) 2021 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 { animationFrame } from '@vaadin/component-base/src/async.js';
 import { Debouncer } from '@vaadin/component-base/src/debounce.js';
 
@@ -12,7 +10,7 @@ import { Debouncer } from '@vaadin/component-base/src/debounce.js';
  * @polymerMixin
  */
 export const ButtonsMixin = (superClass) =>
-  class extends mixinBehaviors(IronResizableBehavior, superClass) {
+  class extends superClass {
     static get properties() {
       return {
         /**
@@ -30,17 +28,14 @@ export const ButtonsMixin = (superClass) =>
       return ['_menuItemsChanged(items, items.splices)'];
     }
 
-    constructor() {
-      super();
-
-      this.__boundOnResize = this.__onResize.bind(this);
-    }
-
     /** @protected */
     ready() {
       super.ready();
 
       this.setAttribute('role', 'menubar');
+
+      this.__resizeObserver = new ResizeObserver(() => this.__onResize());
+      this.__resizeObserver.observe(this);
     }
 
     /** @protected */
@@ -48,14 +43,6 @@ export const ButtonsMixin = (superClass) =>
       super.connectedCallback();
 
       this._initButtonAttrs(this._overflow);
-      this.addEventListener('iron-resize', this.__boundOnResize);
-    }
-
-    /** @protected */
-    disconnectedCallback() {
-      super.disconnectedCallback();
-
-      this.removeEventListener('iron-resize', this.__boundOnResize);
     }
 
     /**
@@ -181,7 +168,7 @@ export const ButtonsMixin = (superClass) =>
       const button = document.createElement('vaadin-menu-bar-button');
       button.setAttribute('part', 'menu-bar-button');
 
-      const itemCopy = Object.assign({}, item);
+      const itemCopy = { ...item };
       button.item = itemCopy;
 
       if (item.component) {

package/src/vaadin-menu-bar-interactions-mixin.d.ts

@@ -17,8 +17,8 @@ export declare class InteractionsMixinClass {
   openOnHover: boolean | null | undefined;
 
   /**
-   * Can be called to manually notify a resizable and its descendant
-   * resizables of a resize change.
+   * @deprecated Since Vaadin 23, `notifyResize()` is deprecated. The component uses a
+   * ResizeObserver internally and doesn't need to be explicitly notified of resizes.
    */
   notifyResize(): void;
 }

package/src/vaadin-menu-bar-interactions-mixin.js

@@ -408,4 +408,14 @@ export const InteractionsMixin = (superClass) =>
       this.__deactivateButton(restoreFocus);
       this._subMenu.opened && this._subMenu.close();
     }
+
+    /**
+     * @deprecated Since Vaadin 23, `notifyResize()` is deprecated. The component uses a
+     * ResizeObserver internally and doesn't need to be explicitly notified of resizes.
+     */
+    notifyResize() {
+      console.warn(
+        `WARNING: Since Vaadin 23, notifyResize() is deprecated. The component uses a ResizeObserver internally and doesn't need to be explicitly notified of resizes.`
+      );
+    }
   };

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

@@ -20,6 +20,7 @@ export interface SubMenuItem {
   text?: string;
   component?: string | HTMLElement;
   disabled?: boolean;
+  theme?: string | string[];
   checked?: boolean;
   children?: SubMenuItem[];
 }