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

Bubble Card v0.0.1-beta.11

on GitHub

BETA 11 - Fixes for beta 9 and 10

This is again a fast update that just fix some bugs that was introduced in beta 9.

✔️ Fixes :

• There was an issue that was slowing down (a lot) your dashboard after some time, this is now fixed and everything is really faster now!
• Pop-ups triggers are now working as expected
• The Close when the state is different toggle in the editor is now fixed
• is_sidebar_hidden is now working like before
• Fixed a typo in the editor

And for those who missed it here is the beta 9 changelog (it's a big one) :

💡 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!