Update deps and switch to yarn fully.

.github/workflows/build.yml

@@ -18,8 +18,8 @@ jobs:
       - uses: actions/checkout@v3
       - name: Build
         run: |
-          npm install
+          yarn install
-          npm run build
+          yarn run build
 
       - name: HACS build validation
         uses: "hacs/action@21.12.1"

.github/workflows/release.yml

@@ -15,8 +15,8 @@ jobs:
       # Build
       - name: Build the file
         run: |
-          npm install
+          yarn install
-          npm run build
+          yarn run build
 
       # Upload build file to the releas as an asset.
       - name: Upload zip to release

README.md

@@ -2696,8 +2696,8 @@ This could be for any number of reasons. Chromecast devices can be quite picky o
 ```sh
 $ git clone https://github.com/dermotduffy/frigate-hass-card
 $ cd frigate-hass-card
-$ npm install
+$ yarn install
-$ npm run build
+$ yarn run build
 ```
 
 Resultant build will be at `dist/frigate-hass-card.js`. This could be installed via the [manual installation instructions above](#manual-installation).

package.json

@@ -29,25 +29,25 @@
     "embla-carousel-wheel-gestures": "^2.1.1",
     "home-assistant-js-websocket": "^6.1.1",
     "keycharm": "^0.4.0",
-    "lit": "^2.2.1",
+    "lit": "^2.2.5",
     "lodash-es": "^4.17.21",
     "moment": "^2.29.2",
     "propagating-hammerjs": "^2.0.1",
     "quick-lru": "^6.1.0",
     "screenfull": "^6.0.1",
-    "side-drawer": "^3.0.0",
+    "side-drawer": "^3.1.0",
     "ts-toolbelt": "^9.6.0",
     "uuid": "^8.3.2",
     "vis-data": "^7.1.3",
     "vis-timeline": "^7.5.1",
     "vis-util": "^5.0.2",
-    "xss": "^1.0.10",
+    "xss": "^1.0.13",
-    "zod": "^3.13.4"
+    "zod": "^3.17.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.7",
+    "@babel/core": "^7.18.2",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-proposal-class-properties": "^7.17.12",
-    "@babel/plugin-proposal-decorators": "^7.15.8",
+    "@babel/plugin-proposal-decorators": "^7.18.2",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-image": "^2.1.1",
@@ -55,22 +55,22 @@
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^4.0.0",
     "@types/lodash-es": "^4.17.5",
-    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "@typescript-eslint/parser": "^5.15.0",
+    "@typescript-eslint/parser": "^5.27.1",
-    "eslint": "^8.11.0",
+    "eslint": "^8.17.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
-    "npm-check-updates": "^12.5.3",
+    "npm-check-updates": "^12.5.12",
     "prettier": "^2.6.0",
-    "rollup": "^2.70.1",
+    "rollup": "^2.75.6",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "sass": "^1.49.9",
+    "sass": "^1.52.2",
-    "typescript": "^4.6.2"
+    "typescript": "^4.7.3"
   },
   "scripts": {
     "start": "rollup -c --watch",

src/components/drawer.ts

@@ -77,8 +77,6 @@ export class FrigateCardDrawer extends LitElement {
     this.empty =
       !elements ||
       !elements.length ||
-      // If the element has the special attribute 'empty' also hide it, this is
-      // used to hide carousels that have no actual contents.
       elements.every((element) => {
         const box = element.getBoundingClientRect();
         return !box.width || !box.height;