From ecf4def347a1547c7b0c703a44839bfb022eee92 Mon Sep 17 00:00:00 2001
From: dckiller51 <53062806+dckiller51@users.noreply.github.com>
Date: Mon, 25 Sep 2023 10:31:30 +0200
Subject: [PATCH] v5.9.5

Fix the icons problem in Firefox
---
 CHANGELOG.md              | 4 ++++
 dist/body-miscale-card.js | 2 +-
 src/body-miscale-card.ts  | 2 +-
 src/const.ts              | 2 +-
 tracker.json              | 4 ++--
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9fd4857..9c6aaf3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file.
 
+## v5.9.5
+
+- Fix the icons problem in Firefox [[#45](https://github.com/dckiller51/lovelace-body-miscale-card/issues/45)]
+
 ## v5.9.4
 
 - added Hungarian language support (thank you @v1k70rk4)
diff --git a/dist/body-miscale-card.js b/dist/body-miscale-card.js
index 32bbfd7..e11631b 100644
--- a/dist/body-miscale-card.js
+++ b/dist/body-miscale-card.js
@@ -1443,7 +1443,7 @@ function(e){return class extends e{createRenderRoot(){const e=this.constructor,{
       </score-card-card>
     </score-card-row>`;return`${e.key}_list`in t.attributes&&(a||o)?this.renderDropdown(S,e.key,e.service):S}renderIcon(e){const t=this.hass.states[this.config.entity],i="water"===e.key&&"water_icon"in this.stateObj.attributes?this.stateObj.attributes.water_icon:e.icon;return"none"!==t.attributes.problem&&"mdi:alert"===i?N`<ha-icon class="problem" icon="${i}"></ha-icon>`:N`<ha-icon icon="${i}" style="margin-right: 10px; ${this.config.styles.icon}"></ha-icon>`}renderIconbody(e){const t="Water"===e.key&&"water_icon"in this.stateObj.attributes?this.stateObj.attributes.water_icon:e.icon;return N`<ha-icon
       class="image"
-      style="-webkit-mask-box-image: url('${t}'); ${this.config.styles.iconbody}"
+      style="-webkit-mask-image: url('${t}');-webkit-mask-size: 24px; ${this.config.styles.iconbody}"
     ></ha-icon>`}renderButton(e){return this.config.show_buttons?e&&!1!==e.show?N`<ha-icon-button
           @click="${()=>this.callService(e.service,e.service_data)}"
           title="${e.label||""}"
diff --git a/src/body-miscale-card.ts b/src/body-miscale-card.ts
index 40d0025..06cd6cc 100644
--- a/src/body-miscale-card.ts
+++ b/src/body-miscale-card.ts
@@ -438,7 +438,7 @@ export class BodyMiScaleCard extends LitElement implements LovelaceCard {
         : data.icon;
     return html`<ha-icon
       class="image"
-      style="-webkit-mask-box-image: url('${icon}'); ${this.config.styles.iconbody}"
+      style="-webkit-mask-image: url('${icon}');-webkit-mask-size: 24px; ${this.config.styles.iconbody}"
     ></ha-icon>`;
   }
 
diff --git a/src/const.ts b/src/const.ts
index 0b15307..8a603ad 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -1,6 +1,6 @@
 import { localize } from './localize/localize';
 
-export const CARD_VERSION = '5.9.4';
+export const CARD_VERSION = '5.9.5';
 
 export const states = {
   status: {
diff --git a/tracker.json b/tracker.json
index b0367d0..a7d2366 100644
--- a/tracker.json
+++ b/tracker.json
@@ -1,7 +1,7 @@
 {
   "body-miscale-card": {
-    "updated_at": "2023-09-15",
-    "version": "v5.9.4",
+    "updated_at": "2023-09-25",
+    "version": "v5.9.5",
     "remote_location": "https://raw.githubusercontent.com/dckiller51/lovelace-body-miscale-card/master/dist/body-miscale-card.js",
     "visit_repo": "https://github.com/dckiller51/lovelace-body-miscale-card",
     "changelog": "https://github.com/dckiller51/lovelace-body-miscale-card/blob/master/CHANGELOG.md"