Update typescript to v5, as well as eslint and typescript-eslint

package.json

@@ -61,11 +61,11 @@
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/lodash-es": "^4.17.5",
     "@types/masonry-layout": "^4.2.5",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
     "@vitest/coverage-istanbul": "^1.5.0",
     "docsify-cli": "^4.4.4",
-    "eslint": "^8.23.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.25.4",
@@ -81,7 +81,7 @@
     "rollup-plugin-visualizer": "^5.8.2",
     "sass": "^1.54.9",
     "ts-prune": "^0.10.3",
-    "typescript": "^4.9.5",
+    "typescript": "^5.4.5",
     "vitest": "^1.5.0",
     "vitest-mock-extended": "^1.3.1"
   },

src/action-handler-directive.ts

@@ -13,7 +13,7 @@ import {
 import { stopEventFromActivatingCardWideActions } from './utils/action.js';
 import { Timer } from './utils/timer.js';
 
-interface ActionHandler extends HTMLElement {
+interface ActionHandlerInterface extends HTMLElement {
   holdTime: number;
   bind(element: Element, options): void;
 }
@@ -25,7 +25,7 @@ interface FrigateCardActionHandlerOptions extends ActionHandlerOptions {
   allowPropagation?: boolean;
 }
 
-class ActionHandler extends HTMLElement implements ActionHandler {
+class ActionHandler extends HTMLElement implements ActionHandlerInterface {
   public holdTime = 0.4;
 
   protected holdTimer = new Timer();
@@ -56,7 +56,7 @@ class ActionHandler extends HTMLElement implements ActionHandler {
 
   public bind(
     element: ActionHandlerElement,
-    options: FrigateCardActionHandlerOptions,
+    options?: FrigateCardActionHandlerOptions,
   ): void {
     if (element.actionHandlerOptions) {
       // Reset the options on an existing actionHandler.

src/components/live/live-ha.ts

@@ -6,7 +6,7 @@ import { CameraConfig } from '../../config/types';
 import { localize } from '../../localize/localize';
 import '../../patches/ha-camera-stream';
 import '../../patches/ha-hls-player.js';
-import '../../patches/ha-web-rtc-player.ts';
+import '../../patches/ha-web-rtc-player.js';
 import liveHAStyle from '../../scss/live-ha.scss';
 import { FrigateCardMediaPlayer } from '../../types.js';
 import { renderMessage } from '../message';