lovelace-card-mod: 3.4.0/1 breaks --card-mod-xxx variables.

My Home Assistant version: 2024.1.0b2

My lovelace configuration method (GUI or yaml): yaml

What I am doing:

modding an icon and icon color based on state What I expected to happen: immediate change when state changed What happened instead: need to refresh the state for the change to happen

note the --paper-item-icon-color: does change upon state change, but replacing that with the --card-mod-icon-color: makes the reload necessary as a matter of fact, thats how I found this mod to no longer function the same as in 3.3.1

of course, there is no replacement for the icon element…

Minimal steps to reproduce:

# The least amount of code possible to reproduce my error
debug: true
style: |
  :host {
    --card-mod-icon:
      {% set vol = states(config.entity)|float(0) %}
      {% if vol == 0.0 %} mdi:volume-off
      {% elif vol <= 0.3 %} mdi:volume-low
      {% elif vol <= 0.6  %} mdi:volume-medium
      {% else %} mdi:volume-high
      {% endif %};
    --paper-item-icon-color: # --card-mod-icon-color:
      {% if vol == 0.0 %} gray
      {% elif vol <= 0.3 %} dodgerblue
      {% elif vol <= 0.6 %} green
      {% elif vol <= 0.8 %} orange
      {% else %} red
      {% endif %};
  }

# End of code

mods are injected like:

card_mod: !include /path/card_mods/volume_color.yaml

so the new requirement for the full hierarchy is already implemented (as I had those long before it became the new requirement now in 3.4.0)

Error messages from the browser console: set to debug, the mod is supposed to be set correctly upon state change:

but as said, it only happens on reload

https://github.com/thomasloven/lovelace-card-mod/assets/33354141/0e984d2d-4a49-40e3-af3d-ac9bf8e90045

---

By putting an X in the boxes ([]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).

• Have made sure I am using the latest version of the plugin.

• Have followed the troubleshooting steps of the “Common Problems” section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.

• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.