update dependencies

docs/pages/resources/changelog.md

@@ -29,6 +29,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 - Fixed a bug in `<sl-textarea>` that caused a console warning in Firefox when typing [#2107]
 - Improved accessibility of `<sl-split-panel>` by adding support for <kbd>Enter</kbd> to align with ARIA APG's [window splitter pattern](https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/) [#2234]
 - Improved performance of `<sl-range>` by skipping positioning logic when tooltip isn't shown [#2064]
+- Updated many dependencies to their latest versions
 
 ## 2.18.0
 

package.json

@@ -70,52 +70,52 @@
     "node": ">=14.17.0"
   },
   "dependencies": {
-    "@ctrl/tinycolor": "^4.0.2",
-    "@floating-ui/dom": "^1.5.3",
-    "@lit/react": "^1.0.0",
-    "@shoelace-style/animations": "^1.1.0",
-    "@shoelace-style/localize": "^3.1.2",
-    "composed-offset-position": "^0.0.4",
-    "lit": "^3.0.0",
+    "@ctrl/tinycolor": "^4.1.0",
+    "@floating-ui/dom": "^1.6.12",
+    "@lit/react": "^1.0.6",
+    "@shoelace-style/animations": "^1.2.0",
+    "@shoelace-style/localize": "^3.2.1",
+    "composed-offset-position": "^0.0.6",
+    "lit": "^3.2.1",
     "qr-creator": "^1.0.0"
   },
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
-    "@custom-elements-manifest/analyzer": "^0.8.4",
+    "@custom-elements-manifest/analyzer": "^0.10.3",
     "@open-wc/testing": "^3.2.0",
-    "@types/mocha": "^10.0.2",
-    "@types/react": "^18.2.28",
+    "@types/mocha": "^10.0.10",
+    "@types/react": "^18.3.12",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
     "@web/dev-server-esbuild": "^0.3.6",
     "@web/test-runner": "^0.18.0",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
-    "bootstrap-icons": "^1.11.1",
+    "bootstrap-icons": "^1.11.3",
     "browser-sync": "^2.29.3",
     "chalk": "^5.3.0",
     "change-case": "^4.1.2",
     "command-line-args": "^5.2.1",
-    "comment-parser": "^1.4.0",
-    "cspell": "^6.18.1",
-    "custom-element-jet-brains-integration": "^1.4.0",
-    "custom-element-vs-code-integration": "^1.2.1",
-    "custom-element-vuejs-integration": "^1.0.0",
+    "comment-parser": "^1.4.1",
+    "cspell": "^8.16.1",
+    "custom-element-jet-brains-integration": "^1.6.2",
+    "custom-element-vs-code-integration": "^1.4.1",
+    "custom-element-vuejs-integration": "^1.3.3",
     "del": "^7.1.0",
     "download": "^8.0.0",
     "esbuild": "^0.19.4",
     "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^8.51.0",
-    "eslint-plugin-chai-expect": "^3.0.0",
+    "eslint-plugin-chai-expect": "^3.1.0",
     "eslint-plugin-chai-friendly": "^0.7.2",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-lit": "^1.9.1",
-    "eslint-plugin-lit-a11y": "^4.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-lit": "^1.15.0",
+    "eslint-plugin-lit-a11y": "^4.1.4",
     "eslint-plugin-markdown": "^3.0.1",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-wc": "^2.0.4",
+    "eslint-plugin-wc": "^2.2.0",
     "front-matter": "^4.0.2",
-    "get-port": "^7.0.0",
+    "get-port": "^7.1.0",
     "globby": "^13.2.2",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
@@ -129,18 +129,18 @@
     "npm-check-updates": "^16.14.6",
     "ora": "^7.0.1",
     "pascal-case": "^3.1.2",
-    "plop": "^4.0.0",
-    "prettier": "^3.0.3",
+    "plop": "^4.0.1",
+    "prettier": "^3.4.1",
     "prismjs": "^1.29.0",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "recursive-copy": "^2.0.14",
     "sinon": "^16.1.0",
     "smartquotes": "^2.3.2",
     "source-map": "^0.7.4",
     "strip-css-comments": "^5.0.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "user-agent-data-types": "^0.3.1"
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "user-agent-data-types": "^0.4.2"
   },
   "lint-staged": {
     "*.{ts,js}": [

src/components/menu-item/submenu-controller.ts

@@ -130,8 +130,8 @@ export class SubmenuController implements ReactiveController {
       } else {
         this.enableSubmenu(false);
         this.host.updateComplete.then(() => {
-          if (menuItems![0] instanceof HTMLElement) {
-            menuItems![0].focus();
+          if (menuItems[0] instanceof HTMLElement) {
+            menuItems[0].focus();
           }
         });
         this.host.requestUpdate();

src/internal/default-value.ts

@@ -35,7 +35,7 @@ export const defaultValue =
       if (name === attributeName) {
         const converter = options.converter || defaultConverter;
         const fromAttribute =
-          typeof converter === 'function' ? converter : converter?.fromAttribute ?? defaultConverter.fromAttribute;
+          typeof converter === 'function' ? converter : (converter?.fromAttribute ?? defaultConverter.fromAttribute);
 
         const newValue: unknown = fromAttribute!(value, options.type);