Release 2021.6.0 - 2021.6.0 broke Home-Card

[keiferoh]

I love Home-Card. It is the centerpiece of my HA dashboard.

2021.6.0 appears to have broken Home-Card. Any thoughts?

Let me know what information you need, if you think can be corrected.

[groues]

Yes, same thing on my side after update to 2021.6.0

[groues]

After investigation, this seems to be linked to the upgrade to Lit 2.0: https://developers.home-assistant.io/blog/2021/05/19/lit-2.0/
I have changed the header of the /home-card/home-card.js as follows and it seems to have done the trick without having to update the whole code.

`
import { THEMES } from './themes.js';
import {
LitElement,
html,
css
} from "https://unpkg.com/[email protected]/lit-element.js?module";

// const LitElement = Object.getPrototypeOf(
// customElements.get("ha-panel-lovelace")
// );
// const html = LitElement.prototype.html;
// const css = LitElement.prototype.css;
`

[groues]

Actually, I have kept the './themes.js' in the home-card.js
My frontend skills are close to none but from the 2021.6 breaking change notes I noticed that LitElement and lit-html have been deprecated in favor for Lit 2.0.
I have just commented out these lines:

'const LitElement = Object.getPrototypeOf(
customElements.get("ha-panel-lovelace")
);
const html = LitElement.prototype.html;
const css = LitElement.prototype.css;'

and added this instead:

'import {
LitElement,
html,
css
} from "https://unpkg.com/[email protected]/lit-element.js?module";'

[keiferoh]

that looks like what I have, but it doesn't seem to cooperate with me here.

'import {
LitElement,
html,
css
} from "https://unpkg.com/[email protected]/lit-element.js?module";'

// const LitElement = Object.getPrototypeOf(
// customElements.get("ha-panel-lovelace")
// );
// const html = LitElement.prototype.html;
// const css = LitElement.prototype.css;

const VERSION = 3;

[postlund]

When any of you guys have anything that works, please open a PR so I can merge it. I'm quite passive when it comes to maintaining this project right now.

[groues]

Works fine on my side but I had to restart HA and clear my browser's cache first.
Thanks for the good work BTW :)

[keiferoh]

Sorry, I had not cleared my cache. Clearing my cache worked here, too.

[gdreelin]

I have cleared cache and rebooted it still puts all the image parts to one side stacked on top of each other. I even changed the header to the information that Groues stated above but still no joy getting the images back into there right places. I love this card too and want it to work right.

[avidit]

When any of you guys have anything that works, please open a PR so I can merge it. I'm quite passive when it comes to maintaining this project right now.
@postlund #26 should take care if it.

[postlund]

Merged!