From 5651556412d3f91779c0a89011d1938b2c0ad5f2 Mon Sep 17 00:00:00 2001
From: karwosts <karwosts@gmail.com>
Date: Sun, 22 Dec 2024 09:24:48 -0800
Subject: [PATCH] merge to head and update suggestions

---
 src/components/ha-form/ha-form-multi_select.ts | 16 ++++++++--------
 src/components/ha-md-button-menu.ts            |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/ha-form/ha-form-multi_select.ts b/src/components/ha-form/ha-form-multi_select.ts
index 8d2540b92afa..f09bad520d21 100644
--- a/src/components/ha-form/ha-form-multi_select.ts
+++ b/src/components/ha-form/ha-form-multi_select.ts
@@ -10,8 +10,8 @@ import type { HaCheckbox } from "../ha-checkbox";
 import "../ha-formfield";
 import "../ha-icon-button";
 import "../ha-textfield";
-import "../ha-button-menu-new";
-import "../ha-menu-item";
+import "../ha-md-button-menu";
+import "../ha-md-menu-item";
 
 import type {
   HaFormElement,
@@ -75,7 +75,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
     }
 
     return html`
-      <ha-button-menu-new
+      <ha-md-button-menu
         .disabled=${this.disabled}
         @opening=${this._handleOpen}
         @closing=${this._handleClose}
@@ -101,7 +101,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
         ${options.map((item: string | [string, string]) => {
           const value = optionValue(item);
           const selected = data.includes(value);
-          return html`<ha-menu-item
+          return html`<ha-md-menu-item
             type="option"
             aria-checked=${selected}
             .value=${value}
@@ -117,9 +117,9 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
               .checked=${selected}
             ></ha-checkbox>
             ${optionLabel(item)}
-          </ha-menu-item>`;
+          </ha-md-menu-item>`;
         })}
-      </ha-button-menu-new>
+      </ha-md-button-menu>
     `;
   }
 
@@ -211,7 +211,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
       :host([own-margin]) {
         margin-bottom: 5px;
       }
-      ha-button-menu-new {
+      ha-md-button-menu {
         display: block;
         cursor: pointer;
       }
@@ -240,7 +240,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
       :host([opened]) ha-icon-button {
         color: var(--primary-color);
       }
-      :host([opened]) ha-button-menu-new {
+      :host([opened]) ha-md-button-menu {
         --mdc-text-field-idle-line-color: var(--input-hover-line-color);
         --mdc-text-field-label-ink-color: var(--primary-color);
       }
diff --git a/src/components/ha-md-button-menu.ts b/src/components/ha-md-button-menu.ts
index 95d87945619a..3d4012397fd1 100644
--- a/src/components/ha-md-button-menu.ts
+++ b/src/components/ha-md-button-menu.ts
@@ -50,11 +50,11 @@ export class HaMdButtonMenu extends LitElement {
   }
 
   private _handleOpening(): void {
-    fireEvent(this, "opening", undefined, { bubbles: false });
+    fireEvent(this, "opening", undefined, { composed: false });
   }
 
   private _handleClosing(): void {
-    fireEvent(this, "closing", undefined, { bubbles: false });
+    fireEvent(this, "closing", undefined, { composed: false });
   }
 
   private _handleClick(): void {