v1.1.0
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.jsfor easy customization - Source label top-left corner now properly rounded
Migration from hnl-power-bars-card
- Change card type from
custom:hnl-power-bars-cardtocustom:hnl-flow-bars-card - Update resource URL from
/local/hnl-power-bars-card.jsto/local/hnl-flow-bars-card.js - CSS variables renamed from
--hnl-power-bars-*to--hnl-flow-bars-*