Merge branch 'dev'

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name         = "home-assistant-frontend"
-version      = "20240603.0"
+version      = "20240604.0"
 license      = {text = "Apache-2.0"}
 description  = "The Home Assistant frontend"
 readme       = "README.md"

src/data/zwave_js.ts

@@ -487,14 +487,14 @@ export const stopZwaveExclusion = (hass: HomeAssistant, entry_id: string) =>
 export const zwaveGrantSecurityClasses = (
   hass: HomeAssistant,
   entry_id: string,
-  security_classes: SecurityClass[],
+  securityClasses: SecurityClass[],
-  client_side_auth?: boolean
+  clientSideAuth?: boolean
 ) =>
   hass.callWS({
     type: "zwave_js/grant_security_classes",
     entry_id,
-    security_classes,
+    securityClasses,
-    client_side_auth,
+    clientSideAuth,
   });
 
 export const zwaveTryParseDskFromQrCode = (

src/panels/config/automation/automation-mode-dialog/dialog-automation-mode.ts

@@ -147,7 +147,7 @@ class DialogAutomationMode extends LitElement implements HassDialog {
                   type="number"
                   name="max"
                   .value=${this._newMax?.toString() ?? ""}
-                  @change=${this._valueChanged}
+                  @input=${this._valueChanged}
                   class="max"
                 >
                 </ha-textfield>

src/panels/lovelace/cards/hui-entity-filter-card.ts

@@ -163,14 +163,12 @@ export class HuiEntityFilterCard
       return false;
     });
 
-    if (
+    if (entitiesList.length === 0 && this._config.show_empty === false) {
-      entitiesList.length === 0 &&
+      if (!this.hidden) {
-      this._config.show_empty === false &&
-      !this.hidden
-    ) {
         this.style.display = "none";
         this.toggleAttribute("hidden", true);
         fireEvent(this, "card-visibility-changed", { value: false });
+      }
       return;
     }
 

src/panels/lovelace/editor/card-editor/hui-dialog-edit-card.ts

@@ -417,6 +417,11 @@ export class HuiDialogEditCard
           --dialog-content-padding: 24px 12px;
         }
 
+        .content {
+          width: calc(90vw - 48px);
+          max-width: 1000px;
+        }
+
         @media all and (max-width: 450px), all and (max-height: 500px) {
           /* overrule the ha-style-dialog max-height on small screens */
           ha-dialog {
@@ -425,16 +430,15 @@ export class HuiDialogEditCard
             --dialog-surface-top: 0px;
             --mdc-dialog-max-width: 100vw;
           }
-        }
-
           .content {
-          width: 1000px;
+            width: 100%;
-          max-width: calc(90vw - 48px);
+            max-width: 100%;
+          }
         }
 
         @media all and (min-width: 451px) and (min-height: 501px) {
           :host([large]) .content {
-            width: calc(90vw - 48px);
+            max-width: none;
           }
         }
 

src/panels/lovelace/hui-root.ts

@@ -513,6 +513,13 @@ class HUIRoot extends LitElement {
     });
   }
 
+  public connectedCallback(): void {
+    super.connectedCallback();
+    window.addEventListener("scroll", this._handleWindowScroll, {
+      passive: true,
+    });
+  }
+
   public disconnectedCallback(): void {
     super.disconnectedCallback();
     window.removeEventListener("scroll", this._handleWindowScroll);