Allow Default values for entities/allow still creating the row element #191

Added the possibility to show a default value in the UI if the entity does not exist or should not be shown
updated the README.MD to describe the default parameter

Author: kamtschatka

README.md

@@ -80,6 +80,7 @@ attribute value instead of the state value. `icon` lets you display an icon inst
 | toggle           | bool        | `false`                     | Display a toggle if supported by domain                            |
 | icon             | string/bool | `false`                     | Display default or custom icon instead of state or attribute value |
 | state_color      | bool        | `false`                     | Enable colored icon when entity is active                          |
+| default          | string      |                             | Display this value if the entity does not exist or should not be shown |
 | hide_unavailable | bool        | `false`                     | Hide entity if unavailable or not found                            |
 | hide_if          | object/any  | _[Hiding](#hiding)_         | Hide entity if its value matches specified value or criteria       |
 | styles           | object      |                             | Add custom CSS styles to the entity element                        |

src/index.js

@@ -107,6 +107,12 @@ class MultipleEntityRow extends LitElement {
 
     renderEntity(stateObj, config) {
         if (!stateObj || hideIf(stateObj, config)) {
+            if (config.default) {
+                return html`<div class="entity" style="${entityStyles(config)}">
+                    <span>${config.name}</span>
+                    <div>${config.default}</div>
+                </div>`;
+            }
             return null;
         }
         const onClick = this.clickHandler(stateObj.entity_id, config.tap_action);