Update deps

.github/FUNDING.yml

@@ -1 +1 @@
-github: [melled]
+github: [MelleD]

package.json

@@ -16,37 +16,37 @@
   "license": "MIT",
   "dependencies": {
     "@lit-labs/scoped-registry-mixin": "^1.0.0",
-    "@material/mwc-formfield": "^0.25.3",
-    "@material/mwc-list": "^0.25.3",
+    "@material/mwc-formfield": "^0.27.0",
+    "@material/mwc-list": "^0.27.0",
     "@material/mwc-menu": "^0.27.0",
     "@material/mwc-notched-outline": "^0.27.0",
     "@material/mwc-ripple": "^0.27.0",
     "@material/mwc-select": "^0.27.0",
     "@material/mwc-switch": "^0.27.0",
-    "@material/mwc-textfield": "^0.25.3",
-    "custom-card-helpers": "^1.7.2",
+    "@material/mwc-textfield": "^0.27.0",
+    "custom-card-helpers": "^1.8.0",
     "home-assistant-js-websocket": "^5.11.1",
     "lit": "^2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/plugin-proposal-decorators": "^7.14.5",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^4.1.0",
-    "@typescript-eslint/eslint-plugin": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
     "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.24.0",
     "eslint-plugin-prettier": "^4.0.0",
     "prettier": "^2.4.1",
     "rollup": "^2.58.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-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
     "typescript": "^4.4.3"
   },

rollup.config.js

@@ -1,8 +1,8 @@
 import typescript from 'rollup-plugin-typescript2';
-import commonjs from 'rollup-plugin-commonjs';
-import nodeResolve from 'rollup-plugin-node-resolve';
-import babel from 'rollup-plugin-babel';
-import { terser } from 'rollup-plugin-terser';
+import commonjs from '@rollup/plugin-commonjs';
+import nodeResolve from '@rollup/plugin-node-resolve';
+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 ignore from './rollup-plugins/ignore';

src/action-handler-directive.ts

@@ -6,7 +6,7 @@ import { fireEvent } from 'custom-card-helpers';
 
 const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;
 
-interface ActionHandler extends HTMLElement {
+interface ActionHtmlElementHandler extends HTMLElement {
   holdTime: number;
   bind(element: Element, options): void;
 }
@@ -20,7 +20,7 @@ declare global {
   }
 }
 
-class ActionHandler extends HTMLElement implements ActionHandler {
+class ActionHandler extends HTMLElement implements ActionHtmlElementHandler {
   public holdTime = 500;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/pm-index-card.ts

@@ -92,7 +92,7 @@ export class PMIndexCard extends LitElement {
     const entityId = this.config.entity;
     const entityState = entityId ? this.hass.states[entityId] : undefined;
     const stateValue:number = entityState ? parseFloat(entityState.state) : 0;
-    const showRecommendation = this.config.show_recommendation;
+    // const showRecommendation = this.config.show_recommendation;
 
     let colorTriangleValue = 1;
     let pmRiskStr = 'pm_levels.low'