Clooos/Bubble-Card v0.0.1-beta.10

Bubble Card v0.0.1-beta.10

on GitHub

BETA 9... and now 10 - A major update!

This is a fast update that just fix a bug that was introduced in beta 9, the background color of buttons is now working like before and it also fix the state variable in custom styles for some cards.

Here is the beta 9 changelog :

💡 New features :

• Styles templates, see below
• Localization for states (like in the pop-ups, you don't need state_unit anymore)
• You can now show the entity state in buttons and covers with show_state: true
• You can now change the width of the horizontal-buttons-stack with width_desktop: 100%
• You can now open a pop-up based on the state of any entity, see below
• Pop-ups now support entity-picture
• If you set only an hash to a pop-up, only the close button will be displayed

✔️ Fixes :

• BREAKING CHANGE (sort of) : The desktop_width of pop-ups was not correct, you will have to remove 60px to your current value to have the same width as before
• BREAKING CHANGE (sort of) : After the update it's possible that your horizontal-buttons-stack will not be displayed correctly, just open the editor to fix that
• The editor is now fully working and with live preview for all cards
• The pop-up hash checker system has been fully rewritten and should fix a lot if not all issues
• A lot of the code has been rewritten and everything should be faster and more stable
• A lot of the CSS has been rewritten and the pop-ups and all the cards are now displayed like they should
• All cards are now displaying the icon and name of the entity if none are defined
• And more!

Styles template

Advanced users can now add templates in JS in their custom styles, here is an exemple of a button that is red when it's off and blue when it's on.

type: custom:bubble-card
card_type: button
entity: switch.test
name: Test
styles: |
  .switch-button {
    background-color: ${state === 'on' ? 'blue' : 'red'} !important;
  }

For now you have access to these variables :

state will return the state of your entity.
entity will return your entity like switch.test in this exemple.

Pop-ups trigger

This new feature allows you to open a pop-up based on the state of any entity, for example you can open a "Security" pop-up with a camera when a person is in front of your house. You can also create a toggle helper (input_boolean) and trigger its opening/closing in an automation.

Here is an example :

type: custom:bubble-card
card_type: pop-up
hash: '#kitchen'
name: Security
icon: mdi:video
trigger_entity: binary_sensor.front_door_motion
trigger_state: 'on'
trigger_close: true

All new options are available in the documentation.

Please report any issues you may encounter, this release is a big one and I hope that everything is working!