From 7eac6f1b904dcd9e7f58d5a5dd43e75135b5533c Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 22 Jan 2024 20:55:50 +0100
Subject: [PATCH] Add support icon in 2024.2 (#1342)

---
 .../alarm-control-panel-card/alarm-control-panel-card.ts   | 7 ++++++-
 src/cards/chips-card/chips/action-chip.ts                  | 6 +++++-
 src/cards/chips-card/chips/alarm-control-panel-chip.ts     | 2 ++
 src/cards/chips-card/chips/back-chip.ts                    | 2 +-
 src/cards/chips-card/chips/entity-chip.ts                  | 2 ++
 src/cards/chips-card/chips/light-chip.ts                   | 2 ++
 src/cards/chips-card/chips/menu-chip.ts                    | 2 +-
 src/cards/chips-card/chips/template-chip.ts                | 6 +++++-
 src/cards/climate-card/climate-card.ts                     | 7 ++++++-
 src/cards/cover-card/cover-card.ts                         | 7 ++++++-
 src/cards/entity-card/entity-card.ts                       | 7 ++++++-
 src/cards/fan-card/fan-card.ts                             | 7 ++++++-
 src/cards/light-card/light-card.ts                         | 7 ++++++-
 src/cards/lock-card/lock-card.ts                           | 7 ++++++-
 src/cards/number-card/number-card.ts                       | 7 ++++++-
 src/cards/select-card/select-card.ts                       | 7 ++++++-
 src/cards/template-card/template-card.ts                   | 2 +-
 src/cards/update-card/update-card.ts                       | 7 ++++++-
 src/cards/vacuum-card/vacuum-card.ts                       | 7 ++++++-
 src/utils/base-card.ts                                     | 7 ++++++-
 20 files changed, 91 insertions(+), 17 deletions(-)

diff --git a/src/cards/alarm-control-panel-card/alarm-control-panel-card.ts b/src/cards/alarm-control-panel-card/alarm-control-panel-card.ts
index 667c4c1e..9e5eaf83 100644
--- a/src/cards/alarm-control-panel-card/alarm-control-panel-card.ts
+++ b/src/cards/alarm-control-panel-card/alarm-control-panel-card.ts
@@ -269,7 +269,12 @@ export class AlarmControlPanelCard extends MushroomBaseCard implements LovelaceC
                 style=${styleMap(iconStyle)}
                 class=${classMap({ pulse: shapePulse })}
             >
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/chips-card/chips/action-chip.ts b/src/cards/chips-card/chips/action-chip.ts
index 140303dc..cfb61422 100644
--- a/src/cards/chips-card/chips/action-chip.ts
+++ b/src/cards/chips-card/chips/action-chip.ts
@@ -71,7 +71,11 @@ export class ActionChip extends LitElement implements LovelaceChip {
                     hasDoubleClick: hasAction(this._config.double_tap_action),
                 })}
             >
-                <ha-state-icon .icon=${icon} style=${styleMap(iconStyle)}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .icon=${icon}
+                    style=${styleMap(iconStyle)}
+                ></ha-state-icon>
             </mushroom-chip>
         `;
     }
diff --git a/src/cards/chips-card/chips/alarm-control-panel-chip.ts b/src/cards/chips-card/chips/alarm-control-panel-chip.ts
index 0e853726..9c9b42f5 100644
--- a/src/cards/chips-card/chips/alarm-control-panel-chip.ts
+++ b/src/cards/chips-card/chips/alarm-control-panel-chip.ts
@@ -113,6 +113,8 @@ export class AlarmControlPanelChip extends LitElement implements LovelaceChip {
                 })}
             >
                 <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
                     .state=${stateObj}
                     .icon=${icon}
                     style=${styleMap(iconStyle)}
diff --git a/src/cards/chips-card/chips/back-chip.ts b/src/cards/chips-card/chips/back-chip.ts
index 3a5b58c8..880d58dd 100644
--- a/src/cards/chips-card/chips/back-chip.ts
+++ b/src/cards/chips-card/chips/back-chip.ts
@@ -50,7 +50,7 @@ export class BackChip extends LitElement implements LovelaceChip {
                 @action=${this._handleAction}
                 .actionHandler=${actionHandler()}
             >
-                <ha-state-icon .icon=${icon}></ha-state-icon>
+                <ha-state-icon .hass=${this.hass} .icon=${icon}></ha-state-icon>
             </mushroom-chip>
         `;
     }
diff --git a/src/cards/chips-card/chips/entity-chip.ts b/src/cards/chips-card/chips/entity-chip.ts
index 5db53f8b..92dbbd18 100644
--- a/src/cards/chips-card/chips/entity-chip.ts
+++ b/src/cards/chips-card/chips/entity-chip.ts
@@ -122,6 +122,8 @@ export class EntityChip extends LitElement implements LovelaceChip {
         }
         return html`
             <ha-state-icon
+                .hass=${this.hass}
+                .stateObj=${stateObj}
                 .state=${stateObj}
                 .icon=${icon}
                 style=${styleMap(iconStyle)}
diff --git a/src/cards/chips-card/chips/light-chip.ts b/src/cards/chips-card/chips/light-chip.ts
index 780a0245..e3395280 100644
--- a/src/cards/chips-card/chips/light-chip.ts
+++ b/src/cards/chips-card/chips/light-chip.ts
@@ -117,6 +117,8 @@ export class LightChip extends LitElement implements LovelaceChip {
                 })}
             >
                 <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
                     .state=${stateObj}
                     .icon=${icon}
                     style=${styleMap(iconStyle)}
diff --git a/src/cards/chips-card/chips/menu-chip.ts b/src/cards/chips-card/chips/menu-chip.ts
index c1e0aaa7..0f9788e3 100644
--- a/src/cards/chips-card/chips/menu-chip.ts
+++ b/src/cards/chips-card/chips/menu-chip.ts
@@ -50,7 +50,7 @@ export class MenuChip extends LitElement implements LovelaceChip {
                 @action=${this._handleAction}
                 .actionHandler=${actionHandler()}
             >
-                <ha-state-icon .icon=${icon}></ha-state-icon>
+                <ha-state-icon .hass=${this.hass} .icon=${icon}></ha-state-icon>
             </mushroom-chip>
         `;
     }
diff --git a/src/cards/chips-card/chips/template-chip.ts b/src/cards/chips-card/chips/template-chip.ts
index 051f7206..7c63f6ab 100644
--- a/src/cards/chips-card/chips/template-chip.ts
+++ b/src/cards/chips-card/chips/template-chip.ts
@@ -141,7 +141,11 @@ export class TemplateChip extends LitElement implements LovelaceChip {
             const iconRgbColor = computeRgbColor(iconColor);
             iconStyle["--color"] = `rgb(${iconRgbColor})`;
         }
-        return html`<ha-state-icon .icon=${icon} style=${styleMap(iconStyle)}></ha-state-icon>`;
+        return html`<ha-state-icon
+            .hass=${this.hass}
+            .icon=${icon}
+            style=${styleMap(iconStyle)}
+        ></ha-state-icon>`;
     }
 
     protected renderContent(content: string): TemplateResult {
diff --git a/src/cards/climate-card/climate-card.ts b/src/cards/climate-card/climate-card.ts
index d2bb3ebf..802c712e 100644
--- a/src/cards/climate-card/climate-card.ts
+++ b/src/cards/climate-card/climate-card.ts
@@ -203,7 +203,12 @@ export class ClimateCard extends MushroomBaseCard implements LovelaceCard {
 
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!available} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/cover-card/cover-card.ts b/src/cards/cover-card/cover-card.ts
index 9cde17c9..1b6af1eb 100644
--- a/src/cards/cover-card/cover-card.ts
+++ b/src/cards/cover-card/cover-card.ts
@@ -217,7 +217,12 @@ export class CoverCard extends MushroomBaseCard implements LovelaceCard {
 
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!available} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon
             ></mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/entity-card/entity-card.ts b/src/cards/entity-card/entity-card.ts
index eccb8b28..81dd1b60 100644
--- a/src/cards/entity-card/entity-card.ts
+++ b/src/cards/entity-card/entity-card.ts
@@ -124,7 +124,12 @@ export class EntityCard extends MushroomBaseCard implements LovelaceCard {
         }
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!active} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/fan-card/fan-card.ts b/src/cards/fan-card/fan-card.ts
index 6ae3713e..92edea9b 100644
--- a/src/cards/fan-card/fan-card.ts
+++ b/src/cards/fan-card/fan-card.ts
@@ -208,7 +208,12 @@ export class FanCard extends MushroomBaseCard implements LovelaceCard {
                 style=${styleMap(iconStyle)}
                 .disabled=${!active}
             >
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/light-card/light-card.ts b/src/cards/light-card/light-card.ts
index a42050ea..be32e66c 100644
--- a/src/cards/light-card/light-card.ts
+++ b/src/cards/light-card/light-card.ts
@@ -245,7 +245,12 @@ export class LightCard extends MushroomBaseCard implements LovelaceCard {
         }
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!active} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/lock-card/lock-card.ts b/src/cards/lock-card/lock-card.ts
index 62af1330..fc1d9ade 100644
--- a/src/cards/lock-card/lock-card.ts
+++ b/src/cards/lock-card/lock-card.ts
@@ -145,7 +145,12 @@ export class LockCard extends MushroomBaseCard implements LovelaceCard {
 
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!available} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/number-card/number-card.ts b/src/cards/number-card/number-card.ts
index 0e04483e..a653f70e 100644
--- a/src/cards/number-card/number-card.ts
+++ b/src/cards/number-card/number-card.ts
@@ -192,7 +192,12 @@ export class NumberCard extends MushroomBaseCard implements LovelaceCard {
         }
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!active} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/select-card/select-card.ts b/src/cards/select-card/select-card.ts
index 0421a686..416ae4ab 100644
--- a/src/cards/select-card/select-card.ts
+++ b/src/cards/select-card/select-card.ts
@@ -140,7 +140,12 @@ export class SelectCard extends MushroomBaseCard implements LovelaceCard {
         }
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!active} style=${styleMap(iconStyle)}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/template-card/template-card.ts b/src/cards/template-card/template-card.ts
index 2fe32aec..86233c85 100644
--- a/src/cards/template-card/template-card.ts
+++ b/src/cards/template-card/template-card.ts
@@ -193,7 +193,7 @@ export class TemplateCard extends MushroomBaseElement implements LovelaceCard {
         }
         return html`
             <mushroom-shape-icon style=${styleMap(iconStyle)} slot="icon">
-                <ha-state-icon .icon=${icon}></ha-state-icon>
+                <ha-state-icon .hass=${this.hass} .icon=${icon}></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/update-card/update-card.ts b/src/cards/update-card/update-card.ts
index 63d60bef..e7b0f863 100644
--- a/src/cards/update-card/update-card.ts
+++ b/src/cards/update-card/update-card.ts
@@ -152,7 +152,12 @@ export class UpdateCard extends MushroomBaseCard implements LovelaceCard {
                 })}
                 style=${styleMap(style)}
             >
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon>
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon>
             </mushroom-shape-icon>
         `;
     }
diff --git a/src/cards/vacuum-card/vacuum-card.ts b/src/cards/vacuum-card/vacuum-card.ts
index 3d0e5158..556d2f72 100644
--- a/src/cards/vacuum-card/vacuum-card.ts
+++ b/src/cards/vacuum-card/vacuum-card.ts
@@ -141,7 +141,12 @@ export class VacuumCard extends MushroomBaseCard implements LovelaceCard {
                 style=${styleMap({})}
                 .disabled=${!isActive(stateObj)}
             >
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon
             ></mushroom-shape-icon>
         `;
     }
diff --git a/src/utils/base-card.ts b/src/utils/base-card.ts
index 8f2a6c09..403bd451 100644
--- a/src/utils/base-card.ts
+++ b/src/utils/base-card.ts
@@ -64,7 +64,12 @@ export class MushroomBaseCard extends MushroomBaseElement {
         const active = isActive(stateObj);
         return html`
             <mushroom-shape-icon slot="icon" .disabled=${!active}>
-                <ha-state-icon .state=${stateObj} .icon=${icon}></ha-state-icon
+                <ha-state-icon
+                    .hass=${this.hass}
+                    .stateObj=${stateObj}
+                    .state=${stateObj}
+                    .icon=${icon}
+                ></ha-state-icon
             ></mushroom-shape-icon>
         `;
     }