fix: use event dispatcher of Stimulus controller class

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js

@@ -1,5 +1,4 @@
 import { Controller } from '@hotwired/stimulus'
-import { useDispatch } from 'stimulus-use'
 import { useFetch } from '../mixins/use_fetch'
 
 export default class extends Controller {
@@ -21,13 +20,17 @@ export default class extends Controller {
     }
 
     initialize() {
-        useDispatch(this)
         useFetch(this)
     }
 
     openModal({ params }) {
         let eventName = `${params.type}-modal:open`
-        this.dispatch(eventName, params.uid)
+        this.dispatch(eventName, {
+            detail: {
+                type: params.type,
+                uid: params.uid
+            }
+        })
     }
 
     load(e) {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/modal_controller.js

@@ -4,10 +4,10 @@ export default class extends Controller {
 
     static targets = [ 'content' ]
 
-    open(e) {
+    open({ detail: { uid } }) {
         this.contentTargets.forEach(element => {
-            let uid = parseInt(element.dataset.uid)
-            element.classList.toggle('hidden', e.detail !== uid)
+            let elementUid = parseInt(element.dataset.uid)
+            element.classList.toggle('hidden', uid !== elementUid)
         })
         this.element.classList.remove('hidden')
     }

public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/pricetable_controller.js

@@ -1,5 +1,4 @@
 import { Controller } from '@hotwired/stimulus'
-import { useDispatch } from 'stimulus-use'
 
 export default class extends Controller {
 
@@ -19,10 +18,6 @@ export default class extends Controller {
         iconSpriteUrl: String,
     }
 
-    initialize() {
-        useDispatch(this)
-    }
-
     toggleSurcharge() {
         this.modeValue = this.modeValue === 'surcharge' ? '' : 'surcharge'
     }
@@ -37,7 +32,12 @@ export default class extends Controller {
 
     openModal({ params }) {
         let eventName = `${params.type}-modal:open`
-        this.dispatch(eventName, params.uid)
+        this.dispatch(eventName, {
+            detail: {
+                type: params.type,
+                uid: params.uid
+            }
+        })
     }
 
     modeValueChanged() {

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Pricetable.html

@@ -85,8 +85,8 @@
                                     <f:if condition="{row.optionalServices} && {row.available}">
                                         <button type="button"
                                                 data-action="pricetable#openModal"
-                                                data-type="options"
-                                                data-uid="{row.roomUid}"
+                                                data-pricetable-type-param="options"
+                                                data-pricetable-uid-param="{row.roomUid}"
                                                 data-cooltipz-dir="top"
                                                 aria-label="Alle Zusatzleistungen anzeigen"
                                                 role="tooltip">