Update to lit 2.0

.github/pull_request_template.md

@@ -0,0 +1,7 @@
+<!--
+
+Please do not include compiled distribution files in the PR (i.e. slider-entity-row.js).
+I like to be able to know exactly what goes into those.
+/ Thomas
+
+ -->

package.json

@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "card-tools": "github:thomasloven/lovelace-card-tools",
-    "lit-element": "^3.0.1",
+    "lit": "^2.2.2",
     "tslib": "^2.3.1"
   }
 }

src/controllers/controller.ts

@@ -1,4 +1,4 @@
-import { html } from "lit-element";
+import { html } from "lit";
 
 export interface ControllerConfig {
   entity: string;

src/controllers/media-player-controller.ts

@@ -1,4 +1,3 @@
-import { html } from "lit-element";
 import { Controller } from "./controller";
 
 export class MediaPlayerController extends Controller {

src/main.ts

@@ -1,4 +1,5 @@
-import { LitElement, html, css, property } from "lit-element";
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.js";
 
 import { getController } from "./controllers/get-controller";
 import { Controller, ControllerConfig } from "./controllers/controller";
@@ -22,7 +23,7 @@ class SliderEntityRow extends LitElement {
 
   async resized() {
     await this.updateComplete;
-    if (!this.shadowRoot) return;
+    if (!this.shadowRoot || !this.parentElement) return;
     this.hide_state = this._config.full_row
       ? this.parentElement.clientWidth <= 180
       : this.parentElement.clientWidth <= 335;
@@ -107,7 +108,11 @@ class SliderEntityRow extends LitElement {
       else return content;
 
     return html`
-      <hui-generic-entity-row .hass=${this.hass} .config=${this._config}>
+      <hui-generic-entity-row
+        .hass=${this.hass}
+        .config=${this._config}
+        .catchInteraction=${false}
+      >
         ${content}
       </hui-generic-entity-row>
     `;

test/.env

@@ -1,4 +1,4 @@
 HASS_USERNAME=dev
 HASS_PASSWORD=dev
 LOVELACE_LOCAL_FILES=slider-entity-row.js
-LOVELACE_PLUGINS=
+LOVELACE_PLUGINS="thomasloven/lovelace-card-mod thomasloven/lovelace-auto-entities"