Releases: levonisyas/clockpro-card
Fixed Position handling Faz.2.1
π Clock Pro Card β Faz.2.1 Release (Fix)
π§ Whatβs Fixed
Position handling has been corrected for elements using left / right and top / bottom alignment.
Previously, default position values could remain active at runtime even when overridden via YAML or the visual editor.
This could cause elements not to align as expected (for example, switching from left to right).
β Whatβs Improved
- Position axes (
left/right,top/bottom) are now normalized deterministically after config merge. - Runtime behavior now exactly reflects the configuration defined in YAML or the editor.
- The fix applies consistently to all configuration sources (YAML, editor, manual config).
β Result
More predictable and reliable positioning behavior, with no changes required to existing configurations.
ClockPro Card β Forecast Engine & Full Visual Editor Expansion
π ClockPro Card β Combined Release Notes (Faz.1.5 & Faz.2)
This combined release delivers two major expansions:
Faz.1.5 introduces the new Forecast Engine, while Faz.2 elevates the Visual Editor into a full, firstβclass configuration environment. Together, they establish a predictable, YAMLβequivalent, fully visual workflow for all core features.
A new black & white cloud SVG icon pack was added, providing matching light (white) and dark (black) cloud variants for highβcontrast themes.
β¨ Faz.2 β Visual Editor Expansion
Faz.2 focuses on extending the Visual Editor to cover all primary layout, typography, and weatherβrelated settings while keeping the configuration fully YAMLβfree and YAMLβequivalent.
Whatβs New
-
Full Visual Editor coverage
All major card settings can now be configured visually without writing YAML. -
Unified positioning system
Time, date, day, weather icon, details, location, and forecast now share a single deterministic positioning model for consistent layout control. -
Grouped settings layout
Related controls (font size, weight, spacing, etc.) are grouped for clarity and faster tuning. -
Native entity selection
Weather, location, and sun entities are selected using Home Assistantβs builtβin entity picker. -
Forecast editor support
Forecast visibility, typography, spacing, and temperature format can be configured directly from the editor.
Technical Notes
- Visual Editor output is 100% compatible with manual YAML configuration.
- No UIβonly or hidden options were added.
- Existing YAML setups continue to work without modification.
Faz.2 establishes the Visual Editor as a firstβclass configuration method, not a secondary mode.
π€ Faz.1.5 β Forecast Engine & 5βDay Weather Element
New: 5βDay Forecast Element (Configurable 1~7 Days)
- Added an optional 5βday daily weather forecast.
- Rendered as a native element using the existing layout engine.
- Fully configurable via YAML under
elements.forecast.
New: Forecast Element Engine
- Forecast behaves like any other element (
time,date,icon, etc.). - Supports absolute positioning (
pos), spacing (gap), and perβsection styling. - Can be placed anywhere without affecting other elements.
Forecast Display
- Shows weekday label, weather icon (MDI or Pro SVG), and temperature (max or max/min).
- Number of days configurable (
days: 1β7). - Automatically falls back if forecast data is unavailable.
Visual Consistency
- Uses the same weather entity as the main icon.
- Respects day/night icon variants when available.
- No extra sensors, helpers, or dependencies required.
Added Demo SVG Icon Pack
π Clock Pro Card β New Release (Faz.1.1)
π§ Whatβs New
-
SVG Icon Pack included as a demo
This release now ships with asvg.zipfile inside the installation package.
It contains a readyβtoβuse demo icon set for Clock Pro Card. -
Manual extraction required
After installation, please extract thesvg.zipfile into your preferred folder under/www/(or your custom location).
π Configuration Update
After extracting the icons, update your card configuration:
pro_icon_pack: /local/community/clockpro-card/icon-pack.js
pro_icons_folder: svg # demo folder name included in this releasepro_icon_packβ points to the JS file included with the cardpro_icons_folderβ should match the folder name where you extracted the SVG icons
β Enjoy
This release aims to make setup easier by providing a working demo icon pack out of the box.
Faz.1
π ClockPro Card β Release Notes (Faz.1)
β New: Pro Icon Pack (SVG)
- Added full Pro Icon Pack system.
- Icons are loaded from:
/config/www/community/clockpro-card/icons/ - Supports full day + night icon sets.
π New: Full Day/Night Mode
- Card detects night mode using:
sun_entity: sun.sun - Every weather condition can switch to its
*-nightvariant.
π§© New: Stub Config Improvements
-
Added default Pro icon settings in
static getStubConfig() -
Includes:
pro_icon_pack: icon-pack.jspro_icons_folder: icons
π Improved: Time Engine
-
Tight hour digits + configurable spacing:
gaps.hh_colongaps.colon_mm
-
First digit coloring supported (red digit style).
ποΈ Improved: Pro Settings
-
Added per-element controls:
- position (top/left/right/bottom)
- font size/weight
- letter spacing
- colors
Final Release Faz.0
A professional weather + clock card for Home Assistant Lovelace.
Absolute positioning, customizable typography, SVG icon packs, and flexible layout β designed to be easy to use and powerful.
π Works with any weather entity.
π Optional SVG icon pack support.
π Full YAML config β no dependencies.