@api-client/ui 0.5.45 → 0.5.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.5.45",
+  "version": "0.5.46",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",

package/src/md/menu/internal/Menu.ts

@@ -30,6 +30,17 @@ export default class Menu extends UiList {
    */
   @property({ type: Boolean, reflect: true }) accessor disabled = false
 
+  /**
+   * Whether to select menu items when they are activated.
+   * When true, clicking or pressing Enter/Space on a menu item will mark it as selected.
+   * When false (default), menu items will not be marked as selected when activated.
+   *
+   * Note, this is different than `selectActive` as this property controls the class names
+   * set on the menu item.
+   * @attribute
+   */
+  @property({ type: Boolean }) accessor selectOnActivate = false
+
   /**
    * Currently active sub-menu
    */
@@ -241,9 +252,11 @@ export default class Menu extends UiList {
   }
 
   override notifySelect(item: UiListItem & { selected?: boolean }, index?: number): boolean {
-    // Handle single selection
-    this.clearSelection()
-    item.selected = true
+    // Only handle selection if selectOnActivate is enabled
+    if (this.selectOnActivate) {
+      this.clearSelection()
+      item.selected = true
+    }
     this.hide()
     return super.notifySelect(item, index)
   }

package/src/md/menu/internal/MenuItem.styles.ts

@@ -82,6 +82,5 @@ export default css`
     fill: var(--md-sys-color-on-surface-variant);
     width: 24px;
     height: 24px;
-    margin-right: 8px;
   }
 `

package/src/md/menu/ui-menu.ts

@@ -5,14 +5,6 @@ import styles from './internal/Menu.styles.js'
 
 /**
  * Material Design 3 Menu component with sub-menu support.
- *
- * @element ui-menu
- * @attribute {boolean} open - Whether the menu is currently open
- * @attribute {boolean} anchored - Whether the menu should be positioned relative to an anchor element
- * @attribute {boolean} disabled - Whether the menu is disabled
- * @fires select - Dispatched when a menu item is selected
- * @fires close - Dispatched when the menu is closed
- * @fires open - Dispatched when the menu is opened
  */
 @customElement('ui-menu')
 export class UiMenuElement extends Element {