Add missing icons

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/BookingEdit.vue

@@ -470,7 +470,7 @@
             }
         },
         computed: {
-            ...mapState(['config', 'loading']),
+            ...mapState(['config', 'loading', 'countries']),
             ...mapGetters(['isGroupManager']),
             availableContingents () {
                 let filteredContingents = {};

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/AccommodationSelect.vue

@@ -6,9 +6,7 @@
             <span>
                 Zimmer
             </span>
-            <svg class="w-4 h-4 transform" :class="{ 'rotate-180': visible }">
+            <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
-                <use href="#icon-chevron-down"></use>
-            </svg>
         </button>
         <ul class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs divide-y" v-show="visible">
             <li v-for="accommodation in selectableAccommodations" :key="accommodation.id" class="py-1">

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/CollapsiblePanel.vue

@@ -5,9 +5,7 @@
                 <a role="button" href="#" class="flex items-center justify-between"
                    @click.prevent="expanded = !expanded">
                     <span>{{ title }}</span>
-                    <svg class="w-6 h-6 transform" :class="{ 'rotate-180': expanded }">
+                    <svg class="w-6 h-6" fill="none" :class="{ 'rotate-180': expanded }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
-                        <use href="#icon-chevron-down"></use>
-                    </svg>
                 </a>
             </h3>
         </div>

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue

@@ -6,9 +6,7 @@
             <span>
                 Telefon
             </span>
-            <svg class="w-4 h-4 transform" :class="{ 'rotate-180': visible }">
+            <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
-                <use href="#icon-chevron-down"></use>
-            </svg>
         </button>
         <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
             <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Mobil"

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantSizesForm.vue

@@ -4,9 +4,7 @@
             <span>
                 Größen
             </span>
-            <svg class="w-4 h-4 transform" :class="{ 'rotate-180': visible }">
+            <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
-                <use href="#icon-chevron-down"></use>
-            </svg>
         </button>
         <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
             <input class="form-input w-full" type="text" placeholder="Körpergröße"

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/PickupSelect.vue

@@ -4,9 +4,7 @@
             <span>
                 Zustieg
             </span>
-            <svg class="w-4 h-4 transform" :class="{ 'rotate-180': visible }">
+            <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
-                <use href="#icon-chevron-down"></use>
-            </svg>
         </button>
       <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs" v-show="visible">
             <div class="py-1" v-for="pickup in pickups" :key="pickup.id">

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ServiceSelect.vue

@@ -4,7 +4,7 @@
             <span>
                 {{ subType.label }}
             </span>
-            <svg class="w-4 h-4 transform" :class="{ 'rotate-180': visible }">
+            <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
                 <use href="#icon-chevron-down"></use>
             </svg>
         </button>