${option.label}
@@ -99,6 +101,7 @@ export class HaSelectBox extends LitElement {
}
private _radioChanged(ev: CustomEvent) {
+ ev.stopPropagation();
const radio = ev.currentTarget as HaRadio;
const value = radio.value;
if (this.disabled || value === undefined || value === (this.value ?? "")) {
From 92681e70366118283ecfe79bad6a0ded86a7274e Mon Sep 17 00:00:00 2001
From: Paul Bottein
Date: Thu, 27 Feb 2025 12:09:12 +0100
Subject: [PATCH 09/38] Fix header hidden when no badges (#24423)
---
src/panels/lovelace/views/hui-view-header.ts | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/panels/lovelace/views/hui-view-header.ts b/src/panels/lovelace/views/hui-view-header.ts
index 469270d0d9..278e17f4bd 100644
--- a/src/panels/lovelace/views/hui-view-header.ts
+++ b/src/panels/lovelace/views/hui-view-header.ts
@@ -81,6 +81,7 @@ export class HuiViewHeader extends LitElement {
} else {
this.card = undefined;
}
+ this._checkHidden();
return;
}
From 7833a680a9530e83e3baf5591ee48271c7435a2f Mon Sep 17 00:00:00 2001
From: Paul Bottein
Date: Thu, 27 Feb 2025 15:35:12 +0100
Subject: [PATCH 10/38] Use switch and add support for light, fan and valve
(#24426)
* Use switch and add support for light and fan
* Add icon per domains
---
.../more-info/controls/more-info-light.ts | 6 +-
.../common/card-feature-styles.ts | 8 +
.../card-features/hui-toggle-card-feature.ts | 186 +++++++++++++-----
3 files changed, 144 insertions(+), 56 deletions(-)
diff --git a/src/dialogs/more-info/controls/more-info-light.ts b/src/dialogs/more-info/controls/more-info-light.ts
index 30b3fa1d4f..9d81cfdc01 100644
--- a/src/dialogs/more-info/controls/more-info-light.ts
+++ b/src/dialogs/more-info/controls/more-info-light.ts
@@ -3,8 +3,8 @@ import {
mdiBrightness6,
mdiCreation,
mdiFileWordBox,
- mdiLightbulb,
mdiLightbulbOff,
+ mdiLightbulbOn,
mdiPower,
} from "@mdi/js";
import type { CSSResultGroup, PropertyValues } from "lit";
@@ -12,8 +12,8 @@ import { LitElement, css, html, nothing } from "lit";
import { customElement, property, state } from "lit/decorators";
import { stopPropagation } from "../../../common/dom/stop_propagation";
import { supportsFeature } from "../../../common/entity/supports-feature";
-import "../../../components/ha-attributes";
import "../../../components/ha-attribute-icon";
+import "../../../components/ha-attributes";
import "../../../components/ha-control-select-menu";
import "../../../components/ha-icon-button-group";
import "../../../components/ha-icon-button-toggle";
@@ -121,7 +121,7 @@ class MoreInfoLight extends LitElement {
= {
+ siren: {
+ on: mdiVolumeHigh,
+ off: mdiVolumeOff,
+ },
+ light: {
+ on: mdiLightbulbOn,
+ off: mdiLightbulbOff,
+ },
+ fan: {
+ on: mdiFan,
+ off: mdiFanOff,
+ },
};
@customElement("hui-toggle-card-feature")
@@ -41,67 +68,120 @@ class HuiToggleCardFeature extends LitElement implements LovelaceCardFeature {
this._config = config;
}
- protected render(): TemplateResult | null {
+ private _valueChanged(ev) {
+ const checked = ev.target.checked as boolean;
+
+ if (checked) {
+ this._turnOn();
+ } else {
+ this._turnOff();
+ }
+ }
+
+ private _turnOn() {
+ this._callService(true);
+ }
+
+ private _turnOff() {
+ this._callService(false);
+ }
+
+ private async _callService(turnOn): Promise {
+ if (!this.hass || !this.stateObj) {
+ return;
+ }
+ forwardHaptic("light");
+ const stateDomain = computeDomain(this.stateObj.entity_id);
+ const serviceDomain = stateDomain;
+ const service = turnOn ? "turn_on" : "turn_off";
+
+ await this.hass.callService(serviceDomain, service, {
+ entity_id: this.stateObj.entity_id,
+ });
+ }
+
+ protected render() {
if (
!this._config ||
!this.hass ||
!this.stateObj ||
!supportsToggleCardFeature(this.stateObj)
) {
- return null;
+ return nothing;
}
- const color = stateColorCss(this.stateObj);
+ const onColor = "var(--feature-color)";
+ const offColor = stateColorCss(this.stateObj, "off");
- const options = ["off", "on"].map((entityState) => ({
- value: entityState,
- label: this.hass!.formatEntityState(this.stateObj!, entityState),
- path: entityState === "on" ? mdiPower : mdiPowerOff,
- }));
+ const isOn = this.stateObj.state === "on";
+ const isOff = this.stateObj.state === "off";
+
+ const domain = computeDomain(this.stateObj.entity_id);
+ const onIcon = DOMAIN_ICONS[domain]?.on || mdiPower;
+ const offIcon = DOMAIN_ICONS[domain]?.off || mdiPowerOff;
+
+ if (
+ this.stateObj.attributes.assumed_state ||
+ this.stateObj.state === UNKNOWN
+ ) {
+ return html`
+
+
+
+
+
+
+ `;
+ }
return html`
-
-
+
`;
}
- private async _valueChanged(ev: CustomEvent) {
- const newState = (ev.detail as any).value;
-
- if (
- newState === this.stateObj!.state &&
- !this.stateObj!.attributes.assumed_state
- )
- return;
- const service = newState === "on" ? "turn_on" : "turn_off";
- const domain = computeDomain(this.stateObj!.entity_id);
-
- try {
- await this.hass!.callService(domain, service, {
- entity_id: this.stateObj!.entity_id,
- });
- } catch (_err) {
- showToast(this, {
- message: this.hass!.localize("ui.notification_toast.action_failed", {
- service: domain + "." + service,
- }),
- duration: 5000,
- dismissable: true,
- });
- }
+ static get styles() {
+ return [
+ cardFeatureStyles,
+ css`
+ ha-control-button.active {
+ --control-button-icon-color: white;
+ --control-button-background-color: var(--color);
+ --control-button-background-opacity: 1;
+ }
+ `,
+ ];
}
-
- static styles = cardFeatureStyles;
}
declare global {
From 5caa47acc1f0be504d396a3d807fffa2ef627ee6 Mon Sep 17 00:00:00 2001
From: Bram Kragten
Date: Thu, 27 Feb 2025 15:45:32 +0100
Subject: [PATCH 11/38] Bumped version to 20250227.0
---
pyproject.toml | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/pyproject.toml b/pyproject.toml
index 9c07e59516..bf88ad41f7 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
[project]
name = "home-assistant-frontend"
-version = "20250226.0"
+version = "20250227.0"
license = {text = "Apache-2.0"}
description = "The Home Assistant frontend"
readme = "README.md"
From 52b199c92b55cc4468c70e423e183b9a8e36c0cf Mon Sep 17 00:00:00 2001
From: Bram Kragten
Date: Thu, 27 Feb 2025 16:15:42 +0100
Subject: [PATCH 12/38] Don't show no config flow message when source = system
(#24425)
dont show no config flow message when source = system
---
src/panels/config/integrations/ha-integration-card.ts | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index c3125dcc02..9ac636c354 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -186,7 +186,9 @@ export class HaIntegrationCard extends LitElement {
`
: nothing}
- ${this.manifest && !this.manifest?.config_flow
+ ${this.manifest &&
+ !this.manifest?.config_flow &&
+ !this.items.every((itm) => itm.source === "system")
? html`+ ${this.hass.localize("ui.panel.config.bluetooth.service_uuids")} +
+| ${uuid} |