From a1c5a9afb95c7d93a23777fdbfd0f405c0529d4d Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Tue, 23 Apr 2024 19:43:16 +0200
Subject: [PATCH 1/6] Add draft for fixing (aria-)label bug on OcSelect

---
 .../src/components/OcPageSize/OcPageSize.vue     |  1 +
 .../src/components/OcSelect/OcSelect.vue         | 16 ++++++++++++++--
 .../components/SideBar/Details/TagsSelect.vue    |  2 ++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/components/OcPageSize/OcPageSize.vue b/packages/design-system/src/components/OcPageSize/OcPageSize.vue
index 4232ba4edda..b0660ddd5a1 100644
--- a/packages/design-system/src/components/OcPageSize/OcPageSize.vue
+++ b/packages/design-system/src/components/OcPageSize/OcPageSize.vue
@@ -6,6 +6,7 @@
       data-testid="oc-page-size-label"
       v-text="label"
     />
+    <!-- Streamline label above into oc-select? -->
     <oc-select
       :input-id="selectId"
       class="oc-page-size-select"
diff --git a/packages/design-system/src/components/OcSelect/OcSelect.vue b/packages/design-system/src/components/OcSelect/OcSelect.vue
index 9fa113d71a8..0980b594f9c 100644
--- a/packages/design-system/src/components/OcSelect/OcSelect.vue
+++ b/packages/design-system/src/components/OcSelect/OcSelect.vue
@@ -1,6 +1,12 @@
 <template>
   <div>
-    <label v-if="label" :for="id" class="oc-label" v-text="label" />
+    <label
+      v-if="label"
+      :for="id"
+      :class="{ 'oc-invisible-sr': isLabelHidden }"
+      class="oc-label"
+      v-text="label"
+    />
     <oc-contextual-helper
       v-if="contextualHelper?.isEnabled"
       v-bind="contextualHelper?.data"
@@ -280,6 +286,10 @@ export default defineComponent({
     readOnly: {
       type: Boolean,
       default: false
+    },
+    isLabelHidden: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['search:input', 'update:modelValue'],
@@ -304,7 +314,9 @@ export default defineComponent({
     }
 
     onMounted(() => {
-      setComboBoxAriaLabel()
+      if (!props.label) {
+        setComboBoxAriaLabel()
+      }
     })
 
     const dropdownEnabled = ref(false)
diff --git a/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue b/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
index 35e124a65ea..14362edcec2 100644
--- a/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
+++ b/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
@@ -2,6 +2,8 @@
   <oc-select
     ref="tagSelect"
     v-model="selectedTags"
+    :label="$gettext('Add or edit tags')"
+    :is-label-hidden="true"
     class="tags-select"
     :multiple="true"
     :disabled="readonly"

From dd105abd259891c7f485282180a23d5cbd5df06c Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Thu, 2 May 2024 15:32:02 +0200
Subject: [PATCH 2/6] Switch out vue-select libraries, iterate on a11y
 improvement approach for OcSelect

---
 packages/design-system/package.json           |  4 +--
 .../src/components/OcSelect/OcSelect.vue      | 29 +++++++++----------
 packages/web-runtime/package.json             |  2 +-
 pnpm-lock.yaml                                |  3 ++
 4 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 86d4f956250..dac860ccc6d 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -108,7 +108,7 @@
     "vue-inline-svg": "3.1.2",
     "vue-loader": "^17.4.2",
     "vue-router": "4.2.5",
-    "vue-select": "4.0.0-beta.6",
+    "vs-vue3-select": "^1.3.5",
     "vue-style-loader": "^4.1.3",
     "vue-styleguidist": "^4.72.4",
     "vue3-gettext": "2.4.0",
@@ -132,7 +132,7 @@
     "v-calendar": "github:dschmidt/v-calendar#3ce6e3b8afd5491cb53ee811281d5fa8a45b044d",
     "vue": "3.4.21",
     "vue-inline-svg": "3.1.2",
-    "vue-select": "^3.12.0",
+    "vs-vue3-select": "^1.3.5",
     "webfontloader": "^1.6.28"
   },
   "engines": {
diff --git a/packages/design-system/src/components/OcSelect/OcSelect.vue b/packages/design-system/src/components/OcSelect/OcSelect.vue
index 0980b594f9c..70699813c9a 100644
--- a/packages/design-system/src/components/OcSelect/OcSelect.vue
+++ b/packages/design-system/src/components/OcSelect/OcSelect.vue
@@ -2,8 +2,8 @@
   <div>
     <label
       v-if="label"
+      :aria-hidden="accessibleLabel.length > 0"
       :for="id"
-      :class="{ 'oc-invisible-sr': isLabelHidden }"
       class="oc-label"
       v-text="label"
     />
@@ -14,6 +14,7 @@
     ></oc-contextual-helper>
     <vue-select
       ref="select"
+      :aria-label="accessibleLabel"
       :disabled="disabled || readOnly"
       :filter="filter"
       :loading="loading"
@@ -99,17 +100,16 @@ import uniqueId from '../../utils/uniqueId'
 import {
   defineComponent,
   ComponentPublicInstance,
-  onMounted,
+  computed,
   ref,
   unref,
   VNodeRef,
   PropType
 } from 'vue'
+import VueSelect from 'vs-vue3-select'
 import { useGettext } from 'vue3-gettext'
-import 'vue-select/dist/vue-select.css'
+import 'vs-vue3-select/dist/vs-vue3-select.css'
 import { ContextualHelper } from '../../helpers'
-// @ts-ignore
-import VueSelect from 'vue-select'
 
 // the keycode property is deprecated in the JS event API, vue-select still works with it though
 enum KeyCode {
@@ -167,6 +167,10 @@ export default defineComponent({
       required: false,
       default: false
     },
+    ariaLabel: {
+      type: String,
+      required: true
+    },
     /**
      * Label of the select component
      * ATTENTION: this shadows the vue-select prop `label`. If you need access to that use `optionLabel`.
@@ -286,10 +290,6 @@ export default defineComponent({
     readOnly: {
       type: Boolean,
       default: false
-    },
-    isLabelHidden: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['search:input', 'update:modelValue'],
@@ -313,12 +313,6 @@ export default defineComponent({
       emit('search:input', (event.target as HTMLInputElement).value)
     }
 
-    onMounted(() => {
-      if (!props.label) {
-        setComboBoxAriaLabel()
-      }
-    })
-
     const dropdownEnabled = ref(false)
     const setDropdownEnabled = (enabled: boolean) => {
       dropdownEnabled.value = enabled
@@ -366,7 +360,12 @@ export default defineComponent({
       setDropdownEnabled(true)
     }
 
+    const accessibleLabel = computed(() => {
+      return props.ariaLabel || props.label
+    })
+
     return {
+      accessibleLabel,
       select,
       userInput,
       selectDropdownShouldOpen,
diff --git a/packages/web-runtime/package.json b/packages/web-runtime/package.json
index 9eb912f95e2..67c957a25c6 100644
--- a/packages/web-runtime/package.json
+++ b/packages/web-runtime/package.json
@@ -38,7 +38,7 @@
     "vue-concurrency": "5.0.1",
     "vue-inline-svg": "3.1.2",
     "vue-router": "4.2.5",
-    "vue-select": "4.0.0-beta.6",
+    "vs-vue3-select": "^1.3.5",
     "vue3-gettext": "2.4.0",
     "web-runtime": "workspace:*",
     "webdav": "5.6.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c53dce435b9..2218a18416a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1236,6 +1236,9 @@ importers:
       uuid:
         specifier: 9.0.1
         version: 9.0.1
+      vs-vue3-select:
+        specifier: ^1.3.5
+        version: 1.3.5(vue@3.4.21)
       vue:
         specifier: 3.4.21
         version: 3.4.21(typescript@5.4.5)

From 84be0121b312d37cca1c4289f96112b67ed38a5e Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Thu, 2 May 2024 15:32:10 +0200
Subject: [PATCH 3/6] Add PR to a11y changelog item

---
 .../9.0.0_2024-06-17/enhancement-accessibility-improvements      | 1 +
 1 file changed, 1 insertion(+)

diff --git a/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements b/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
index b0d90aa0732..0994d30450c 100644
--- a/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
+++ b/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
@@ -6,3 +6,4 @@ https://github.com/owncloud/web/issues/5383
 https://github.com/owncloud/web/issues/5391
 https://github.com/owncloud/web/issues/10731
 https://github.com/owncloud/web/pull/10802
+https://github.com/owncloud/web/pull/10823

From 6aa4d7cb42492db74640e3b867f2eadfb8de2153 Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Thu, 2 May 2024 15:32:16 +0200
Subject: [PATCH 4/6] Add some aria labels to some OcSelect occurances

---
 .../src/components/Users/GroupSelect.vue                       | 1 +
 packages/web-app-epub-reader/src/App.vue                       | 1 +
 .../src/components/SideBar/Details/TagsSelect.vue              | 3 +--
 packages/web-runtime/src/components/Account/ThemeSwitcher.vue  | 1 +
 packages/web-runtime/src/pages/account.vue                     | 1 +
 5 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web-app-admin-settings/src/components/Users/GroupSelect.vue b/packages/web-app-admin-settings/src/components/Users/GroupSelect.vue
index 643dc3865c6..c74fc783228 100644
--- a/packages/web-app-admin-settings/src/components/Users/GroupSelect.vue
+++ b/packages/web-app-admin-settings/src/components/Users/GroupSelect.vue
@@ -2,6 +2,7 @@
   <div id="user-group-select-form">
     <oc-select
       :model-value="selectedOptions"
+      :aria-label="$gettext('Select groups')"
       class="oc-mb-s"
       :multiple="true"
       :options="groupOptions"
diff --git a/packages/web-app-epub-reader/src/App.vue b/packages/web-app-epub-reader/src/App.vue
index 35bb5413366..e5d167ce406 100644
--- a/packages/web-app-epub-reader/src/App.vue
+++ b/packages/web-app-epub-reader/src/App.vue
@@ -51,6 +51,7 @@
         </div>
         <oc-select
           v-model="currentChapter"
+          :aria-label="$gettext('Select a chapter')"
           class="epub-reader-controls-chapters-select oc-width-1-1 oc-px-s oc-hidden@l"
           :options="chapters"
           :searchable="false"
diff --git a/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue b/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
index 14362edcec2..4dc09a6de0b 100644
--- a/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
+++ b/packages/web-app-files/src/components/SideBar/Details/TagsSelect.vue
@@ -2,8 +2,7 @@
   <oc-select
     ref="tagSelect"
     v-model="selectedTags"
-    :label="$gettext('Add or edit tags')"
-    :is-label-hidden="true"
+    :aria-label="$gettext('Add or edit tags')"
     class="tags-select"
     :multiple="true"
     :disabled="readonly"
diff --git a/packages/web-runtime/src/components/Account/ThemeSwitcher.vue b/packages/web-runtime/src/components/Account/ThemeSwitcher.vue
index d717d34c899..d6e18e9a5bf 100644
--- a/packages/web-runtime/src/components/Account/ThemeSwitcher.vue
+++ b/packages/web-runtime/src/components/Account/ThemeSwitcher.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <oc-select
+      :aria-label="$gettext('Select a theme')"
       :model-value="currentThemeOrAuto"
       :clearable="false"
       :options="availableThemesAndAuto"
diff --git a/packages/web-runtime/src/pages/account.vue b/packages/web-runtime/src/pages/account.vue
index 952b98dd814..f0a80bb55f0 100644
--- a/packages/web-runtime/src/pages/account.vue
+++ b/packages/web-runtime/src/pages/account.vue
@@ -96,6 +96,7 @@
           <dd data-testid="language" class="oc-width-1-3@l oc-width-1-2@m oc-width-1-1@s">
             <oc-select
               v-if="languageOptions"
+              :aria-label="$gettext('Select language')"
               :placeholder="$gettext('Please choose...')"
               :model-value="selectedLanguageValue"
               :clearable="false"

From ccfad8bcf425582f121ac464fd1a8dfb7f36ad0d Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Mon, 24 Jun 2024 13:42:00 +0200
Subject: [PATCH 5/6] Update changelog

---
 .../9.0.0_2024-06-17/enhancement-accessibility-improvements | 1 -
 changelog/unreleased/enhancement-accessibility-improvements | 6 ++++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 changelog/unreleased/enhancement-accessibility-improvements

diff --git a/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements b/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
index 0994d30450c..b0d90aa0732 100644
--- a/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
+++ b/changelog/9.0.0_2024-06-17/enhancement-accessibility-improvements
@@ -6,4 +6,3 @@ https://github.com/owncloud/web/issues/5383
 https://github.com/owncloud/web/issues/5391
 https://github.com/owncloud/web/issues/10731
 https://github.com/owncloud/web/pull/10802
-https://github.com/owncloud/web/pull/10823
diff --git a/changelog/unreleased/enhancement-accessibility-improvements b/changelog/unreleased/enhancement-accessibility-improvements
new file mode 100644
index 00000000000..082ea416f3e
--- /dev/null
+++ b/changelog/unreleased/enhancement-accessibility-improvements
@@ -0,0 +1,6 @@
+Enhancement: Accessibility improvements
+
+Across the board, we have implemented improvements in regards of accessibility for the web UI.
+
+https://github.com/owncloud/web/issues/10736
+https://github.com/owncloud/web/pull/10823

From 34426ce42deb280eef0a7fed424d6d494f68be6c Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Mon, 24 Jun 2024 13:58:56 +0200
Subject: [PATCH 6/6] Update lockfile

---
 pnpm-lock.yaml | 57 ++++++++++++++++++++++----------------------------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2218a18416a..acd44f38715 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -468,6 +468,9 @@ importers:
       v-calendar:
         specifier: github:dschmidt/v-calendar#3ce6e3b8afd5491cb53ee811281d5fa8a45b044d
         version: https://codeload.github.com/dschmidt/v-calendar/tar.gz/3ce6e3b8afd5491cb53ee811281d5fa8a45b044d(vue@3.4.21(typescript@5.4.5))
+      vs-vue3-select:
+        specifier: ^1.3.5
+        version: 1.3.5(vue@3.4.21(typescript@5.4.5))
       vue:
         specifier: 3.4.21
         version: 3.4.21(typescript@5.4.5)
@@ -480,9 +483,6 @@ importers:
       vue-router:
         specifier: 4.2.5
         version: 4.2.5(vue@3.4.21(typescript@5.4.5))
-      vue-select:
-        specifier: 4.0.0-beta.6
-        version: 4.0.0-beta.6(vue@3.4.21(typescript@5.4.5))
       vue-style-loader:
         specifier: ^4.1.3
         version: 4.1.3
@@ -1238,7 +1238,7 @@ importers:
         version: 9.0.1
       vs-vue3-select:
         specifier: ^1.3.5
-        version: 1.3.5(vue@3.4.21)
+        version: 1.3.5(vue@3.4.21(typescript@5.4.5))
       vue:
         specifier: 3.4.21
         version: 3.4.21(typescript@5.4.5)
@@ -1251,9 +1251,6 @@ importers:
       vue-router:
         specifier: 4.2.5
         version: 4.2.5(vue@3.4.21(typescript@5.4.5))
-      vue-select:
-        specifier: 4.0.0-beta.6
-        version: 4.0.0-beta.6(vue@3.4.21(typescript@5.4.5))
       vue3-gettext:
         specifier: 2.4.0
         version: 2.4.0(patch_hash=x32qkm4z6srz5xuveescagpdyu)(@vue/compiler-sfc@3.4.21)(vue@3.4.21(typescript@5.4.5))
@@ -2880,8 +2877,8 @@ packages:
   '@types/istanbul-lib-coverage@2.0.6':
     resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
 
-  '@types/jquery@3.5.29':
-    resolution: {integrity: sha512-oXQQC9X9MOPRrMhPHHOsXqeQDnWeCDT3PelUIg/Oy8FAbzSZtFHRjc7IpbfFVmpLtJ+UOoywpRsuO5Jxjybyeg==}
+  '@types/jquery@3.5.30':
+    resolution: {integrity: sha512-nbWKkkyb919DOUxjmRVk8vwtDb0/k8FKncmUKFi+NY+QXqWltooxTrswvz4LspQwxvLdvzBN1TImr6cw3aQx2A==}
 
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
@@ -3364,7 +3361,6 @@ packages:
 
   abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    deprecated: Use your platform's native atob() and btoa() methods instead
 
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
@@ -4504,7 +4500,6 @@ packages:
 
   debuglog@1.0.1:
     resolution: {integrity: sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==}
-    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
@@ -4690,7 +4685,6 @@ packages:
   domexception@4.0.0:
     resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
     engines: {node: '>=12'}
-    deprecated: Use your platform's native DOMException instead
 
   domhandler@3.3.0:
     resolution: {integrity: sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==}
@@ -8175,7 +8169,6 @@ packages:
 
   reflect-metadata@0.2.1:
     resolution: {integrity: sha512-i5lLI6iw9AU3Uu4szRNPPEkomnkjRTaVt9hy/bn5g/oSzekBSMeLZblcjP74AW0vBabqERLLIrz+gR8QYR54Tw==}
-    deprecated: This version has a critical bug in fallback handling. Please upgrade to reflect-metadata@0.2.2 or newer.
 
   regenerate-unicode-properties@10.1.1:
     resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
@@ -9658,6 +9651,11 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
+  vs-vue3-select@1.3.5:
+    resolution: {integrity: sha512-XtYUs1H8tXXNe8ANtopKeuEaX+nfIyqarA37p1G2Jhpbz1Aaru29JpeRBpmfH9J4RF8tmuCxgoAn8U1z0aPBvA==}
+    peerDependencies:
+      vue: 3.x
+
   vue-component-type-helpers@2.0.13:
     resolution: {integrity: sha512-xNO5B7DstNWETnoYflLkVgh8dK8h2ZDgxY1M2O0zrqGeBNq5yAZ8a10yCS9+HnixouNGYNX+ggU9MQQq86HTpg==}
 
@@ -9757,11 +9755,6 @@ packages:
     peerDependencies:
       vue: ^3.2.0
 
-  vue-select@4.0.0-beta.6:
-    resolution: {integrity: sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==}
-    peerDependencies:
-      vue: 3.x
-
   vue-style-loader@4.1.3:
     resolution: {integrity: sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==}
 
@@ -11075,10 +11068,10 @@ snapshots:
       '@cucumber/ci-environment': 9.1.0
       '@cucumber/cucumber-expressions': 16.1.1
       '@cucumber/gherkin': 26.0.3
-      '@cucumber/gherkin-streams': 5.0.1(@cucumber/gherkin@26.0.3)(@cucumber/message-streams@4.0.1(@cucumber/messages@24.0.1))(@cucumber/messages@21.0.1)
+      '@cucumber/gherkin-streams': 5.0.1(@cucumber/gherkin@26.0.3)(@cucumber/message-streams@4.0.1(@cucumber/messages@21.0.1))(@cucumber/messages@21.0.1)
       '@cucumber/gherkin-utils': 8.0.2
       '@cucumber/html-formatter': 20.2.1(@cucumber/messages@21.0.1)
-      '@cucumber/message-streams': 4.0.1(@cucumber/messages@21.0.1)
+      '@cucumber/message-streams': 4.0.1(@cucumber/messages@24.0.1)
       '@cucumber/messages': 21.0.1
       '@cucumber/tag-expressions': 5.0.1
       assertion-error-formatter: 3.0.0
@@ -11113,10 +11106,10 @@ snapshots:
       yaml: 2.3.4
       yup: 0.32.11
 
-  '@cucumber/gherkin-streams@5.0.1(@cucumber/gherkin@26.0.3)(@cucumber/message-streams@4.0.1(@cucumber/messages@24.0.1))(@cucumber/messages@21.0.1)':
+  '@cucumber/gherkin-streams@5.0.1(@cucumber/gherkin@26.0.3)(@cucumber/message-streams@4.0.1(@cucumber/messages@21.0.1))(@cucumber/messages@21.0.1)':
     dependencies:
       '@cucumber/gherkin': 26.0.3
-      '@cucumber/message-streams': 4.0.1(@cucumber/messages@21.0.1)
+      '@cucumber/message-streams': 4.0.1(@cucumber/messages@24.0.1)
       '@cucumber/messages': 21.0.1
       commander: 9.1.0
       source-map-support: 0.5.21
@@ -11157,14 +11150,14 @@ snapshots:
     dependencies:
       '@cucumber/messages': 22.0.0
 
-  '@cucumber/message-streams@4.0.1(@cucumber/messages@21.0.1)':
-    dependencies:
-      '@cucumber/messages': 21.0.1
-
   '@cucumber/message-streams@4.0.1(@cucumber/messages@22.0.0)':
     dependencies:
       '@cucumber/messages': 22.0.0
 
+  '@cucumber/message-streams@4.0.1(@cucumber/messages@24.0.1)':
+    dependencies:
+      '@cucumber/messages': 24.0.1
+
   '@cucumber/messages@19.1.4':
     dependencies:
       '@types/uuid': 8.3.4
@@ -11874,7 +11867,7 @@ snapshots:
 
   '@types/istanbul-lib-coverage@2.0.6': {}
 
-  '@types/jquery@3.5.29':
+  '@types/jquery@3.5.30':
     dependencies:
       '@types/sizzle': 2.3.8
 
@@ -11896,7 +11889,7 @@ snapshots:
 
   '@types/mark.js@8.11.12':
     dependencies:
-      '@types/jquery': 3.5.29
+      '@types/jquery': 3.5.30
 
   '@types/mdast@3.0.15':
     dependencies:
@@ -19565,6 +19558,10 @@ snapshots:
 
   void-elements@3.1.0: {}
 
+  vs-vue3-select@1.3.5(vue@3.4.21(typescript@5.4.5)):
+    dependencies:
+      vue: 3.4.21(typescript@5.4.5)
+
   vue-component-type-helpers@2.0.13: {}
 
   vue-concurrency@5.0.1(vue@3.4.21(typescript@5.4.5)):
@@ -19684,10 +19681,6 @@ snapshots:
       '@vue/devtools-api': 6.5.1
       vue: 3.4.21(typescript@5.4.5)
 
-  vue-select@4.0.0-beta.6(vue@3.4.21(typescript@5.4.5)):
-    dependencies:
-      vue: 3.4.21(typescript@5.4.5)
-
   vue-style-loader@4.1.3:
     dependencies:
       hash-sum: 1.0.2