Skip to content

0.67.0 - # Horizontal Slider, Background Opacity control via Entity & performance updates 🎚️✨

Choose a tag to compare

@github-actions github-actions released this 11 May 00:31

A new bottom-edge slider strip you can attach to any one entity on the
card... no more popping into more-info just to nudge a number.

🎚️ Horizontal Slider

slider

Opt in per-entity with a slider block. The first entity in entity /
entities that declares one drives the strip β€” thanks @benjycov.

type: custom:room-summary-card
area: office
entities:
  - entity_id: input_number.desk_height
    slider: {}

Style options (bar is the chunky full-width default, ha falls back
to the standard HA slider):

- entity_id: number.fan_speed
  slider:
    style: ha

Already showing the entity in entities and don't want a duplicate
icon? Hide it from the grid and let the bar represent it:

- entity_id: light.bedroom_ceiling
  slider:
    style: bar
    hide_icon: true

Supported domains today: counter, input_number, number,
media_player (volume), and light (brightness β€” drag to 0 turns it
off).

Full docs and more examples:

No breaking changes β€” existing cards render exactly as before until you
add a slider block.

🌊 Entity-driven background opacity

background.opacity can be an entity ID as well as a percentage. The
card follows that entity’s numeric state (expected 0–1, e.g.
occupancy probability or a normalized level) and refreshes the
background fade whenever the state updates β€” thanks @bsevigny β€” fixes
#409

type: custom:room-summary-card
area: living_room
background:
  image: /local/images/living-room.jpg
  opacity: sensor.living_room_occupancy_probability

Full write-up: Background Configuration β€” Entity-driven opacity

πŸ§ͺ Background & Opacity logic refactor

Some delicate plumbing behind icon_background, entity_picture, opacity, and
the card-level background image got moved from JS properties into CSS
selectors. Behavior should be identical... but if a background disappears
or shows up somewhere it shouldn't, please open an issue and I'll take a
look. Sorry in advance if it bit anyone. πŸ™

⚑ Performance: scoped state updates

If you have several room-summary-cards on the same dashboard, every
Home Assistant state change used to wake up the sub-components of every
card β€” each card was receiving the other cards' update events. With many
cards and many entities that adds up to a lot of redundant work each
tick.

State-update events are now scoped to the card that emitted them, so
each card only refreshes its own children. Should be invisible
behaviour-wise β€” just less churn, especially on busy dashboards. No
config changes needed.

Also we cache several things related to theme and area statistics, as to not recalculate each time - thanks @guillochon!


What's Changed

  • chore: yarn (deps-dev): bump @types/sinon from 21.0.0 to 21.0.1 in the all-dependencies group by @dependabot[bot] in #418
  • chore: yarn (deps-dev): bump the all-dependencies group with 3 updates by @dependabot[bot] in #421
  • chore: yarn (deps): bump the all-dependencies group with 3 updates by @dependabot[bot] in #423
  • chore: yarn (deps-dev): bump jsdom from 29.0.2 to 29.1.0 in the all-dependencies group by @dependabot[bot] in #424
  • chore: yarn (deps-dev): bump jsdom from 29.1.0 to 29.1.1 in the all-dependencies group by @dependabot[bot] in #426
  • Horizontal Slider, Background Opacity control via Entity & performance updates 🎚️✨ by @warmfire540 in #422

Full Changelog: 0.66.0...0.67.0