v2.5.1-dev.2

This is a development release based on v2.5.1

This development release adds about 3.000 lines of JavaScript by adding the Sparkline tool.

This tool adds a lot of sparkline charts. Four of them you see in the next example:

Together with this change, a second series of Functional Example Cards are added to show the possibilities of the new sparkline tool.

Documentation is not yet updated, as this is a development release!

What's Changed

New Features

• feat(tool): add sparkline chart tool by @AmoebeLabs in #241
• config: Update HA-Config to latest SAK development version by @AmoebeLabs in #240

Fixes

• Fix Functional Cards series 2 (v2.5.1-dev.2)

Full Changelog: v2.5.1...v2.5.1-dev.1

Full Changelog: v2.5.1-dev.1...v2.5.1-dev.2

v2.5.1-dev.1

This is a development release based on v2.5.1

This development release adds about 3.000 lines of JavaScript by adding the Sparkline tool.

This tool adds a lot of sparkline charts. Four of them you see in the next example:

Together with this change, a second series of Functional Example Cards are added to show the possibilities of the new sparkline tool.

Documentation is not yet updated, as this is a development release!

What's Changed

New Features

• feat(tool): add sparkline chart tool by @AmoebeLabs in #241
• config: Update HA-Config to latest SAK development version by @AmoebeLabs in #240

Full Changelog: v2.5.1...v2.5.1-dev.1

v2.5.1

This big release with 35 changed files is about localization, matching icon logic with Home Assistant, state formatting, and state converters.

With all these changes, a small BREAKING CHANGE is also introduced 😄

This version:

• re-introduces working localization for text states
• adds localization for numbers
• updates icon selection based on the entity to be on par with Home Assistant again
• introduces simple state converters (brightness, divide/multiply)
• introduces light color (RGB and more) converters to use the light color to style a tool
• introduces state formatters (date, time, datetime, relative, etc.).

Documentation:

• Entity State Converters
• Localization and Entity Display Formatters

The small breaking change is about the use of the format: brightness field in the entity list, which should be replaced by the brightness converter. See the documentation on entity converters for this.

What's Changed

Refactored / New Features / Small BREAKING CHANGE

• refactor: Update localization and icon states, and add entity state converter and formatting support by @AmoebeLabs in #233

And with this refactoring:

• Add light color conversions, issue #230
• Refactor icon state building to be up-to-date with Home Assistant, issue #232
• Add localization for numbers, issue #216

Other Changes

• Removed custom-card-helper, issue #231

Full Changelog: v2.4.6...v2.5.1

v2.4.6

A release with a single fix for showing Home Assistant profile pictures in the UserSVG tool that was broken in v2.4.5.

What's Changed

Fixed

• Fix UserSVG handling extensionless images as SVGs by @AmoebeLabs in #226

Other Changes

Full Changelog: v2.4.5...v2.4.6

v2.4.5

A release with per-card theming possibilities, swatches, and palettes!

• You can specify a Home Assistant theme for your card
• Swatches are small, lightweight themes that you can load additionally to any theme. Now you can use extra colors with support for light and dark modes for any color or color list, or even overwrite parts of the loaded theme!
• Palettes are just a collection of swatches to enable the use of multiple swatches in a card.

What's Changed

New Features

• Add support for theming, palettes and swatches by @AmoebeLabs in #220, closes #80, #176, #205

Some views have changed, and I added color swatch templates as an example to the ha-config folder!

Fixes

• Fix tool style map in render by @AmoebeLabs in #222, closes #217
• Fix UserSVG clip-path and masking problems in Firefox by @AmoebeLabs in #223, closes #215

Full Changelog: v2.4.4...v2.4.5

v2.4.4

A small release that gives users their negative values and icons back 🚀

Note:
Don't forget to clear the browser caches and mobile companion frontend cache after you have updated this card!

What's Changed

Fixed

• Wrong icon is displayed when using multiple entity indexes in animation by @AmoebeLabs in #211
• Wrong icon is displayed when using multiple entity indexes in animation by @AmoebeLabs in #213 (reprise!)
• Fix sign processing in _buildState() for negative numbers by @AmoebeLabs in #212 (Issue #209)

Other Changes

• Changed handling of fire-dom-event to check if firing this event is more reliable.

Full Changelog: v2.4.3...v2.4.4

v2.4.3

What's Changed

New Features

• Support for custom popup actions using browser mod integration by @AmoebeLabs in #204

Bug Fixes

• Fix Action doesn't work with multiple entities by @AmoebeLabs in #208

Other Changes

• None

Full Changelog: v2.4.2...v2.4.3

v2.4.2

"Behind the scenes" development environment changes

The previous development was done in a single file (8.000 lines of JavaScript) using vscode or Notepad++ as editor. This was easy, but sometimes challenging to maintain.

The current environment uses the latest and greatest stuff:

• vscode with the "Remote attached SSH Docker container" extension for development. The remote container is running on my server where Home Assistant is also running. This makes it also easy to check all my dashboards if they are still working with the latest SAK card.
• source file is split into (currently) 28 JavaScript files and built using Rollup.js
• source quality is extended with this change, and now uses eslint with the strict AirBNB rules

Results

• no more external dependencies (unpkg.com), so no need for CORS definitions in configuration.yaml anymore for this card
• faster loading of the card, as there is no wait anymore caused by loading external packages

What's Changed

Development Environment

• Reorganize development environment and split source files by @AmoebeLabs in #198

SVG Styling

• Reintroduce external SVG Injection to allow styling by @AmoebeLabs in #197
• Change Pollen SVGs to allow class and CSS var styling by @AmoebeLabs in #200

Notes:

• for styling to work, the SVG must be suitable for external styling and not contain local styling as this overwrites the external styling. For that reason, issue #200 was made for the pollen images.
• loading SVGs as external files is till possible in case of problems by using the options: svginjection: false definition in the card.
• In many cases, CSS filter definitions won't work in Safari. You should use SVG filters instead...

Documentation Notes:

• The documentation is not yet updated with these SVG changes!

Full Changelog: v2.4.1...v2.4.2

v2.4.1

What's Changed

Fixed

• Duplicate key "fill" in sak-layout-fce-light-with-slider.yaml (@DeepCoreSystem), #165
• The segment colors in the Segmented Arc are not rendered correctly by @AmoebeLabs , #189
• Circleslider doesn't work on scale 15-25 (@stinobook), #182
• Circular Slider Tool acts weird with "odd" scales (@KingCruzIII), #172
• Browser: compatibility with Safari 16.2-16.4 (@AmoebeLabs), #184
• Negative state value display with 2 signs '-' (@grichka49), #162

Features

• Support more than 1 entity to be passed to a tool (@AmoebeLabs), #160
• Add a simple format option for a state to convert brightness (@AmoebeLabs), #159
• Circular Slider: Enhance circular slider and fix bugs (@AmoebeLabs), #187

Other Changes

• Add brightness and duration format options to secondaryinfo by @AmoebeLabs in #181
• Negative state value display with 2 signs by @AmoebeLabs in #183
• Fix browser compatibility with Safari 16.2-16.4 by @AmoebeLabs in #185
• Fix two code scanning alerts by @AmoebeLabs in #186
• Circular Slider: Enhance, fix bugs and add entitylist by @AmoebeLabs in #188
• Fix: Segment colors are wrong in segmented-arc by @AmoebeLabs in #190
• Remove duplicate "fill" keys in say-layout-fce-light-with-slider.yaml by @AmoebeLabs in #192

Full Changelog: v1.0.0-rc.4...v2.4.1

v1.0.0-rc.4

What's Changed

• Fixed: Replace getLoveLace() function from custom-card-helper to fetch lovelace. This was changed with HA 2023.4, but missed due to fixed version usage in docker compose file 😒

Other Changes

• Add CodeQL workflow for GitHub code scanning by @lgtm-com in #173

New Contributors

• @lgtm-com made their first contribution in #173

Full Changelog: v1.0.0-rc.3...v1.0.0-rc.4