fix: add grid name to custom and lite card closes #466

fix: apply off_threshold to grid power closes #465
docs: update sunsynk full example

docs/examples/sunsynk.rst

@@ -219,6 +219,7 @@ Full Configuration (All Options)
     dynamic_colour: true
     linear_gradient: true
     animate: true
+    path_threshold: 100
   solar:
     colour: orange
     show_daily: true
@@ -237,6 +238,7 @@ Full Configuration (All Options)
     display_mode: 1
     dynamic_colour: true
     efficiency: 3
+    off_threshold: 0
   load:
     colour: '#5fb6ad'
     show_daily: true
@@ -262,6 +264,8 @@ Full Configuration (All Options)
     load2_icon: mdi:pool
     auto_scale: true
     dynamic_colour: true
+    path_theshold: 100
+    off_threshold: 0
   grid:
     colour: '#5490c2'
     export_colour: brown
@@ -281,6 +285,7 @@ Full Configuration (All Options)
     animation_speed: 8
     max_power: 8000
     auto_scale: true
+    off_threshold: 0
   entities:
     use_timer_248: switch.sunsynk_toggle_system_timer
     priority_load_243: switch.sunsynk_toggle_priority_load

package.json

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

src/cards/compact-card.ts

@@ -372,6 +372,9 @@ export const compactCard = (config: sunsynkPowerFlowCardConfig, inverterImg: str
                           display="${!data.inverterProg.show && config.battery?.shutdown_soc_offgrid ? '' : 'none'}">
                         ${data.shutdownOffGrid}%
                     </text>
+                    <text x="5" y="294" class="st3 st8 left-align" fill="${data.gridColour}"
+                          display="${!config.show_grid ? 'none' : ''}">${config.grid.grid_name}
+                    </text>
 
                     <circle id="standby" cx="220" cy="260" r="3.5" fill="${data.inverterStateColour}"/>
                     <circle id="bat" cx="${data.compactMode ? '238.5' : '162'}"

src/index.ts

@@ -312,7 +312,7 @@ export class SunsynkPowerFlowCard extends LitElement {
             case totalGridPower < 0:
                 gridColour = gridExportColour;
                 break;
-            case totalGridPower === 0: //>= 0 && totalGridPower <= Utils.toNum(config.grid?.off_threshold, 0):
+            case totalGridPower >= 0 && totalGridPower <= Utils.toNum(config.grid?.off_threshold, 0):
                 gridColour = noGridColour;
                 break;
             default: