1.4.0

* Added `limit_value` config option.
* Added `unavailable` as possible state to display as `N/A`.

Author: Gluwc

README.md

@@ -22,7 +22,7 @@ Bar Card is a customizable animated card for the Home Assistant Lovelace front-e
 | columns | number | none | Number of columns when using entities list.
 | attribute | string | none | Attribute to be displayed.
 | show_value | boolean | true | Hides value display when set to `false`.
-| enforce_value_in_range | boolean | false | Ensure the value is always within the minimum and maximum when set to `true`.
+| limit_value | boolean | false | Ensure the value is always within the minimum and maximum when set to `true`.
 | show_minmax | boolean | false | Hides the minimum and maximum value when set to `false`.
 | unit_of_measurement | string | none | Unit of measurement to be displayed.
 | color | string | var(--primary-color) | Color of the bar, can be any valid CSS color value or variable.

bar-card.js

@@ -24,7 +24,7 @@ class BarCard extends HTMLElement {
     if (!config.color) config.color = 'var(--primary-color)'
     if (!config.tap_action) config.tap_action = 'info'
     if (!config.show_value) config.show_value = true
-    if (!config.enforce_value_in_range) config.enforce_value_in_range = false
+    if (!config.limit_value) config.limit_value = false
     if (!config.show_minmax) config.show_minmax = false
     if (!config.title) config.title = false
     if (!config.severity) config.severity = false
@@ -992,17 +992,17 @@ class BarCard extends HTMLElement {
 
     // Check for unknown state
     let entityState
-    if (entityObject == undefined || entityObject.state == 'unknown') {
+    if (entityObject == undefined || entityObject.state == 'unknown' || entityObject.state == 'unavailable') {
       entityState = 'N/A'
     } else {
-      if (config.attribute != false) {
+      if (config.attribute !== false) {
         entityState = entityObject.attributes[config.attribute]
       } else {
         entityState = entityObject.state
       }
-      if (config.enforce_value_in_range && !isNaN(entityState)) {
-      entityState = Math.min(entityState, configMax)
-      entityState = Math.max(entityState, configMin)
+      if (config.limit_value && !isNaN(entityState)) {
+        entityState = Math.min(entityState, configMax)
+        entityState = Math.max(entityState, configMin)
       }
     }