Skip to content

v1.1.0

Choose a tag to compare

@c-kick c-kick released this 09 Mar 13:20

What's Changed

Renamed: hnl-power-bars-card → hnl-flow-bars-card

The card is no longer limited to power visualization — it works for any supply/demand flow (power, water, gas, etc.). All custom element names, CSS variables, and file names have been updated.

Editor Redesign

  • Redesigned visual editor with clearer UX, section headers with icons, and helper text
  • Replaced power-specific terminology with generic supply/demand terms: Sources, Destinations, Shortfall, Surplus
  • Added remainder diagram explaining where shortfall and surplus bars appear

New Features

  • Hatched backgrounds: per-entity diagonal stripe pattern toggle (enabled by default on shortfall and surplus)
  • Text color: per-entity text color control in the editor
  • Background opacity slider: 0–1 range slider replacing the text input
  • HA section view support: getGridOptions() with 6-column, 2-row defaults
  • Progressive layout: entity names shown on destination bars when card height >= 160px (via CSS container queries)

Improvements

  • Default colors aligned with HA Energy Dashboard conventions (solar orange, grid blue, return purple)
  • Color constants centralized in src/const.js for easy customization
  • Source label top-left corner now properly rounded

Migration from hnl-power-bars-card

  • Change card type from custom:hnl-power-bars-card to custom:hnl-flow-bars-card
  • Update resource URL from /local/hnl-power-bars-card.js to /local/hnl-flow-bars-card.js
  • CSS variables renamed from --hnl-power-bars-* to --hnl-flow-bars-*