Circlepads, Better Sliders, Philips TV, and Generic Remote

Circlepads #197

This release comes with a new remote element - circlepads!

Previously you could add styles to the dpad button pad to style it like a Google TV app direction pad, but this could get buggy. As this redesign of the direction pad was popular but users were having trouble with the styles applying inconsistently, I've made it into its own remote element. The circlepad has five buttons with enlarged tap areas. Each button can be modified like any other remote button within the circlepad editor. The circlepad will also properly scale with its parent card instead of overflowing it.

Better Sliders

Sliders have been refactored to be much more performant. Previously they were styled by modifying the underlying input range pseudo-elements and animated by modifying its value one step at a time. This was inefficient as the slider was redrawn with each animation frame. The slider now has separate thumb and thumb active elements which are animated using CSS translations and transitions, and are much more performant than the old sliders. If you have custom slider styles, you may have to modify them. --icon-transform has been obsoleted and replaced with --thumb-translate and --thumb-transition.

Keyboard Interactions #198

A few patches ago I added better element focusing and simple keyboard controls for accessibility. This has been greatly expanded this release. Buttons can now be assigned a keyboard key at the bottom of the interactions pane. When the remote card is in focus, that button can be actuated using that keyboard key. Additionally, the arrow keys and space/enter button will actuate the first circlepad or touchpad in the card. Sliders can be actuated by focusing on them and using arrow keys but cannot be assigned separate keyboard keys (you should use volume buttons for this instead).

New Platforms - Philips TV and Generic Remote

Philips TV #200

This remote now has out of the box support for Philips TV thanks to @TheOddPirate. Depending on your Philips TV model, you can use this platform or Android TV to control your TV with little additional configuration.

Generic Remote #192

This card now supports generic Home Assistant remote entities with the platform Generic Remote. Instead of being for a specific integration, this platform takes all default keys and sources from all other platforms and turns them into generic remote send command actions.

name: power
icon: mdi:power
tap_action:
  action: key
  key: power
  device: Generic Device

You can use remote.learn_command to learn actions using the default key and source names provided by this platform, and then you can easily configure this remote card to use them. You can also provide a device name/ID to send the command to using the Remote/Device Name field in the general tab of the UI editor.

Other Changes

• Updated ha-nunjucks to include new number, date, time, and datetime translated functions/filters.
• Baby-proofed the Media Platform and Entity IDs section of the UI editor to only show fields needed for the selected platform.
• Changed Unified Remote to use the new Remote/Device Name field instead of Remote ID, which helps prevent it from incorrectly autofilling.
• Removed the need for the Keyboard ID field for platforms that do not require ADB, including Fire TV which uses ADB for its remote and media player IDs.
• Renamed custom actions to custom elements in the editor.
• Changed the Name field in the custom element editor to be a dropdown of all default key and source names for easier inheritance and to fix an issue where the custom element would prematurely autofill with a shorter named element.
• Element titles are more human readable and IDs are now their names #204.
• Added part attributes to all subelements for easier styling without creating custom elements using the ::part pseudo-element.
• Added more default keys to Android TV.
• Added globoplay default source to Android TV and Sony BRAVIA #203 #206.
• Added source button to Sony BRAVIA #207.
• Added power, previous, and next default keys to LG WebOS TV #208 #209.

Big thanks to @felipecrs, who contributed a lot to this release.