fix: improve display of foreign elements

fix: improve rendering pipeline when solar is hidden
fix: change default card height to 100% on both cards. You may need to remove previous hardcoded card_height values to achieve the same layout.
fix: remove panel mode. The default card height is 100%. You can set this to any value in pixels to scale.
fix: dynamic sizing of the card when battery, solar or both are hidden closes #564

README.md

@@ -21,7 +21,7 @@ Refer to [https://slipx06.github.io/sunsynk-power-flow-card/index.html](https://
 * Daily Totals that can be toggled on or off.
 * Hide all solar data if not installed or specify number of mppts in use. Set custom MPPT labels.
 * "Use Timer" setting and "Energy Pattern" setting (Priority Load or Priority Battery) shown as dynamic icons, with the ability to hide if not required. If setup as switches can be toggled by clicking on the card.
-* Panel mode for bigger card.
+* Card can be scaled by setting the card_height and card_width attributes.
 * AUX and Non-essential can be hidden from the full card or assigned configurable labels.
 * Customisable - Change colours and images.
 * Most entities can be clicked to show more-info dialog.
@@ -54,12 +54,15 @@ Refer to [https://slipx06.github.io/sunsynk-power-flow-card/index.html](https://
 
 
 *Wide Full Version (2 batteries)*
+
 ![image](https://github.com/user-attachments/assets/2832afb0-da0a-4924-80c5-afb9d70606fa)
 
 *Wide Lite Version (2 batteries)*
+
 ![image](https://github.com/user-attachments/assets/59161598-1eba-4daf-8588-fdf6f047f0bf)
 
 *Wide Compact Version (2 batteries)*
+
 ![image](https://github.com/user-attachments/assets/5cec317c-d1b7-437a-9a55-1d3c6a43f311)
 
 

docs/configuration.md

@@ -11,7 +11,6 @@ The card can be configured through the following attributes:
 |-----------------|--------------|-----------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | type:           | **Required** | `custom:sunsynk-power-flow-card`                    | The custom card.                                                                                                                                                          |
 | cardstyle:      | **Required** | `lite`                                              | Selects the card layout that is used  `compact`, `lite` or `full`.                                                                                                                   |
-| panel_mode:     | Optional     | `false`                                             | Toggles panel mode setting card height to `100%`. For use with Panel(1 card) view types or grid layouts.                                                                 |
 | large_font:     | Optional     | `false`                                             | Increases font size of sensor data.                                                                                                                                      |
 | wide:           | Optional     | `false`                                             | Display the card content for wide screen format (16:9).                                                                                                                                      |
 | title:          | Optional     |                                                     | Set the card title i.e. Inverter One.                                                                                                                                     |
@@ -20,8 +19,8 @@ The card can be configured through the following attributes:
 | show_solar:     | Optional     | `true`                                              | Toggle display of solar information.                                                                                                                                     |
 | show_battery:   | Optional     | `true`                                              | Toggle display of battery information.                                                                                                                                  |
 | show_grid:      | Optional     | `true`                                              | Toggle display of grid information.                                                                                                                                       |
-| card_height:    | Optional     | `396px`                                             | Only used when `panel_mode: false`. Sets the card height in pixels. Specify the value i.e. `400px` or provide a sensor i.e. `input.number_height`.                         |
-| card_width:     | Optional     | `100%`                                              | Only used when `panel_mode: true`. Sets the card width in pixels or percentage. Specify the value i.e. `400px`, `80%` or provide a sensor i.e. `input.number_width`. For adjustments when using the Panel(1 card) view types or grid layouts. |
+| card_height:    | Optional     | `100%`                                             | Sets the card height in pixels. Specify the value i.e. `400px` or provide a sensor i.e. `input.number_height`.                         |
+| card_width:     | Optional     | `100%`                                              | Sets the card width in  percentage. Specify the value i.e.  `80%` or provide a sensor i.e. `input.number_width`. |
 | decimal_places: | Optional     | `2`                                                 | Sets the number of decimal places to display when using the `auto_scale` option.                                                                                         |
 | decimal_places_energy: | Optional     | `1`                                                 | Sets the number of decimal places to display for the daily energy values.                                                                                         |
 | dynamic_line_width: | Optional     | `false`                                          | Adjusts the width of the lines and animated dot based on the ratio of current power to `max_power` (defined in each section below). Requires `max_power` to be explicitly defined.                                  |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunsynk-power-flow-card",
-  "version": "6.1.2",
+  "version": "6.1.3",
   "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": {