From 9955a56d043bbeb7783ae636eec243c36afcc7c3 Mon Sep 17 00:00:00 2001
From: Johan Frick <johan.frick@gmail.com>
Date: Fri, 15 Dec 2023 19:23:53 +0100
Subject: [PATCH] uth: lint with lit-analyzer

---
 package-lock.json                      | 364 +++++++++++++++++++++++++
 package.json                           |   3 +-
 src/card.ts                            |   2 +-
 src/components/footer.ts               |  14 +-
 src/components/group.ts                |   6 +-
 src/components/media-browser-header.ts |   2 +-
 src/components/media-browser-icons.ts  |   4 +-
 src/components/media-browser-list.ts   |   4 +-
 src/components/player-controls.ts      |   8 +-
 src/components/player-header.ts        |   2 +-
 src/components/progress.ts             |   2 +-
 src/components/volume.ts               |   6 +-
 src/constants.ts                       |   2 +-
 src/editor/advanced-editor.ts          |  13 +-
 src/editor/artwork-override-editor.ts  |   2 +-
 src/editor/base-editor.ts              |   6 +-
 src/editor/custom-source-editor.ts     |   2 +-
 src/editor/form.ts                     |   4 +-
 src/editor/predefined-group-editor.ts  |   2 +-
 src/sections/grouping.ts               |   2 +-
 src/sections/groups.ts                 |   2 +-
 src/sections/media-browser.ts          |   2 +-
 src/sections/player.ts                 |   2 +-
 src/sections/volumes.ts                |  12 +-
 24 files changed, 419 insertions(+), 49 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 14a67e01..5fc4ba2c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "eslint-plugin-import": "^2.29.0",
         "eslint-plugin-prettier": "^5.0.1",
         "jest": "27.5.1",
+        "lit-analyzer": "^2.0.1",
         "prettier": "^3.0.3",
         "rollup": "^2.79.1",
         "rollup-plugin-serve": "^2.0.2",
@@ -468,6 +469,18 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "dev": true,
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
@@ -2372,6 +2385,12 @@
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "dev": true
     },
+    "node_modules/@vscode/web-custom-data": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/@vscode/web-custom-data/-/web-custom-data-0.4.8.tgz",
+      "integrity": "sha512-rRiEeEX49wipCeGZo65mQJUEuCY3IXd6bet90eY6cMMQ9jBe2g3Njw/2ctbaxuACPnEKXTdW0dB7umxDln3Rzg==",
+      "dev": true
+    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -3482,6 +3501,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/didyoumean2": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/didyoumean2/-/didyoumean2-4.1.0.tgz",
+      "integrity": "sha512-qTBmfQoXvhKO75D/05C8m+fteQmn4U46FWYiLhXtZQInzitXLWY0EQ/2oKnpAz9g2lQWW8jYcLcT+hPJGT+kig==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.10.2",
+        "leven": "^3.1.0",
+        "lodash.deburr": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=10.13"
+      }
+    },
     "node_modules/diff-sequences": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
@@ -7235,6 +7268,32 @@
         "lit-html": "^3.1.0"
       }
     },
+    "node_modules/lit-analyzer": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/lit-analyzer/-/lit-analyzer-2.0.1.tgz",
+      "integrity": "sha512-4bHJLCbxywMHd9bnVkLDkCSHXs/KrlwUks75EhYtJNdzH07O5BSVdZdadbw4T2AvuYxb0xRO4ZjqgQJCkp8Kjg==",
+      "dev": true,
+      "dependencies": {
+        "@vscode/web-custom-data": "^0.4.2",
+        "chalk": "^2.4.2",
+        "didyoumean2": "4.1.0",
+        "fast-glob": "^3.2.11",
+        "parse5": "5.1.0",
+        "ts-simple-type": "~2.0.0-next.0",
+        "vscode-css-languageservice": "4.3.0",
+        "vscode-html-languageservice": "3.1.0",
+        "web-component-analyzer": "^2.0.0"
+      },
+      "bin": {
+        "lit-analyzer": "cli.js"
+      }
+    },
+    "node_modules/lit-analyzer/node_modules/parse5": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
+      "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
+      "dev": true
+    },
     "node_modules/lit-element": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.1.tgz",
@@ -7274,6 +7333,12 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "node_modules/lodash.deburr": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
+      "integrity": "sha512-m/M1U1f3ddMCs6Hq2tAsYThTBDaAKFDX3dwDo97GEYzamXi9SqUpjWi/Rrj/gf3X2n8ktwgZrlP1z6E3v/IExQ==",
+      "dev": true
+    },
     "node_modules/lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -8015,6 +8080,12 @@
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true
+    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
@@ -8946,6 +9017,12 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/ts-simple-type": {
+      "version": "2.0.0-next.0",
+      "resolved": "https://registry.npmjs.org/ts-simple-type/-/ts-simple-type-2.0.0-next.0.tgz",
+      "integrity": "sha512-A+hLX83gS+yH6DtzNAhzZbPfU+D9D8lHlTSd7GeoMRBjOt3GRylDqLTYbdmjA4biWvq2xSfpqfIDj2l0OA/BVg==",
+      "dev": true
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.14.2",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
@@ -9220,6 +9297,54 @@
         "node": ">= 8"
       }
     },
+    "node_modules/vscode-css-languageservice": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-4.3.0.tgz",
+      "integrity": "sha512-BkQAMz4oVHjr0oOAz5PdeE72txlLQK7NIwzmclfr+b6fj6I8POwB+VoXvrZLTbWt9hWRgfvgiQRkh5JwrjPJ5A==",
+      "dev": true,
+      "dependencies": {
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "3.16.0-next.2",
+        "vscode-nls": "^4.1.2",
+        "vscode-uri": "^2.1.2"
+      }
+    },
+    "node_modules/vscode-html-languageservice": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-3.1.0.tgz",
+      "integrity": "sha512-QAyRHI98bbEIBCqTzZVA0VblGU40na0txggongw5ZgTj9UVsVk5XbLT16O9OTcbqBGSqn0oWmFDNjK/XGIDcqg==",
+      "dev": true,
+      "dependencies": {
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "3.16.0-next.2",
+        "vscode-nls": "^4.1.2",
+        "vscode-uri": "^2.1.2"
+      }
+    },
+    "node_modules/vscode-languageserver-textdocument": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.11.tgz",
+      "integrity": "sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA==",
+      "dev": true
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.16.0-next.2",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0-next.2.tgz",
+      "integrity": "sha512-QjXB7CKIfFzKbiCJC4OWC8xUncLsxo19FzGVp/ADFvvi87PlmBSCAtZI5xwGjF5qE0xkLf0jjKUn3DzmpDP52Q==",
+      "dev": true
+    },
+    "node_modules/vscode-nls": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/vscode-nls/-/vscode-nls-4.1.2.tgz",
+      "integrity": "sha512-7bOHxPsfyuCqmP+hZXscLhiHwe7CSuFE4hyhbs22xPIhQ4jv99FcR4eBzfYYVLP356HNFpdvz63FFb/xw6T4Iw==",
+      "dev": true
+    },
+    "node_modules/vscode-uri": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz",
+      "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==",
+      "dev": true
+    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -9251,6 +9376,76 @@
         "makeerror": "1.0.12"
       }
     },
+    "node_modules/web-component-analyzer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/web-component-analyzer/-/web-component-analyzer-2.0.0.tgz",
+      "integrity": "sha512-UEvwfpD+XQw99sLKiH5B1T4QwpwNyWJxp59cnlRwFfhUW6JsQpw5jMeMwi7580sNou8YL3kYoS7BWLm+yJ/jVQ==",
+      "dev": true,
+      "dependencies": {
+        "fast-glob": "^3.2.2",
+        "ts-simple-type": "2.0.0-next.0",
+        "typescript": "~5.2.0",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "wca": "cli.js",
+        "web-component-analyzer": "cli.js"
+      }
+    },
+    "node_modules/web-component-analyzer/node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/web-component-analyzer/node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/web-component-analyzer/node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/web-component-analyzer/node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
@@ -9810,6 +10005,15 @@
         "@babel/helper-plugin-utils": "^7.22.5"
       }
     },
+    "@babel/runtime": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
+      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "dev": true,
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
+    },
     "@babel/template": {
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
@@ -11206,6 +11410,12 @@
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
       "dev": true
     },
+    "@vscode/web-custom-data": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/@vscode/web-custom-data/-/web-custom-data-0.4.8.tgz",
+      "integrity": "sha512-rRiEeEX49wipCeGZo65mQJUEuCY3IXd6bet90eY6cMMQ9jBe2g3Njw/2ctbaxuACPnEKXTdW0dB7umxDln3Rzg==",
+      "dev": true
+    },
     "abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -12016,6 +12226,17 @@
       "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
       "dev": true
     },
+    "didyoumean2": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/didyoumean2/-/didyoumean2-4.1.0.tgz",
+      "integrity": "sha512-qTBmfQoXvhKO75D/05C8m+fteQmn4U46FWYiLhXtZQInzitXLWY0EQ/2oKnpAz9g2lQWW8jYcLcT+hPJGT+kig==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.10.2",
+        "leven": "^3.1.0",
+        "lodash.deburr": "^4.1.0"
+      }
+    },
     "diff-sequences": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
@@ -14787,6 +15008,31 @@
         "lit-html": "^3.1.0"
       }
     },
+    "lit-analyzer": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/lit-analyzer/-/lit-analyzer-2.0.1.tgz",
+      "integrity": "sha512-4bHJLCbxywMHd9bnVkLDkCSHXs/KrlwUks75EhYtJNdzH07O5BSVdZdadbw4T2AvuYxb0xRO4ZjqgQJCkp8Kjg==",
+      "dev": true,
+      "requires": {
+        "@vscode/web-custom-data": "^0.4.2",
+        "chalk": "^2.4.2",
+        "didyoumean2": "4.1.0",
+        "fast-glob": "^3.2.11",
+        "parse5": "5.1.0",
+        "ts-simple-type": "~2.0.0-next.0",
+        "vscode-css-languageservice": "4.3.0",
+        "vscode-html-languageservice": "3.1.0",
+        "web-component-analyzer": "^2.0.0"
+      },
+      "dependencies": {
+        "parse5": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz",
+          "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==",
+          "dev": true
+        }
+      }
+    },
     "lit-element": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.1.tgz",
@@ -14820,6 +15066,12 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "lodash.deburr": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
+      "integrity": "sha512-m/M1U1f3ddMCs6Hq2tAsYThTBDaAKFDX3dwDo97GEYzamXi9SqUpjWi/Rrj/gf3X2n8ktwgZrlP1z6E3v/IExQ==",
+      "dev": true
+    },
     "lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -15364,6 +15616,12 @@
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true
     },
+    "regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true
+    },
     "regexp.prototype.flags": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
@@ -16026,6 +16284,12 @@
         }
       }
     },
+    "ts-simple-type": {
+      "version": "2.0.0-next.0",
+      "resolved": "https://registry.npmjs.org/ts-simple-type/-/ts-simple-type-2.0.0-next.0.tgz",
+      "integrity": "sha512-A+hLX83gS+yH6DtzNAhzZbPfU+D9D8lHlTSd7GeoMRBjOt3GRylDqLTYbdmjA4biWvq2xSfpqfIDj2l0OA/BVg==",
+      "dev": true
+    },
     "tsconfig-paths": {
       "version": "3.14.2",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
@@ -16226,6 +16490,54 @@
         }
       }
     },
+    "vscode-css-languageservice": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/vscode-css-languageservice/-/vscode-css-languageservice-4.3.0.tgz",
+      "integrity": "sha512-BkQAMz4oVHjr0oOAz5PdeE72txlLQK7NIwzmclfr+b6fj6I8POwB+VoXvrZLTbWt9hWRgfvgiQRkh5JwrjPJ5A==",
+      "dev": true,
+      "requires": {
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "3.16.0-next.2",
+        "vscode-nls": "^4.1.2",
+        "vscode-uri": "^2.1.2"
+      }
+    },
+    "vscode-html-languageservice": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-html-languageservice/-/vscode-html-languageservice-3.1.0.tgz",
+      "integrity": "sha512-QAyRHI98bbEIBCqTzZVA0VblGU40na0txggongw5ZgTj9UVsVk5XbLT16O9OTcbqBGSqn0oWmFDNjK/XGIDcqg==",
+      "dev": true,
+      "requires": {
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-languageserver-types": "3.16.0-next.2",
+        "vscode-nls": "^4.1.2",
+        "vscode-uri": "^2.1.2"
+      }
+    },
+    "vscode-languageserver-textdocument": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.11.tgz",
+      "integrity": "sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA==",
+      "dev": true
+    },
+    "vscode-languageserver-types": {
+      "version": "3.16.0-next.2",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0-next.2.tgz",
+      "integrity": "sha512-QjXB7CKIfFzKbiCJC4OWC8xUncLsxo19FzGVp/ADFvvi87PlmBSCAtZI5xwGjF5qE0xkLf0jjKUn3DzmpDP52Q==",
+      "dev": true
+    },
+    "vscode-nls": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/vscode-nls/-/vscode-nls-4.1.2.tgz",
+      "integrity": "sha512-7bOHxPsfyuCqmP+hZXscLhiHwe7CSuFE4hyhbs22xPIhQ4jv99FcR4eBzfYYVLP356HNFpdvz63FFb/xw6T4Iw==",
+      "dev": true
+    },
+    "vscode-uri": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-2.1.2.tgz",
+      "integrity": "sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==",
+      "dev": true
+    },
     "w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -16253,6 +16565,58 @@
         "makeerror": "1.0.12"
       }
     },
+    "web-component-analyzer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/web-component-analyzer/-/web-component-analyzer-2.0.0.tgz",
+      "integrity": "sha512-UEvwfpD+XQw99sLKiH5B1T4QwpwNyWJxp59cnlRwFfhUW6JsQpw5jMeMwi7580sNou8YL3kYoS7BWLm+yJ/jVQ==",
+      "dev": true,
+      "requires": {
+        "fast-glob": "^3.2.2",
+        "ts-simple-type": "2.0.0-next.0",
+        "typescript": "~5.2.0",
+        "yargs": "^17.7.2"
+      },
+      "dependencies": {
+        "cliui": {
+          "version": "8.0.1",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+          "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.1",
+            "wrap-ansi": "^7.0.0"
+          }
+        },
+        "typescript": {
+          "version": "5.2.2",
+          "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+          "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+          "dev": true
+        },
+        "yargs": {
+          "version": "17.7.2",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+          "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+          "dev": true,
+          "requires": {
+            "cliui": "^8.0.1",
+            "escalade": "^3.1.1",
+            "get-caller-file": "^2.0.5",
+            "require-directory": "^2.1.1",
+            "string-width": "^4.2.3",
+            "y18n": "^5.0.5",
+            "yargs-parser": "^21.1.1"
+          }
+        },
+        "yargs-parser": {
+          "version": "21.1.1",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+          "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+          "dev": true
+        }
+      }
+    },
     "webidl-conversions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
diff --git a/package.json b/package.json
index 44d6717d..2e087bb3 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-prettier": "^5.0.1",
     "jest": "27.5.1",
+    "lit-analyzer": "^2.0.1",
     "prettier": "^3.0.3",
     "rollup": "^2.79.1",
     "rollup-plugin-serve": "^2.0.2",
@@ -39,7 +40,7 @@
     "start": "rollup -c --watch",
     "build": "npm run lint && npm run rollup",
     "local-deploy": "npm run build && cp dist/custom-sonos-card.js ~/homeassistant/www/community/custom-sonos-card/custom-sonos-card.js",
-    "lint": "eslint src/*.ts",
+    "lint": "eslint src/*.ts && lit-analyzer **/src/**/*.ts",
     "rollup": "rollup -c",
     "test": "jest --verbose --silent --colors -c jest.config.js"
   }
diff --git a/src/card.ts b/src/card.ts
index 319d41c1..8dae132e 100644
--- a/src/card.ts
+++ b/src/card.ts
@@ -23,7 +23,7 @@ const FOOTER_HEIGHT = 5;
 
 export class Card extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
-  @property() config!: CardConfig;
+  @property({attribute: false}) config!: CardConfig;
   @state() section!: Section;
   @state() store!: Store;
   @state() showLoader!: boolean;
diff --git a/src/components/footer.ts b/src/components/footer.ts
index 6eced26f..cd60b9a6 100644
--- a/src/components/footer.ts
+++ b/src/components/footer.ts
@@ -8,37 +8,37 @@ import { mdiCastVariant, mdiHome, mdiSpeakerMultiple, mdiStarOutline, mdiTune }
 const { GROUPING, GROUPS, MEDIA_BROWSER, PLAYER, VOLUMES } = Section;
 
 class Footer extends LitElement {
-  @property() config!: CardConfig;
+  @property({ attribute: false }) config!: CardConfig;
   @property() section!: Section;
 
   render() {
     return html`
       <ha-icon-button
-        hidden=${this.hide(PLAYER)}
+        hide=${this.hide(PLAYER)}
         .path=${mdiHome}
         @click="${() => dispatchShowSection(PLAYER)}"
         selected="${this.selected(PLAYER)}"
       ></ha-icon-button>
       <ha-icon-button
-        hidden=${this.hide(MEDIA_BROWSER)}
+        hide=${this.hide(MEDIA_BROWSER)}
         .path=${mdiStarOutline}
         @click="${() => dispatchShowSection(MEDIA_BROWSER)}"
         selected="${this.selected(MEDIA_BROWSER)}"
       ></ha-icon-button>
       <ha-icon-button
-        hidden=${this.hide(GROUPS)}
+        hide=${this.hide(GROUPS)}
         .path=${mdiSpeakerMultiple}
         @click="${() => dispatchShowSection(GROUPS)}"
         selected="${this.selected(GROUPS)}"
       ></ha-icon-button>
       <ha-icon-button
-        hidden=${this.hide(GROUPING)}
+        hide=${this.hide(GROUPING)}
         .path=${mdiCastVariant}
         @click="${() => dispatchShowSection(GROUPING)}"
         selected="${this.selected(GROUPING)}"
       ></ha-icon-button>
       <ha-icon-button
-        hidden=${this.hide(VOLUMES)}
+        hide=${this.hide(VOLUMES)}
         .path=${mdiTune}
         @click="${() => dispatchShowSection(VOLUMES)}"
         selected="${this.selected(VOLUMES)}"
@@ -66,7 +66,7 @@ class Footer extends LitElement {
       :host > *[selected] {
         color: var(--accent-color);
       }
-      :host > *[hidden] {
+      :host > *[hide] {
         display: none;
       }
     `;
diff --git a/src/components/group.ts b/src/components/group.ts
index 70c704e6..b1f50fd3 100755
--- a/src/components/group.ts
+++ b/src/components/group.ts
@@ -8,10 +8,10 @@ import { REQUEST_PLAYER_EVENT } from '../constants';
 import { MediaPlayer } from '../model/media-player';
 
 class Group extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private config!: CardConfig;
-  @property() player!: MediaPlayer;
-  @property() selected = false;
+  @property({ attribute: false }) player!: MediaPlayer;
+  @property({ type: Boolean }) selected = false;
 
   connectedCallback() {
     super.connectedCallback();
diff --git a/src/components/media-browser-header.ts b/src/components/media-browser-header.ts
index a625d673..988185a0 100644
--- a/src/components/media-browser-header.ts
+++ b/src/components/media-browser-header.ts
@@ -4,7 +4,7 @@ import { MediaPlayerEntityFeature } from '../types';
 import Store from '../model/store';
 
 class MediaBrowserHeader extends LitElement {
-  @property() store!: Store;
+  @property({attribute: false}) store!: Store;
 
   render() {
     return html`
diff --git a/src/components/media-browser-icons.ts b/src/components/media-browser-icons.ts
index d37eb08c..96e964b4 100755
--- a/src/components/media-browser-icons.ts
+++ b/src/components/media-browser-icons.ts
@@ -11,8 +11,8 @@ import {
 } from '../utils/media-browser-utils';
 
 export class MediaBrowserIcons extends LitElement {
-  @property() store!: Store;
-  @property() items!: MediaPlayerItem[];
+  @property({ attribute: false }) store!: Store;
+  @property({ attribute: false }) items!: MediaPlayerItem[];
   private config!: CardConfig;
 
   render() {
diff --git a/src/components/media-browser-list.ts b/src/components/media-browser-list.ts
index bb78cbb5..3a5e743b 100755
--- a/src/components/media-browser-list.ts
+++ b/src/components/media-browser-list.ts
@@ -11,8 +11,8 @@ import {
 } from '../utils/media-browser-utils';
 
 export class MediaBrowserList extends LitElement {
-  @property() store!: Store;
-  @property() items!: MediaPlayerItem[];
+  @property({ attribute: false }) store!: Store;
+  @property({ type: Array }) items!: MediaPlayerItem[];
   private config!: CardConfig;
 
   render() {
diff --git a/src/components/player-controls.ts b/src/components/player-controls.ts
index ea72927b..95c52ec1 100755
--- a/src/components/player-controls.ts
+++ b/src/components/player-controls.ts
@@ -10,7 +10,7 @@ import { when } from 'lit/directives/when.js';
 const { SHUFFLE_SET, REPEAT_SET, PLAY, PAUSE, NEXT_TRACK, PREVIOUS_TRACK } = MediaPlayerEntityFeature;
 
 class PlayerControls extends LitElement {
-  @property() store!: Store;
+  @property({attribute: false}) store!: Store;
   private config!: CardConfig;
   private activePlayer!: MediaPlayer;
   private mediaControlService!: MediaControlService;
@@ -27,11 +27,11 @@ class PlayerControls extends LitElement {
           this.activePlayer.state !== 'idle',
           () => html`
             <div class="icons">
-              <ha-icon-button hidden=${noUpDown} @click="${this.volDown}" .path=${mdiVolumeMinus}></ha-icon-button>
+              <ha-icon-button hide=${noUpDown} @click="${this.volDown}" .path=${mdiVolumeMinus}></ha-icon-button>
               <sonos-ha-player .store=${this.store} .features=${[SHUFFLE_SET, PREVIOUS_TRACK]}></sonos-ha-player>
               <sonos-ha-player .store=${this.store} .features=${[PLAY, PAUSE]} class="big-icon"></sonos-ha-player>
               <sonos-ha-player .store=${this.store} .features=${[NEXT_TRACK, REPEAT_SET]}></sonos-ha-player>
-              <ha-icon-button hidden=${noUpDown} @click="${this.volUp}" .path=${mdiVolumePlus}></ha-icon-button>
+              <ha-icon-button hide=${noUpDown} @click="${this.volUp}" .path=${mdiVolumePlus}></ha-icon-button>
             </div>
           `,
         )}
@@ -54,7 +54,7 @@ class PlayerControls extends LitElement {
         display: flex;
         align-items: center;
       }
-      .icons > *[hidden] {
+      .icons > *[hide] {
         display: none;
       }
       .big-icon {
diff --git a/src/components/player-header.ts b/src/components/player-header.ts
index 45f97c4c..468d3861 100755
--- a/src/components/player-header.ts
+++ b/src/components/player-header.ts
@@ -6,7 +6,7 @@ import { getSpeakerList } from '../utils/utils';
 import { MediaPlayer } from '../model/media-player';
 
 class PlayerHeader extends LitElement {
-  @property() store!: Store;
+  @property({attribute: false}) store!: Store;
   private config!: CardConfig;
   private activePlayer!: MediaPlayer;
 
diff --git a/src/components/progress.ts b/src/components/progress.ts
index de5aca5f..a874bf37 100755
--- a/src/components/progress.ts
+++ b/src/components/progress.ts
@@ -5,7 +5,7 @@ import { MediaPlayer } from '../model/media-player';
 import { styleMap } from 'lit-html/directives/style-map.js';
 
 class Progress extends LitElement {
-  @property() store!: Store;
+  @property({attribute: false}) store!: Store;
   private activePlayer!: MediaPlayer;
 
   @state() private playingProgress!: number;
diff --git a/src/components/volume.ts b/src/components/volume.ts
index 8bf16286..471b76e4 100755
--- a/src/components/volume.ts
+++ b/src/components/volume.ts
@@ -7,11 +7,11 @@ import { mdiVolumeHigh, mdiVolumeMute } from '@mdi/js';
 import { MediaPlayer } from '../model/media-player';
 
 class Volume extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private config!: CardConfig;
   private mediaControlService!: MediaControlService;
-  @property() player!: MediaPlayer;
-  @property() updateMembers = true;
+  @property({ attribute: false }) player!: MediaPlayer;
+  @property({ type: Boolean }) updateMembers = true;
   @property() volumeClicked?: () => void;
 
   render() {
diff --git a/src/constants.ts b/src/constants.ts
index 6fc34878..ab7c73cf 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -26,7 +26,7 @@ export const mediaBrowserTitleStyle = css`
     color: var(--secondary-text-color);
     font-weight: bold;
     padding: 0 0.5rem;
-    text-overflow-ellipsis: ellipsis;
+    text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
   }
diff --git a/src/editor/advanced-editor.ts b/src/editor/advanced-editor.ts
index 0a8a989a..e281b693 100644
--- a/src/editor/advanced-editor.ts
+++ b/src/editor/advanced-editor.ts
@@ -43,16 +43,21 @@ class AdvancedEditor extends BaseEditor {
     const topFavorites = this.store.config.topFavorites ?? [];
     const data = { ...this.store.config, topFavorites: topFavorites.join(', ') };
     return html`
-      <sonos-card-editor-form .schema=${ADVANCED_SCHEMA} .store=${this.store} .data=${data} .changed=${this.changed}></sonos-card-editor-form>
-      <p>
-        The following needs to be configured using code (YAML): 
+      <sonos-card-editor-form
+        .schema=${ADVANCED_SCHEMA}
+        .store=${this.store}
+        .data=${data}
+        .changed=${this.changed}
+      ></sonos-card-editor-form>
+      <div>
+        The following needs to be configured using code (YAML):
         <ul>
           <li>customSources</li>
           <li>customThumbnail</li>
           <li>customThumbnailIfMissing</li>
           <li>mediaBrowserTitlesToIgnore</li>
         </ul>
-      </p>
+      </div>
     `;
   }
   protected changed(ev: CustomEvent): void {
diff --git a/src/editor/artwork-override-editor.ts b/src/editor/artwork-override-editor.ts
index 33685c42..446efed9 100644
--- a/src/editor/artwork-override-editor.ts
+++ b/src/editor/artwork-override-editor.ts
@@ -5,7 +5,7 @@ import { BaseEditor } from './base-editor';
 
 const newOverride = { ifMissing: false };
 class ArtworkOverrideEditor extends BaseEditor {
-  @property() index!: number;
+  @property({ type: Number }) index!: number;
   protected render(): TemplateResult {
     this.config = this.store.config;
     this.hass = this.store.hass;
diff --git a/src/editor/base-editor.ts b/src/editor/base-editor.ts
index 31c9a238..7d68cc52 100644
--- a/src/editor/base-editor.ts
+++ b/src/editor/base-editor.ts
@@ -5,9 +5,9 @@ import { CardConfig } from '../types';
 import Store from '../model/store';
 
 export abstract class BaseEditor extends LitElement {
-  @property() config!: CardConfig;
-  @property() hass!: HomeAssistant;
-  @property() store!: Store;
+  @property({attribute: false}) config!: CardConfig;
+  @property({attribute: false}) hass!: HomeAssistant;
+  @property({attribute: false}) store!: Store;
 
   setConfig(config: CardConfig) {
     this.config = JSON.parse(JSON.stringify(config));
diff --git a/src/editor/custom-source-editor.ts b/src/editor/custom-source-editor.ts
index 9240b35d..d159d0c2 100644
--- a/src/editor/custom-source-editor.ts
+++ b/src/editor/custom-source-editor.ts
@@ -3,7 +3,7 @@ import { property } from 'lit/decorators.js';
 import { BaseEditor } from './base-editor';
 
 class CustomSourceEditor extends BaseEditor {
-  @property() index!: number;
+  @property({ type: Number }) index!: number;
 
   protected render(): TemplateResult {
     return html``;
diff --git a/src/editor/form.ts b/src/editor/form.ts
index ff79f682..c079b2b3 100644
--- a/src/editor/form.ts
+++ b/src/editor/form.ts
@@ -3,8 +3,8 @@ import { BaseEditor } from './base-editor';
 import { property } from 'lit/decorators.js';
 
 class Form extends BaseEditor {
-  @property() schema!: unknown;
-  @property() data!: unknown;
+  @property({attribute: false}) schema!: unknown;
+  @property({attribute: false}) data!: unknown;
   @property() changed!: (ev: CustomEvent) => void;
   protected render(): TemplateResult {
     this.config = this.store.config;
diff --git a/src/editor/predefined-group-editor.ts b/src/editor/predefined-group-editor.ts
index ff6338a3..64a185b9 100644
--- a/src/editor/predefined-group-editor.ts
+++ b/src/editor/predefined-group-editor.ts
@@ -5,7 +5,7 @@ import { BaseEditor } from './base-editor';
 import { ConfigPredefinedGroupPlayer, PredefinedGroup } from '../types';
 
 class PredefinedGroupEditor extends BaseEditor {
-  @property() index!: number;
+  @property({ type: Number }) index!: number;
   @state() predefinedGroup!: PredefinedGroup<ConfigPredefinedGroupPlayer>;
 
   private schema = [
diff --git a/src/sections/grouping.ts b/src/sections/grouping.ts
index 9bc570f5..c9fe1e43 100755
--- a/src/sections/grouping.ts
+++ b/src/sections/grouping.ts
@@ -9,7 +9,7 @@ import { MediaPlayer } from '../model/media-player';
 import '../components/grouping-button';
 
 export class Grouping extends LitElement {
-  @property() store!: Store;
+  @property({attribute: false}) store!: Store;
   private activePlayer!: MediaPlayer;
   private mediaControlService!: MediaControlService;
   private allGroups!: MediaPlayer[];
diff --git a/src/sections/groups.ts b/src/sections/groups.ts
index 17cbb691..8d4a3055 100755
--- a/src/sections/groups.ts
+++ b/src/sections/groups.ts
@@ -6,7 +6,7 @@ import { listStyle } from '../constants';
 import { MediaPlayer } from '../model/media-player';
 
 export class Groups extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private groups!: MediaPlayer[];
   private activePlayer!: MediaPlayer;
 
diff --git a/src/sections/media-browser.ts b/src/sections/media-browser.ts
index 307c63bd..7e60c999 100755
--- a/src/sections/media-browser.ts
+++ b/src/sections/media-browser.ts
@@ -14,7 +14,7 @@ import MediaBrowseService from '../services/media-browse-service';
 import { indexOfWithoutSpecialChars } from '../utils/media-browser-utils';
 
 export class MediaBrowser extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private config!: CardConfig;
   private activePlayer!: MediaPlayer;
   private mediaPlayers!: MediaPlayer[];
diff --git a/src/sections/player.ts b/src/sections/player.ts
index 7555ff3a..0c75dd3a 100755
--- a/src/sections/player.ts
+++ b/src/sections/player.ts
@@ -12,7 +12,7 @@ import { MUSIC_NOTES_BASE64_IMAGE, TV_BASE64_IMAGE } from '../constants';
 import { MediaPlayer } from '../model/media-player';
 
 export class Player extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private config!: CardConfig;
   private activePlayer!: MediaPlayer;
 
diff --git a/src/sections/volumes.ts b/src/sections/volumes.ts
index d94b9cd1..406824fe 100755
--- a/src/sections/volumes.ts
+++ b/src/sections/volumes.ts
@@ -13,7 +13,7 @@ import { HassEntity } from 'home-assistant-js-websocket';
 const { SELECT_SOURCE } = MediaPlayerEntityFeature;
 
 class Volumes extends LitElement {
-  @property() store!: Store;
+  @property({ attribute: false }) store!: Store;
   private config!: CardConfig;
   private activePlayer!: MediaPlayer;
   private mediaControlService!: MediaControlService;
@@ -48,18 +48,18 @@ class Volumes extends LitElement {
         <div class="volume-name-text">${name}</div>
       </div>
       <div class="slider-row">
-        <ha-icon-button hidden=${noUpDown} @click="${volDown}" .path=${mdiVolumeMinus}></ha-icon-button>
+        <ha-icon-button hide=${noUpDown} @click="${volDown}" .path=${mdiVolumeMinus}></ha-icon-button>
         <sonos-volume .store=${this.store} .player=${player} .updateMembers=${updateMembers}></sonos-volume>
-        <ha-icon-button hidden=${noUpDown} @click="${volUp}" .path=${mdiVolumePlus}></ha-icon-button>
+        <ha-icon-button hide=${noUpDown} @click="${volUp}" .path=${mdiVolumePlus}></ha-icon-button>
         <ha-icon-button
-          hidden=${updateMembers || nothing}
+          hide=${updateMembers || nothing}
           @click="${() => this.toggleShowSwitches(player)}"
           .path=${mdiCog}
           show-switches="${this.showSwitches[player.id] || nothing}"
         ></ha-icon-button>
       </div>
       <div class="switches">
-        <sonos-ha-player hidden=${hideSwitches || nothing} .store=${this.store} .features=${[SELECT_SOURCE]}>
+        <sonos-ha-player hide=${hideSwitches || nothing} .store=${this.store} .features=${[SELECT_SOURCE]}>
         </sonos-ha-player>
         ${until(this.getAdditionalControls(hideSwitches, player))}
       </div>
@@ -134,7 +134,7 @@ class Volumes extends LitElement {
         color: var(--accent-color);
       }
 
-      *[hidden] {
+      *[hide] {
         display: none;
       }
     `;