Merge pull request #46 from molikk/hide-load-frame-when-power-entity-…

…is-not-present

hide load frame when power entity is not present

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mlk-power-flow-card",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "A customizable Home Assistant card to emulate the Sunsynk System flow that's displayed on the Inverter screen.",
   "main": "mlk-power-flow-card.js",
   "scripts": {

src/cards/compact/loadUtils.ts

@@ -51,7 +51,8 @@ export class LoadUtils {
 		return svg`
 			${icon}
 			<rect id=${type}_load_frame-${id}" x="${shapeX}" y="${shapeY}" width="41" height="20" 
-				rx="4.5" ry="4.5" fill="none" stroke="${color}" pointer-events="all" />
+				rx="4.5" ry="4.5" fill="none" stroke="${color}" pointer-events="all" 
+				display="${power.isValid() || toggle.isValidSwitch() ? '' : 'none'}" />
 			<text id="${type}_load_name-${id}" x="${nameX}" y="${nameY}" class="st3 st8" fill="${color}">
 				${name ? `${name}` : ''}
 			</text>
@@ -78,7 +79,7 @@ export class LoadUtils {
 		}
 			<a href="#" @click=${(e) => Utils.handlePopup(e, energy.entity_id)}>
 				<text id="${type}_load_extra-${id}" x="${energyX}" y="${energyY}"
-							display="${energy.entity_id && energy.isValid() ? '' : 'none'}"
+							display="${energy.isValid() ? '' : 'none'}"
 							class="st3" fill="${color}">
 					${energy.toNum(1)}
 					${energy.getUOM()}