From 5faf7cf0af576530493b2b27129bec8c8aa94e1a Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Wed, 14 Dec 2022 11:35:41 +0100
Subject: [PATCH] Add pulse animation for jammed state for lock (#14766)

---
 src/common/style/icon_color_css.ts           | 7 ++++---
 src/components/entity/state-badge.ts         | 2 --
 src/panels/lovelace/cards/hui-button-card.ts | 1 -
 src/panels/lovelace/cards/hui-entity-card.ts | 1 -
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/common/style/icon_color_css.ts b/src/common/style/icon_color_css.ts
index fef56682b5..2b717c13cc 100644
--- a/src/common/style/icon_color_css.ts
+++ b/src/common/style/icon_color_css.ts
@@ -1,9 +1,10 @@
 import { css } from "lit";
 
 export const iconColorCSS = css`
-  ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="pending"],
-  ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="arming"],
-  ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="triggered"] {
+  ha-state-icon[data-domain="alarm_control_panel"][data-state="pending"],
+  ha-state-icon[data-domain="alarm_control_panel"][data-state="arming"],
+  ha-state-icon[data-domain="alarm_control_panel"][data-state="triggered"],
+  ha-state-icon[data-domain="lock"][data-state="jammed"] {
     animation: pulse 1s infinite;
   }
 
diff --git a/src/components/entity/state-badge.ts b/src/components/entity/state-badge.ts
index abbcc52b73..972ea11ea7 100644
--- a/src/components/entity/state-badge.ts
+++ b/src/components/entity/state-badge.ts
@@ -59,11 +59,9 @@ export class StateBadge extends LitElement {
     }
 
     const domain = stateObj ? computeStateDomain(stateObj) : undefined;
-    const active = this._stateColor && stateObj ? stateActive(stateObj) : false;
 
     return html`<ha-state-icon
       style=${styleMap(this._iconStyle)}
-      ?data-active=${active}
       data-domain=${ifDefined(domain)}
       data-state=${ifDefined(stateObj?.state)}
       .icon=${this.overrideIcon}
diff --git a/src/panels/lovelace/cards/hui-button-card.ts b/src/panels/lovelace/cards/hui-button-card.ts
index 6a058ddb24..4b41c6d02b 100644
--- a/src/panels/lovelace/cards/hui-button-card.ts
+++ b/src/panels/lovelace/cards/hui-button-card.ts
@@ -185,7 +185,6 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
           ? html`
               <ha-state-icon
                 tabindex="-1"
-                ?data-active=${active}
                 data-domain=${ifDefined(
                   stateObj ? computeStateDomain(stateObj) : undefined
                 )}
diff --git a/src/panels/lovelace/cards/hui-entity-card.ts b/src/panels/lovelace/cards/hui-entity-card.ts
index 401c689bd5..6065c116f5 100644
--- a/src/panels/lovelace/cards/hui-entity-card.ts
+++ b/src/panels/lovelace/cards/hui-entity-card.ts
@@ -145,7 +145,6 @@ export class HuiEntityCard extends LitElement implements LovelaceCard {
             <ha-state-icon
               .icon=${this._config.icon}
               .state=${stateObj}
-              ?data-active=${active}
               data-domain=${ifDefined(domain)}
               data-state=${stateObj.state}
               style=${styleMap({