Fix map card not loading in sidebar view

[karwosts]

Proposed change

Current map card seems to expect setConfig to be called before firstUpdated, and then during firstUpdated, it uses the aspect ratio from _config to pad out the size of the map card needed to fit the desired aspect ratio.

However in sidebar view, the majority of time these steps seem to happen out of order. firstUpdate seems to be called before setConfig. So in firstUpdate when the aspect ratio is processed, there is no config and no aspect ratio, so the necessary paddingBottom is not applied, and the card is rendered at 0 pixels height.

Instead of assuming that _config is ready during first update, this change fixes map card to watch for changes to _config, and update the padding when change to _config is detected.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Map card does not show up in main view of the sidebar view type #12023
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io