Upgrade to Choices.js 11 (#273)

They fixed a CSS bug we had a workaround for.

package.json

@@ -22,9 +22,8 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@parcel/resolver-glob": "^2.10.3",
-    "choices.js": "^10.2.0",
-    "leaflet": "~1.9.3",
-    "ts-results": "^3.3.0"
+    "choices.js": "^11.0.1",
+    "leaflet": "~1.9.3"
   },
   "devDependencies": {
     "@parcel/compressor-brotli": "^2.10.3",
@@ -43,6 +42,7 @@
     "playwright": "^1.34.3",
     "prettier": "^3.3.3",
     "ts-node": "^10.9.2",
+    "ts-results": "^3.3.0",
     "typescript": "^5.3.3"
   },
   "targets": {

scripts/add-city.ts

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
 import results from "ts-results";
 import fs from "fs/promises";
 import { determineArgs, updateCoordinates, updateParkingLots } from "./base.ts";

scripts/base.ts

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
 import results from "ts-results";
 import fs from "fs/promises";
 import {

src/css/_dropdown.scss

@@ -53,10 +53,3 @@ div.choices__item.choices__item--choice.choices__item--selectable {
   z-index: zindex.$dropdown;
   color: colors.$black;
 }
-
-.choices__list--dropdown .choices__item--selectable,
-.choices__list[aria-expanded] .choices__item--selectable {
-  // Choices.js sets this to 100px to account for itemSelectText. But we disable that,
-  // so we want to use the normal padding it would otherwise use of 10px.
-  padding-right: 10px;
-}