Refresh dependencies and fix warnings

package.json

@@ -26,7 +26,7 @@
     "home-assistant-js-websocket": "^6.0.1",
     "lit": "^2.2.0",
     "lodash-es": "^4.17.21",
-    "quick-lru": "github:sindresorhus/quick-lru",
+    "quick-lru": "^6.1.0",
     "screenfull": "^6.0.1",
     "zod": "^3.13.4"
   },
@@ -34,12 +34,15 @@
     "@babel/core": "^7.17.5",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-proposal-decorators": "^7.15.8",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
     "@types/lodash-es": "^4.17.5",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^4.33.0",
+    "@typescript-eslint/parser": "^5.13.0",
-    "eslint": "^7.32.0",
+    "eslint": "^8.10.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.24.2",
@@ -47,9 +50,6 @@
     "npm-check-updates": "^12.5.2",
     "prettier": "^2.4.1",
     "rollup": "^2.69.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",

rollup.config.js

@@ -1,8 +1,7 @@
 import typescript from 'rollup-plugin-typescript2';
-import commonjs from 'rollup-plugin-commonjs';
+import commonjs from '@rollup/plugin-commonjs';
-import nodeResolve from 'rollup-plugin-node-resolve';
+import nodeResolve from '@rollup/plugin-node-resolve';
-import babel from 'rollup-plugin-babel';
+import babel from '@rollup/plugin-babel';
-import { terser } from 'rollup-plugin-terser';
 import serve from 'rollup-plugin-serve';
 import json from '@rollup/plugin-json';
 import styles from 'rollup-plugin-styles';
@@ -38,6 +37,7 @@ const plugins = [
   typescript(),
   json(),
   babel({
+    babelHelpers: 'bundled',
     exclude: 'node_modules/**',
   }),
   dev && serve(serveopts),

src/common.ts

@@ -6,7 +6,7 @@ import {
   hasAction,
   stateIcon,
 } from 'custom-card-helpers';
-import { StyleInfo } from 'lit/directives/style-map';
+import { StyleInfo } from 'lit/directives/style-map.js';
 import { ZodSchema, z } from 'zod';
 import { isEqual } from 'lodash-es';
 

src/components/live.ts

@@ -28,7 +28,7 @@ import { Ref, createRef, ref } from 'lit/directives/ref.js';
 import { Task } from '@lit-labs/task';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
-import { styleMap } from 'lit/directives/style-map';
+import { styleMap } from 'lit/directives/style-map.js';
 
 import { AutoMediaPlugin, AutoMediaPluginType } from './embla-plugins/automedia.js';
 import { BrowseMediaUtil } from '../browse-media-util.js';

src/components/media-carousel.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, unsafeCSS } from 'lit';
 import { EmblaCarouselType } from 'embla-carousel';
-import { createRef, Ref } from 'lit/directives/ref';
+import { createRef, Ref } from 'lit/directives/ref.js';
 import { customElement } from 'lit/decorators.js';
 
 import { AutoMediaPluginType } from './embla-plugins/automedia.js';

src/components/menu.ts

@@ -2,7 +2,7 @@ import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit
 import { HASSDomEvent, HomeAssistant } from 'custom-card-helpers';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
 import { actionHandler } from '../action-handler-directive.js';

src/components/submenu.ts

@@ -1,14 +1,14 @@
 import type { Corner, Menu } from '@material/mwc-menu';
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { HomeAssistant } from 'custom-card-helpers';
-import { customElement, property, query } from 'lit/decorators';
+import { customElement, property, query } from 'lit/decorators.js';
 import {
   frigateCardHasAction,
   refreshDynamicStateParameters,
   stopEventFromActivatingCardWideActions,
 } from '../common.js';
-import { ifDefined } from 'lit/directives/if-defined';
+import { ifDefined } from 'lit/directives/if-defined.js';
-import { styleMap } from 'lit/directives/style-map';
+import { styleMap } from 'lit/directives/style-map.js';
 
 import { ExtendedHomeAssistant, MenuSubmenu, MenuSubmenuItem } from '../types.js';
 import { actionHandler } from '../action-handler-directive.js';

src/components/title-control.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
-import { createRef, ref, Ref } from 'lit/directives/ref';
+import { createRef, ref, Ref } from 'lit/directives/ref.js';
 import { customElement, property } from 'lit/decorators.js';
 
 import { TitleControlConfig } from '../types.js';

src/patches/ha-camera-stream.ts

@@ -9,7 +9,7 @@
 // available as compilation time.
 // ====================================================================
 
-import { Ref, createRef, ref } from 'lit/directives/ref';
+import { Ref, createRef, ref } from 'lit/directives/ref.js';
 import { TemplateResult, css, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { dispatchMediaShowEvent } from '../common.js';

src/patches/ha-hls-player.ts

@@ -10,7 +10,7 @@
 // ====================================================================
 
 import { TemplateResult, css, html } from 'lit';
-import { Ref, createRef, ref } from 'lit/directives/ref';
+import { Ref, createRef, ref } from 'lit/directives/ref.js';
 import { customElement } from 'lit/decorators.js';
 import { dispatchErrorMessageEvent, dispatchMediaShowEvent } from '../common.js';
 

src/patches/ha-web-rtc-player.ts

@@ -9,7 +9,7 @@
 // available as compilation time.
 // ====================================================================
 
-import { Ref, createRef, ref } from 'lit/directives/ref';
+import { Ref, createRef, ref } from 'lit/directives/ref.js';
 import { TemplateResult, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { dispatchErrorMessageEvent, dispatchMediaShowEvent } from '../common.js';

src/types.ts

@@ -1,4 +1,4 @@
-import { StyleInfo } from 'lit/directives/style-map';
+import { StyleInfo } from 'lit/directives/style-map.js';
 import {
   CallServiceActionConfig,
   CustomActionConfig,