@vaadin/menu-bar 23.0.9 → 23.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/menu-bar",
-  "version": "23.0.9",
+  "version": "23.0.12",
   "publishConfig": {
     "access": "public"
   },
@@ -35,18 +35,18 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "^23.0.9",
-    "@vaadin/component-base": "^23.0.9",
-    "@vaadin/vaadin-context-menu": "^23.0.9",
-    "@vaadin/vaadin-lumo-styles": "^23.0.9",
-    "@vaadin/vaadin-material-styles": "^23.0.9",
-    "@vaadin/vaadin-themable-mixin": "^23.0.9"
+    "@vaadin/button": "^23.0.12",
+    "@vaadin/component-base": "^23.0.12",
+    "@vaadin/vaadin-context-menu": "^23.0.12",
+    "@vaadin/vaadin-lumo-styles": "^23.0.12",
+    "@vaadin/vaadin-material-styles": "^23.0.12",
+    "@vaadin/vaadin-themable-mixin": "^23.0.12"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/icon": "^23.0.9",
+    "@vaadin/icon": "^23.0.12",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "4d687bdd48ba78d55f3371a78b70818e4dfca1a3"
+  "gitHead": "717908c222c1e241259e30b4144cd5ba32734819"
 }

package/src/vaadin-menu-bar-button.js

@@ -14,7 +14,7 @@ registerStyles(
       z-index: 1;
     }
   `,
-  { moduleId: 'vaadin-menu-bar-button-styles' }
+  { moduleId: 'vaadin-menu-bar-button-styles' },
 );
 
 /**

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

@@ -7,7 +7,7 @@ import { Constructor } from '@open-wc/dedupe-mixin';
 import { ResizeMixinClass } from '@vaadin/component-base/src/resize-mixin.js';
 
 export declare function ButtonsMixin<T extends Constructor<HTMLElement>>(
-  base: T
+  base: T,
 ): T & Constructor<ButtonsMixinClass> & Constructor<ResizeMixinClass>;
 
 export declare class ButtonsMixinClass {

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

@@ -19,8 +19,8 @@ export const ButtonsMixin = (superClass) =>
          */
         _hasOverflow: {
           type: Boolean,
-          value: false
-        }
+          value: false,
+        },
       };
     }
 

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

@@ -6,7 +6,7 @@
 import { Constructor } from '@open-wc/dedupe-mixin';
 
 export declare function InteractionsMixin<T extends Constructor<HTMLElement>>(
-  base: T
+  base: T,
 ): T & Constructor<InteractionsMixinClass>;
 
 export declare class InteractionsMixinClass {

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

@@ -16,8 +16,8 @@ export const InteractionsMixin = (superClass) =>
          * @attr {boolean} open-on-hover
          */
         openOnHover: {
-          type: Boolean
-        }
+          type: Boolean,
+        },
       };
     }
 
@@ -324,9 +324,9 @@ export const InteractionsMixin = (superClass) =>
         button.dispatchEvent(
           new CustomEvent('opensubmenu', {
             detail: {
-              children: items
-            }
-          })
+              children: items,
+            },
+          }),
         );
 
         this._setExpanded(button, true);

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

@@ -68,6 +68,12 @@ export interface MenuBarEventMap extends HTMLElementEventMap, MenuBarCustomEvent
  * `menu-bar-button` | The menu bar button.
  * `overflow-button` | The "overflow" button appearing when menu bar width is not enough to fit all the buttons.
  *
+ * The following state attributes are available for styling:
+ *
+ * Attribute           | Description
+ * --------------------|----------------------------------
+ * `disabled`          | Set when the menu bar is disabled
+ *
  * See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
  *
  * ### Internal components
@@ -138,13 +144,13 @@ declare class MenuBar extends ButtonsMixin(DisabledMixin(InteractionsMixin(Eleme
   addEventListener<K extends keyof MenuBarEventMap>(
     type: K,
     listener: (this: MenuBar, ev: MenuBarEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof MenuBarEventMap>(
     type: K,
     listener: (this: MenuBar, ev: MenuBarEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-menu-bar.js

@@ -39,6 +39,12 @@ import { InteractionsMixin } from './vaadin-menu-bar-interactions-mixin.js';
  * `menu-bar-button` | The menu bar button.
  * `overflow-button` | The "overflow" button appearing when menu bar width is not enough to fit all the buttons.
  *
+ * The following state attributes are available for styling:
+ *
+ * Attribute           | Description
+ * --------------------|----------------------------------
+ * `disabled`          | Set when the menu bar is disabled
+ *
  * See [Styling Components](https://vaadin.com/docs/latest/ds/customization/styling-components) documentation.
  *
  * ### Internal components
@@ -56,6 +62,7 @@ import { InteractionsMixin } from './vaadin-menu-bar-interactions-mixin.js';
  * @extends HTMLElement
  * @mixes ButtonsMixin
  * @mixes InteractionsMixin
+ * @mixes DisabledMixin
  * @mixes ElementMixin
  * @mixes ThemableMixin
  */
@@ -164,7 +171,7 @@ class MenuBar extends ButtonsMixin(DisabledMixin(InteractionsMixin(ElementMixin(
        */
       items: {
         type: Array,
-        value: () => []
+        value: () => [],
       },
 
       /**
@@ -194,10 +201,10 @@ class MenuBar extends ButtonsMixin(DisabledMixin(InteractionsMixin(ElementMixin(
         type: Object,
         value: () => {
           return {
-            moreOptions: 'More options'
+            moreOptions: 'More options',
           };
-        }
-      }
+        },
+      },
     };
   }
 

package/theme/lumo/vaadin-menu-bar-button-styles.js

@@ -98,5 +98,5 @@ const menuBarButton = css`
 `;
 
 registerStyles('vaadin-menu-bar-button', [button, menuBarButton], {
-  moduleId: 'lumo-menu-bar-button'
+  moduleId: 'lumo-menu-bar-button',
 });

package/theme/lumo/vaadin-menu-bar-item-styles.js

@@ -25,5 +25,5 @@ registerStyles(
       box-sizing: border-box !important;
     }
   `,
-  { moduleId: 'lumo-menu-bar-item' }
+  { moduleId: 'lumo-menu-bar-item' },
 );

package/theme/lumo/vaadin-menu-bar-overlay-styles.js

@@ -7,5 +7,5 @@ registerStyles(
       padding-top: var(--lumo-space-xs);
     }
   `,
-  { moduleId: 'lumo-menu-bar-overlay' }
+  { moduleId: 'lumo-menu-bar-overlay' },
 );

package/theme/material/vaadin-menu-bar-button-styles.js

@@ -107,5 +107,5 @@ const menuBarButton = css`
 `;
 
 registerStyles('vaadin-menu-bar-button', [button, menuBarButton], {
-  moduleId: 'material-menu-bar-button'
+  moduleId: 'material-menu-bar-button',
 });

package/theme/material/vaadin-menu-bar-item-styles.js

@@ -20,5 +20,5 @@ registerStyles(
       box-sizing: border-box !important;
     }
   `,
-  { moduleId: 'material-menu-bar-item' }
+  { moduleId: 'material-menu-bar-item' },
 );

package/theme/material/vaadin-menu-bar-overlay-styles.js

@@ -7,5 +7,5 @@ registerStyles(
       padding-top: 5px;
     }
   `,
-  { moduleId: 'material-menu-bar-overlay' }
+  { moduleId: 'material-menu-bar-overlay' },
 );

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

@@ -8,5 +8,5 @@ registerStyles(
       padding-bottom: 5px;
     }
   `,
-  { moduleId: 'material-menu-bar' }
+  { moduleId: 'material-menu-bar' },
 );